:root {
    --primary: #42c4ff;
    --hover: #54c9ff;
    --success: #41D071;
    --grey-light: #99A3BA;
    --grey: #6C7486;
    --grey-dark: #3F4656;
    --light: #CDD9ED;
    --lighter: #E4ECFA;
    --shadow:
    rgba(18, 22, 33, .1);
  }
  

  body,p,h1,h2,h3,h4,h5,a,span{
    font-family:vazirfd,tahoma !important;
  }
  
  .navbar.navbar-transparent {
      /* background-color: #03a9f4 !important; */
  }
  
  .navbar.navbar-transparent {
  }
  
  /* matno */
  /* .................................... */
  /* .................................... */
  /* .................................... */
  /* .................................... */
  /* .................................... */
  /* .................................... */
  
  .clearfix:after {
      content: "";
      display: block;
      clear: both
  }
  
  .ellipsis {
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden
  }
  
  .intro strong {
      color: black;
      /* font-weight: 100; */
      padding: 5px;
  }
  
  .libtns.disable {
      pointer-events: none;
      opacity: 0!important;
  }
  
  .dropdown-menu.dropdown-menu-sm:before {
  
    display: none !important;
  
  
  }
  
  .editText.disable,.disable {
      pointer-events: none;
      opacity: .7!important;
      color: #545454 !important;
  }
  
  h4, .h4 {
      font-size: 1.303em;
      color: #747474;
  }
  
  .red {
      color: #ff6166!important
  }
  
  .loader {
      border: 16px solid #ffffff;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-top: 16px solid var(--primary);
      width: 90px;
      height: 90px;
      -webkit-animation: spin 2s linear infinite;
      animation: spin 2s linear infinite;
      margin: auto;
      /* position: absolute; */
      /* left: 40%; */
  }
  
  .spin {
      -webkit-animation: spin 2s linear infinite;
      animation: spin 2s linear infinite;
  }
  
  @-webkit-keyframes spin {
      100% {
          -webkit-transform: rotate(360deg);
      }
  }
  
  @keyframes spin {
      100% {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
      }
  }
  
  
  @-webkit-keyframes blink {
      0% {
          opacity: 1;
      }
  
      50% {
          opacity: 0;
      }
  
      100% {
          opacity: 1;
      }
  }
  
  @keyframes blink {
      0% {
          opacity: 1
      }
  
      50% {
          opacity: 0
      }
  
      100% {
          opacity: 1
      }
  }
  
  
  @-webkit-keyframes blink2 {
      0% {
          opacity: 1;
      }
  
      50% {
          opacity: .8;
      }
  
      100% {
          opacity: 1;
      }
  }
  
  @keyframes blink2 {
      0% {
          opacity: 1
      }
  
      50% {
          opacity: .8
      }
  
      100% {
          opacity: 1
      }
  }
  
  
  
  #wrapper {
      padding-top: 90px
  }
  
  @media screen and (max-width:1200px) {
      #wrapper {
          padding-top: 50px
      }
  }
  
  .page-container {
      max-width: 1230px
  }
  
  .full-container,
  .page-container {
      display: block;
      width: 100%;
      padding: 0 15px;
      margin: 0 auto;
      margin-top: 30px;
  }
  
  .full-container {
      max-width: 1650px
  }
  
  .svg-el {
      width: 100%;
      height: 100%
  }
  
  h1,
  h2,
  h3,
  p {
      margin: 0
  }
  
  strong {
      font-weight: 600
  }
  
  b {
      font-weight: 700
  }
  
  .full-choose-file {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      cursor: pointer;
      z-index: 0
  }
  
  .title-section {
      display: block;
      text-align: center;
      padding-bottom: 10px;
      margin-top: 15px;
  }
  
  @media screen and (max-width:960px) {
      .title-section {
          padding-bottom: 35px
      }
  }
  
  .title-section h2,.title-section h1 {
      display: block;
      letter-spacing: 0;
      color: #212121;
      font-family: "KalamehBlack" !important;
      font-size: 2.8em;
  }
  
  @media screen and (max-width:960px) {
      .title-section h2 {
          font-size: 24px
      }
  }
  
  .google-ads {
      margin: 20px auto 0;
      text-align: center;
      position: relative;
      z-index: 1
  }
  
  @media only screen and (max-width:992px) {
      .google-ads {
          display: none!important
      }
  }
  
  .mobile .google-ads {
      display: none!important
  }
  
  .main-section {
      display: block;
      position: relative;
      width: calc(100% - 25px);
      background-color: #eff9f2;
      padding: 75px 50px;
      margin: 20px auto 50px
  }
  
  @media screen and (max-width:1400px) {
      .main-section {
          padding: 75px 15px
      }
  }
  
  @media screen and (max-width:1200px) {
      .main-section {
          padding: 25px 0 40px
      }
  }
  
  @media screen and (max-width:960px) {
      .main-section {
          margin-bottom: 0;
          width: 100%
      }
  }
  
  @media screen and (max-width:768px) {
      .main-section {
          margin-top: 0
      }

      .modal-dialog {
    zoom: 1 !important;
}
  }
  
  .mobile .main-section {
      padding: 25px 0 40px;
      margin-top: 0;
      margin-bottom: 0;
      width: 100%
  }
  
  .main-section .full-container {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: justify;
      justify-content: space-between
  }
  
  @media screen and (max-width:1200px) {
      .main-section .full-container {
          -ms-flex-direction: column;
          flex-direction: column
      }
  }
  
  .mobile .main-section .full-container {
      -ms-flex-direction: column;
      flex-direction: column
  }
  
  .main-section .title-block {
      display: inline-block;
      max-width: 350px;
      width: 100%;
      transition: all .2s
  }
  
  @media (-ms-high-contrast:active),
  (-ms-high-contrast:none) {
      .main-section .title-block {
          min-width: 350px
      }
  }
  
  @media screen and (-ms-high-contrast:active) and (max-width:1200px),
  screen and (-ms-high-contrast:none) and (max-width:1200px) {
      .main-section .title-block {
          min-width: inherit
      }
  }
  
  .mobile .main-section .title-block {
      max-width: 700px;
      padding-bottom: 25px;
      text-align: center
  }
  
  @media screen and (max-width:1200px) {
      .main-section .title-block {
          max-width: 700px;
          padding-bottom: 40px;
          text-align: center
      }
  }
  
  .main-section .title-block h1 {
      display: block;
      font: 700 36px/1.2 Poppins, sans-serif;
      letter-spacing: 0;
      color: #303030;
      text-transform: uppercase;
      padding-bottom: 10px
  }
  
  .mobile .main-section .title-block h1 {
      font-size: 24px
  }
  
  .es .main-section .title-block h1,
  .id .main-section .title-block h1,
  .ja .main-section .title-block h1,
  .pl .main-section .title-block h1,
  .pt .main-section .title-block h1,
  .ru .main-section .title-block h1,
  .sv .main-section .title-block h1 {
      font-size: 30px
  }
  
  @media screen and (max-width:600px) {
      .es .main-section .title-block h1,
      .id .main-section .title-block h1,
      .ja .main-section .title-block h1,
      .pl .main-section .title-block h1,
      .pt .main-section .title-block h1,
      .ru .main-section .title-block h1,
      .sv .main-section .title-block h1 {
          font-size: 20px
      }
  }
  
  .es .main-section .title-block h1 {
      font-size: 28px
  }
  
  @media screen and (max-width:600px) {
      .es .main-section .title-block h1 {
          font-size: 20px
      }
  }
  
  .vi .main-section .title-block h1 {
      font-size: 26px
  }
  
  @media screen and (max-width:600px) {
      .vi .main-section .title-block h1 {
          font-size: 20px
      }
  }
  
  .tr .main-section .title-block h1 {
      font-size: 24px
  }
  
  @media screen and (max-width:600px) {
      .tr .main-section .title-block h1 {
          font-size: 20px
      }
  }
  
  @media screen and (max-width:1200px) {
      .main-section .title-block h1 {
          font-size: 30px;
          padding-bottom: 5px
      }
  }
  
  @media screen and (max-width:600px) {
      .main-section .title-block h1 {
          font-size: 24px
      }
  }
  
  .main-section .title-block p {
      display: block;
      font: 300 18px/1.5 Poppins, sans-serif;
      letter-spacing: 0;
      color: #666
  }
  
  .mobile .main-section .title-block p {
      font-size: 14px
  }
  
  .de .main-section .title-block p,
  .es .main-section .title-block p,
  .fr .main-section .title-block p,
  .id .main-section .title-block p,
  .it .main-section .title-block p,
  .ja .main-section .title-block p,
  .pl .main-section .title-block p,
  .pt .main-section .title-block p,
  .ru .main-section .title-block p,
  .sv .main-section .title-block p,
  .tr .main-section .title-block p,
  .vi .main-section .title-block p {
      font-size: 16px
  }
  
  @media screen and (max-width:600px) {
      .de .main-section .title-block p,
      .es .main-section .title-block p,
      .fr .main-section .title-block p,
      .id .main-section .title-block p,
      .it .main-section .title-block p,
      .ja .main-section .title-block p,
      .pl .main-section .title-block p,
      .pt .main-section .title-block p,
      .ru .main-section .title-block p,
      .sv .main-section .title-block p,
      .tr .main-section .title-block p,
      .vi .main-section .title-block p {
          font-size: 14px
      }
  }
  
  @media screen and (max-width:1200px) {
      .main-section .title-block p {
          font-size: 16px
      }
  }
  
  @media screen and (max-width:600px) {
      .main-section .title-block p {
          font-size: 14px
      }
  }
  
  .main-section .functional {
      display: inline-block;
      max-width: 700px;
      width: 100%;
      padding: 0 25px
  }
  
  @media screen and (max-width:768px) {
      .main-section .functional {
          padding: 0
      }
  }
  
  .mobile .main-section .functional {
      padding: 0
  }
  
  .main-section .functional .choose-file-block {
      display: block;
      text-align: center
  }
  
  .main-section .functional .choose-file-block .choose-file-icon {
      display: block;
      position: relative;
      max-width: 100px;
      width: 100%;
      height: 100px;
      margin: 25px auto 0
  }
  
  @media screen and (max-width:1200px) {
      .main-section .functional .choose-file-block .choose-file-icon {
          margin: 0 auto
      }
  }
  
  .main-section .functional .choose-file-block .choose-file-icon svg {
      fill: #99dcb0
  }
  
  .mobile .main-section .functional .choose-file-block .choose-file-icon {
      margin: 15px auto 0
  }
  
  .main-section .functional .choose-file-block .choose-file {
      display: block;
      text-align: center
  }
  
  .main-section .functional .choose-file-block .choose-file .drop-text {
      display: block;
      text-align: center;
      padding: 18px 0
  }
  
  .main-section .functional .choose-file-block .choose-file .drop-text p {
      display: block;
      font: 400 14px/1.2 Poppins, sans-serif;
      letter-spacing: 0;
      color: #666
  }
  
  .main-section .functional .choose-file-block .choose-file .drop-text.drop-text-hide {
      display: none
  }
  
  .main-section .functional .choose-file-block .choose-file .btn-choose-file {
      display: block;
      text-align: center
  }
  
  .main-section .functional .choose-file-block .choose-file .btn-choose-file input {
      display: none
  }
  
  .main-section .functional .choose-file-block .choose-file .btn-choose {
      display: -ms-inline-flexbox;
      display: inline-flex;
      position: relative;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: center;
      justify-content: center;
      min-width: 310px;
      width: auto;
      font: 500 20px/1.1 Poppins, sans-serif;
      letter-spacing: .4px;
      color: #fff;
      text-transform: uppercase;
      border-radius: 50px;
      background-color: #ff6166;
      padding: 15px 60px;
      cursor: pointer;
      transition: all .3s
  }
  
  @media screen and (max-width:960px) {
      .fr .main-section .functional .choose-file-block .choose-file .btn-choose {
          font-size: 14px
      }
  }
  
  .main-section .functional .choose-file-block .choose-file .btn-choose:hover {
      background-color: #e94e53
  }
  
  .main-section .functional .choose-file-block .choose-file .icon {
      display: inline-block;
      position: absolute;
      left: 25px;
      top: 50%;
      width: 24px;
      height: 20px;
      -ms-transform: translateY(-50%);
      transform: translateY(-50%)
  }
  
  .main-section .functional .choose-file-block .choose-file .icon svg {
      fill: #fff
  }
  
  .main-section .functional .choose-file-block .tap-mobile {
      display: block;
      text-align: center;
      padding: 25px 0
  }
  
  .main-section .functional .choose-file-block .tap-mobile p {
      display: block;
      font: 700 14px/1.3 Poppins, sans-serif;
      color: #ff6166;
      text-transform: uppercase
  }
  
  .mobile .main-section .functional .choose-file-block .tap-mobile {
      padding: 20px 0 13px
  }
  
  .main-section .functional .choose-file-block .sub-text {
      display: block;
      text-align: center;
      padding-top: 20px
  }
  
  @media screen and (max-width:1200px) {
      .main-section .functional .choose-file-block .sub-text {
          padding: 25px 0
      }
  }
  
  .main-section .functional .choose-file-block .sub-text_inner {
      display: -ms-inline-flexbox;
      display: inline-flex;
      position: relative;
      -ms-flex-line-pack: center;
      align-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      cursor: default;
      z-index: 2
  }
  
  .main-section .functional .choose-file-block .sub-text_inner .icon {
      display: inline-block;
      width: 12px;
      height: 18px;
      margin-right: 5px
  }
  
  .main-section .functional .choose-file-block .sub-text_inner .icon svg {
      fill: #99dcb0
  }
  
  .main-section .functional .choose-file-block .sub-text_inner span {
      display: inline-block;
      font: 500 14px/1.3 Poppins, sans-serif;
      letter-spacing: 0;
      color: #212121
  }
  
  .main-section .functional .choose-file-block .sub-text_inner .tooltips {
      position: absolute;
      top: calc(100% + 10px);
      left: 50%;
      max-width: 250px;
      min-width: 250px;
      width: 100%;
      border-radius: 2px;
      background-color: #fff;
      box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
      visibility: hidden;
      opacity: 0;
      padding: 15px 12px 12px;
      transition: all .3s ease-out;
      -ms-transform: translate(-50%);
      transform: translate(-50%)
  }
  
  .main-section .functional .choose-file-block .sub-text_inner .tooltips:before {
      content: "";
      position: absolute;
      left: calc(50% - 10px);
      top: -18px;
      border: 10px solid rgba(0, 0, 0, 0);
      border-bottom-color: #fff
  }
  
  .main-section .functional .choose-file-block .sub-text_inner .tooltips p {
      display: block;
      font: 400 14px/1.3 Poppins, sans-serif;
      color: #666;
      letter-spacing: -.18px
  }
  
  .main-section .functional .choose-file-block .sub-text_inner:hover .tooltips {
      visibility: visible;
      opacity: 1
  }
  
  .main-section .functional .choose-file-block [hidden] {
      display: none!important
  }
  
  .main-section .sub-text {
      display: block;
      text-align: center;
      padding-top: 20px
  }
  
  @media screen and (max-width:1200px) {
      .main-section .sub-text {
          padding: 25px 0
      }
  }
  
  .main-section .sub-text_inner {
      display: -ms-inline-flexbox;
      display: inline-flex;
      position: relative;
      -ms-flex-line-pack: center;
      align-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      cursor: default;
      z-index: 2
  }
  
  .main-section .sub-text_inner .icon {
      display: inline-block;
      width: 12px;
      height: 18px;
      margin-right: 5px
  }
  
  .main-section .sub-text_inner .icon svg {
      fill: #99dcb0
  }
  
  .main-section .sub-text_inner span {
      display: inline-block;
      font: 500 14px/1.3 Poppins, sans-serif;
      letter-spacing: 0;
      color: #212121
  }
  
  .main-section .sub-text_inner .tooltips {
      position: absolute;
      top: calc(100% + 10px);
      left: 50%;
      max-width: 250px;
      min-width: 250px;
      width: 100%;
      border-radius: 2px;
      background-color: #fff;
      box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
      visibility: hidden;
      opacity: 0;
      padding: 15px 12px 12px;
      transition: all .3s ease-out;
      -ms-transform: translate(-50%);
      transform: translate(-50%)
  }
  
  .main-section .sub-text_inner .tooltips:before {
      content: "";
      position: absolute;
      left: calc(50% - 10px);
      top: -18px;
      border: 10px solid rgba(0, 0, 0, 0);
      border-bottom-color: #fff
  }
  
  .main-section .sub-text_inner .tooltips p {
      display: block;
      font: 400 14px/1.3 Poppins, sans-serif;
      color: #666;
      letter-spacing: -.18px
  }
  
  .main-section .sub-text_inner:hover .tooltips {
      visibility: visible;
      opacity: 1
  }
  
  .main-section .links-block {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: start;
      align-items: flex-start;
      -ms-flex-pack: end;
      justify-content: flex-end;
      max-width: 350px;
      width: 100%
  }
  
  @media (-ms-high-contrast:active),
  (-ms-high-contrast:none) {
      .main-section .links-block {
          min-width: 350px
      }
  }
  
  @media screen and (-ms-high-contrast:active) and (max-width:1200px),
  screen and (-ms-high-contrast:none) and (max-width:1200px) {
      .main-section .links-block {
          min-width: inherit
      }
  }
  
  .mobile .main-section .links-block {
      -ms-flex-pack: center;
      justify-content: center;
      padding-top: 13px
  }
  
  @media screen and (max-width:1200px) {
      .main-section .links-block {
          -ms-flex-pack: center;
          justify-content: center
      }
  }
  
  .main-section .links-block_content {
      display: inline-block;
      position: relative
  }
  
  .main-section .links-block .link-box {
      display: block
  }
  
  @media screen and (max-width:1200px) {
      .main-section .links-block .link-box {
          display: none
      }
  }
  
  .mobile .main-section .links-block .link-box {
      display: none
  }
  
  .main-section .links-block .link-box .link-new-version {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-direction: column;
      flex-direction: column;
      text-align: center;
      color: #303030;
      transition: all .3s
  }
  
  .main-section .links-block .link-box .link-new-version:hover {
      color: #ff6166
  }
  
  .main-section .links-block .link-box .link-new-version:hover .icon svg {
      fill: #ff6166
  }
  
  .main-section .links-block .link-box .link-new-version .icon {
      display: inline-block;
      min-width: 40px;
      width: 40px;
      height: 33px;
      margin: 0 0 8px
  }
  
  .de .main-section .links-block .link-box .link-new-version .icon {
      min-width: 30px;
      width: 30px;
      height: 27px;
      margin-right: 15px
  }
  
  .main-section .links-block .link-box .link-new-version .icon svg {
      fill: #303030;
      transition: all .3s
  }
  
  .main-section .links-block .link-box .link-new-version span {
      display: inline-block;
      font: 500 14px/1.5 Poppins, sans-serif;
      letter-spacing: 0
  }
  
  .main-section .links-block .link-box .link-new-version mark {
      display: block;
      color: #ff6166;
      background-color: rgba(0, 0, 0, 0);
      text-decoration: underline
  }
  
  .vi .main-section .links-block .link-box .link-new-version mark {
      font-size: 12px
  }
  
  .main-section .links-block .sub-text {
      display: none;
      text-align: center;
      padding: 35px 0 0
  }
  
  .mobile .main-section .links-block .sub-text {
      display: block;
      padding: 0
  }
  
  .how-to-section {
      display: block;
      padding: 40px 0;
      direction: rtl;
      line-height: 19px !important;
  }
  
  @media screen and (max-width:960px) {
      .how-to-section {
          padding-bottom: 0
      }
  }
  
  @media screen and (max-width:768px) {
      .how-to-section .title-section {
          /* text-align: left */
      }
  }
  
  @media screen and (max-width:960px) {
      .how-to-section .title-section h2 {
          font-size: 2.4em;
      }
  }
  
  .how-to-section .how-to-row:first-child {
      padding: 0 0 50px;
  }
  
  .how-to-section .how-to-list {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin: 30px -15px;
  }
  
  @media screen and (max-width:960px) {
      .how-to-section .how-to-list {
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -ms-flex-pack: center;
          justify-content: center
      }
  }
  
  @media screen and (max-width:768px) {
      .how-to-section .how-to-list {
          margin: 0
      }
  }
  
  .how-to-section .how-to-list .how-to-item {
      display: block;
      max-width: 350px;
      width: 100%;
      padding: 0px 15px;
      text-align: center;
      font-family: "KalamehBlack" !important;
      font-size: 230%;
      border-radius: 20px;
  }
  
  @media screen and (max-width:960px) {
      .how-to-section .how-to-list .how-to-item {
          max-width: 680px;
          width: 100%;
          padding: 0 15px 30px
      }
  }
  
  @media screen and (max-width:768px) {
      .how-to-section .how-to-list .how-to-item {
          width: 100%;
          max-width: 100%;
          padding: 0 0 30px
      }
  }
  
  .how-to-section .how-to-list .how-to-item:last-child {
      padding-bottom: 0
  }
  
  .how-to-section .how-to-list .how-to-item a {
      color: #ff6166;
      text-decoration: none
  }
  
  .how-to-section .how-to-list .how-to-item a:focus,
  .how-to-section .how-to-list .how-to-item a:hover {
      color: #ff6166;
      text-decoration: underline
  }
  
  .how-to-section .how-to-list .how-to-item .item-title {
      display: -ms-flexbox;
      /* display: flex; */
      -ms-flex-align: start;
      align-items: flex-start;
      padding-bottom: 10px;
  }
  
  img.iicon {
      width: 70px;
      /* display: block !important; */
      margin-bottom: 20px;
  }
  
  @media screen and (max-width:960px) {
      .how-to-section .how-to-list .how-to-item .item-title {
          padding-bottom: 5px
      }
  }
  
  .how-to-section .how-to-list .how-to-item .item-title .number {
      display: -ms-inline-flexbox;
      display: none;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 23px;
      min-width: 23px;
      height: 23px;
      border-radius: 50%;
      border: 2px solid #03a9f4;
      font: 700 17px/1 Poppins, sans-serif;
      /* letter-spacing: .34px; */
      color: #ffffff;
      margin: -10px 0px 0 10;
      background-color: #03a9f4;
  }
  
  .de .how-to-section .how-to-list .how-to-item .item-title .number,
  .es .how-to-section .how-to-list .how-to-item .item-title .number,
  .id .how-to-section .how-to-list .how-to-item .item-title .number,
  .pl .how-to-section .how-to-list .how-to-item .item-title .number,
  .sv .how-to-section .how-to-list .how-to-item .item-title .number,
  .tr .how-to-section .how-to-list .how-to-item .item-title .number,
  .vi .how-to-section .how-to-list .how-to-item .item-title .number {
      margin: -10px 10px 0 0
  }
  
  @media screen and (max-width:960px) {
      .how-to-section .how-to-list .how-to-item .item-title .number {
          width: 32px;
          min-width: 32px;
          height: 32px;
          font-size: 13px;
          margin: -7px 10px 0 10px;
      }
  }
  
  .how-to-section .how-to-list .how-to-item .item-title h3 {
      display: -ms-flexbox;
      display: block;
      /* letter-spacing: .9px; */
      color: #303030;
      font-family: "KalamehBlack" !important;
      font-size: 80%;
  }
  
  .de .how-to-section .how-to-list .how-to-item .item-title h3,
  .es .how-to-section .how-to-list .how-to-item .item-title h3,
  .sv .how-to-section .how-to-list .how-to-item .item-title h3 {
      font-size: 16px
  }
  
  @media screen and (max-width:960px) {
      .de .how-to-section .how-to-list .how-to-item .item-title h3,
      .es .how-to-section .how-to-list .how-to-item .item-title h3,
      .how-to-section .how-to-list .how-to-item .item-title h3,
      .sv .how-to-section .how-to-list .how-to-item .item-title h3 {
          font-size: 25px;
      }
  }
  
  .how-to-section .how-to-list .how-to-item .description {
      display: block
  }
  
  .how-to-section .how-to-list .how-to-item .description p {
      display: block;
      font: 300 16px/1.6 Poppins, sans-serif;
      color: #666;
      letter-spacing: 0
  }
  
  @media screen and (max-width:960px) {
      .de .how-to-section .how-to-list .how-to-item .description p,
      .es .how-to-section .how-to-list .how-to-item .description p,
      .fr .how-to-section .how-to-list .how-to-item .description p,
      .how-to-section .how-to-list .how-to-item .description p,
      .id .how-to-section .how-to-list .how-to-item .description p,
      .it .how-to-section .how-to-list .how-to-item .description p,
      .ja .how-to-section .how-to-list .how-to-item .description p,
      .pl .how-to-section .how-to-list .how-to-item .description p,
      .pt .how-to-section .how-to-list .how-to-item .description p,
      .ru .how-to-section .how-to-list .how-to-item .description p,
      .sv .how-to-section .how-to-list .how-to-item .description p,
      .tr .how-to-section .how-to-list .how-to-item .description p,
      .vi .how-to-section .how-to-list .how-to-item .description p {
          font-size: 14px
      }
  }
  
  .how-to-section .full-block {
      padding: 50px 0 0;
      border-bottom: 1px solid #e5e9ec;
  }
  
  .how-to-section .full-block:last-child {
      padding: 50px 0 0;
      border-bottom:unset;
  }
  
  .how-to-section .full-block .description p {
      padding-bottom: 15px
  }
  
  .how-to-section .full-block .description p:last-child {
      padding-bottom: 0
  }
  
  .how-to-section .description {
      display: block;
      font-size: 16px !important;
      margin: 5px !important;
      line-height: 32px;
      color: #333333;
      text-align: justify !important;
      direction: rtl;
  }
  
  .how-to-section .description p {
      display: block;
      font: 16px/1.6 Poppins, sans-serif;
      color: #666;
      letter-spacing: 0
  }
  
  @media screen and (max-width:960px) {
      .de .how-to-section .description p,
      .es .how-to-section .description p,
      .fr .how-to-section .description p,
      .how-to-section .description p,
      .id .how-to-section .description p,
      .it .how-to-section .description p,
      .ja .how-to-section .description p,
      .pl .how-to-section .description p,
      .pt .how-to-section .description p,
      .ru .how-to-section .description p,
      .sv .how-to-section .description p,
      .tr .how-to-section .description p,
      .vi .how-to-section .description p {
          font-size: 14px
      }
  
      body{
  
  background-position-x=110: ;
  
  background-size: auto;
  
  background: center;
  
  }
  }
  
  .did-you-section {
      display: block;
      position: relative;
      padding: 40px 0;
      overflow: hidden
  }
  
  .did-you-section a {
      color: #ff6166;
      text-decoration: none
  }
  
  .did-you-section a:focus,
  .did-you-section a:hover {
      color: #ff6166;
      text-decoration: underline
  }
  
  .did-you-section .full-container {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: justify;
      justify-content: space-between
  }
  
  @media screen and (max-width:960px) {
      .did-you-section .full-container {
          -ms-flex-wrap: wrap;
          flex-wrap: wrap
      }
  }
  
  .did-you-section .media {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      position: relative;
      top: 10px;
      -ms-flex-pack: end;
      justify-content: flex-end;
      width: calc(50% - 25px)
  }
  
  @media screen and (max-width:960px) {
      .did-you-section .media {
          top: inherit;
          width: 100%;
          -ms-flex-pack: center;
          justify-content: center
      }
  }
  
  .did-you-section .media img {
      max-width: 100%
  }
  
  .did-you-section .description {
      display: inline-block;
      width: calc(50% - 25px);
      padding: 55px 15px 55px 0;
      position: relative
  }
  
  @media screen and (max-width:960px) {
      .did-you-section .description {
          width: 100%;
          padding: 5px 0 0;
          position: inherit
      }
  }
  
  .did-you-section .description:before {
      content: "";
      position: absolute;
      top: 50%;
      left: -25px;
      width: calc(100vw - 50px);
      height: 100%;
      background-color: #f0f5f7;
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      z-index: -1;
      background-attachment: fixed
  }
  
  @media screen and (max-width:960px) {
      .did-you-section .description:before {
          top: inherit;
          bottom: 0;
          left: 0;
          width: 100vw;
          height: calc(100% - 125px);
          -ms-transform: translate(0);
          transform: translate(0)
      }
  }
  
  .did-you-section .description .desc-content {
      max-width: 575px;
      width: 100%
  }
  
  @media screen and (max-width:960px) {
      .did-you-section .description .desc-content {
          max-width: 100%
      }
  }
  
  .did-you-section .description .did-you-title {
      display: block;
      font: 500 18px/1.6 Poppins, sans-serif;
      letter-spacing: .9px;
      color: #ff6166;
      text-transform: uppercase;
      padding-bottom: 4px
  }
  
  @media screen and (max-width:960px) {
      .did-you-section .description .did-you-title {
          text-align: center;
          font-size: 15px
      }
  }
  
  @media screen and (max-width:768px) {
      .did-you-section .description .did-you-title {
          text-align: left
      }
  }
  
  .did-you-section .description h3 {
      display: block;
      font: 700 26px/1.25 Poppins, sans-serif;
      letter-spacing: 0;
      color: #303030;
      padding-bottom: 15px
  }
  
  .id .did-you-section .description h3 {
      font-size: 21px
  }
  
  @media screen and (max-width:960px) {
      .id .did-you-section .description h3 {
          font-size: 20px
      }
  }
  
  .es .did-you-section .description h3,
  .ja .did-you-section .description h3,
  .sv .did-you-section .description h3,
  .tr .did-you-section .description h3 {
      font-size: 20px
  }
  
  @media screen and (max-width:960px) {
      .did-you-section .description h3 {
          text-align: center;
          font-size: 24px
      }
  }
  
  @media screen and (max-width:768px) {
      .did-you-section .description h3 {
          text-align: left;
          text-transform: inherit
      }
  }
  
  .did-you-section .description p {
      display: block;
      font: 400 16px/1.6 Poppins, sans-serif;
      color: #666
  }
  
  .de .did-you-section .description p {
      font-size: 15px
  }
  
  @media screen and (max-width:960px) {
      .de .did-you-section .description p,
      .did-you-section .description p {
          font-size: 14px
      }
  }
  
  .did-you-section .description .read-block .read-btn {
      display: inline-block;
      position: relative;
      font-size: 18px;
      color: #303030;
      line-height: 1.5;
      font-weight: 500;
      border: 0;
      background-color: rgba(0, 0, 0, 0);
      padding: 0 20px 0 0;
      margin: 15px 0 0;
      cursor: pointer;
      transition: all .3s
  }
  
  .did-you-section .description .read-block .read-btn:before {
      content: "";
      display: inline-block;
      position: absolute;
      right: 0;
      top: 8px;
      width: 7px;
      height: 7px;
      border: solid #303030;
      border-width: 0 3px 3px 0;
      border-radius: 1px;
      transition: border .3s;
      -ms-transform: rotate(45deg);
      transform: rotate(45deg)
  }
  
  @media (-ms-high-contrast:active),
  (-ms-high-contrast:none) {
      .did-you-section .description .read-block .read-btn:before {
          top: calc(50% - 7px)
      }
  }
  
  .did-you-section .description .read-block .read-btn:hover {
      color: #ff6166
  }
  
  .did-you-section .description .read-block .read-btn:hover:before {
      border-color: #ff6166
  }
  
  .did-you-section .description .read-block .read-btn.less-btn {
      color: #ff6166
  }
  
  .did-you-section .description .read-block .read-btn.less-btn:before {
      top: 12px;
      border-color: #ff6166;
      -ms-transform: rotate(225deg);
      transform: rotate(225deg)
  }
  
  @media (-ms-high-contrast:active),
  (-ms-high-contrast:none) {
      .did-you-section .description .read-block .read-btn.less-btn:before {
          top: 12px
      }
  }
  
  .did-you-section .description .read-block .hiden-text {
      max-height: 0;
      overflow: hidden;
      transition: max-height .6s ease-out
  }
  
  .did-you-section .description .read-block .hiden-text.slide-togle {
      max-height: 999px;
      transition: max-height .9s ease-in
  }
  
  .learn-more-section {
      display: block;
      padding: 50px 0
  }
  
  .learn-more-section .learn-more-row {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: start;
      align-items: flex-start;
      -ms-flex-pack: justify;
      justify-content: space-between
  }
  
  @media screen and (max-width:960px) {
      .learn-more-section .learn-more-row {
          -ms-flex-wrap: wrap;
          flex-wrap: wrap
      }
  }
  
  .learn-more-section .learn-more-row .learn-more-block {
      display: inline-block;
      -ms-flex: 1;
      flex: 1;
      text-align: center;
      background-color: #fff;
      border: 1px solid #e5e9ec;
      border-radius: 5px;
      padding: 45px 38px;
      margin-left: 15px
  }
  
  @media screen and (max-width:960px) {
      .learn-more-section .learn-more-row .learn-more-block {
          -ms-flex: auto;
          flex: auto;
          width: 100%;
          margin: 0 0 15px
      }
  }
  
  @media screen and (max-width:600px) {
      .learn-more-section .learn-more-row .learn-more-block {
          padding: 35px 20px
      }
  }
  
  .learn-more-section .learn-more-row .learn-more-block:first-child {
      margin-left: 0
  }
  
  .learn-more-section .learn-more-row .learn-more-block a {
      color: #ff6166;
      text-decoration: none
  }
  
  .learn-more-section .learn-more-row .learn-more-block a:focus,
  .learn-more-section .learn-more-row .learn-more-block a:hover {
      color: #ff6166;
      text-decoration: underline
  }
  
  .learn-more-section .learn-more-row .learn-more-block .icon {
      display: block;
      text-align: center;
      width: 80px;
      height: 80px;
      margin: 0 auto 25px
  }
  
  @media screen and (max-width:960px) {
      .learn-more-section .learn-more-row .learn-more-block .icon {
          width: 62px;
          height: 62px
      }
  }
  
  .learn-more-section .learn-more-row .learn-more-block .icon svg {
      fill: #99dcb0
  }
  
  .learn-more-section .learn-more-row .learn-more-block .title {
      display: block;
      padding-bottom: 15px
  }
  
  .learn-more-section .learn-more-row .learn-more-block .title h3 {
      display: block;
      font: 700 18px/1.5 Poppins, sans-serif;
      letter-spacing: .9px;
      color: #303030
  }
  
  .learn-more-section .learn-more-row .learn-more-block .description {
      display: block;
      text-align: left
  }
  
  .learn-more-section .learn-more-row .learn-more-block .description p {
      display: block;
      font: 400 16px/1.6 Poppins, sans-serif;
      letter-spacing: 0;
      color: #666
  }
  
  @media screen and (max-width:960px) {
      .learn-more-section .learn-more-row .learn-more-block .description p {
          font-size: 14px
      }
  }
  
  .learn-more-section .learn-more-row .learn-more-block .description .hiden-text {
      max-height: 0;
      overflow: hidden;
      transition: max-height .6s ease-out
  }
  
  .learn-more-section .learn-more-row .learn-more-block .description .hiden-text.slide-togle {
      max-height: 999px;
      transition: max-height .9s ease-in
  }
  
  .learn-more-section .learn-more-row .learn-more-block .description .read-btn {
      display: inline-block;
      position: relative;
      font-size: 18px;
      color: #303030;
      line-height: 1.5;
      font-weight: 500;
      border: 0;
      background-color: rgba(0, 0, 0, 0);
      padding: 0 20px 0 0;
      margin-top: 15px;
      cursor: pointer;
      transition: all .3s
  }
  
  .learn-more-section .learn-more-row .learn-more-block .description .read-btn:before {
      content: "";
      display: inline-block;
      position: absolute;
      right: 0;
      top: 8px;
      width: 7px;
      height: 7px;
      border: solid #303030;
      border-width: 0 3px 3px 0;
      border-radius: 1px;
      transition: border .3s;
      -ms-transform: rotate(45deg);
      transform: rotate(45deg)
  }
  
  @media (-ms-high-contrast:active),
  (-ms-high-contrast:none) {
      .learn-more-section .learn-more-row .learn-more-block .description .read-btn:before {
          top: calc(50% - 7px)
      }
  }
  
  .learn-more-section .learn-more-row .learn-more-block .description .read-btn:hover {
      color: #ff6166
  }
  
  .learn-more-section .learn-more-row .learn-more-block .description .read-btn:hover:before {
      border-color: #ff6166
  }
  
  .learn-more-section .learn-more-row .learn-more-block .description .read-btn:focus {
      color: #303030
  }
  
  .learn-more-section .learn-more-row .learn-more-block .description .read-btn:focus:before {
      border-color: #303030
  }
  
  .learn-more-section .learn-more-row .learn-more-block .description .read-btn.less-btn {
      color: #ff6166
  }
  
  .learn-more-section .learn-more-row .learn-more-block .description .read-btn.less-btn:before {
      top: 12px;
      border-color: #ff6166;
      -ms-transform: rotate(225deg);
      transform: rotate(225deg)
  }
  
  @media (-ms-high-contrast:active),
  (-ms-high-contrast:none) {
      .learn-more-section .learn-more-row .learn-more-block .description .read-btn.less-btn:before {
          top: 12px
      }
  }
  
  .limitation {
      display: block;
      padding: 50px 0 15px
  }
  
  @media screen and (max-width:960px) {
      .limitation {
          padding: 10px 85px 10px 0
      }
  }
  
  .mobile .limitation {
      display: none
  }
  
  .limitation p {
      display: block;
      font: 300 14px/1.2 Poppins, sans-serif;
      letter-spacing: 0;
      color: #666
  }
  
  @media screen and (max-width:960px) {
      .limitation p {
          font-size: 12px
      }
  }
  
  .hidden,
  [hidden] {
      opacity: 0;
      visibility: hidden
  }
  
  .modal-w[hidden],
  .title-block[hidden] {
      opacity: 0;
      visibility: hidden;
      height: 0;
      padding: 0!important;
      margin: 0
  }
  
  .modal-w {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 0 15px 40px;
      transition: all .2s
  }
  
  .modal-w .modal-content {
      display: block;
      position: relative;
      max-width: 315px;
      width: 100%;
      padding: 40px 35px;
      border-radius: 10px;
      background-color: #fff;
      box-shadow: 0 3px 6px rgba(0, 0, 0, .1)
  }
  
  .modal-w .modal-content .icon-block {
      display: block;
      width: 50px;
      height: 42px;
      margin: 0 auto 25px
  }
  
  .modal-w .modal-content .icon-block svg {
      fill: #ffbe8d
  }
  
  .modal-w .modal-content .text-block {
      display: block;
      text-align: center
  }
  
  .modal-w .modal-content .text-block p {
      display: block;
      font: 600 17px/1.6 Poppins, sans-serif;
      color: #212121;
      padding-bottom: 25px
  }
  
  .modal-w .modal-content .text-block p:last-child {
      padding-bottom: 0
  }
  
  .modal-w .modal-content:before {
      content: "";
      position: absolute;
      width: 63px;
      height: 60px;
      right: 40px;
      bottom: -60px;
      background-image: url(/pdf-merge/dist/images/pdf-merge/modal-before.png);
      background-repeat: no-repeat
  }
  
  .footer-menu {
      border-top: 3px solid #c0e8ce
  }
  
  .error-message {
      display: block;
      position: absolute;
      width: 100%;
      text-align: center;
      padding: 15.5px 0;
      transition: all .3s;
      -ms-transform: scale(0);
      transform: scale(0)
  }
  
  @media screen and (max-width:1200px) {
      .error-message {
          position: relative;
          top: inherit;
          left: inherit
      }
  }
  
  .error-message.error-message_m,
  .mobile .error-message {
      display: none
  }
  
  .mobile .error-message.error-message_m {
      display: block;
      height: 0;
      padding: 10px 0
  }
  
  .mobile .error-message.error-message_m.error-visible {
      height: auto
  }
  
  .error-message p {
      display: block;
      font-size: 14px;
      color: #ff6166;
      line-height: 1.5;
      font-weight: 400
  }
  
  .error-message.error-visible {
      position: relative;
      -ms-transform: scale(1);
      transform: scale(1)
  }
  
  
  /* end */
  /* .................................... */
  /* .................................... */
  /* .................................... */
  /* .................................... */
  /* .................................... */
  /* .................................... */
  /* .................................... */
  /* .................................... */
  /* .................................... */
  /* .................................... */
  /* .................................... */
  /* .................................... */
  /* .................................... */
  /* .................................... */
  /* .................................... */
  /* .................................... */
  /* .................................... */
  /* .................................... */
  /* .................................... */
  /* .................................... */
  /* .................................... */
  /* .................................... */
  /* .................................... */
  /* .................................... */
  /* .................................... */
  /* .................................... */
  /* .................................... */
  /* .................................... */
  /* .................................... */
  /* .................................... */
  
  .drop {
    /* --r: 0rad; */
    /* width: 380px; */
    min-height: 480px;
    background: #fff;
    border-radius: 6px;
    /* box-shadow: 0 4px 24px -2px var(--shadow); */
    /* position: relative; */
    margin-top: 80px;
    height: auto;
  }
  .drop nav {
    border-bottom: 1px solid var(--lighter);
    display: flex;
    padding: 0 16px;
    justify-content: space-between;
    direction: rtl;
    align-items: center;
    align-content: space-between;
  }
  .drop nav > svg {
    display: block;
    margin-right: 16px;
    width: 20px;
    height: 20px;
    color: var(--grey-light);
  }
  .drop nav ul {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
  }
  .drop nav ul:last-child {
    /* margin-left: auto; */
  }
  .drop nav ul li {
    margin-bottom: -1px;
  }
  .drop nav ul li:not(:last-child) {
    margin-left: 16px;
  }
  
  
  .drop nav ul li {
    display: block;
    font-weight: 500;
    font-size: 19px;
    line-height: 21px;
    color: var(--grey-light);
    text-decoration: none;
    padding: 12px 4px 11px 4px;
    border-bottom: 4px solid transparent;
    cursor:pointer;
  }
  
  .drop nav ul li:not(.active):hover {
  
    background-color: #ffffff;
    border-bottom:4px solid #ebebeb;
  
  }
  
  
  .space {
      margin-bottom: 60px;
  }
  
  .drop nav ul li a svg {
    width: 21px;
    height: 21px;
    display: block;
  }
  .drop nav ul li.active {
    color: var(--primary);
    border-color: var(--primary);
  }
  .drop .center {
    /* --y: 52px; */
    /* position: absolute; */
    /* left: 50%; */
    /* top: 330px; */
    /* z-index: 6; */
    /* transition: transform 0.3s ease; */
    /* transform: translate(-50%, var(--y)); */
  }
  .drop .center > div {
    /* position: absolute; */
    /* left: 50%; */
    /* top: 55%; */
    /* transform: translate(-50%, -50%); */
    height: 53px;
    width: 140px;
    background: var(--primary);
    border-radius: 5px;
    transition: width 0.2s ease, height 0.2s ease, border-radius 0.2s ease, opacity 0.4s ease;
    cursor: pointer;
    /* pointer-events: none; */
    margin: auto;
    margin-top: 15px;
  }
  .drop .center > div span,
  .drop .center > div .circle, .drop .center > div > svg {
    /* position: absolute; */
    /* left: 50%; */
    /* top: 50%; */
    /* transform: translate(-50%, -50%); */
    display: block;
  }
  .drop .center > div span, .drop .center > div > svg {
    color: #fff;
    transition: opacity 0.2s ease;
  }
  .drop .center > div span {
    font-weight: 500;
    font-size: 24px;
    text-align: center;
    padding-top: 10px;
    font-family: 'KalamehBlack' !important;
  }
  .drop .center > div > svg {
    width: 32px;
    height: 32px;
    opacity: 0;
  }
  .drop .center > div .circle {
    opacity: 0;
  }
  .drop .center > div .circle svg {
    width: 92px;
    height: 92px;
    color: var(--primary);
    display: block;
    transform: rotate(var(--r));
  }
  .drop .intro,
  .drop .hint {
    --y: -10px;
    color: var(--grey);
    font-size: 14px;
    /* line-height: 23px; */
    text-align: center;
    width: 100%;
    /* max-width: 220px; */
    /* position: absolute; */
    /* top: 280px; */
    /* left: 50%; */
    /* transition: opacity 0.2s ease, transform 0.4s ease; */
    pointer-events: none;
    direction: rtl;
  }
  .drop .intro h1,
  .drop .hint h1 {
    margin-top:35px;
    margin-bottom: 25px;
    color: var(--grey-dark);
    font-family: inherit;
    font-weight: 500;
    font-size: 30px;
    font-family: 'KalamehBlack' !important;
  }
  .drop .intro p,
  .drop .hint p {
    margin: 0;
    width: auto;
  }
  .drop .hint {
    --y: 80px;
    opacity: 0;
  }
  .drop ul {
    padding: 0;
    margin: 0;
    list-style: none;
  }
  .drop ul.list.filelist .file {
    --y: 8px;
    padding: 7px;
    display: flex;
    width: 150px;
    align-items: center;
    opacity: 1;
    transform: translateY(var(--y));
    transition: all .4s ease;
    background: white;
    flex-direction: column;
    /* flex-wrap: wrap; */
    justify-content: space-between;
    float: left;
    /* box-shadow: 0 4px 1px var(--shadow); */
  }
  
  .list.history li img {
      width: 116px;
      height: 61px;
      object-fit: scale-down;
  }
  
  .list.history li.convert {
      background-color: #ffffff !important;
      border-bottom: unset;
      border: 1px solid #03b3f7;
      color: #03b3f7;
  }
  
  .list.history li span.name {
      position: absolute;
      right: 10px;
      bottom: -1px;
      background-color: white;
      border-radius: 2px;
      padding: 5px;
      transition: all .5s;
      opacity: .8;
      width: auto;
      max-width: 200px;
      overflow: hidden;
      white-space: nowrap;
      direction: ltr;
      font-size: 16px;
  }
  
  .list.history li span.name:hover {
      
      transition: all .5s;
      opacity: .9;
  }
  
  .drop ul.list.history li {
    --y: 8px;
    padding: 16px;
    display: flex;
    /* opacity: 0; */
    /* transform: translateY(var(--y)); */
    /* transition: opacity 0.4s ease, transform 0.4s ease; */
    align-content: center;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    direction: rtl;
  }
  
  ul.libtns {
      display: flex;
      float: right;
      align-content: center;
      opacity: 1;
      font-size: 16px;
  }
  
  
  
  .list.history ul.libtns {
      display: flex;
      float: right;
      align-content: center;
      opacity: 1;
  }
  
  .list.filelist ul.libtns {
      display: flex;
      float: right;
      align-content: center;
      /* opacity: 0; */
  }
  
  
  
  
  .list.history li {
      /* border-bottom: 1px solid #e6e6e6; */
  }
  
  
  .drop ul.list> li:not(.p) {
    border-bottom: 1px solid var(--lighter);
  }
  .drop ul.list li:nth-child(1) {
    /* transition-delay: 0.24s; */
  }
  .drop ul.list li:nth-child(2) {
    transition-delay: 0.32s;
  }
  .drop ul.list li:nth-child(3) {
    /* transition-delay: 0.4s; */
  }
  .drop ul.list li:nth-child(4) {
    transition-delay: 0.48s;
  }
  .drop ul.list li:nth-child(5) {
    transition-delay: 0.56s;
  }
  .drop ul.list.filelist li img {
    border-radius: 5px;
    width: 100%;
    height: 88px;
    -o-object-fit: cover;
    object-fit: cover;
    /* box-shadow: 0 4px 1px var(--shadow); */
  }
  
  li.img.file.waiting .preview {
      animation: blink2 1s ease-in-out infinite 0.2s;
  }
  
  li.img.file.waiting {
      pointer-events: none;
  }
  
  button.darkroom-button.darkroom-button-savePicBtn {
      display: none;
  }
  
  .list .libtns img {
      width: 30px !important;
      height: 30px !important;
      margin-right: unset !important;
      opacity: .8;
      border-radius: unset !important;
      box-shadow: unset !important;
  }
  
  
  .drop ul.list li .text strong {
    /* display: block; */
    /* font-size: 16px; */
    font-weight: 500;
    color: var(--grey-dark);
    margin-bottom: 4px;
    width: 100px;
    overflow: hidden;
    white-space: nowrap;
  }
  .drop ul.list li .text small {
    display: block;
    color: var(--grey-light);
    font-size: 12px;
    margin-top: 5px;
  }
  
  li.topbtn.clear,.topbtn.delAll {
      background-color: #ff6060;
      color: #ffffff;
  }
  
  li.topbtn.clear:hover,.topbtn.delAll:hover {
      background-color: #ff6666;
      color: #ffffff;
  }
  
  
  .loader.inside {
      border: 2px solid;
      border-color: inherit;
      border-top: 2px solid #ffffff00;
      width: 12px;
      height: 12px;
      -webkit-border-radius: 10%;
      display: inline-block;
      margin: 0px 5px;
      border-radius: 50%;
  }
  
  .disabled{
      pointer-events: none;
      opacity: .4;
  }
  
  .drop ul.list li .progress {
    margin-left: auto;
    border-radius: 50%;
    background: var(--light);
    position: relative;
  }
  .drop ul.list li .progress:before {
    --s: 1;
    content: "";
    width: 28px;
    height: 28px;
    left: 50%;
    top: 50%;
    z-index: 1;
    position: absolute;
    background: #fff;
    border-radius: inherit;
    transform: translate(-50%, -50%) scale(var(--s));
    transition: transform 0.32s ease;
  }
  .drop ul.list li .progress svg {
    display: block;
    fill: none;
  }
  .drop ul.list li .progress svg.pie {
    --s: 1;
    width: 32px;
    height: 32px;
    transform: rotate(-90deg) scale(var(--s));
    transition: transform 0.5s ease;
  }
  .drop ul.list li .progress svg.pie circle {
    stroke-width: 16;
    stroke: var(--primary);
  }
  
  .list.history .text {
      direction: rtl !important;
      text-align: right;
      height: 60px !important;
      overflow: hidden;
      text-overflow: ellipsis;
      /* white-space: nowrap; */
  }
  
  .libtns li {
      /* background-color: #2ca8ff; */
      /* color: white; */
      padding: 5px !important;
      border-radius: 5px;
      margin: 5px;
      cursor: pointer;
      transition: all .5s !important;
  }
  
  
  .libtns li.p{
  
   background-color:unset;
   
  }
  
  .list.history li.del {
      background-color: #ffffff;
  
      border: 1px solid #ff6060;
      color: #ff6060;
  }
  
  .history .libtns li:not(.p):not(.del):hover {
      background-color: #ececec;
      transition: all .2s;
  }
  
  
  .libtns li:not(.p) img:hover {
  
    opacity:1;
  }
  
  
  .drop ul.list li .progress svg.tick {
    width: 34px;
    height: 34px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: var(--primary);
    transition: stroke 0.3s ease 0.8s;
  }
  .drop ul.list li .progress svg.tick polyline {
    stroke-dasharray: 18 18 18;
    stroke-dashoffset: 18;
    transition: stroke-dashoffset 0.4s ease 0.7s;
  }
  .drop ul.list li .progress.complete {
    background: none;
  }
  .drop ul.list li .progress.complete:before {
    --s: 0;
  }
  .drop ul.list li .progress.complete svg.pie {
    --s: .08;
    -webkit-animation: tick 0.3s linear forwards 0.4s;
            animation: tick 0.3s linear forwards 0.4s;
  }
  .drop ul.list li .progress.complete svg.tick {
    stroke: #03A9F4;
  }
  .drop ul.list li .progress.complete svg.tick polyline {
    stroke-dashoffset: 36;
  }
  .drop.dragged .center {
    --y: 4px;
  }
  .drop.dragged .center > div {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    -webkit-animation: move 2s ease-in-out infinite 0.2s;
    animation: move 2s ease-in-out infinite 0.2s;
  }
  .drop.dragged .center > div span {
    opacity: 0;
  }
  .drop.dragged .center > div > svg {
    opacity: 1;
    transition-delay: 0.2s;
  }
  .drop.dragged .center > div .circle {
    opacity: 1;
    transition: opacity 0s ease 0.2s;
  }
  .drop.dragged .intro {
    --y: -120px;
    opacity: 0;
  }
  .drop.dragged .hint {
    --y: 60px;
    opacity: 1;
  }
  .drop.dropped .center > div {
    /* background: none; */
    /* -webkit-animation-play-state: paused; */
    /* animation-play-state: paused; */
  }
  .drop.dropped .center > div .circle svg {
    -webkit-animation: scale 0.7s linear 0.4s;
            animation: scale 0.7s linear 0.4s;
  }
  .drop.show .center {
    --y: -40px;
  }
  .drop.show .center > div {
    opacity: 1;
    z-index: 9;
  }
  .drop.show .list li:not(.disable) {
    /* --y: 0; */
    opacity: 1 !important;
  }
  .drop.show .hint {
    --y: 40px;
    opacity: 0;
  }
  
  #emitter {
    position: absolute;
    left: 0;
    top: 0;
  }
  
  .dot {
    background-color: var(--primary);
    border-radius: 50%;
    position: fixed;
    z-index: 5;
    pointer-events: none;
    display: none;
    top: 0;
    left: 0;
  }
  
  @-webkit-keyframes move {
    50% {
      transform: translate(-50%, -70%);
    }
  }
  
  @keyframes move {
    50% {
      transform: translate(-50%, -70%);
    }
  }
  @-webkit-keyframes scale {
    40% {
      transform: scale(0.92) rotate(var(--r));
    }
  }
  @keyframes scale {
    40% {
      transform: scale(0.92) rotate(var(--r));
    }
  }
  @-webkit-keyframes tick {
    100% {
      transform: rotate(-90deg) translate(0, -6px) scale(var(--s));
    }
  }
  @keyframes tick {
    100% {
      transform: rotate(-90deg) translate(0, -6px) scale(var(--s));
    }
  }
  html {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
  }
  
  * {
    box-sizing: inherit;
  }
  *:before, *:after {
    box-sizing: inherit;
  }
  
  body {
    min-height: 100vh;
    font-family: Roboto, Arial;
    display: flex;
    /* background: var(--light); */
    /* padding: 20px; */
    flex-direction: column;
    align-content: flex-end;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: nowrap;
    /* background-repeat: no-repeat; */
    background-position-y: -40px;
    background-repeat-y: no-repeat;
  }
  body .dribbble {
    position: fixed;
    display: block;
    right: 20px;
    bottom: 20px;
  }
  body .dribbble img {
    display: block;
    height: 28px;
  }
  
  .uploadBtn {
      position: absolute;
      z-index: 90;
      padding: 10px;
      background-color: #2ca8ff;
      color: white;
      font-family: 'VazirFD';
      border-radius: 10px;
      margin-top: -150px;
      margin-left: 20px;
      cursor: pointer;
      opacity: 1 !important;
      transition: all 1s;
  }
  
  .uploadbtntop{
    background-color: #03a9f4;
    color: white;
  
  }
  
  .uploadbtntop:hover{
    background-color: #50c9ff !important;
    color: white;
  }
  
  
  .topbtn{
    z-index: 90;
    transition: all .5s;
    cursor: pointer;
    width: auto;
    padding: 5px;
    display: inline-block;
    margin: 8px;
    border-radius: 5px;
  }
  
  .topbtn.camera{
    background-color: #ffffff;
    color: #03a9f4;
    border:1px solid #03a9f4;
   display:inline;
  }
  
  li.topbtn.camera svg {
      width: 30px;
      position: relative;
      top: 6px;
  }
  
  .uploadBtn:hover {
      background-color: #3dafff;
      transition: all 1s;
  }
  
  .area51 {
      /* border: 3px dotted #ffffff; */
      /* border-style: dashed; */
      height: 450px;
      margin: 10px;
      /* margin-top: 60px; */
      background-color: #f7fdff;
      border-radius: 10px;
      transition: all .5s ease;
      background: linear-gradient(355deg, #edf7ff 0%, #ffffff 100%);
  }
  
  .cake_holder {
      display: block !important;
      height: 80px;
      text-align: center;
      margin-bottom: 5px;
      margin-top: 30px !important;
  }
  
  span.beta {
      font-size: 10px;
      padding: 2px 5px;
      /* background-color: #f15642; */
      border-radius: 10px;
  }
  
  p.isEmpty {text-align: center;margin-top: 100px;color: grey;font-size: 16px;}
  
  .dropdown-menu .dropdown-item {
      font-size: 14px;
      text-align: center;
  }
  
  .dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus {
      background-color:#efefef4e4;
      background-color: rgb(239 239 239 / 84%)
  }
  
  .dropdown-menu {
      border: 0;
      border-radius: 0.125rem;
      -webkit-transition: all 150ms linear;
      transition: all 150ms linear;
      font-size: 14px;
  }
  
  @keyframes animation {
    from {background-color: var(--primary);}
    to {background-color: var(--hover);}
  }
  
  
  .animation {
  
    animation-name: animation;
    animation-duration: 4s;
  }
  
  .editText {
          margin: 20px 5px;
  }
  
  img.icon {
      width: 100px;
      height: 100px;
  }
  
  span.scan {
      position: relative;
      font-size: 10px;
      /* left: -10px; */
      /* top: -1px; */
      margin-left: 5px;
      background-color: white;
      border-radius: 4px;
      line-height: 19px;
      padding: 0px 2px;
      color: #03a9f4;
      display: inline-block;
      /* letter-spacing: .5px; */
  }
  
  span.scan {}
  
  @import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap";@font-face {
      font-family: Google Sans;
      src: url(/service-pages-static/dist/fonts/GoogleSans-Regular.ttf);
      font-style: normal;
      font-weight: 400
  }
  
  @font-face {
      font-family: Google Sans;
      src: url(/service-pages-static/dist/fonts/GoogleSans-Medium.ttf);
      font-style: normal;
      font-weight: 500
  }
  
  @font-face {
      font-family: Google Sans;
      src: url(/service-pages-static/dist/fonts/GoogleSans-Bold.ttf);
      font-style: normal;
      font-weight: 700
  }
  
  .flex {
      display: -ms-flexbox;
      display: flex
  }
  
  #footer {
      position: relative;
      background: #fff;
      padding: 0 0 30px
  }
  
  @media screen and (max-width: 960px) {
      #footer {
          padding:0 0 30px
      }
  }
  
  .footer-menu {
      position: relative;
      padding-top: 40px
  }
  
  @media (max-width: 1439px) {
      .footer-menu {
          display:-ms-flexbox;
          display: flex;
          padding-top: 0;
          padding-right: 100px
      }
  }
  
  .footer-menu .container {
      max-width: 1640px;
      padding-top: 25px
  }
  
  .ru .footer-menu .container {
      max-width: 1690px;
      padding: 25px 0 0 5px
  }
  
  @media (max-width: 580px) {
  
  
      .footer-menu .container {
          -ms-flex-direction:column;
          flex-direction: column
      }
  
      .matno-header{
          display:none !important;
      }
  
      body,.drop{
          padding:1px;
      }
  
      .drop{
  margin-top: 70px;
  }
  
      .fh5co-footer-links li:last-child{
          display:none !important;
      }
  
      #filerobot-image-editor-root .ioVGXS {
      inset: -3px !important;
      }
  
      #filerobot-image-editor-root .fxnJRY .cropper-point {
      height: 40 !important;
      width: 40 !important;
      }
  }
  
  
  
  
  @media (min-width: 1200px) {
      .footer-menu .container {
          -ms-flex-pack:justify;
          justify-content: space-between
      }
  }
  
  @media (min-width: 1440px) {
      .footer-menu .container {
          padding-top:0
      }
  }
  
  @media (max-width: 1439px) {
      .footer-menu .container {
          -ms-flex-wrap:wrap;
          flex-wrap: wrap;
          width: 100%
      }
  }
  
  @media (min-width: 1440px) {
      .footer-menu .container.drop-menu {
          -ms-flex-pack:distribute;
          justify-content: space-around
      }
  }
  
  @media (min-width: 1566px) {
      .footer-menu .container.drop-menu {
          -ms-flex-pack:justify;
          justify-content: space-between
      }
  }
  
  @media (min-width: 1200px) {
      .de .footer-menu .container.drop-menu,.es .footer-menu .container.drop-menu,.fr .footer-menu .container.drop-menu,.it .footer-menu .container.drop-menu {
          -ms-flex-pack:justify;
          justify-content: space-between
      }
  }
  
  @media (max-width: 480px) {
      .de .footer-menu .container.drop-menu,.es .footer-menu .container.drop-menu {
          padding-right:0;
          padding-left: 20px
      }
  }
  
  .footer-menu strong {
      position: relative;
      text-align: left;
      font: 600 14px/21px Poppins,sans-serif;
      letter-spacing: 0;
      color: #303030;
      text-transform: uppercase;
      padding-bottom: 10px;
      margin-bottom: 15px;
      display: block
  }
  
  @media (max-width: 480px) {
      .de .footer-menu strong,.es .footer-menu strong,.id .footer-menu strong,.ru .footer-menu strong,.tr .footer-menu strong {
          font-size:13px
      }
  }
  
  @media (max-width: 374px) {
      .ru .footer-menu strong {
          font-size:12px
      }
  }
  
  @media (max-width: 1024px) {
      .footer-menu strong.opener {
          display:-ms-inline-flexbox;
          display: inline-flex;
          -ms-flex-pack: justify;
          justify-content: space-between;
          margin-bottom: 10px;
          padding: 15px 25px 15px 0
      }
  }
  
  .footer-menu strong:before {
      position: absolute;
      content: "";
      width: 30px;
      height: 3px;
      background: #ff6166;
      left: 0;
      bottom: 0
  }
  
  .footer-menu .footer-menu_box {
      min-width: 110px
  }
  
  @media (max-width: 579px) {
      .footer-menu .footer-menu_box.active-drop strong.opener {
          color:#e94e53;
          margin-bottom: 0
      }
  
      .footer-menu .footer-menu_box.active-drop strong.opener:before {
          display: none
      }
  }
  
  .ru .footer-menu .footer-menu_box {
      padding: 0 10px
  }
  
  @media (min-width: 580px) {
      .ru .footer-menu .footer-menu_box {
          width:50%;
          margin-bottom: 10px
      }
  }
  
  @media (min-width: 768px) {
      .ru .footer-menu .footer-menu_box {
          width:33.333%
      }
  }
  
  @media (min-width: 1024px) {
      .ru .footer-menu .footer-menu_box {
          width:25%
      }
  }
  
  @media (min-width: 1440px) {
      .ru .footer-menu .footer-menu_box {
          max-width:215px;
          width: 100%
      }
  }
  
  @media (max-width: 1439px) {
      .ru .footer-menu .footer-menu_box {
          max-width:inherit
      }
  }
  
  @media (min-width: 580px) {
      .footer-menu .footer-menu_box {
          width:50%;
          margin-bottom: 10px
      }
  }
  
  @media (min-width: 768px) {
      .footer-menu .footer-menu_box {
          width:33.333%
      }
  }
  
  @media (max-width: 940px) {
  
  .drop ul.list.history li {
      float: right;
      display: flex;
      opacity: 1;
      left: 0px;
      /* background-color: white; */
      flex-direction: column;
  }
  
  .drop ul.list.history li .thumbnail {
     text-align:right;
     margin-right: -30px;
     float: right;
     margin-bottom: 10px;
  }
  
  }
  
  
  
  @media (min-width: 1024px) {
      .footer-menu .footer-menu_box {
          width:25%
      }
  }
  
  @media (min-width: 1440px) {
      .footer-menu .footer-menu_box {
          width:auto;
          margin-bottom: 0
      }
  }
  
  .footer-menu .footer-menu_box .slide-item {
      font: 500 14px/21px Poppins,sans-serif;
      letter-spacing: 0;
      color: #303030;
      margin-top: 8px;
      padding-bottom: 8px
  }
  
  .footer-menu .footer-menu_box .slide-item:first-child {
      margin-top: 5px
  }
  
  .footer-menu .footer-menu_box .slide-item:last-child {
      margin-bottom: 0
  }
  
  .footer-menu .footer-menu_box .slide-item a {
      color: #303030;
      cursor: pointer;
      transition: all .1s linear
  }
  
  .ru .footer-menu .footer-menu_box .slide-item a {
      display: inline-block;
      max-width: 215px;
      line-height: 1.3
  }
  
  @media (max-width: 580px) {
      .ru .footer-menu .footer-menu_box .slide-item a {
          max-width:inherit
      }
  }
  
  .footer-menu .footer-menu_box .slide-item a:hover {
      color: #ff6166;
      text-decoration: none
  }
  
  .footer-menu .footer-menu_box .slide {
      display: none;
      position: relative;
      padding-bottom: 20px;
      margin-bottom: 10px
  }
  
  @media (min-width: 580px) {
      .footer-menu .footer-menu_box .slide {
          display:block;
          padding-bottom: 10px
      }
  }
  
  @media (max-width: 579px) {
      .footer-menu .footer-menu_box.active-drop .svg-down {
          -ms-transform:rotate(180deg);
          transform: rotate(180deg);
          fill: #e94e53
      }
  }
  
  .footer-menu .icon-angle-down {
      display: inline-block;
      width: 16px;
      height: 20px;
      padding: 0 5px 0 0;
      position: absolute;
      right: 0;
      top: 50%;
      -ms-transform: translateY(-50%);
      transform: translateY(-50%)
  }
  
  @media (min-width: 580px) {
      .footer-menu .icon-angle-down {
          display:none
      }
  }
  
  .footer-menu .icon-angle-down svg {
      width: 100%;
      height: 100%;
      fill: #303030
  }
  
  .sm-box {
      margin: 25px 0 15px;
      text-align: center
  }
  
  @media (max-width: 1439px) {
      .sm-box {
          text-align:left;
          margin: 0
      }
  }
  
  .sm-list {
      list-style: none;
      margin: 0;
      padding: 0
  }
  
  .sm-list li {
      display: inline-block;
      margin: 0 10px 0 0;
      overflow: hidden
  }
  
  @media (max-width: 1439px) {
      .sm-list li {
          display:block;
          margin: 0 0 15px
      }
  }
  
  .sm-list li.facebook .svg-fb {
      fill: #557cbb
  }
  
  .sm-list li.twitter .svg-tw {
      fill: #7bcdef
  }
  
  .sm-list li.youtube .svg-yt {
      fill: #e63842
  }
  
  .sm-list li.linkedin {
      margin-right: 0
  }
  
  .sm-list li.linkedin .svg-ld {
      fill: #107bb7
  }
  
  .sm-list a {
      width: 20px;
      height: 20px;
      position: relative;
      display: block
  }
  
  @media (max-width: 1439px) {
      .sm-list a {
          width:30px;
          height: 30px
      }
  }
  
  .sm-list svg {
      width: 100%;
      height: 100%
  }
  
  .list .alert img.empty {
      width: 100px;
      height: 100px;
      opacity: .4;
      margin: 15px;
  }
  
  ul.libtns li, .rbtns li:not(.p) {width: 55px !important;transition: transform .25s cubic-bezier(.42,0,.61,1.86);}
  
  .libtns li:hover, .filelist .rbtns li:not(.p):hover {
      /* opacity: .7 !important; */
      transition-duration: 0.28s !important;
      transform: scale(1.1);
  }

  .filelist .libtns li.convert:not(.white):hover{
            background-color: #31c6ff !important;
  }
  
  .partners-list {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0;
      margin: 20px auto;
      list-style: none;
      -ms-flex: 1;
      flex: 1;
      max-width: 500px
  }
  
  @media (max-width: 767px) {
      .partners-list {
          max-width:100%;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -ms-flex-pack: center;
          justify-content: center;
          margin: 40px auto 20px
      }
  }
  
  .partners-list a {
      display: block;
      background-size: contain
  }
  
  .partners-list li {
      margin-right: 40px
  }
  
  @media (max-width: 480px) {
      .partners-list li:first-child {
          width:100%;
          text-align: center
      }
  }
  
  @media (max-width: 480px) {
      .partners-list li:first-child a {
          margin:0 auto
      }
  }
  
  .partners-list li:last-child {
      margin-right: 0
  }
  
  @media (max-width: 480px) {
      .partners-list li:last-child {
          margin-left:20px
      }
  }
  
  @media (max-width: 480px) {
      .partners-list li {
          margin-bottom:30px;
          margin-right: 0
      }
  }
  
  .partners-list .microsofr-partner {
      background: url(/service-pages-static/dist/images/MicrosoftSilverPartner.png) no-repeat 50%;
      background-size: contain;
      width: 170px;
      height: 33px
  }
  
  .partners-list .microsofr-partner.lazy {
      background-image: none
  }
  
  .partners-list .pdf-association {
      background: url(/service-pages-static/dist/images/PDFAssociationLogo.png) no-repeat 50%;
      background-size: contain;
      width: 69px;
      height: 33px
  }
  
  .partners-list .pdf-association.lazy {
      background-image: none
  }
  
  .partners-list .user-rights {
      width: 100px;
      height: 33px
  }
  
  @media (max-width: 1439px) {
      .lang-wrapper {
          position:absolute;
          top: 0;
          right: 0;
          height: 100%;
          max-width: 100px;
          min-width: 100px;
          -ms-flex-pack: start;
          justify-content: flex-start;
          -ms-flex-direction: column;
          flex-direction: column;
          background: #f0f5f7;
          padding: 36px 0
      }
  }
  
  .language-container {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: 135px;
      padding: 0 0 10px;
      -ms-flex-align: start;
      align-items: flex-start
  }
  
  @media (max-width: 1439px) {
      .language-container {
          -ms-flex-align:center;
          align-items: center;
          -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
          height: 100%;
          -ms-flex-pack: justify;
          justify-content: space-between;
          padding: 0
      }
  }
  
  .language-container .sm-box {
      margin: 4px 0 12px
  }
  
  @media (max-width: 1439px) {
      .active-languages-toggle .caret-svg {
          -ms-transform:rotate(180deg);
          transform: rotate(180deg);
          fill: #ff6166
      }
  }
  
  .languages-wrap {
      color: #000;
      font-weight: 400;
      position: relative;
      padding: 4px;
      cursor: pointer;
      transition: all .1s linear
  }
  
  @media (max-width: 1439px) {
      .languages-wrap {
          margin-bottom:40px
      }
  }
  
  @media screen and (max-width: 480px) {
      .languages-wrap {
          padding:4px 0
      }
  }
  
  @media (-ms-high-contrast:active),(-ms-high-contrast:none) {
      .languages-wrap {
          height: 30px
      }
  }
  
  .languages-wrap:hover .dropdown-languages {
      top: 100%;
      left: 50%;
      opacity: 1;
      visibility: visible
  }
  
  .languages-wrap:hover .caret-svg {
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
      fill: #ff6166
  }
  
  .languages-wrap .caret-svg {
      display: inline-block
  }
  
  .languages-wrap>a,.languages-wrap>button {
      color: #000;
      font-weight: 400;
      white-space: nowrap;
      font: 400 14px/21px Poppins,sans-serif;
      letter-spacing: 0;
      color: #303030;
      text-transform: uppercase;
      border: 0;
      background-color: rgba(0,0,0,0);
      padding: 0;
      cursor: pointer
  }
  
  .languages-wrap>a:hover,.languages-wrap>button:hover {
      text-decoration: none
  }
  
  .dropdown-languages {
      display: -ms-flexbox;
      display: flex;
      max-width: 125px;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      border: 1px solid #ebebeb;
      border-top: 0;
      list-style: none;
      position: absolute;
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      background: #fff;
      z-index: 5;
      padding: 2px 0 5px;
      width: 62px;
      text-align: center;
      overflow: visible;
      visibility: hidden;
      opacity: 0;
      left: -999999px;
      top: -999999px;
      transition: opacity .3s ease-out,visibility .3s ease-out
  }
  
  @media (max-width: 1440px) {
      .active-languages-toggle .dropdown-languages {
          top:100%;
          left: 50%;
          opacity: 1;
          visibility: visible
      }
  }
  
  .dropdown-languages li {
      width: 50%
  }
  
  .dropdown-languages a {
      overflow: hidden;
      padding: 6px 5px;
      font-family: Open Sans,sans-serif;
      font-weight: 600;
      font-size: 13px;
      text-transform: uppercase;
      color: #898989;
      display: inline-block;
      line-height: 11px
  }
  
  @media (min-width: 1200px) {
      .dropdown-languages a {
          padding:3px 5px;
          font-size: 12px
      }
  }
  
  .dropdown-languages a:hover {
      text-decoration: none;
      color: #e94e53
  }
  
  .caret i {
      position: relative;
      left: 3px;
      top: -3px
  }
  
  .caret svg {
      width: 8px;
      height: 5px;
      fill: #303030
  }
  
  .caret.caret-right {
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg)
  }
  
  .impressum {
      display: none
  }
  
  .de .impressum {
      display: block
  }
  
  .bottom-menu {
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin: 0 auto
  }
  
  @media (max-width: 424px) {
      .bottom-menu {
          margin-bottom:5px
      }
  }
  
  .bottom-menu li {
      margin-right: 15px
  }
  
  .bottom-menu li:last-child {
      margin-right: 0
  }
  
  .bottom-menu li a {
      display: inline-block;
      text-decoration: underline;
      font: 400 12px/18px Poppins,sans-serif;
      letter-spacing: 0;
      color: #666;
      cursor: pointer;
      transition: all .2s linear
  }
  
  @media screen and (max-width: 768px) {
      .bottom-menu li a {
          font-size:14px;
          padding: 5px
      }
  }
  
  .bottom-menu li a:hover {
      color: #ff6166
  }
  
  .bottom-menu li span.optanon-show-settings {
      display: inline-block;
      text-decoration: underline;
      font: 400 12px/18px Poppins,sans-serif;
      letter-spacing: 0;
      color: #666;
      cursor: pointer;
      transition: all .2s linear
  }
  
  .bottom-menu li span.optanon-show-settings:hover {
      color: #ff6166
  }
  
  .copyright-text {
      text-align: center
  }
  
  @media (max-width: 767px) {
      .copyright-text {
          margin-top:30px
      }
  }
  
  .copyright-text p {
      font: 400 12px/18px Poppins,sans-serif;
      color: #666;
      margin-bottom: 5px
  }
  
  .active-toggle {
      display: block!important
  }
  
  @media (max-width: 579px) {
      .active-toggle:before {
          position:absolute;
          content: "";
          width: 30px;
          height: 3px;
          background: #ff6166;
          left: 0;
          bottom: 4px
      }
  }
  
  .back-to-top {
      display: none;
      position: absolute;
      top: -25px;
      right: 25px;
      width: 50px;
      height: 50px;
      z-index: 2
  }
  
  @media (max-width: 1439px) {
      .back-to-top {
          display:block
      }
  }
  
  .back-to-top .to-top-btn {
      display: block;
      width: 100%;
      height: 100%;
      border: 0;
      border-radius: 50%;
      background-color: rgba(0,0,0,0);
      box-shadow: 0 0 0 0 rgba(0,0,0,0);
      padding: 0;
      margin: 0;
      overflow: hidden;
      cursor: pointer;
      transition: all .3s
  }
  
  .back-to-top .to-top-btn:hover {
      box-shadow: 0 0 5px 0 rgba(0,0,0,.3)
  }
  
  .help-item {
      padding: 10px 5px;
      float: right;
  }
  
  
   .help-item-container {
      padding: 25px 0
  }
  
   .help-item {
      padding: 10px 5px;
      float: right;
      border-radius: 10px;
  }
  
  img.iicon.x2 {
      width: 100px;
  }
  
  img.iicon.x3 {
      width: 130px;
  }
  
  img.iicon.x4 {
      width: 200px;
  }
  
   .help-item .item {
      /* border: 1px solid #ddd; */
      -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.05);
      box-shadow: 0 2px 4px rgba(0,0,0,.05);
      direction: rtl;
      height: 340px;
      border-radius: 15px;
  }
  
   .help-item .item .title span {
       
  color: #F44336;
       
  background-color: #fff5f7;
       
  padding: 2px 10px;
       
  border-radius: 4px;
       
  font-size: 15px;
       
  font-weight: normal;
  }
  
   .help-item .item .title i {
      font-size: 18px
  }
  
   .help-item .item .image {
      /* border-top: 1px solid #ddd; */
      /* border-bottom: 1px solid #ddd; */
      margin-top: 20px;
  }
  
   .help-item .item .image img {
      height: 238px;
      margin: 5px auto;
      display: block;
      border-radius: 10px;
  }
  
  .help-item .item .description {
      font-size: 14px !important;
      line-height: 22px;
      color: #696969;
      padding: 10px 15px;
  }
  
   .help-item.green .title span {
      color: #4caf50;
      background-color: #f6fff6;
      padding: 2px 10px;
      border-radius: 4px;
      font-size: 15px;
      font-weight: normal;
  }
  
  .help .help-item.red .title {
      color: red
  }
  
  
  ul.fh5co-footer-links li {
      display: inline;
      margin: 8px;
  }
  
  .bestresult {
      margin: 5px;
  }
  
  .how-to-row h2 {
      margin-bottom: 20px;
  }
  
  .dropdown-toggle::after {
      margin-right: 8px !important;
  }
  
  .how-to-row ul {
      margin-top: 30px;
  }
  
  .how-to-row .bestresult li {font-size: 18px !important;line-height: 35px;}
  
  .navbar {
      font-size: 20px !important;
      letter-spacing: unset;
      -webkit-box-shadow:unset;
      box-shadow: unset;
  }
  
  .list .alert {
      color: #7b7b7b;
      text-align: center;
      margin: 60px 5px 5px 5px;
      font-size: 15px;
      direction: rtl;
  }
  
  .file .text {
      margin-top: 15px;
  }
  
  .file .text {
      margin-top: 20px;
      overflow: hidden;
      width: 100%;
      text-align: center;
  }
  
  li.img.file {
      background-color: #ffffff;
      margin: 5px;
      border-radius: 10px;
  }
  
  .list i svg g {
      fill: #03a9f4;
  }
  
  .rbtns li.del {
      top: 20px;
      left: 1px !important;
  }
  
  .rbtns li.converticon,.rbtns li.downloadicon {
      top: 20px;
      right: 1px !important;
  }
  
  
  
  .rbtns li.edit {margin-left: 35px;}
  
  
  .rbtns li.p {
      left: 53px !important;
  }
  
  
  .darkroom-toolbar:before{
      display:none;
  }
  
  button.darkroom-button.darkroom-button-success {
      display: none;
  }
  
  .darkroom-toolbar .darkroom-button-group:last-child button {
      /* display: none; */
  }
  
  .darkroom-image-container {
      /* margin-top: 80px !important; */
  }
  
  .list i, .rbtns .p:not(:empty) {
      background-color: #eefaff;
      padding: 5px;
      background: linear-gradient(135deg, #ffffff 0%, #dff5ff 100%);
      border-radius: 50%;
      margin: 2px;
      cursor: pointer;
  }
  
  .list .file .rbtns li {
      position: absolute;
      left: 40px;
      margin-top: -25px;
  }
  
  .list .file .rbtns li:not(.p) {
      position: absolute;
      left: 40px;
      margin-top: -20px;
      height: 30px;
      width: 29px !important;
      background-color: #ffffff;
      color: #03a9f4;
      padding: 2px 2px;
      border-radius: 50%;
      cursor: pointer;
      transition-delay: unset;
  }
  
  .list .file.ispdf .rbtns li {
      position: absolute;
      /* left: 57px; */
      margin-top: -25px;
  }
  
  .libtns li {
      padding: 5px !important;
  }
  
  ul.libtns.show {
      opacity: 1 !important;
  }
  
  .libtns li.view,.libtns li.edit {
      background-color: white !important;
      color: #03a9f4;
  }
  
  .libtns li.download,.libtns li.convert {
      background-color: #03b3f7 !important;
      color: #ffffff;
  }
  
  .libtns li.download {
      /* background-color: #03c8f7 !important; */
       background: linear-gradient(135deg, #4facfe 0%, #66cfff 100%);
  /* border: solid 2px white; */}
  
  @-webkit-keyframes rotating /* Safari and Chrome */ {
    from {
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes rotating {
    from {
      -ms-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -ms-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  
  .rotating {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
  }
  
  ul.list.filelist {display: block;min-height: 390px;height: auto;overflow-y: scroll;padding: 5px;padding-bottom: 20px;overflow: auto;background-color: #f7f7f7;border-radius: 10px;background: linear-gradient(355deg, #edf7ff 0%, #ffffff 100%);cursor: pointer;}
  
  ul.list.filelist::before {
      content: attr(data-text);
      position: absolute;
      font-size: 150%;
      left: 0;
      width: 100%;
      text-align: center;
      top: 45%;
      opacity: 0.25;
      direction: rtl;
      font-family: 'KalamehBlack';
  }
  
  ul.list.history,.list.loading {display: block;height: 420px;overflow-y: scroll;padding: 5px;overflow: auto;background-color: #fafeff;border-radius: 20px;margin: 10px;background: linear-gradient(355deg, #edf7ff 0%, #ffffff 100%);}
  
  .list.loading {
      position: absolute;
      width: 96%;
      text-align: center;
      z-index: 2;
      background-color: #ffffffe0;
      direction: rtl;
      color: grey;
  }
  
  
  .libtns li.continue {
      background-color: #fde615;
      width: 100px !important;
      text-align: center;
      color: #353535;
  }
  
  li.continue span {
      position: absolute;
      font-size: 8px;
      margin-top: -12px;
      /* right: 15px; */
      color: white;
      padding: 2px 4px;
      background-color: #ff5050;
      border-radius: 5px;
  }
  img.preview.isPdf {
      width: 110% !important;
      object-fit: contain  !important;
      /* padding-bottom: 1px; */
  }
  
  li.convert.again {
      left: unset !important;
      top:16px !important;
      right: 0px !important;
      margin-top: -25px !important;
  }
  
  .modal-box{ font-family: 'Lato', sans-serif; }
  .modal-box .show-modal{
      color: #fff;
      background-color: #00a8ff;
      font-size: 18px;
      font-weight: 600;
      text-transform: capitalize;
      padding: 10px 15px;
      margin: 80px auto 0;
      border: none;
      box-shadow: 10px 10px 8px rgba(0, 0, 0, 0.2);
      outline: none;
      display: block;
  }
  .modal-box .show-modal:hover{
      color: #00a8ff;
      background-color: #fff;
      border: none;
      box-shadow: 15px 15px 15px rgba(0, 0, 0, 0.1) inset;
  }
  .modal-backdrop.in{ opacity: 0; }
  .modal-box .modal{/* top: 90px !important; */}
  .modal-box .modal-dialog{
      /* width: 450px; */
      margin: 20px auto 0;
  }
  
  h5.filePages {
      font-size: 110%;
      color: grey;
  }
  
  span.filePages,.selectedPages {
      padding: 2px 10px;
      background-color: var(--primary);
      color: white;
      border-radius: 10px;
      font-size: 18px;
      background: linear-gradient(355deg, #2eb7f5 0%, #54caff 100%);
  }
  
  .confirm{font-size: .90em;margin-bottom: 20px;margin-top: 10px;}
  
  .modal-box .modal-dialog .modal-content{
      text-align: center;
      border: none;
      position: relative;
      box-shadow: unset;
      border-bottom-left-radius: 20px;
      border-bottom-right-radius: 20px;
      border-radius: 20px;
  }
  .modal-box .modal-dialog .modal-content:before{
      content: "";
      background: #03b3f7;
      width: 100%;
      /* height: 30px; */
      border-radius: 6px 6px 0 0;
      position: absolute;
      left: 0;
      /* border-radius: 10px; */
  }
  .modal-box .modal-dialog .modal-content .close{
      color: #42c4ff;
      font-size: 25px;
      text-shadow: none;
      opacity: 1;
      position: absolute;
      left: auto;
      top: 10px;
      right: 20px;
      z-index: 1;
      transition: all 0.3s;
      cursor: pointer;
  }
  .modal-box .modal-dialog .modal-content .close span{
      margin: -2px 0 0 0;
      display: block;
  }
  
  .filerobot-image-editor-root div {
      font-family: 'VazirFD';
  }
  
  .blink,.wait {
      -webkit-animation: blink 2s linear infinite;
      animation: blink 2s linear infinite;
  }
  
  
  .modal-box .modal-dialog .modal-content .close:hover{color: #6dd1ff;}
  .modal-box .modal-dialog .modal-content .modal-body{padding: 45px 25px 30px !important;border-radius: 10px;}
  .modal-box .modal-dialog .modal-content .modal-body .icon{
      color: #00a8ff;
      background: #fff;
      font-size: 65px;
      line-height: 120px;
      width: 120px;
      height: 120px;
      margin: 0 auto;
      border-radius: 100px;
      transform: translateY(-30px);
  }
  .modal-box .modal-dialog .modal-content .modal-body .title{
      color: var(--primary);
      font-size: 30px;
      font-weight: 800;
      /* letter-spacing: 1px; */
      text-transform: uppercase;
      margin: 0 0 15px;
      font-family: 'KalamehBlack' !important;
  }
  .modal-box .modal-dialog .modal-content .modal-body .description{
      color: #272727;
      font-size: 100%;
      margin: 0 0 15px;
      direction: rtl;
  }
  .modal-box .modal-dialog .modal-content .modal-body .form-group{ margin: 0 0 20px; }
  .modal-box .modal-dialog .modal-content .modal-body label{
      color: var(--primary);
      font-size: 14px;
      font-weight: 500;
      font-family:
      'VazirFD';
  }
  .modal-box .modal-dialog .modal-content .modal-body .form-control{
      color: #3c3c3c;
      background-color: rgba(0,0,0,0.03);
      font-size: 16px;
      text-align: center;
      /* letter-spacing: 1px; */
      height: 40px;
      padding: 2px 15px;
      border: none;
      display: inline-block;
      transition: all 0.3s;
  }
  .modal-box .modal-dialog .modal-content .modal-body .form-control:focus{
      box-shadow: none;
      border: none;
  }
  .modal-box .modal-dialog .modal-content .modal-body .form-control::placeholder{
      color: #909090;
      font-size: 16px;
  }
  .modal-box .modal-dialog .modal-content .modal-body .subscribe{
      color: #fff;
      background-color: #ffffff;
      font-size: 16px;
      font-weight: 600;
      text-transform: uppercase;
      padding: 7px 12px;
      margin: 0 10px 10px 0;
      border: none;
      border-radius: 5px;
      display: inline-block;
      transition: all 0.3s;
  }
  .modal-box .modal-dialog .modal-content .modal-body .subscribe.submit{
      background-color: #00a8ff;
      margin-right: 0;
  }
  .modal-box .modal-dialog .modal-content .modal-body .subscribe:hover{
      /* background-color: #555; */
      /* box-shadow: 0 0 5px #333 inset; */
  }
  .modal-box .modal-dialog .modal-content .modal-body .subscribe.submit:hover{
      background-color: #0984e3;
      box-shadow: unset;
      cursor:pointer;
  }
  @media only screen and (max-width: 576px){
      .modal-dialog{ width: 93% !important; }
  }
  @media only screen and (max-width: 379px){
      ul.list.filelist::before {
      content: "";
      }
      .modal-box .modal-dialog .modal-content .modal-body .subscribe{ margin-right: 0; }
  }
  
  .modal-body .icon i {
      margin-top: 25px;
  }
  
  button#convert {
      color: var(--primary) !important;
      border: 1px solid white;
      cursor: pointer;
  }
  
  button#convert:hover {
      color: var(--primary) !important;
      border:1px solid var(--primary);
  }
  
  .matnoBtn {
      color: #fff;
      background-color: #ffffff;
      font-size: 18px;
      font-weight: 600;
      text-transform: uppercase;
      outline: unset;
      padding: 7px 12px;
      margin: 0 10px 10px 0;
      border: none;
      border-radius: 5px;
      display: inline-block;
      transition: all 0.3s;
      direction: rtl;
  }
  
  .matnoBtn:hover,.matnoBtn:focus{
  
  outline: unset;
  
  }
  
  .matnoBtn.blue {
  background-color:var(--primary);
      box-shadow: unset;
      cursor: pointer;
  }
  
  .matnoBtn.blue:hover {
  background-color:var(--hover);
  }
  
  .matnoBtn.white {
  
  background-color: #ffffff;
  border:1px solid var(--primary);
      box-shadow: unset;
      cursor: pointer;
      color:var(--primary);
  }
  
  .matnoBtn.white:hover {color:white;background-color: var(--primary);border:1px solid var(--hover);}
  
      .popout {
          animation: popout 1s ease;
          -webkit-animation: popout 1s ease;
      }
  
  
  
      .libtns:not(.disable) .popout2 {
          animation: unset !important;
          -webkit-animation: unset !important;
      }
      .popout2 {
          animation: popout 1.3s ease;
          -webkit-animation: popout 1.3s ease;
      }
  
      
      @keyframes popout {
          from{transform:scale(0)}
          80%{transform:scale(1.2)}
          to{transform:scale(1)}
      }
      @-webkit-keyframes popout {
          from{-webkit-transform:scale(0)}
          80%{-webkit-transform:scale(1.2)}
          to{-webkit-transform:scale(1)}
      }
  
  .btn-primary {
    background-color: var(--primary);
    color: #FFFFFF;
  }
  
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary.active:focus, .btn-primary.active:hover,
  .show > .btn-primary.dropdown-toggle,
  .show > .btn-primary.dropdown-toggle:focus,
  .show > .btn-primary.dropdown-toggle:hover {
     background-color: var(--primary);
    color: #FFFFFF;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
  
  .btn-primary:hover {
    -webkit-box-shadow: unset !important;
            box-shadow: unset !important;
  }  
  
  ul.modal_top_btns {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-content: stretch;
      justify-content: space-evenly;
      align-items: center;
      list-style: none;
  }
  
  .cropit {
      background-color: var(--primary);
  }
  
  #filerobot-image-editor-root .fxnJRY .cropper-drag-box {
      background-color: rgb(8 8 8) !important;
      opacity: .4 !important;
  }
  
  .btn-group.modal_top_btns {
      margin: 0px 20px;
  } 
  
  
  .sc-fzpdyU.kSutAW.image-editor-range-wrapper.image-editor-range { display:none;}
  
  .sc-pIJJz.kEDzdV .fsuEer:nth-child(3) {
      display: none !important;
  }
  
  .sc-pIJJz.kEDzdV .fsuEer:nth-child(2) {
      display: none !important;
  }
  
  .alert.alert-danger {
      font-family: 'VazirFD';
      border-radius: 10px;
      background-color: #ffeded;
      color: #ff6161;
  }
  
  a.navbar-brand {
      font-family: 'KalamehBlack',tahoma !important;
      font-size: 1.5em !important;
  }
  
  .matno-header {
      /* height: 140px; */
      /* margin-top: 60px; */
      font-family: 'KalamehBlack',tahoma !important;
  }
  
  .matno-header img {
      width: 400px;
      margin-bottom: -20px;
      margin: a;
  }
  
  .matno-header h3,.matno-header h2,.matno-header h1 {
      font-family: 'KalamehBlack',tahoma !important;
      direction: rtl;
      text-align: center;
  }
  
  @media screen and (max-width: 991px) {
  
      .sidebar-collapse .navbar .navbar-translate{
          
          justify-content: flex-end !important;
      }
      
  }
  
  input[type=checkbox] + label {
    display: block;
    margin: 0.2em;
    cursor: pointer;
    padding: 0.2em;
    direction: rtl;
  }
  
  input[type=checkbox] {
    display: none;
  }
  
  input[type=checkbox] + label:before {
    content: "\2714";
    border: 0.1em solid #00a8ff;
    border-radius: 0.2em;
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    padding-left: 0.5em;
    padding-bottom: 0.5em;
    margin-left: 0.3em;
    /* vertical-align: bottom; */
    color: transparent;
    transition: .2s;
  }
  
  input[type=checkbox] + label:active:before {
    transform: scale(0);
  }
  
  input[type=checkbox]:checked + label:before {
    background-color: MediumSeaGreen;
    border-color: MediumSeaGreen;
    color: #fff;
  }
  
  input[type=checkbox]:disabled + label:before {
    transform: scale(1);
    border-color: #aaa;
  }
  
  input[type=checkbox]:checked:disabled + label:before {
    transform: scale(1);
    background-color: #a3a3a3;
    border-color: #f7f7f7;
  }
  
  .shake {
      animation: shake 1s;
      animation-iteration-count: 2;
  }
  
  @keyframes shake {
    10%, 90% {
      transform: translate3d(-1px, 0, 0);
    }
    
    20%, 80% {
      transform: translate3d(1px, 0, 0);
    }
  
    30%, 50%, 70% {
      transform: translate3d(-1px, 0, 0);
    }
  
    40%, 60% {
      transform: translate3d(4px, 0, 0);
    }
  }
  
  
  button span.free {
      position: absolute;
      font-size: 10px;
      background-color: #ff5640;
      padding: 2px 4px;
      border-radius: 5px;
      margin-top: -15px;
      font-weight: normal;
  }
  
  .characters,.features {
      background-color: white;
      height: auto;
      width: 100%;
      border-radius: 10px;
      padding: 0px 3px;
      overflow: auto;
      text-align: center;
      overflow-x: hidden;
      padding-top: 1px;
  }
  
  
  .feature img {
      width: 40px;
      direction: rtl;
      /* display: none; */
  }
  
  .feature {
      direction: rtl;
      display: inline-flex;
      color:black;
      font-size: 13px;
      width: 100%;
      cursor: pointer;
      border: 1px solid #efefef;
      border-bottom: 1px solid #efefef;
      padding: 5px;
      position: sticky;
      margin: 2px;
      border-radius: 10px;
      align-items: center;
  }
  
  .list.history .libtns li.edit {
      border: 1px solid;
  }
  
  i.eva-hover {
      height: 34px;
  }
  
  li.topbtn.tip {color: #878787;font-size: 14px;direction: rtl;text-align: right;}
  
  
  
  .feature.active {
      border: 1px solid #8ddbff !important;
      background: linear-gradient(135deg, rgb(255 255 255) 0%, rgb(223 245 255) 100%);
      color: #0070a3;
  }
  
  .feature:not(.active):hover{
  
      background-color: #fcfeff;
  }
  
  .rbtns p.info {
      font-size: 10px !important;
      direction: rtl;
      color: #ffffff;
      background-color: #03a9f4;
      position: absolute;
      top: 2px;
      border-radius: 6px;
      padding: 0px 3px;
  }
  
  
  .feature p {text-align: right;padding: 6px;}
  .feature p  span{color: #000000;font-size: 10px;padding-right: 6px;}
  
  a.nav-link.brand {
      font-size: 25px !important;
  }
  
  span.new {
      position: absolute;
      margin-top: -12px;
      background-color: #ee7272;
      padding: 2px 3px;
      line-height: 12px;
      border-radius: 5px;
      margin-right: -30px;
      margin-top: -14px;
      letter-spacing: unset !important;
      font-size: 10px;
  }
  
  
  .donate.footer {
      width: 180px;
      font-size: 14px;
      left: 50px;
      top: 200px;
      text-align: center;
      margin: auto;
  }
  
  button#loadmore {
      margin: auto;
      width: 40%;
      margin-bottom: 15px;
  }
  
  #box {/* position: relative; */top: 50%;text-align: center;margin-top: -25px;display: block;}
  #box [class^="hex-icon"] { vertical-align: top; }
  
  [class^="hex-icon"] { width: 42px; height: 50px; margin: 0 10px; display: inline-block; transition: all 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transition: all 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); }
  [class^="hex-icon"]:hover { transform: scale3d(1.2, 1.2, 1); -webkit-transform: scale3d(1.2, 1.2, 1); transition: all 0.35s cubic-bezier(0.000, 1.270, 0.460, 1.650); -webkit-transition: all 0.35s cubic-bezier(0.000, 1.270, 0.460, 1.650); }
  [class^="hex-icon"] svg { width: 100%; height: 100%; display: block; }
  
  .hex-icon-sun path:first-of-type { fill: #fff; }
  .hex-icon-sun circle { stroke: #757579; stroke-width: 2px; fill: none; }
  .hex-icon-sun circle:last-of-type { stroke-width: 2px; stroke-dasharray: 2,7.4; }
  
  .hex-icon-wave path:first-of-type { fill: #219cb5; }
  .hex-icon-wave circle { stroke: #fff; stroke-width: 2px; fill: none; }
  .hex-icon-wave mask circle { fill: #fff; stroke: none; }
  .hex-icon-wave path:last-of-type { fill: #fff; }
  
  .hex-icon-heart path:first-of-type {fill: #ff5970;}
  .hex-icon-heart path:last-of-type { fill: #fff; transform-origin: 21px 25px; -webkit-transform-origin: 21px 25px;
      animation: hex-icon-heart-beat 1s linear infinite;
      -webkit-animation: hex-icon-heart-beat 1s linear infinite;
  }
  @keyframes hex-icon-heart-beat { 0% { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(0.75, 0.75, 1); } 60% { transform: scale3d(1, 1, 1); } }
  @-webkit-keyframes hex-icon-heart-beat { 0% { -webkit-transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(0.75, 0.75, 1); } 60% { -webkit-transform: scale3d(1, 1, 1); } }
  
  a.donate {
      text-decoration: none;
      color: #656565;
      font-size: 13px;
      margin-top: 10px !important;
      display: block;
  }
  
  .odot {
      position: absolute;
      right: 20px;
      bottom: 20px;
  }
  
  .donate.main {
      width: 180px;
      font-size: 14px;
      position: absolute;
      right: 5%;
      top: 200px;
  }
  
  p.feedback {
      width: auto;
      max-width: 500px;
      direction: rtl;
      background-color: whitesmoke;
      padding: 5px;
      border-radius: 10px;
  }
  
  .modal-content .row.word,.modal-content .row.page {display: flex;align-content: center;flex-wrap: nowrap;justify-content: center;flex-direction: row;align-items: center;margin: 5px;}
  
  .modal-content {width: 100% !important;}
  
  .form-group .words,.form-group .pages {max-height: 300px;overflow-y: auto;}
  
  button#newWord,  button#newPage {position: absolute;font-size: 10px;margin-top: 20px;margin-left: -170px;padding: 2px;}
  
  .alert.alert-info {background-color: #eff8ff;color: #2ca8ff;border-radius: 10px;}
  
  .alert {
  font-family: 'VazirFD',tahoma;
  /* font-size: 13px !important; */
  direction: rtl;
  }
  
  .word:not(:first-child) .wordinput.incorrect {pointer-events: none;background-color: #ffefef !important;color: #ef9595 !important;}
  
  .word:not(:first-child) .wordinput.correct{
  
   pointer-events: none;background-color: #fafff4 !important;color: #a8d578 !important;
  }
  
  li.delword .eva-hover {/* background-color: white; */
      /* padding: 7px; */
      border-radius: 50%;
      margin: 2px;
      cursor: pointer;}
  
  li.delword{
  
      
  list-style: none;position: absolute;right: 15px !important;margin-top: -32px;}
  
  li#addWord {border-bottom: 4px solid #ff9800;color: #ff9800;background-color: #fffbf6;}
  
  
  a.nav-link.smooth-scroll.buy.whitebtn {
      background-color: rgba(255, 255, 255, 0.2);
      border-radius: 3px;
  }
  
  
  
  .nav-item a.nav-link.brand {
      font-size: 35px !important;
      font-family: 'KalamehBlack' !important;
  }
  
  .filelist ul.details {height: 40px;font-size: 12px;text-align: center;}
  
  
  
  @media screen and (max-width: 1202px) {
    .matno .navbar .nav-item a:not(.brand){font-size: 13px !important;}
  }
  
  .details span.view {
  font-size: 10px !important;
  cursor: pointer;
  padding: 3px;
  background-color: #f3fbff;
  border-radius: 5px;
  color: #00afff;
  margin: 1px;
  }
  
  .drag ul.list.filelist,.drag .area51 {
      background-color: #f1f1f1;
      outline: 3px dashed #dbdbdb;
  }
  
  p.gettingReady {
      text-align: center;
      margin-top: 15px;
      direction: rtl;
  }
  
  .loader.inside.bigger {
      border: 3px solid;
      border-top: 3px solid #ffffff00;
      width: 20px;
      height: 20px;
  }
  
  .dragBtn.wait {
      animation: gettingReady .5s cubic-bezier(0.4, 0, 1, 1) infinite;
  }
  
  @keyframes gettingReady {
      0% {
          opacity: 1
      }
  
      50% {
          opacity: .7
      }
  
       80% {
          opacity: 1
      }
  
      100% {
          opacity: 1
      }
  }
  
  .gettingReady {
      text-align: center;
      margin-top: 10px;
      color: #5d5d5d;
      font-size: 17px;
  }
  
  .gettingReady .smalltxt {
      font-size: 11px;
      direction: rtl;
      margin-top: 5px;
  }
  
  ul.list.filelist .file:not(.isPdf) img.preview {
      cursor: zoom-in;
  }
  
  .history .thumbnail a {
      cursor: zoom-in;
  }
  
  .rbtns span.label {
      font-size: 11px;
      vertical-align: super;
      padding: 5px;
  }
  
  .list .file .rbtns li.withLabel {
      width: 95px !important;
      border-radius: 10px;
      left: 56px;
      margin-top: -23px;
  }
  
  div#context-menu.download-menu {
      border-radius: 5px;
      box-shadow: unset !important;
      color: #03b3f7;
      padding: 2px;
      min-width: 100px;
      z-index: 10000 !important;
  }
  
  .download-menu a {
      border-radius: 5px;
      direction: rtl;
      margin:2px 0px;
  }
  
  .download-menu a:hover {
      background-color: #ebf9ff !important;
  }

.download-menu a.dropdown-item:hover {
    color: #03A9F4 !important;
}
  
  .download-menu a#word {
      /* background-color: #e4f8ff; */
  }
  
  .download-menu a#word:hover {
      background-color: #ebfaff;
  }
  
  .download-menu a#pdf {
      background-color: #ffffff;
      color: #03b3f7;
  }
  
  .download-menu a#pdf:hover {
      background-color: #e4f8ff;
      /* color:white; */
  }
  
  .download-menu hr {margin-top: 2px;margin-bottom: 2px;}
  
  
  li#history.newItem::after {
      content: ".";
      color: #e95146;
      font-size: 40px;
      position: absolute;
      top: -3px;
      animation: blink 1s infinite ease;
  }
  
  
  .tip.right {
      float: right;
  }
  
  .area51 .tip {
      direction: rtl;
      padding: 15px;
      position: absolute;
      right: 25px;
      font-size: 13px;
  }
  
  p.alertDescription {
      margin: 10px;
      padding: 5px;
      line-height: 29px;
      direction: rtl;
  }
  
  .switch {
      color: #2f2e2f!important;
      position: relative;
      display: inline-table;
      width: 41px;
      height: 22px;
      top: -14px;
      right: 4px
  }
  
  .loginform,.profilebox,.slider,.slider:before {
      position: absolute
  }
  
  .switch input {
      opacity: 0;
      width: 0;
      height: 0
  }
  
  .slider {
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #ccc;
      -webkit-transition: .4s;
      transition: .4s
  }
  
  .slider:before {
      content: "";
      height: 16px;
      width: 16px;
      left: 4px;
      bottom: 3px;
      background-color: #fff;
      -webkit-transition: .4s;
      transition: .4s
  }
  
  input:checked+.slider {
      background-color: #03b3f7;
  }
  
  input:checked+.slider:before {
      -webkit-transform: translateX(16px);
      -ms-transform: translateX(16px);
      transform: translateX(16px);
  }
  
  .slider.round {
      border-radius: 34px
  }
  
  .slider.round:before {
      border-radius: 50%
  }
  
  .checkbox.checked {
      background-color: #4ac7ff;
      border: 4px solid #ffffff !important;
  }

  li.convert.white {
    background-color: #ffffff !important;
    color: #29b3f5;
    transition: transform .25s cubic-bezier(.42,0,.61,1.86) !important;
    border: 1px solid;
}

input.pageInput {
    width: 120px;
    margin: 2px 5px;
    font-size: 20px !important;
}

.page label {
    position: absolute;
    margin-top: -20px;
}

li.delPage {
    position: relative;
    list-style: none;
    cursor: pointer;
    width: 10px;
}

.pages .page:first-child .from {
    margin-right: 12px;
}

.modal-dialog {
    zoom: 1.2;
}

.buttonlist {
    display: flex;
    width: 100%;
    justify-content: center;
    font-family: 'Vazir';
}

.buttonlist .buttonl {
    width: 80px;
    padding: 5px;
    height: 50px;
    background-color: #ffffff;
    border-radius: 15px;
    font-size: 12px;
    margin: 5px;
    cursor: pointer;
    border: 1px solid #dddddd;
    /* overflow-y: scroll; */
    /* overflow-x: hidden; */
}

.unicodeHolder {
    width: 100%;
    margin-top: 5px;
}

.buttonl.active {
    border: 1px solid #00a8ff;
    color: #0a0a0a;
    background-color: #fbfeff;
}

@media(max-width:713px){




    .modal.show .modal-dialog {
        margin: 0;
        width: 100% !important;
    }
    
    .modal-box .modal-dialog .modal-content {
        border-radius: 1px !important;
    }
    .modal-backdrop {
        background: white;
    }
    
    .modal-dialog {
        margin: 0px;
    }
    
    .modal-backdrop.show {
        background-color: white;
        opacity: 1;
    }
    
    
    .modal-box .modal-dialog .modal-content:before{
        height: 0px !important;
    }
    
    .modal-box .modal-dialog .modal-content .modal-body {
        padding: 60px 25px 30px !important;
    }
    
    .modal .close {
        color: #525252 !important;
        font-size: 3em !important;
    }

    
}

.queue {
    height: 40px;
}

.queue span.cancel {
    padding: 5px;
    color: #03b3f7;
    cursor: pointer;
}

.select-your-file {
    width: 100%;
    max-width: 1300px;
    margin: auto;
    text-align: center;
    margin-top: 120px;
    border-radius: 20px;
    padding: 50px;
    background: linear-gradient(355deg, #edf7ff 0%, #ffffff 100%);
}

.select-your-file img {
    width: 140px;
    margin-bottom: 20px;
}

.select-your-file h1 {
    font-size: 30px;
    font-family: 'KalamehBlack' !important;
    font-weight: 900;
}

button#select-pdf-file {
    background-color: #42c4ff;
    padding: 10px 10px;
    border-radius: 20px;
    color: white;
    border: none;
    font-size: 30px;
    cursor: pointer;
    margin: 10px;
    margin-top: 20px;
    font-family: 'KalamehBlack';
}

button#select-pdf-file:focus {
    background-color: #4dc8ff;
    outline: none;
}

a.pdftodocx {
    display: block;
    background-color: #ffffff;
    /* max-width: 250px; */
    direction: rtl;
    padding: 5px;
    border-radius: 10px;
    margin: auto;
    margin-top: 20px;
    max-width: 400px;
}

a.pdftodocx img {
    width: 40px;
    margin-bottom: 0px;
    margin-left: 5px;
}

.pdfKeepLayout {
    margin-bottom: 5px;
    margin-top: 5px;
}

.pdfKeepLayout label.checkbox-item {
    background-color: #ffffff;
    padding: 10px;
}

.checkbox-title {font-size: 14px !important;}

.area51:hover {
    background-color: #f9fdff;
    transition: all .5s ease;
    cursor: pointer;
}

li.convert span {
    position: absolute;
    font-size: 8px;
    margin-top: -14px;
    /* left: 5px; */
    margin-left: -25px;
    color: white;
    padding: 2px 4px;
    background-color: #ffa250;
    border-radius: 5px;
}



a#convertAgain {
    background-color: #fffaf6;
    color: #FF9800;
}

.dragBtn {
    background-color: #42c4ff;
    color: white;
    font-family: 'KalamehBlack';
    font-size: 30px;
    border-radius: 15px;
    padding: 10px;
    max-width: 160px;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    background: linear-gradient(135deg, #4facfe 0%, #66cfff 100%);
    text-align: center;
}

.shining-dot {
  width: 16px;
  height: 16px;
  background: #ff000045;
  border-radius: 50%;
  box-shadow: 
    0 0 0 0 rgba(255, 0, 0, 0.4),
    0 0 4px 1px rgba(255, 0, 0, 0.25);
  animation: pulse 1.5s ease-in-out infinite;
    position: absolute;
  margin-top: -43px;
  margin-left: 36.5px;
}

@keyframes pulse {
  0% {
    box-shadow: 
      0 0 0 0 rgba(255, 0, 0, 0.4),
      0 0 4px 1px rgba(255, 0, 0, 0.25);
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  35% {
    opacity: 0.85; /* quick dip for blink */
  }
  40% {
    opacity: 1;
  }
  70% {
    box-shadow: 
      0 0 0 4px rgba(255, 0, 0, 0),
      0 0 6px 3px rgba(255, 0, 0, 0.1);
    opacity: 1;
  }
  100% {
    box-shadow: 
      0 0 0 0 rgba(255, 0, 0, 0),
      0 0 4px 1px rgba(255, 0, 0, 0);
    opacity: 1;
  }
}

.dotholder {
    width: 20px;
    height: 20px;
    margin: auto;
    display: inline-block;
}

.filelist .file.done {
    background: linear-gradient(135deg, #ffffff 0%, #e2f6ff 100%) !important;
    border-bottom: 1px solid #ffffff !important;
    transition: all .5s ease !important;
}

.select-pdf-file-blue {
    background: linear-gradient(135deg, #4ffe6d7a 0%, #4cd6ff 100%);
}

.feature.active {
    position: relative;
    border: 1px solid #8ddbff !important;
    background: linear-gradient(135deg, rgb(255 255 255) 0%, rgb(223 245 255) 100%);
    color: #0070a3;
    box-shadow: 0 0 5px rgba(141, 219, 255, 0.3);
    animation: shimmerBackground 4s ease infinite;
    background-size: 200% 200%;
}

@keyframes pulseBorder {
    0%, 100% {
        box-shadow: 0 0 5px rgba(141, 219, 255, 0.3),
                    inset 0 0 5px rgba(141, 219, 255, 0.1);
        border-color: #8ddbff;
    }
    50% {
        box-shadow: 0 0 15px rgba(141, 219, 255, 0.6),
                    inset 0 0 10px rgba(141, 219, 255, 0.2);
        border-color: #b3e5ff;
    }
}

@keyframes shimmerBackground {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.description.blue {

    font-size: 85% !important;
    background-color: #edf9ff;
    padding: 5px;
    border-radius: 10px;
    background: linear-gradient(135deg, rgb(255 255 255) 0%, rgb(223 245 255) 100%);
    
}

label.checkbox-item.small {
    padding: 5px;
    border-width: 1px;
    padding-right: 10px;
    border: none !important;
}


.small .checkbox-custom {width: 18px;height: 18px;}

.small .checkbox-title {
    font-size: 12px !important;
    font-weight: 800;
}

.small .checkbox-custom {width: 18px;height: 18px;}

.small .checkbox-title {
    font-size: 12px !important;
    font-weight: 800;
}

button#convertPdf {
    position: relative;
    border: 1px solid #8ddbff !important;

    box-shadow: 0 0 5px rgba(141, 219, 255, 0.3);
    animation: pulseBorder 4s ease-in-out infinite;
    background-size: 200% 200%;
}