
:root {
  --light-purple: #F6F4FE;
  --purple: #6A49F2;
  --bg-purple: #6A49F2;
  --dark-purple: #32236F;
  --dark-bg-text: #9995b1;
  --body-text-purple: #3E3F66;
  --text-white: #ffffff;
  --bg-white: #ffffff;
  --slider-dots-color: #D4D2DD;
  --light-bg: #DFDAF3;
}

.block-number {
  text-align: center;
  font-weight: bold;
  font-size: 0.8125em;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #191919;
  transition: 0.3s ease-out; }
  .block-number:hover {
    opacity: 1; }
  .block-number::after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 6px;
    margin-bottom: 2px;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3px solid #191919; }
  .block-number a:hover,
  .block-number a:focus {
    color: #191919; }

.demo-section .main-content .section,
.main-content .topbar,
.main-content .navbar,
.main-content .header,
.main-content .footer {
  margin: 30px 20px 100px;
  border: 1px solid #f5f6f7;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); }

.main-content .navbar {
  position: static;
  margin: 0; }

*{
  direction: rtl;
}

*{
  text-align: right;
  scroll-behavior: smooth !important;
  overscroll-behavior-x: contain !important;
}


@font-face {
  font-family: iranyekan;
  font-style: normal;
  font-weight: normal;
  src: url("../../../fonts/2-IranYekan/iranyekanwebregular.eot");
  src: url("../../../fonts/2-IranYekan/iranyekanwebregular.eot") format("embedded-opentype"), url("../../../fonts/2-IranYekan/iranyekanwebregular.woff2") format("woff2"), url("../../../fonts/2-IranYekan/iranyekanwebregular.woff") format("woff"), url("../../../fonts/2-IranYekan/iranyekanwebregular.ttf") format("truetype");
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
*{
  font-family: iranyekan ;
}

pre{
  direction: ltr !important;
}
pre span {
  background: transparent !important;
}

ul,
li{
  list-style: inherit;
  margin: 6px 0;
}

hr{
  border-color: transparent !important;
}

.header{
  display: none;
}

body{
  background-color: transparent !important;
}

.anchor{
  right: unset !important;
  left: 100% !important;
  padding-right: 0 !important; 
  padding-left: 0.5rem;
}
.nav-angle{
  margin-right: 1.5rem;
}
/*# sourceMappingURL=style.css.map */
