/* 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_Black.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_Bold.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_Medium.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_Light.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_UltraLight.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/IRANSansWeb.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;
}
.search-overlay .search-close {
    right: auto;
    left: 40px;
}
.search-overlay .search-form form .input-search {
    padding: 3px 25px 0;
}
.search-overlay .search-form form button {
    right: auto;
    left: 5px;
}
.side-nav-responsive .dot-menu {
    right: auto;
    left: 60px;
}
.side-nav-responsive .container-max .container {
    left: 0;
    right: auto;
}
.side-nav-responsive .side-nav-inner .side-nav .side-nav-item .search-box {
    margin-left: 5px;
    margin-right: unset;
}
.banner-slider-area .owl-dots {
    left: 7%;
    right: auto;
}
.banner-bottom-card {
    padding: 30px 135px 30px 20px;
}
.banner-bottom-card i {
    right: 30px;
    left: auto;
}
.banner-img .banner-img-shape {
    left: 0;
    right: auto;
}
.banner-sub-item {
    padding: 15px 160px 15px 10px;
}
.banner-sub-item img {
    right: 10px;
    left: auto;
    border-radius: 0 15px 15px 0;
}
.banner-area::before {
    background-image: -webkit-gradient(linear, left top, right top, from(#25252500), to(#252525bf));
    background-image: linear-gradient(to right, #25252500, #252525bf);
}
.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: 150px 40px 110px 80px;
}
.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: 92.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;
}
.go-top {
    left: 3%;
    right: auto;
}
@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-slider-area .owl-dots {
        right: 0;
        left: 0;
    }
    .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-slider-area .owl-dots {
        right: 0;
        left: 0;
    }
    .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;
    }
}
@media only screen and (min-width: 1800px) {
    .banner-slider-area .owl-dots {
        left: 20%;
        right: auto;
    }
}