/* Global Reset – removes all browser defaults */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* Reset for newer HTML5 elements */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
/* Body defaults neutralized */
body {
    line-height: 1;
}
/* List removes bullet and spacing */
ol, ul {
    list-style: none;
}
/* Quotes no extra quotes */
blockquote, q {
    quotes: none;
}
blockquote::before, blockquote::after, q::before, q::after {
    content: '';
    content: none;
}
/* Table collapse */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* Forms & interactive elements */
input, button, textarea, select {
    border: none;
    outline: none!important;
    background: none;
    padding: 0;
    margin: 0;
    font: inherit;
}
/* Links → no color or underline */
a, ins {
    color: inherit;
    text-decoration: none;
}
/* Images & media */
img, video {
    display: block;
    max-width: 100%;
    height: auto;
}
#kalaplus-font_body .select_wrapper.typography-style, #kalaplus-font_body .input_wrapper.font-size.redux-container-typography, #kalaplus-font_body .input_wrapper.line-height.redux-container-typography, #kalaplus-font_body .picker-wrapper, #kalaplus-font_body .select_wrapper.typography-align.tooltip {
    display: none !important;
}
#kalaplus-font_body .select_wrapper.typography-family label {
    font-size: 14px !important;
}
#kalaplus-font_body .select_wrapper.typography-family .select2.select2-container.select2-container--default .selection .select2-selection.select2-selection--single {
    height: 50px;
    padding: 10px;
    box-shadow: 0px 0px 16px 0px #BED4E74A;
    margin-top: 10px;
}
#kalaplus-font_body .select_wrapper.typography-family .select2.select2-container.select2-container--default .selection .select2-selection.select2-selection--single #select2-font_body-family-container {
    padding: 0;
}
#kalaplus-font_body .select_wrapper.typography-family .select2.select2-container.select2-container--default .selection .select2-selection.select2-selection--single .select2-selection__arrow {
    left: 10px;
    top: 20px;
    right: auto;
    background: unset;
}
.redux-main .redux-typography-container .typography-preview {
    border-radius: 12px !important;
    margin: 50px 0 10px !important;
}
h1 {
    font-size: 32px;
    font-weight: 900;
    line-height: 64px;
}
h2 {
    font-size: 24px;
    font-weight: 900;
    line-height: 48px;
}
h3 {
    font-size: 18px;
    font-weight: 800;
    line-height: 36px;
}
h4 {
    font-size: 32px;
    font-weight: 900;
    line-height: 64px;
}
.body1 {
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
}
.body12 {
    font-size: 16px;
    font-weight: 600;
    line-height: 32px;
}
.body2 {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}
.body3 {
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
}
.body4 {
    font-size: 14px;
    font-weight: 600;
    line-height: 28px;
}
.caption {
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
}
:root {
    --kp-black: #000000;
    --kp-white: #FFFFFF;
    --kp-org1: #DD5C34;
    --kp-org2: #E76941;
    --kp-org3: #FCB093;
    --kp-org4: #FFF5F3;
    --kp-dbl1: #0C1B43;
    --kp-dbl2: #959EB1;
    --kp-lbl1: #C3D9ED;
    --kp-lbl2: #D5E6F6;
    --kp-lbl3: #F0F5FA;
    --kp-rad: 48px;
    --kp-rad1: 16px;
    --kp-rad2: 12px;
    --kp-rad3: 8px;
    --kp-rad4: 32px;
    --kp-del: 0.4s;
    --kp-del2: all 0.4s ease-in-out;
}

*::selection {
    color: var(--kp-white);
    background: var(--kp-org2);
}
html {
    scrollbar-width: thin; /* یا auto یا none */
    scrollbar-color: var(--kp-org1) var(--kp-white);
    scroll-behavior: smooth !important;
}
/* کل صفحه */
::-webkit-scrollbar {
      width: 8px;
     height: 8px;
}
/* پس‌زمینه اسکرول‌بار */
::-webkit-scrollbar-track {
    background: var(--kp-white);
}
/* نوار خود اسکرول */
::-webkit-scrollbar-thumb {
    background-color: var(--kp-org1);
    border-radius: 10px;
}