body {
    font-family: IRANSansX, ModamFaNumWeb;
}
*::selection {
    color: var(--sep-white);
    background: var(--sep-dark2);
}
html {
    scrollbar-width: thin; /* یا auto یا none */
    scrollbar-color: var(--sep-red) var(--sep-white);
    scroll-behavior: smooth !important;
}
/* کل صفحه */ ::-webkit-scrollbar {
                  width: 8px;
                  height: 8px;
              }
/* پس‌زمینه اسکرول‌بار */ ::-webkit-scrollbar-track {
                              background: var(--sep-white);
                          }
/* نوار خود اسکرول */ ::-webkit-scrollbar-thumb {
                          background-color: var(--sep-red);
                          border-radius: 10px;
                      }
:root {
    --sep-white: #FFFFFF;
    --sep-gray1: #F3F3F3;
    --sep-gray2: #DBDBDB;
    --sep-dark1: #3A4855;
    --sep-dark2: #526373;
    --sep-red: #AB052D;
    --sep-red2: #691227;
    --sep-grad: radial-gradient(circle, #AB052D 0%, rgba(255, 255, 255, 1) 100%);
    --sep-del: 0.4s;
}
.body1 {
    font-size: 32px;
    font-weight: 700;
}
.body2 {
    font-size: 20px;
    font-weight: 700;
}
.body3 {
    font-size: 17px;
    font-weight: 700;
}
.body4 {
    font-size: 16px;
    font-weight: 400;
    line-height: 180%;
    letter-spacing: -0.48px;
}
.body7 {
    font-size: 16px;
    font-weight: 500;
}
.body5 {
    font-size: 16px;
    font-weight: 600;
}
.body6 {
    font-size: 15px;
    font-weight: 400;
}
.body8 {
    font-size: 15px;
    font-weight: 500;
}
.body9 {
    font-size: 14px;
    font-weight: 600;
}
.body10 {
    font-size: 14px;
    font-weight: 500;
}
.body11 {
    font-size: 14px;
    font-weight: 400;
}
.body12 {
    font-size: 13px;
    font-weight: 400;
}
.body13 {
    font-size: 12px;
    font-weight: 400;
}
.offcanvas-backdrop.show {
    opacity: 1!important;
}

.sp-header-mobile-menu li ul.sub-menu li a .submenu-toggle-icon {
    display: none!important;
}