/* Persian Font */
  
  @font-face {
      font-family: IRANSans;
      font-style: normal;
      font-weight: 900;
      src: url(../fonts/iransans/eot/IRANSansWeb_Black.eot);
      src: url(../fonts/iransans/eot/IRANSansWeb_Blackd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/iransans/woff2/IRANSansWeb_Black.woff2) format("woff2"), url(../fonts/iransans/woff/IRANSansWeb_Black.woff) format("woff"), url(../fonts/iransans/ttf/IRANSansWeb_Black.ttf) format("truetype");
  }
  
  @font-face {
      font-family: IRANSans;
      font-style: normal;
      font-weight: 700;
      src: url(../fonts/iransans/eot/IRANSansWeb_Bold.eot);
      src: url(../fonts/iransans/eot/IRANSansWeb_Boldd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/iransans/woff2/IRANSansWeb_Bold.woff2) format("woff2"), url(../fonts/iransans/woff/IRANSansWeb_Bold.woff) format("woff"), url(../fonts/iransans/ttf/IRANSansWeb_Bold.ttf) format("truetype");
  }
  
  @font-face {
      font-family: IRANSans;
      font-style: normal;
      font-weight: 500;
      src: url(../fonts/iransans/eot/IRANSansWeb_Medium.eot);
      src: url(../fonts/iransans/eot/IRANSansWeb_Mediumd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/iransans/woff2/IRANSansWeb_Medium.woff2) format("woff2"), url(../fonts/iransans/woff/IRANSansWeb_Medium.woff) format("woff"), url(../fonts/iransans/ttf/IRANSansWeb_Medium.ttf) format("truetype");
  }
  
  @font-face {
      font-family: IRANSans;
      font-style: normal;
      font-weight: 300;
      src: url(../fonts/iransans/eot/IRANSansWeb_Light.eot);
      src: url(../fonts/iransans/eot/IRANSansWeb_Lightd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/iransans/woff2/IRANSansWeb_Light.woff2) format("woff2"), url(../fonts/iransans/woff/IRANSansWeb_Light.woff) format("woff"), url(../fonts/iransans/ttf/IRANSansWeb_Light.ttf) format("truetype");
  }
  
  @font-face {
      font-family: IRANSans;
      font-style: normal;
      font-weight: 200;
      src: url(../fonts/iransans/eot/IRANSansWeb_UltraLight.eot);
      src: url(../fonts/iransans/eot/IRANSansWeb_UltraLightd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/iransans/woff2/IRANSansWeb_UltraLight.woff2) format("woff2"), url(../fonts/iransans/woff/IRANSansWeb_UltraLight.woff) format("woff"), url(../fonts/iransans/ttf/IRANSansWeb_UltraLight.ttf) format("truetype");
  }
  
  @font-face {
      font-family: IRANSans;
      font-style: normal;
      font-weight: 400;
      src: url(../fonts/iransans/eot/IRANSansWeb.eot);
      src: url(../fonts/iransans/eot/IRANSansWebd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/iransans/woff2/IRANSansWeb.woff2) format("woff2"), url(../fonts/iransans/woff/IRANSansWeb.woff) format("woff"), url(../fonts/iransans/ttf/IRANSansWeb.ttf) format("truetype");
  }
  
  body {
      text-align: right;
  }
  
  .ml-20 {
      margin-right: 20px;
      margin-left: unset;
  }
  
  .ml-25 {
      margin-right: 15px;
      margin-left: unset;
  }
  
  .mr-20 {
      margin-left: 20px;
      margin-right: unset;
  }
  
  .top-left-side .top-header-text {
      margin-right: 30px;
      margin-left: unset;
  }
  
  .top-left-side .top-header-text::before {
      right: -20px;
      left: auto;
  }
  
  .top-header-right {
      float: left;
  }
  
  .top-header-right .top-contact {
      padding-right: 45px;
      padding-left: unset;
  }
  
  .top-header-right .top-contact i {
      right: 0;
      left: auto;
  }
  
  .top-header-right .language-list .nice-select {
      text-align: left !important;
  }
  
  .top-header-right .language-list .nice-select::after {
      left: 10px;
      right: auto;
  }
  
  .top-header-right .language-list .nice-select .option {
      text-align: right;
  }
  
  .top-head-left {
      float: right;
  }
  
  .top-header-right {
      float: left;
  }
  
  .top-header-right .language-list {
      margin-left: unset;
      margin-right: -20px;
  }
  
  .top-header-right .language-list .nice-select {
      text-align: left !important;
  }
  
  .top-header-right .language-list .nice-select::after {
      left: 10px;
      right: auto;
  }
  
  .main-nav .navbar .navbar-nav {
      margin-right: auto;
      margin-left: 0;
  }
  
  .main-nav .navbar .navbar-nav .nav-item .dropdown-menu {
      right: 0;
      left: auto;
      text-align: right;
  }
  
  .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::before {
      right: 0;
      left: auto;
  }
  
  .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
      padding-right: 35px;
      padding-left: unset;
  }
  
  .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
  .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li a :focus,
  .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li a .active {
      padding-right: 35px;
      padding-left: unset;
  }
  
  .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li a i {
      float: left;
  }
  
  .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu {
      right: 100%;
      left: auto;
  }
  
  .main-nav .nav-side .nav-side-item {
      margin-left: 20px;
  }
  
  .main-nav .nav-side .nav-side-item:last-child {
      margin-left: 0;
  }
  
  .main-nav .nav-side .nav-side-item .search-side-widget .search-side-form button {
      right: auto;
      left: 3px;
  }
  
  .main-nav .nav-side .nav-side-item {
      margin-left: 20px;
  }
  
  .main-nav .nav-side .nav-side-item:last-child {
      margin-left: 0;
  }
  
  .main-nav .nav-side .nav-side-item .search-side-widget .search-side-form button {
      right: auto;
      left: 3px;
  }
 
  
  .side-nav-responsive .dot-menu {
      right: auto;
      left: 60px;
  }
  
  .side-nav-responsive .container-max .container {
      left: 0;
      right: auto;
  }

  .banner-bottom-card {
      padding: 30px 135px 30px 20px;
  }
  
  .banner-bottom-card i {
      right: 30px;
      left: auto;
  }
  
  .banner-img .banner-img-shape {
      left: -15px;
      right: auto;
  }
  
  .banner-sub-item {
      padding: 15px 160px 15px 10px;
  }
  
  .banner-sub-item img {
      right: 10px;
      left: auto;
      border-radius: 0 15px 15px 0;
  }
 
  
  .about-img::before {
      left: -40px;
      right: auto;
  }
  
  .about-img .sub-content {
      padding: 15px 175px 23px 10px;
  }
  
  .about-img .sub-content img {
      right: 10px;
      left: auto;
      border-radius: 0 15px 15px 0;
  }
  
  .about-content .about-list li {
      padding-right: 35px;
      padding-left: unset;
  }
  
  .about-content .about-list li i {
      right: 0;
      left: auto;
      margin-left: 5px;
      margin-right: unset;
  }
  
  .about-play .about-play-content {
      right: 0;
      left: auto;
      border-top-left-radius: 70%;
      border-top-right-radius: 0;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 30px;
      padding: 100px 60px 80px 90px;
  }
  
  .about-play .about-play-content::before {
      right: 0;
      left: auto;
      border-top-left-radius: 70%;
      border-top-right-radius: 0;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 30px;
      height: 82.3%;
  }
  
  .about-play .about-play-content .play-on-area {
      position: absolute;
      z-index: 1;
      /* bottom: 225px; */
      right: 260px;
  }
  
  .about-content-2 .about-card .content {
      padding-left: unset;
      padding-right: 70px;
  }
  
  .about-content-2 .about-card .content i {
      right: 0;
      left: auto;
  }
  
  .service-shape {
      left: 0;
      right: auto;
  }
  
  .services-card::before {
      left: 0;
      right: auto;
      border-radius: 0 272px 0 0;
  }
  
  .services-card::after {
      left: 0;
      right: auto;
      border-radius: 0 272px 0 0;
  }
  
  .services-item .content {
      padding: 20px 92px 20px 20px;
  }
  
  .services-item .content i {
      right: 20px;
      left: auto;
  }
  
  .service-article .service-article-content .service-article-list li {
      padding-right: 35px;
      padding-left: unset;
  }
  
  .service-article .service-article-content .service-article-list li i {
      right: 0;
      left: auto;
      margin-left: 5px;
      margin-right: unset;
  }
  
  .choose-content .choose-content-card .content {
      padding-left: unset;
      padding-right: 75px;
  }
  
  .choose-content .choose-content-card .content i {
      right: 0;
      left: auto;
  }
  
  .work-process-card::before {
      left: 0;
      right: auto;
      border-radius: 0 0 270px 0;
  }
  
  .work-process-card .number {
      right: auto;
      left: 13px;
  }
  
  .build-btn-area {
      float: left;
  }
  
  .build-play-img .play-area-content {
      right: 0;
      left: auto;
      border-top-left-radius: 70%;
      border-top-right-radius: 0;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 30px;
      padding: 150px 40px 110px 80px;
  }
  
  .build-play-img .play-area-content::before {
      right: 0;
      left: auto;
      border-top-left-radius: 70%;
      border-top-right-radius: 0;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 30px;
  }
  
  .play-area {
      bottom: 220px;
      right: 260px;
      left: auto;
  }
  
  .build-item .content ul li {
      margin-left: 15px;
      margin-right: unset;
  }
  
  .build-item .content ul li::before {
      right: auto;
      left: -10px;
  }
  
  .build-item .content .more-btn {
      left: 0;
      right: auto;
      border-bottom-left-radius: 5px;
      border-top-left-radius: 0;
      border-top-right-radius: 30px;
      border-bottom-right-radius: 0;
  }
  
  .counter-another-content {
      padding-right: 90px;
      padding-left: 0;
  }
  
  .counter-another-content i {
      right: 0;
      left: auto;
  }
  
  .case-study-item .content ul li {
      margin-left: 15px;
      margin-right: unset;
  }
  
  .case-study-item .content ul li::before {
      right: auto;
      left: -10px;
  }
  
  .case-study-item .content .more-btn {
      left: 0;
      right: auto;
      border-bottom-left-radius: 5px;
      border-top-left-radius: 0;
      border-top-right-radius: 30px;
      border-bottom-right-radius: 0;
  }
  
  .case-article .case-article-content .case-article-list li {
      padding-right: 35px;
      padding-left: unset;
  }
  
  .case-article .case-article-content .case-article-list li i {
      right: 0;
      left: auto;
      margin-left: 5px;
      margin-right: unset;
  }
  
  .clients-content .content {
      padding-right: 110px;
      padding-left: unset;
  }
  
  .clients-content .content img {
      right: 0;
      left: auto;
  }
  
  .clients-content .content i {
      left: 0;
      right: 60px;
  }
  
  .blog-card .blog-img .blog-tag {
      right: auto;
      left: 30px;
  }
  
  .blog-card .content ul li {
      margin-right: unset;
      margin-left: 20px;
  }
  
  .blog-card .content ul li a i {
      margin-left: 5px;
      margin-right: unset;
  }
  
  .blog-card .content ul li:last-child {
      margin-left: 0;
  }
  
  .blog-article .blog-article-img .blog-article-tag {
      left: 30px;
      right: auto;
  }
  
  .blog-article .blog-article-title ul li {
      margin-left: 30px;
      margin-right: unset;
  }
  
  .blog-article .blog-article-title ul li i {
      margin-left: 10px;
      margin-right: unset;
  }
  
  .blog-article .blog-article-title ul li:last-child {
      margin-left: 0;
  }
  
  .blog-article .article-content .blockquote {
      padding: 20px 60px 20px 30px;
      margin-right: 35px;
      margin-left: unset;
  }
  
  .blog-article .article-content .blockquote i {
      left: auto;
      right: -35px;
  }
  
  .blog-article .blog-article-share .social-icon {
      float: left;
  }
  
  .blog-article .comments-wrap .comment-list li {
      padding-right: 75px;
      padding-left: 30px;
  }
  
  .blog-article .comments-wrap .comment-list li img {
      left: auto;
      right: 0;
  }
  
  .blog-article .comments-wrap .comment-list li a {
      left: 0;
      right: auto;
  }
  
  .search-widget .search-form button {
      left: 3px;
      right: auto;
      line-height: 58px;
  }
  
  .side-bar-widget .side-bar-categories ul li .line-circle {
      right: 1px;
      left: auto;
      top: 17px;
  }
  
  .side-bar-widget .side-bar-categories ul li a {
      padding: 10px 25px 10px 0;
  }
  
  .side-bar-widget .side-bar-categories ul li a span {
      left: 30px;
      right: auto;
  }
  
  .side-bar-widget .widget-popular-post .item .thumb {
      float: right;
      margin-left: 15px;
      margin-right: unset;
  }
  
  .side-bar-widget .blog-gallery {
      padding-right: 0;
      padding-left: unset;
  }
  
  .blog-style-card .blog-style-img .blog-style-tag {
      left: 30px;
      right: auto;
  }
  
  .blog-style-card .content ul li {
      margin-left: 30px;
      margin-right: unset;
  }
  
  .blog-style-card .content ul li:last-child {
      margin-left: 0;
  }
  
  .blog-style-card .content ul li i {
      margin-left: 10px;
      margin-right: unset;
  }
  
  .contact-form .form-group .form-control {
      text-align: right;
  }
  
  .contact-form .form-group.checkbox-option p {
      padding-right: 25px;
      padding-left: unset;
  }
  
  .contact-form .form-group.checkbox-option #chb2 {
      left: auto;
      right: 0;
  }
  
  .contact-form .agree-label label {
      margin-left: unset;
      margin-right: 25px;
  }
  
  .contact-form .agree-label #chb1 {
      left: auto;
      right: 0;
  }
  
  .user-form .contact-form .agree-label .forget {
      right: auto;
      left: 0;
  }
  
  .side-bar-area {
      margin-right: 15px;
      margin-left: unset;
  }
  
  .contact-info ul li {
      padding-left: unset;
      padding-right: 60px;
  }
  
  .contact-info ul li .content i {
      right: 0;
      left: auto;
  }
  
  .team-card .content {
      border-top-right-radius: 100px;
      border-top-left-radius: 0;
  }
  
  .team-card .social-link {
      left: 30px;
      right: auto;
  }
  
  .footer-widget .footer-list li a i {
      margin-left: 5px;
      margin-right: unset;
  }
  
  .footer-widget li a i {
      font-size: 18px;
      position: relative;
      top: 3px;
      margin-right: 5px;
  }
  
  .footer-widget .footer-call-content {
      padding: 20px 20px 20px 80px;
  }
  
  .footer-widget .footer-call-content i {
      left: 20px;
      right: auto;
  }
  
  .footer-widget .footer-blog li {
      padding-right: 90px;
      padding-left: unset;
  }
  
  .footer-widget .footer-blog img {
      left: auto;
      right: 0;
  }
  
  .footer-widget .newsletter-area .newsletter-form .form-control {
      padding: 0 15px 0 45px;
      text-align: right;
  }
  
  .footer-widget .newsletter-area .newsletter-form .subscribe-btn {
      right: auto;
      left: 3px;
  }
  
  .coming-soon-area .coming-soon-content .newsletter-form button {
      left: 0;
      right: auto;
  }
  
  .coming-soon-area .coming-soon-content .newsletter-form .input-newsletter {
      padding-right: 15px;
      padding-left: unset;
      text-align: right;
  }
  
  @media only screen and (max-width: 767px) {
      .top-left-side .top-header-text {
          margin-left: auto;
          margin-right: auto;
      }
      .top-header-right {
          float: none;
          text-align: center;
      }
      .top-header-right .language-list {
          margin-left: 0;
          margin-right: 0;
      }
      .top-head-left {
          float: none;
      }
      .mean-container a {
          text-align: right;
      }
      .mean-container a.meanmenu-reveal {
          left: 15px !important;
          right: auto !important;
      }
      .mean-container .mean-nav ul li a {
          float: right;
          text-align: right;
      }
      .mean-container .mean-nav ul li a.mean-expand {
          left: 0;
          right: auto;
          text-align: left;
      }
      .mean-container .mean-expand {
          width: 90%;
          text-align: left;
          left: 0;
          right: auto;
      }
      .mobile-nav .logo {
          right: 15px !important;
          left: auto !important;
      }
      .banner-item-content h1 {
          font-size: 35px;
          max-width: 100%;
      }

      .banner-bottom-card {
          padding: 30px;
      }
      .banner-bottom-card i {
          left: 0;
          right: 0;
      }
      .banner-sub-slider .banner-sub-item {
          padding: 15px 140px 15px 10px;
          width: 100%;
      }
      .services-item .content {
          width: 95%;
          padding: 95px 20px 20px;
      }
      .services-item .content i {
          right: 0;
          left: 0;
      }
      .about-img .sub-content {
          padding: 15px 155px 15px 10px;
      }
      .about-play .about-play-content {
          margin-top: 30px;
          position: inherit;
          border-radius: 10px;
          padding: 40px 30px 60px;
      }
      .about-play .about-play-content .play-on-area {
          position: inherit;
          top: 15px;
          bottom: auto;
          left: 0;
          right: 0;
          margin: 0 auto;
          text-align: center;
      }
      .about-content-2 .about-card .content {
          padding-left: unset;
          padding-right: 0;
      }
      .choose-content .choose-content-card .content {
          padding-left: unset;
          padding-right: 0;
      }
      .build-btn-area {
          float: none;
      }
      .build-play-img .play-area-content {
          border-radius: 10px;
          padding: 40px 30px;
          max-width: 100%;
          text-align: center;
      }
      .counter-another-content {
          padding-right: 0;
          padding-left: 0;
      }
      .blog-article .blog-article-title ul li {
          margin-left: 10px;
          margin-right: unset;
      }
      .blog-article .article-content .blockquote {
          padding: 20px 30px;
          margin-right: 0;
          margin-left: unset;
      }
      .blog-article .blog-article-share .social-icon {
          float: none;
      }
      .blog-article .comments-wrap .comment-list li {
          padding-right: 0;
          padding-left: 30px;
      }
      .blog-style-card .content ul li {
          margin-left: 10px;
          margin-right: unset;
      }
  }
  
  @media (min-width: 576px) {
      .offset-sm-3 {
          margin-left: 25%;
          margin: auto;
      }
  }
  
  @media only screen and (min-width: 576px) and (max-width: 767px) {
      .blog-article .blog-article-share .social-icon {
          float: left;
      }
      .top-header-right {
          float: none;
          text-align: center;
      }
      .top-header-right .language-list {
          margin-left: 0;
          margin-right: -15px;
      }
  }
  
  @media only screen and (min-width: 768px) and (max-width: 991px) {
      .top-header-right .language-list {
          margin-left: 0;
          margin-right: -15px;
      }
      .mean-container a {
          text-align: right;
      }
      .mean-container a.meanmenu-reveal {
          left: 15px !important;
          right: auto !important;
      }
      .mean-container .mean-nav ul li a {
          float: right;
          text-align: right;
      }
      .mean-container .mean-nav ul li a.mean-expand {
          left: 0;
          right: auto;
          text-align: left;
      }
      .mean-container .mean-expand {
          width: 90%;
          text-align: left;
          left: 0;
          right: auto;
      }
      .mobile-nav .logo {
          right: 15px !important;
          left: auto !important;
      }
    
      .banner-bottom-card {
          padding: 30px;
      }
      .banner-bottom-card i {
          left: 0;
          right: 0;
      }
      .about-img::before {
          left: -20px;
          right: auto;
      }
      .build-play-img .play-area-content {
          padding: 100px 30px 65px 70px;
          max-width: 330px;
      }
      .play-area {
          bottom: 145px;
          right: 180px;
          left: auto;
      }
      .counter-another-content {
          padding-right: 0;
          padding-left: 0;
      }
      .blog-article .comments-wrap .comment-list li a {
          left: 310px;
      }
  }
  
  @media (min-width: 768px) {
      .offset-md-3 {
          margin-left: 25%;
          margin: auto;
      }
  }
  
  @media only screen and (max-width: 991px) {
      .ml-25 {
          margin-right: 0;
          margin-left: unset;
      }
      .mr-20 {
          margin-left: 0;
          margin-right: unset;
      }
      .contact-info ul li {
          margin-right: unset;
          margin-left: 20px;
      }
      .side-bar-area {
          margin-right: 0;
          margin-left: unset;
      }
  }
  
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .top-left-side .top-header-text {
          margin-right: 25px;
          margin-left: unset;
      }
      .top-header-right {
          float: none;
      }
      .top-header-right .language-list {
          margin-left: 0;
          margin-right: -15px;
      }
      .banner-sub-slider .banner-sub-item {
          padding: 15px 140px 15px 10px;
          width: 100%;
      }
      .banner-sub-slider .banner-sub-item .content h3 {
          font-size: 35px;
      }
      .banner-sub-slider .banner-sub-item .content span {
          font-size: 15px;
      }
      .top-header-right .top-contact {
          padding-right: 35px;
          padding-left: unset;
      }
      .top-header-right .language-list {
          margin-right: 0;
          margin-left: auto;
      }
      .banner-bottom-card {
          padding: 30px 100px 30px 20px;
      }
      .about-img::before {
          left: -25px;
          right: auto;
      }
      .about-play .about-play-content {
          padding: 110px 40px 80px 80px;
      }
      .about-play .about-play-content .play-on-area {
          position: absolute;
          z-index: 1;
          bottom: 225px;
          right: 260px;
      }
      .choose-content .choose-content-card .content {
          padding-left: unset;
          padding-right: 60px;
      }
      .services-item .content {
          padding: 20px 92px 20px 15px;
      }
      .contact-info {
          padding: 52px 20px 22px;
      }
  }
  
  @media only screen and (min-width: 1400px) {
      .guidelines-content-two {
          padding: 100px 60px 100px 0;
      }
  }