@font-face{font-family:dana;font-style:normal;font-weight:400;src:url(Dana-Regular.woff2) format("woff2");font-display:swap}
*{box-sizing:border-box;padding:0;margin:0;border:0;outline:0}
html,body{overflow-x:hidden}
html{scroll-behavior:smooth}
body,input,button,textarea,h1,h2,h3,h4{font-family:dana;font-feature-settings:"ss02"}
body{direction:rtl;background:var(--page-bg-color);color:var(--text-color);font-size:15px;gap:1em;display:flex;flex-direction:column;min-height:100vh}
input,button{font-size:15px;background:none}
h1,h2,h3 {
    text-align: right;
}

.p-4{    max-width: 1200px;
    margin: 0 auto;
    width: 96%;}

.table {
    text-align: right;
}
    body {
        background-color: #f8f9fa;
    }
    .card-hover {
        transition: transform 0.3s, box-shadow 0.3s;
        cursor: pointer;
    }
    .card-hover:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 20px rgba(0,0,0,0.2);
    }
    .icon-svg {
        width: 40px;
        height: 40px;
        margin-bottom: 10px;
        fill: currentColor;
    }