/* Local fonts: Latin letters use Roboto; Persian and numbers use IRANYekanX. */
@font-face {
    font-family: "Preview Yekan";
    src: url("/landing/webfonts/iranyekan/IRANYekanXVF.woff") format("woff");
    font-style: normal;
    font-weight: 100 1000;
    font-display: swap;
}
@font-face {
    font-family: "Preview Roboto";
    src: url("../font/roboto/roboto-400.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    unicode-range: U+0041-005A, U+0061-007A, U+00C0-024F;
}
@font-face {
    font-family: "Preview Roboto";
    src: url("../font/roboto/roboto-500.ttf") format("truetype");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    unicode-range: U+0041-005A, U+0061-007A, U+00C0-024F;
}
@font-face {
    font-family: "Preview Roboto";
    src: url("../font/roboto/roboto-600.ttf") format("truetype");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    unicode-range: U+0041-005A, U+0061-007A, U+00C0-024F;
}
@font-face {
    font-family: "Preview Roboto";
    src: url("../font/roboto/roboto-700.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    unicode-range: U+0041-005A, U+0061-007A, U+00C0-024F;
}
html, body {
    font-family: "Preview Roboto", "Preview Yekan", Tahoma, sans-serif;
    font-synthesis: none;
    font-weight: 400;
}
button, input, select, textarea { font-family: inherit; }
.servers-page p, .servers-page details { line-height: 1.85; }
.servers-page .text-sm { font-size: 14px; }
@media (max-width: 767px) {
    .servers-page p, .servers-page details { font-size: 15px; }
    .servers-page select { font-size: 16px; }
    .servers-page .country .text-xs { font-size: 13px; line-height: 1.7; }
    .servers-page .duration { font-size: 14px; gap: 4px; padding-inline: 6px; }
    .servers-page .badge-danger { font-size: 12px; padding-inline: 4px; }
}
@media (max-width: 360px) {
    .servers-page .server-tabs .tab { font-size: 13px; padding-inline: 6px; }
    .servers-page h2.text-lg { font-size: 15px; }
    .servers-page .bg-forth .text-2xl { font-size: 20px; }
}