@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100..900&display=swap');

body{
  font-family: "Vazirmatn", sans-serif;
  direction: rtl;
  text-align: right;
}
*{
  letter-spacing: unset !important;
}



.about-thumbs .thumb-inner .content-count p,
.footer-section .footer-top .footer-widget .pragraph-widget p,
.header-main .main-menu ul li a,
.heading-font,
.partnered-section .partnered-item,
.preloader .animation-preloader .txt-loading .letters-loading::before,
.social-text li a,
.sub-font,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Vazirmatn", sans-serif;
}

.body-font,
body,
p {
font-family: "Vazirmatn", sans-serif;
}

 
 

.box-style::before {
right: var(--x);
left: unset;
transform: translate(50%, -50%);
}

 

.radius32 {
border-radius: 35px !important;
}

.radius16 {
border-radius: 16px !important;
}

.radius17 {
border-radius: 17px !important;
}

.radius18 {
border-radius: 18px !important;
}

.radius20 {
border-radius: 20px !important;
}

.radius12 {
border-radius: 12px !important;
}

.radius-circle {
border-radius: 50% !important;
}

@-webkit-keyframes rippleOne {

70% {
-webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
}

}

@keyframes rippleOne {

70% {
-webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
}

}

@keyframes cir36 {

100% {
transform: rotate(360deg);
}

}

@keyframes rounded {

50% {
transform: rotate(15deg);
}

}

@-webkit-keyframes spinner {

to {
-webkit-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}

}

@keyframes spinner {

to {
-webkit-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}

}

@-webkit-keyframes letters-loading {

0%, 75%, 100% {
opacity: 0;
transform: rotateY(-90deg);
}
25%, 50% {
opacity: 1;
transform: rotateY(0deg);
}

}

@keyframes letters-loading {

0%, 75%, 100% {
opacity: 0;
transform: rotateY(-90deg);
}
25%, 50% {
opacity: 1;
transform: rotateY(0deg);
}

}

@keyframes loaderspin {

0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}

}

@keyframes tpswing {

0% {
-webkit-transform: rotate(20deg);
-ms-transform: rotate(20deg);
transform: rotate(20deg);
}
100% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}

}

@keyframes width {

0% {
width: 0%;
}
100% {
width: 100%;
}

}

@-webkit-keyframes width {

0% {
width: 0%;
}
100% {
width: 100%;
}

}

@-webkit-keyframes loaderspin {

0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}

}

@keyframes loaderpulse {

0% {
transform: scale(1);
}
100% {
transform: scale(1.2);
}

}

@keyframes rounded {

50% {
transform: rotate(20deg);
}

}

@keyframes cir36 {

100% {
transform: rotate(360deg);
}

}

@-webkit-keyframes float-bob-y {

0% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
50% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}

}

@keyframes float-bob-y {

0% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
50% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}

}

@-webkit-keyframes float-bob-x {

0% {
-webkit-transform: translateX(0px);
transform: translateX(30px);
}
50% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(30px);
transform: translateX(30px);
}

}

@keyframes float-bob-x {

0% {
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
50% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(30px);
transform: translateX(30px);
}

}

@keyframes bounce-x {

0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
50% {
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}

}

@keyframes criss-cross-left {

0% {
left: -20px;
}
50% {
left: 50%;
width: 20px;
height: 20px;
}
100% {
left: 50%;
width: 375px;
height: 375px;
}

}

@keyframes criss-cross-right {

0% {
right: -20px;
}
50% {
right: 50%;
width: 20px;
height: 20px;
}
100% {
right: 50%;
width: 375px;
height: 375px;
}

}

@keyframes rotated2 {

0% {
transform: rotate(0);
}
100% {
transform: rotate(-360deg);
}

}

@keyframes wave {

0% {
transform: translateX(0);
}
50% {
transform: translateX(-25%);
}
100% {
transform: translateX(-50%);
}

}

.get-shape {
right: -40px;
left: unset;
}

.get-element {
left: -50px;
right: unset;
}

@keyframes updown {

50% {
transform: translateY(-10px);
}

}

.get-starteds::before {
right: 0;
left: unset;
}

.left-sub-maintain {
margin-right: 55px;
margin-left: 0;
}

@media (max-width: 1399px) {
.left-sub-maintain {
margin-right: 35px;
margin-left: 0;
}
}

