:root{
    --sl-font-body: "Noto Naskh Arabic", serif;
    --sl-font-size-base: 20px;
    --sl-font-size-meta: 14px;
    --sl-font-size-nav: 16px;
    --sl-font-size-title: clamp(2rem, 4vw, 3rem);
    --sl-font-size-subtitle: 1rem;
    --sl-font-size-widget-title: 1.25rem;
    --sl-font-size-comment: 1.03rem;
    --sl-line-body: 2.1;
    --sl-line-tight: 1.45;
    --sl-line-title: 1.3;
}

html{
    -webkit-text-size-adjust:100%;
    text-rendering:optimizeLegibility;
}

body,
button,
input,
select,
textarea{
    font-family: var(--sl-font-body) !important;
}

.main-header-2030,
.panel-items-list li a,
.elite-nav-links li a,
.search-field-2030,
.single-title,
.article-body,
.widget-meta-title,
.related-title,
.card-content h3,
.comment-reply-title,
.author-name,
.comment-text,
.submit-btn{
    font-family: var(--sl-font-body) !important;
}

.elite-nav-links li a{
    font-size: var(--sl-font-size-nav);
    font-weight: 700;
    letter-spacing: 0;
}

.panel-items-list li a{
    font-size: 1.08rem;
    font-weight: 700;
}

.single-title{
    font-size: var(--sl-font-size-title);
    line-height: var(--sl-line-title);
    letter-spacing: 0;
}

.single-meta-centered,
.comment-date,
.sidebar-news-meta,
.breadcrumbs-inner,
.gnews-pill{
    font-size: var(--sl-font-size-meta);
}

.article-body{
    font-size: var(--sl-font-size-base);
    line-height: var(--sl-line-body);
    font-weight: 500;
}

.article-body p{
    margin-bottom: 1.35rem;
}

.article-body h2{
    font-size: clamp(1.7rem, 2.8vw, 2.2rem);
    line-height: 1.45;
}

.article-body h3{
    font-size: clamp(1.45rem, 2.5vw, 1.9rem);
    line-height: 1.45;
}

.article-body h4{
    font-size: clamp(1.2rem, 2vw, 1.45rem);
    line-height: 1.5;
}

.article-body ul,
.article-body ol{
    margin: 0 0 1.5rem 0;
    padding-right: 1.2rem;
}

.article-body li{
    margin-bottom: .55rem;
}

.widget-meta-title,
.related-title{
    font-size: var(--sl-font-size-widget-title);
    line-height: 1.4;
    font-weight: 800;
}

.card-content h3,
.sidebar-news-content h4{
    line-height: 1.55;
}

.comments-main-title,
.form-title{
    font-size: clamp(1.55rem, 2.2vw, 1.95rem);
}

.comment-text{
    font-size: var(--sl-font-size-comment);
    line-height: 1.95;
}

.modern-comment-form input,
.modern-comment-form textarea{
    font-size: 1rem;
}

.submit-btn{
    font-size: 1.05rem;
    font-weight: 800;
}

@media (max-width: 992px){
    :root{
        --sl-font-size-base: 18.5px;
        --sl-font-size-nav: 15px;
    }

    .article-body{
        text-align: right;
        line-height: 2;
    }

    .single-title{
        font-size: clamp(1.7rem, 6vw, 2.2rem);
    }
}