@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;
}

 

.blog-box .content blockquote,
.contact-box,
.custom-list li,
.footer .footer-info,
.side-widget small,
.tab-wrapper .tab-item .tab-inner ul li small,
.testimonial blockquote,
.topbar div,
p {
font-family: "Vazirmatn", sans-serif;
}
 

input[type="radio"] {
margin-left: 4px;
margin-right: 0;
transform: translateY(3px);
}

input[type="checkbox"] {
margin-left: 4px;
margin-right: 0;
transform: translateY(3px);
}

select {
background-position: calc(100% - 30px) 34px, calc(100% - 25px) 34px, calc(100% - 3.5em) 20px;
}

select:focus {
background-position: calc(100% - 25px) 34px, calc(100% - 30px) 34px, calc(100% - 3.5em) 20px;
}

button[type="submit"] i {
margin-left: 8px;
margin-right: 0;
transform: translateY(2px);
}

.hamburger-menu {
transform: rotate(0deg);
}

.hamburger-menu span {
right: 0;
left: unset;
transform: rotate(0deg);
}

.hamburger-menu.open span:nth-child(1) {
left: 0;
right: unset;
transform: rotate(135deg);
}

.hamburger-menu.open span:nth-child(2) {
right: -20px;
left: unset;
}

.hamburger-menu.open span:nth-child(3) {
left: 0;
right: unset;
transform: rotate(-135deg);
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-car .odometer-digit .odometer-digit-inner {
right: -4px;
left: unset;
}

.custom-button:before {
right: 0;
left: unset;
}

.reveal-effect {
float: right;
}

.reveal-effect.animated:before {
right: 0;
left: unset;
}

@-webkit-keyframes reveal {

0% {
left: 0;
width: 0;
}
50% {
left: 0;
width: 100%;
}
51% {
left: auto;
right: 0;
}
100% {
left: auto;
right: 0;
width: 0;
}

}

@-webkit-keyframes reveal-inner {

0% {
visibility: hidden;
opacity: 0;
}
50% {
visibility: hidden;
opacity: 0;
}
51% {
visibility: visible;
opacity: 1;
}
100% {
visibility: visible;
opacity: 1;
}

}

.preloader {
left: 0;
right: unset;
}

.preloader figure:after {
right: 0;
left: unset;
}

@keyframes fadeup {

0% {
transform: translateY(20px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}

}

@keyframes rotate1 {

0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}

}

.page-transition {
right: 0;
left: unset;
}

.side-widget {
right: -100%;
left: unset;
}

.side-widget .gallery a {
padding-left: 3px;
padding-right: 0;
}

.side-widget .gallery a:last-child {
padding-right: 3px;
padding-left: 0;
}

.side-widget .social-media li {
margin-left: 20px;
margin-right: 0;
}

.side-widget .custom-menu ul li {
margin-left: 10px;
margin-right: 0;
}

.side-widget .custom-menu ul li ul {
padding-right: 20px;
padding-left: 0;
}

.side-widget .site-menu ul li ul {
padding-right: 20px;
padding-left: 0;
}

.side-widget.active {
right: 0;
left: unset;
}

.topbar div b {
margin-left: 6px;
margin-right: 0;
}

.navbar {
right: 0;
left: unset;
}

.navbar .logo {
margin-left: auto;
margin-right: 0;
padding-left: 30px;
padding-right: 0;
border-left: 1px solid rgba(255, 255, 255, 0.3);
border-right: 0;
}

.navbar .hamburger-menu {
margin-right: auto;
margin-left: 0;
}

.navbar .navbar-button {
margin-right: 30px;
margin-left: 0;
}

.navbar .navbar-button a:before {
right: 0;
left: unset;
}

.slider .main-slider .swiper-slide .slide-image {
right: 0;
left: unset;
background-position: center !important;
}

.slider .main-slider .swiper-slide .slide-image:after {
right: 0;
left: unset;
}

.slider .main-slider .swiper-slide .container a:before {
right: 0;
left: unset;
}

.slider .button-prev {
right: 50px;
left: unset;
}

.slider .button-next {
left: 50px;
right: unset;
}

.page-header:after {
right: 0;
left: unset;
}

.content-section.left-white-spacing:before {
right: 0;
left: unset;
}

.content-section.bottom-dark-spacing:before {
right: 0;
left: unset;
}

.content-section.bottom-dark-spacing:after {
right: 0;
left: unset;
}

.col-lg-4:nth-child(1) .image-box {
padding-left: 30px;
padding-right: 0;
}

.col-lg-4:nth-child(3) .image-box {
padding-right: 30px;
padding-left: 0;
}

.image-box .time {
margin-left: 6px;
margin-right: 0;
}

.side-content.left {
padding-left: 20%;
padding-right: 0;
}

.side-content.right {
padding-right: 10%;
padding-left: 0;
}

.side-content form button[type="submit"] {
margin-right: -70px;
margin-left: 0;
}

.side-image.full-left {
float: left;
}

.side-image.full-right {
float: right;
}

.side-image .side-timetable {
right: -50px;
left: unset;
}

.side-image .side-timetable li b {
margin-right: auto;
margin-left: 0;
}

.side-gallery figure {
margin-right: 10px;
margin-left: 0;
}

.side-gallery figure:before {
right: calc(50% - 2px);
left: unset;
}

.side-gallery figure:after {
right: calc(50% - 25px);
left: unset;
}

.custom-progress span {
margin-right: auto;
margin-left: 0;
}

.custom-progress .progress-bar .progress {
right: 0;
left: unset;
}

.tab-wrapper .tab-nav {
padding-left: 40px;
padding-right: 0;
}

.tab-wrapper .tab-nav li.active a {
margin-left: -60px;
margin-right: 0;
}

.tab-wrapper .tab-item .tab-inner ul {
margin-right: 60px;
margin-left: 0;
float: right;
}

.tab-wrapper .tab-item .tab-inner figure {
float: right;
}

.counter-box h6:after {
right: calc(50% - 50px);
left: unset;
}

.service-box:before {
right: 0;
left: unset;
}

.service-box figcaption {
right: 0;
left: unset;
transform: translateY(-50%);
}

.image-overlap-box .content {
right: 0;
left: unset;
transform: translateY(-50%);
}

.custom-list li:before {
margin-left: 12px;
margin-right: 0;
}

.video a {
right: calc(50% - 60px);
left: unset;
}

.all-classes li:nth-child(3n+2) {
transform: translateY(100px);
}

.col-lg-6:nth-child(1) .pass-box {
border-left: 1px solid rgba(255, 255, 255, 0.1);
border-right: 0;
}

.recent-news .content small span {
transform: translateY(-3px);
}

.blog-box .content .author img {
margin-left: 15px;
margin-right: 0;
}

.blog-box .content ul {
padding-right: 20px;
padding-left: 0;
}

.blog-box .content .half-image {
margin-right: 20px;
margin-left: 0;
float: left;
}

.blog-box .content .full-width {
float: right;
}

.sidebar {
padding-right: 30px;
padding-left: 0;
}

.sidebar .widget .widget-title:before {
right: 0;
left: unset;
}

.sidebar .widget .side-gallery {
float: right;
}

.sidebar .widget .side-gallery li {
float: right;
}

.member-box:hover figcaption {
transform: translateY(0);
}

.member-box figcaption {
right: 0;
left: unset;
transform: translateY(100%);
}

.member-box figcaption ul li a {
float: right;
}

.google-maps .timetable {
right: 100px;
left: unset;
transform: translateY(-50%);
}

.google-maps .timetable li b {
margin-right: auto;
margin-left: 0;
}

.pagination .page-item .page-link {
border-radius: 0 !important;
}

.footer .footer-social li {
margin-left: 10px;
margin-right: 0;
}

.footer .footer-menu li:before {
margin-left: 9px;
margin-right: 0;
}

@media only screen and (max-width: 1199px), only screen and (max-device-width: 1199px) {
.col-lg-4:nth-child(1) .image-box {
padding-left: 0;
padding-right: 0;
}

.col-lg-4:nth-child(3) .image-box {
padding-right: 0;
padding-left: 0;
}

.sidebar {
padding-right: 0;
padding-left: 0;
}
}

@media only screen and (max-width: 991px), only screen and (max-device-width: 991px) {
.col-lg-6:nth-child(1) .pass-box {
border-left: 0;
border-right: 0;
}

.tab-wrapper .tab-nav li.active a {
margin-left: 0;
margin-right: 0;
}

.side-content.left {
padding-left: 0;
padding-right: 0;
}

.all-classes li:nth-child(3n+2) {
transform: none;
}
}
.content-section{
  overflow: hidden;
}
a{
  text-decoration: none;
}
.form-group{
  margin-bottom: 20px;
}
.text-left{
  text-align: right;
}

/* Size ///////////////////// */
body {
  font-size: 18px;
}

input[type="submit"] {
  font-size: 14px;
}

button[type="submit"] {
  font-size: 14px;
}

button[type="submit"] i {
  font-size: 18px;
}

.custom-button {
  line-height: 70px;
}

.side-widget .widget-title {
  font-size: 18px;
}

.side-widget .social-media li a {
  font-size: 13px;
}

.side-widget .custom-menu ul li a {
  font-size: 18px;
}

.side-widget .site-menu ul li a {
  font-size: 18px;
}

.side-widget small {
  font-size: 13px;
}

.topbar div {
  font-size: 16px;
}

.navbar .navbar-button a {
  line-height: 70px;
}

.slider .main-slider .swiper-slide .container h1 {
  font-size: 48px;
}

.slider .main-slider .swiper-slide .container p {
  font-size: 20px;
}

.slider .main-slider .swiper-slide .container a {
  line-height: 70px;
}

.slider .button-prev {
  line-height: 60px;
  font-size: 23px;
}

.slider .button-next {
  line-height: 60px;
  font-size: 23px;
}

.page-header .container h2 {
  font-size: 48px;
}

.page-header .container p {
  font-size: 20px;
}

.section-title h2 {
  font-size: 42px;
}

.image-box h6 {
  font-size: 20px;
}

.side-content h2 {
  font-size: 42px;
}

.side-content h6 {
  font-size: 19px;
}

.side-member figcaption h5 {
  font-size: 30px;
}

.side-member figcaption span {
  font-size: 20px;
}

.custom-progress h6 {
  font-size: 20px;
}

.custom-progress span {
  font-size: 20px;
}

.counter-box .odometer {
  font-size: 60px;
}

.counter-box h6 {
  line-height: 26px;
  font-size: 22px;
}

.service-box figcaption h6 {
  font-size: 22px;
}

.service-box figcaption a {
  line-height: 68px;
}

.image-overlap-box .content h6 {
  font-size: 18px;
}

.image-overlap-box .content a {
  line-height: 68px;
}

.custom-list li {
  font-size: 20px;
}

.custom-list li:before {
  font-size: 16px;
}

.video a {
  font-size: 18px;
}

.class-box h6 {
  font-size: 26px;
}

.class-box small {
  font-size: 16px;
}

.text-box h3 {
  font-size: 22px;
}

.text-box h5 {
  font-size: 22px;
}

.pass-box h6 {
  font-size: 30px;
}

.recent-news .content h3 {
  font-size: 21px;
}

.recent-news .content small {
  font-size: 16px;
}

.blog-box .content small {
  font-size: 15px;
}

.blog-box .content h3 {
  font-size: 34px;
}

.blog-box .content .author {
  font-size: 20px;
}

.blog-box .content h6 {
  font-size: 24px;
}

.blog-box .content blockquote {
  font-size: 16px;
}

.blog-box .content blockquote:before {
  font-size: 60px;
}

.sidebar .widget .widget-title {
  font-size: 22px;
}

.sidebar .widget .categories li a {
  font-size: 19px;
}

.branch-box h6 {
  font-size: 24px;
}

.member-box figcaption h6 {
  font-size: 21px;
}

.member-box figcaption ul li a {
  font-size: 13px;
}

.cta-box h2 {
  font-size: 30px;
}

.testimonial blockquote {
  font-size: 20px;
}

.pagination .page-item .page-link {
  line-height: 60px;
}

.footer .footer-info a {
  font-size: 14px;
}

.footer .copyright {
  font-size: 14px;
}

.footer .footer-social li a {
  line-height: 40px;
  font-size: 13px;
}

.footer .widget-title {
  font-size: 16px;
}

@media only screen and (max-width: 1199px), only screen and (max-device-width: 1199px) {
.side-content h2 {
  font-size: 36px;
}

.carousel-classes h6 {
  font-size: 23px;
}

.class-box h6 {
  font-size: 23px;
}

.footer .footer-menu li a {
  font-size: 17px;
}}

@media only screen and (max-width: 991px), only screen and (max-device-width: 991px) {
.side-widget .site-menu ul li a {
  font-size: 22px;
}

.slider .main-slider .swiper-slide .container h1 {
  font-size: 36px;
}

.carousel-classes h6 {
  font-size: 18px;
}

.section-title h2 {
  font-size: 33px;
}}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
.topbar div {
  font-size: 14px;
}

.slider .main-slider .swiper-slide .container h1 {
  font-size: 24px;
}

.section-title h2 {
  font-size: 26px;
}

.page-header .container h2 {
  font-size: 30px;
}

.side-content h2 {
  font-size: 26px;
}

.side-member figcaption h5 {
  font-size: 24px;
}

.pass-box h6 {
  font-size: 23px;
}

.blog-box .content h3 {
  font-size: 27px;
}

.class-box h6 {
  font-size: 20px;
}

.cta-box h2 {
  font-size: 27px;
}}