﻿body {
  font-family: 'vazir';
  direction: rtl; }
  body .vebko-bg {
    position: fixed;
    z-index: -9999999;
    opacity: 0.1;
    left: 0px;
    top: 0px; }
    @media only screen and (min-width: 481px) {
      body .vebko-bg {
        width: contain; } }
    @media only screen and (min-width: 768px) {
      body .vebko-bg {
        width: max-content; } }
    @media only screen and (min-width: 1024px) {
      body .vebko-bg {
        width: 100%; } }
    @media only screen and (min-width: 1440px) {
      body .vebko-bg {
        width: 100%; } }
    @media only screen and (min-width: 1921px) {
      body .vebko-bg {
        width: 100%; } }
  body .amttester {
    direction: rtl;
    text-align: right; }
    body .amttester .infoamttester h1 {
      font-weight: bold;
      font-family: tahoma;
      color: #0d8786; }
    @media only screen and (min-width: 481px) {
      body .amttester section {
        margin: 15px; } }
    @media only screen and (min-width: 768px) {
      body .amttester section {
        margin: 20px; } }
    @media only screen and (min-width: 1024px) {
      body .amttester section {
        margin: 30px; } }
    @media only screen and (min-width: 1440px) {
      body .amttester section {
        margin: 40px; } }
    @media only screen and (min-width: 1921px) {
      body .amttester section {
        margin: 50px; } }
  @media only screen and (min-width: 1024px) {
    body .fav {
      display: grid;
      grid-template-columns: 40% 60%;
      gap: 30px; } }
  @media only screen and (min-width: 1440px) {
    body .fav {
      display: grid;
      grid-template-columns: 40% 60%;
      gap: 30px; } }
  @media only screen and (min-width: 1921px) {
    body .fav {
      display: grid;
      grid-template-columns: 40% 60%;
      gap: 30px; } }
  body .col2-20-80 img {
    width: 100%;
    padding: 30px;
    background-color: white; }
  @media only screen and (min-width: 1024px) {
    body .col2-20-80 {
      display: grid;
      grid-template-columns: 20% 80%;
      gap: 20px; } }
  @media only screen and (min-width: 1440px) {
    body .col2-20-80 {
      display: grid;
      grid-template-columns: 20% 80%;
      gap: 20px; } }
  @media only screen and (min-width: 1921px) {
    body .col2-20-80 {
      display: grid;
      grid-template-columns: 20% 80%;
      gap: 20px; } }
  @media only screen and (min-width: 1024px) {
    body .col2 {
      display: grid;
      grid-template-columns: 50% 50%;
      gap: 10px; } }
  @media only screen and (min-width: 1440px) {
    body .col2 {
      display: grid;
      grid-template-columns: 50% 50%;
      gap: 10px; } }
  @media only screen and (min-width: 1921px) {
    body .col2 {
      display: grid;
      grid-template-columns: 50% 50%;
      gap: 10px; } }
  @media only screen and (min-width: 481px) {
    body .rw ul {
      column-count: 1; } }
  @media only screen and (min-width: 768px) {
    body .rw ul {
      column-count: 1; } }
  @media only screen and (min-width: 1024px) {
    body .rw ul {
      column-count: 2; } }
  @media only screen and (min-width: 1440px) {
    body .rw ul {
      column-count: 3; } }
  @media only screen and (min-width: 1921px) {
    body .rw ul {
      column-count: 4; } }
  body .col2, body .col3, body .fav, body .col2-20-80, body .rw {
    /*background-color: rgba(232,232,232,.51);*/ }
    body .col2 .divimg, body .col3 .divimg, body .fav .divimg, body .col2-20-80 .divimg, body .rw .divimg {
      align-content: normal;
      text-align: center; }
    body .col2 ul, body .col3 ul, body .fav ul, body .col2-20-80 ul, body .rw ul {
      list-style: none; }
      @media only screen and (min-width: 481px) {
        body .col2 ul, body .col3 ul, body .fav ul, body .col2-20-80 ul, body .rw ul {
          padding: 0px;
          font-size: 15px;
          line-height: 25px; } }
      @media only screen and (min-width: 768px) {
        body .col2 ul, body .col3 ul, body .fav ul, body .col2-20-80 ul, body .rw ul {
          padding: 10px;
          font-size: 16px;
          line-height: 28px; } }
      @media only screen and (min-width: 1024px) {
        body .col2 ul, body .col3 ul, body .fav ul, body .col2-20-80 ul, body .rw ul {
          padding: 15px;
          font-size: 17px;
          line-height: 31px; } }
      @media only screen and (min-width: 1440px) {
        body .col2 ul, body .col3 ul, body .fav ul, body .col2-20-80 ul, body .rw ul {
          padding: 20px;
          font-size: 18px;
          line-height: 33px; } }
      @media only screen and (min-width: 1921px) {
        body .col2 ul, body .col3 ul, body .fav ul, body .col2-20-80 ul, body .rw ul {
          padding: 20px;
          font-size: 19px;
          line-height: 35px; } }
      body .col2 ul li i, body .col3 ul li i, body .fav ul li i, body .col2-20-80 ul li i, body .rw ul li i {
        color: #d60b0b; }
    body .col2 img, body .col3 img, body .fav img, body .col2-20-80 img, body .rw img {
      width: 100%;
      max-width: fit-content; }
    body .col2 h3, body .col3 h3, body .fav h3, body .col2-20-80 h3, body .rw h3 {
      color: #064544;
      font-weight: bold; }
      @media only screen and (min-width: 481px) {
        body .col2 h3, body .col3 h3, body .fav h3, body .col2-20-80 h3, body .rw h3 {
          font-size: 16px; } }
      @media only screen and (min-width: 768px) {
        body .col2 h3, body .col3 h3, body .fav h3, body .col2-20-80 h3, body .rw h3 {
          font-size: 20px; } }
      @media only screen and (min-width: 1024px) {
        body .col2 h3, body .col3 h3, body .fav h3, body .col2-20-80 h3, body .rw h3 {
          font-size: 23px; } }
      @media only screen and (min-width: 1440px) {
        body .col2 h3, body .col3 h3, body .fav h3, body .col2-20-80 h3, body .rw h3 {
          font-size: 25px; } }
      @media only screen and (min-width: 1921px) {
        body .col2 h3, body .col3 h3, body .fav h3, body .col2-20-80 h3, body .rw h3 {
          font-size: 30px; } }
      body .col2 h3 i, body .col3 h3 i, body .fav h3 i, body .col2-20-80 h3 i, body .rw h3 i {
        color: #d60b0b; }
    body .col2 strong, body .col3 strong, body .fav strong, body .col2-20-80 strong, body .rw strong {
      font-size: 18px; }
