@font-face {
    font-family: 'iransansxv';
    font-weight: 100 1000;
    font-display: swap;
    src: url('../fonts/IRANSansXV.woff2') format('woff2');
}
:root,
:root[data-theme="light"] {
  /* Background Colors */
  --ati-bg: #f9f9f9;
  --ati-pbg: #ffffff;
  
  /* btn */
  --ati-btn-bg: #b00000;
  --ati-btn-color: #fff;
  
  /* Text Colors */
  --ati-color: #303030;
  --ati-pcolor: #606060;
  
  --ati-link-color: #008eee;
  
  /* border */
  --ati-border-color: #e5e5e5;
  --ati-border-color-hover: #000;
  
  /* Btn */
  --ati-btn-bg: #b00000;
  --ati-btn-padd: 5px;
  --ati-btn-color: #fff;
  --ati-btn-rad: 8px;
  
  /* padding */
  --ati-s-padd: 5px;
  --ati-m-padd: 10px;
  --ati-l-padd: 15px;
  --ati-xl-padd: 20px;
  --ati-xxl-padd: 25px;
  
  /* margin */
  --ati-s-marg: 5px;
  --ati-m-marg: 10px;
  --ati-l-marg: 15px;
  --ati-xl-marg: 20px;
  --ati-xxl-marg: 25px;
  
  /* gap */
  --ati-s-gap: 5px;
  --ati-m-gap: 10px;
  --ati-l-gap: 15px;
  --ati-xl-gap: 20px;
  --ati-xxl-gap: 25px;
  
  /* border radius */
  --ati-s-rad: 5px;
  --ati-m-rad: 10px;
  --ati-l-rad: 15px;
  --ati-xl-rad: 20px;
  --ati-xxl-rad: 25px;
  
  /* box shadow */
  --ati-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
  
  /* Font Family */
  --font-family: IRANSansXV, "Nunito Sans", -apple-system, ".SFNSText-Regular", "San Francisco", "BlinkMacSystemFont", "Segoe UI", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  
  /* Font Sizes */
  --font-xs: 0.75rem;    /* 12px */
  --font-sm: 0.875rem;   /* 14px */
  --font-base: 1rem;     /* 16px (default) */
  --font-md: 1.125rem;   /* 18px */
  --font-lg: 1.25rem;    /* 20px */
  --font-xl: 1.5rem;     /* 24px */
  --font-xxl: 2rem;      /* 32px */
  
   --header-height: 104px;
   
   /* ati-colors */
   --ati-red: #b00000;
   
   --ati-mobile-footer-menu-height: 72px;
   
    @media screen and (max-width: 1024px) {
           --header-height: 130px;
    }
}

:root[data-theme="dark"] {
  /* Background Colors */
  --ati-bg: #222;
  --ati-pbg: #444;
  
  /* Text Colors */
  --ati-color: #fff;
  --ati-pcolor: #606060;
}
html {
    background-color: var(--ati-bg);
    color: var(--ati-color);
}
.ati-skeleton {
  position: relative;
  overflow: hidden;
}
.ati-skeleton::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: linear-gradient(90deg, #eee 25%, #f5f5f5 50%, #eee 75%);
  background-size: 200% 100%;
  animation: shine 1.5s infinite;
  z-index: 1;
  pointer-events: none;
}
@keyframes shine {
  from { background-position: 200% 0; }
  to { background-position: -200% 0; }
}
.ati-link {
  color: var(--ati-link-color);  
}
.ati-read-more {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ati-readmore-open {
  -webkit-line-clamp: unset;
}
* {
    box-sizing: border-box;
    outline: none;
    margin: 0;
    /* padding: 0; */
    font-family: var(--font-family);
    /*background: #8bc34a30;*/
}
h1, h2, h3, h4, h5, h6 {
    font-size: unset;
    font-style: normal;
    margin: unset;
}
h1 {
    all: unset;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2;
}
h2 {
    font-size: 1.2rem;
    font-weight: 600;
}
h3 {
    font-size: .9rem;
}
body {
    font-size: var(--font-base);
    font-feature-settings: "ss01";
    color: var(--ati-color);
}
body > * {
    /* background: rgba(255, 255, 255, 0.15);
    /* backdrop-filter: blur(10px); */
}
header,
nav,
main > * {
    margin: var(--ati-xl-marg);
    border-radius: var(--ati-m-rad);
}
a {
    text-decoration: none;
    color: inherit;
}
.ellipsis-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.icon-bg {
    display: grid !important;
    place-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    box-shadow: inset #aaaaac40 0 0 0px 1px;
    cursor: pointer;
}
.display-none {
    display: none;
}
.display-flex {
    display: flex;
}
.is-mobile {
    display: none!important;
}

.ati-backdrop-overlay {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 998;
    position: fixed;
    background: #ffffff75;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transition: background .5s ease-in-out, visibility .5s ease-in-out;
    -moz-transition: background .5s ease-in-out, visibility .5s ease-in-out;
    transition: background .5s ease-in-out, visibility .5s ease-in-out;
    backdrop-filter: blur(8px);
    pointer-events: auto;
    cursor: no-drop;
    display: none;
}
.ati-backdrop-overlay-close {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.ati-liquid-glass {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}
@media screen and (max-width: 1024px) {
    body {
        margin-bottom: var(--ati-mobile-footer-menu-height);
    }
    .is-desktop {
        display: none!important;
    }
    .is-mobile {
        display: flex!important;
    }
}