.choose-wrapper .choose-line {
border-right: 1px solid #eaeaea;
border-left: 0;
}

.world-content .world-thumb {
border-bottom-right-radius: 300px;
border-bottom-left-radius: unset;
}

.world-content .world-thumb img {
border-bottom-left-radius: 300px;
border-bottom-right-radius: unset;
}

.faq-content .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
transform: rotate(0);
}

.faq-content .accordion-item .accordion-collapse .accordion-body {
padding-left: 130px;
padding-right: 30px;
}

@media (max-width: 1399px) {
.faq-content .accordion-item .accordion-collapse .accordion-body {
padding-left: 50px;
padding-right: 20px;
}
}

@media (max-width: 991px) {
.faq-content .accordion-item .accordion-collapse .accordion-body {
padding-left: 30px;
padding-right: 0;
}
}

.faq-section-version2 .faqs-lines::before {
right: 1px;
left: unset;
}

.useit-thumb .video-style::before {
right: 0;
left: unset;
}

@keyframes puls {

0% {
transform: scale(1.03);
opacity: 1;
}
20% {
transform: scale(1.05);
opacity: 0.5;
}
50% {
transform: scale(1.08);
opacity: 0.7;
}
80% {
transform: scale(1.1);
opacity: 0.8;
}
100% {
transform: scale(1.2);
opacity: 0;
}

}

.vission-content {
padding: 55px 60px 0 0;
}

@media (max-width: 1399px) {
.vission-content {
padding: 24px 24px 0 0;
}
}

@media (max-width: 767px) {
.vission-content {
padding: 18px 18px 0 0;
}
}

@media (max-width: 575px) {
.vission-content {
padding: 18px 18px 0 0;
}
}

.footer-section .footer-element {
right: 180px;
left: unset;
}

@keyframes rots {

50% {
transform: rotate(10deg);
}

}

.header-top-section .header-top-wrapper .contact-list li i {
margin-left: 5px;
margin-right: 0;
}

.header-main .main-menu ul li a {
text-align: right;
}

.header-main .main-menu ul li a i {
margin-right: 2px;
margin-left: 0;
}

.header-main .main-menu ul li .submenu {
transform: translateY(10px);
}

.header-main .main-menu ul li .submenu li:hover > .submenu {
transform: translateY(1);
}

.header-main .main-menu ul li .submenu li.has-dropdown > a::after {
transform: translateY(-50%);
}

.header-main .main-menu ul li .has-homemenu {
padding: 30px 30px 10px 30px;
right: -150px;
left: unset;
}

.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button {
right: 50%;
left: unset;
transform: translate(50%, -50%);
}

.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb::before {
right: 0;
left: unset;
background-position: center;
}

.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover .homemenu-btn {
transform: translateY(50%);
}

.header-main .main-menu ul li:hover > .submenu {
transform: translateY(0px);
}

.sticky {
right: 0;
left: unset;
}

.offcanvas__info {
border-right: 2px solid rgb(96, 14, 228);
border-left: 0;
left: 0;
right: unset;
transform: translateX(calc(-100% - 80px));
}

.offcanvas__info.info-open {
transform: translateX(0);
}

.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li .offcanvas__contact-icon {
margin-left: 20px;
margin-right: 0;
}

.offcanvas__overlay {
left: 0;
right: unset;
}

.ml-100 {
margin-right: 100px;
margin-left: 0;
}

.ripple::before, .ripple::after {
right: 50%;
left: unset;
transform: translateX(50%) translateY(-50%);
}

.ripple::before {
left: 0;
right: unset;
}

.ripple::after {
left: 0;
right: unset;
}

.swiper-dot .swiper-pagination-bullet:not(:last-child) {
margin-left: 15px;
margin-right: 0;
}

.swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
right: -10px;
left: unset;
}

.bg-cover {
background-position: center;
}

.bg-cover-2 {
background-position: center;
}

.nice-select::after {
border-left: 2px solid rgb(0, 2, 41);
border-right: 0;
left: -25px;
right: unset;
}

.nice-select .list {
left: -50px;
right: unset;
}

.scroll-up {
left: 25px;
right: unset;
transform: translateY(15px);
}

.scroll-up::after {
right: 0;
left: unset;
}

