@font-face {
    font-family: "SolaimanLipi";
    src: url("/static/fonts/SolaimanLipi.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

html,
body,
button,
input,
select,
textarea {
    font-family: "SolaimanLipi", Arial, "Nirmala UI", "Noto Sans Bengali", sans-serif !important;
}

body {
    font-size: 19px;
    line-height: 1.65;
}

p,
li,
label,
input,
select,
textarea,
button,
a {
    font-size: 18px;
}

small,
.help,
.description {
    font-size: 16px !important;
    line-height: 1.55;
}

table th,
table td {
    font-size: 17px !important;
    line-height: 1.55;
}

.eyebrow,
.badge,
.status,
.plan-label {
    font-size: 16px !important;
}

.navlinks a,
.navlinks button,
.sidebar a,
.logout button {
    font-size: 17px !important;
}

.hero small,
.metric span,
.license-stats span,
.api-note,
.switch,
footer {
    font-size: 16px !important;
}

.panel-title h2,
.features h3,
.benefit-grid h3,
.workflow b,
.package-assurance strong {
    font-size: 20px;
}

@media (max-width: 600px) {
    body {
        font-size: 18px;
    }

    p,
    li,
    label,
    input,
    select,
    textarea,
    button,
    a {
        font-size: 17px;
    }

    small,
    .help,
    .description {
        font-size: 15px !important;
    }
}

.delete-modal {
    border: 0;
    border-radius: 16px;
    padding: 25px;
    max-width: 440px;
    box-shadow: 0 25px 80px #10182a45;
}

.delete-modal::backdrop {
    background: #0b1222aa;
}