.scroll-up.active-scroll {
transform: translateY(0);
}

.banner-section .banner-controller {
left: 0;
right: unset;
}

.banner-inner-item::before {
right: 0;
left: unset;
}

.banner-inner-item .banner-content .hero-text-element {
left: 12%;
right: unset;
}

.banner-breadcrumbs::before {
right: 0;
left: unset;
}

.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb .demo-button {
right: 50%;
left: unset;
transform: translate(50%, -50%);
}

.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb::before {
right: 0;
left: unset;
background-position: center;
}

.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb:hover .homemenu-btn {
transform: translateY(50%);
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked i {
transform: rotate(45deg);
}

.news-single-items .news-content .read-more i {
transform: rotate(20deg);
}

.news-single-items .news-content .read-more:hover i {
transform: rotate(0deg);
}

.area-hidden-wrap .array-button {
transform: translateY(-50%);
}

.area-hidden-wrap .array-button .array-prev {
margin-right: -31px;
margin-left: 0;
}

.area-hidden-wrap .array-button .array-next {
margin-left: -31px;
margin-right: 0;
}

@media (max-width: 991px) {
.area-hidden-wrap .array-button {
transform: translateY(0);
}

.area-hidden-wrap .array-button .array-prev {
margin-right: 0px;
margin-left: 0;
}

.area-hidden-wrap .array-button .array-next {
margin-left: 0px;
margin-right: 0;
}
}

.blog-wrapper-slider .blog-wrap-items2 .news-content {
right: 50%;
left: unset;
transform: translateX(50%);
border-radius: 10px 10px 0 0;
}

@media (max-width: 991px) {
.blog-wrapper-slider .blog-wrap-items2 .news-content {
right: 0;
left: unset;
transform: translateX(-0%);
border-radius: 10px 10px 0 0;
}
}

.blog-right-area .blog-category li a:hover .icon {
transform: rotate(90deg);
}

.preloader {
right: 0;
left: unset;
}

.preloader .animation-preloader .spinner {
margin: 0 auto 3.5em auto;
}

@media (max-width: 767px) {
.preloader .animation-preloader .spinner {
margin: 0 auto 1.5em auto;
}
}

.preloader .animation-preloader .txt-loading .letters-loading::before {
right: 0;
left: unset;
transform: rotateY(-90deg);
}

.preloader .loader {
right: 0;
left: unset;
}

.preloader .loader .loader-section .bg {
right: 0;
left: unset;
}

.search-wrap {
right: 0;
left: unset;
}

.search-wrap .search-cell {
transform: translateY(-50%);
}

.search-close {
left: 50px;
right: unset;
}

.mouse-cursor {
right: 0;
left: unset;
transform: translateZ(0);
}

.cursor-inner.cursor-hover {
margin-right: -35px;
margin-left: 0;
}

.cursor-outer {
margin-right: -12px;
margin-left: 0;
}

.pricing-items:hover {
transform: translateY(-10px);
}

.section-title h6 {
padding-right: 20px;
padding-left: 0;
}

.section-title h6::before {
left: 100%;
right: unset;
}

@media (max-width: 1399px) {
.section-title h6 {
padding-right: 8px;
padding-left: 0;
}
}

.services-content-wrap .service-inner .arrows-right {
transform: rotate(-15deg);
}

.services-content-wrap .service-inner .service-hover {
right: 50%;
left: unset;
transform: translate(20%, -50%) rotateX(90deg);
}

.services-content-wrap .service-inner:hover .service-hover {
transform: translate(20%, -50%) rotateX(0deg) rotate(4deg);
}

.services-content-wrap .service-inner:hover .arrows-right {
transform: rotate(0deg);
}

.services-wrapper-main .choose-item .service-layer {
right: 0;
left: unset;
}

.services-wrapper-main .sevice-left-stage {
border-right: 1px solid rgb(234, 234, 234);
border-left: 0;
}

.team-items:hover {
transform: translateY(5px);
}

.team-stoke {
left: 90px;
right: unset;
}

@media (max-width: 1199px) {
.team-stoke {
left: 30px;
right: unset;
}
}

@media (max-width: 575px) {
.team-stoke {
left: 10px;
right: unset;
}
}

.testimonial-section .testimonial-dot-shape {
right: 50%;
left: unset;
transform: translateX(50%);
}