/* RTL overrides for Persian (pe) locale
   This file applies only when the document <html> has dir="rtl" (set by layouts/wispaar.vue)
   Comprehensive styling for all directional aspects:
   - Base direction & text alignment
   - Header & navigation
   - Hero section with proper H1/span separation
   - All component cards (services, pricing, team, blog, etc.)
   - Buttons, icons, animations, margins, transforms
*/

/* ==================== BASE DIRECTION ==================== */
html[dir="rtl"], body[dir="rtl"] {
  direction: rtl !important;
  unicode-bidi: embed;
}


html[lang="pe"] .headline-text span span {
  letter-spacing: 0 !important;
}


/* ==================== CONTAINERS & LAYOUT ==================== */
html[dir="rtl"] .container,
html[dir="rtl"] .container-fluid {
  text-align: right;
}

html[dir="rtl"] .row {
  margin-right: 0;
  margin-left: -15px;
}

html[dir="rtl"] .col,
html[dir="rtl"] [class*="col-"] {
  padding-right: 15px;
  padding-left: 0;
}

/* ==================== HEADER & NAVIGATION ==================== */

@media (max-width: 1200px)  { 
  html[dir="rtl"] .top-left {
  direction: rtl;
  text-align: right;
  display: none;
  flex:wrap;
}

/* Desktop: Show header-top on 1200px and up */
@media (min-width: 320px)  {
  html[dir="rtl"] .header-top {
    display: block;
  }
}

html[dir="rtl"] .header-top .top-left {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 2rem;
}

html[dir="rtl"] .header-top .top-left li {
  text-align: right;
}

html[dir="rtl"] .header-top .top-left i {
  margin-left: 0.5rem;
  margin-right: 0;
}

html[dir="rtl"] .header-top .top-right {
  justify-content: flex-start !important;
  flex-direction: row-reverse;
}

/* Hide .col-lg-7 (address & hours) on mobile and tablet */
html[dir="rtl"] .header-top .top-left {
  display: none;
}

/* Show .col-lg-7 only on desktop (1200px and up) */
@media (min-width: 320px) {
  html[dir="rtl"] .header-top .col-lg-7 {
    display: block;
  }
}

/* Always show .col-lg-5 (flags & social) */
html[dir="rtl"] .header-top .col-lg-5 {
  display: block;
}

html[dir="rtl"] .header-upper {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] .header-inner {
flex-direction: row;
}

html[dir="rtl"] .logo-outer {
margin-left: 0;
margin-right: 0;
}

html[dir="rtl"] .nav-outer {
margin-left: auto !important;
margin-right: 0;
}

html[dir="rtl"] .navbar-nav {
flex-direction: row-reverse;
}

html[dir="rtl"] .navbar-nav .nav-item {
margin-left: 0;
margin-right: 1.5rem;
}

html[dir="rtl"] .nav-dropdown {
left: auto;
right: 0;
}

html[dir="rtl"] .navigation {
flex-direction: row;
}

html[dir="rtl"] .navigation li {
text-align: right;
margin-left: 0;
margin-right: 1rem;
}

html[dir="rtl"] .navigation li a {
text-align: right;
direction: rtl;
}

html[dir="rtl"] .navbar-toggle {
margin-left: auto;
margin-right: 0;
}

html[dir="rtl"] .menu-btns {
margin-left: 0;
margin-right: 0;
}

/* ==================== HERO SECTION ==================== */
html[dir="rtl"] .hero-content h1 {
direction: rtl;
text-align: right;
}

html[dir="rtl"] .hero-content h1 span {
display: inline-block;
direction: ltr;
unicode-bidi: isolate;
}

html[dir="rtl"] .hero-social {
justify-content: flex-end;
padding-right: 0;

}

html[dir="rtl"] .hero-social a {
flex-direction: row-reverse;
margin-left: 1.5rem;
margin-right: 0;
}

html[dir="rtl"] .hero-social a span {
margin-left: 0.8rem;
margin-right: 0;
}

html[dir="rtl"] .hero-left-image,
html[dir="rtl"] .hero-right-image {
text-align: center;
}
html[dir="rtl"] .hero-content h1 {
direction: rtl;
text-align: center;
}
}
@media (max-width: 1200px) {

html[dir="rtl"] .hero-left-image, html[dir="rtl"] .hero-right-image {
text-align: center;
display: none;
}
}


/* ==================== SECTION TITLES ==================== */
html[dir="rtl"] .section-title {
  text-align: right;
}

html[dir="rtl"] .section-title .sub-title {
  text-align: right;
}

html[dir="rtl"] .section-title .sub-title:before {
  margin-left: 0.8rem;
  margin-right: 0;
  transform: rotateY(180deg);
}

html[dir="rtl"] .section-title h2,
html[dir="rtl"] .section-title h5 {
  text-align: right !important;
}

html[dir="rtl"] .section-title.text-center {
  text-align: right;
}


html[dir="rtl"] .hero-bg img {
    /* 1. آینه‌ای کردن (افکت Mirror) */
    /* تصویر را حول محور Y به صورت افقی برعکس می‌کند */
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    
    /* 2. اضافه کردن انیمیشن گذار (Transition) */
    /* این، گذار را روی تمام تغییرات (مانند scaleX) اعمال می‌کند 
       و انیمیشنی صاف و جذاب ایجاد می‌کند */
    transition: transform 0.5s ease-in-out;
}

/* 2. استایل RTL (آینه‌ای کردن) */
html[dir="rtl"] .hero-bg img {
    /* آینه‌ای کردن تصویر حول محور Y */
    -webkit-transform: scaleX(-1) !important;
    -ms-transform: scaleX(-1) !important;
    transform: scaleX(-1) !important;
}

/* 3. تنظیم موقعیت کلاس والد (hero-bg) در RTL */
/* اگرچه این روی آینه‌ای شدن اثر ندارد، اما برای تراز بودن پس‌زمینه در RTL مهم است */
html[dir="rtl"] .hero-bg {
    left: auto;
    right: 0;
}

/* ==================== TEXT & CONTENT BLOCKS ==================== */
html[dir="rtl"] .text-left-border {
  text-align: right !important;
  border-left: none;
  border-right: 3px solid var(--wispaar-primary-color);
  padding-left: 0;
  padding-right: 1.5rem;
}

html[dir="rtl"] .text-left,
html[dir="rtl"] p {
  text-align: right;
}

html[dir="rtl"] .counter-title,
html[dir="rtl"] .count-text {
  text-align: center;
}

html[dir="rtl"] hr {
  margin-right: 0;
  margin-left: auto;
}

/* ==================== BUTTONS & LINKS ==================== */
html[dir="rtl"] .theme-btn,
html[dir="rtl"] .read-more {
  direction: ltr;
}

html[dir="rtl"] .theme-btn i,
html[dir="rtl"] .read-more i,
html[dir="rtl"] .details-btn i {
  margin-left: 0 !important;
  margin-right: 1rem !important;
}

html[dir="rtl"] .read-more.style-two {
  display: inline-flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 0.5rem;
}

html[dir="rtl"] .theme-btn:before,
html[dir="rtl"] .theme-btn:after {
  display: none;
}


html[dir="rtl"] .headline-bg {
top: 220px;
}

html[dir="rtl"] .headline-text{
  margin-bottom: -200px;
}


html[dir="rtl"] .headline-area.move-top {
    margin-top: 0;
    z-index: -1;
}


/* ==================== SERVICE CARDS (service-three-item) ==================== */
html[dir="rtl"] .service-three-item {
  text-align: right;
}

html[dir="rtl"] .service-three-item .title-icon {
  flex-direction: row-reverse;
  justify-content: space-between;
}

html[dir="rtl"] .service-three-item .title-icon h5 {
  text-align: right;
  max-width: 60%;
}

html[dir="rtl"] .service-three-item .title-icon img {
  margin-left: 0;
  margin-right: 1.5rem;
}

html[dir="rtl"] .service-three-item .content p {
  text-align: right;
}

html[dir="rtl"] .service-three-area:after {
  left: auto;
  right: -300px;
}


html[dir="rtl"] .side-content-visible .hidden-bar {
    right: 0;
    opacity: 1;
    visibility: visible;
}

/** Button style **/
.theme-btn,
a.theme-btn {
    color: var(--wispaar-primary-color);
}

/* ==================== IMAGE BORDERS & SHAPES ==================== */


html[dir="rtl"]  .image-border-shape {
  position: relative;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
}
html[dir="rtl"]  .image-border-shape .bottom-border {
  position: absolute;
  right: -15px;
  bottom: 50px;
  z-index: -1;
  -webkit-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  transform: rotate(20deg);
}

@media only screen and (max-width: 479px) {
  .image-border-shape .bottom-border {
    right: 0;
  }
}

html[dir="rtl"]  .bottom-border {
  width: 330px;
  height: 330px;
  border: 65px solid;
  border-radius: 50%;
  border-color: var(--wispaar-secondary-color) var(--wispaar-secondary-color)
    var(--wispaar-secondary-color) transparent;
}
html[dir="rtl"] .bottom-border.primary-color {
  border-color: var(--wispaar-primary-color) var(--wispaar-primary-color)
    var(--wispaar-primary-color) transparent;
}
@media only screen and (max-width: 479px) {
  .bottom-border {
    width: 250px;
    height: 250px;
    border-width: 40px;
  }
}


html[dir="rtl"]   .main-menu .navbar-collapse > ul > li > a:before {
  transform: translateX(-50%) rotate(225deg);
}


/* ==================== PRICING CARDS ==================== */
html[dir="rtl"] .pricing-plan-item {
  text-align: right;
}

html[dir="rtl"] .pricing-plan-item h5 {
  text-align: right;
}

html[dir="rtl"] .pricing-plan-item .price-text {
  justify-content: flex-end;
}

html[dir="rtl"] .pricing-plan-item .badge {
  right: auto;
  left: -60px;
}

html[dir="rtl"] .pricing-plan-item ul li {
  text-align: right;
  padding-left: 0;
  padding-right: 1.5rem;
}

html[dir="rtl"] .pricing-plan-item ul li:before {
  margin-left: 0.8rem;
  margin-right: 0;
}

html[dir="rtl"] .pricing-bg {
  left: auto;
  right: -200px;
}

/* ==================== BLOG CARDS ==================== */
html[dir="rtl"] .blog-item {
  text-align: right;
}

html[dir="rtl"] .blog-item h4 {
  text-align: right;
}

html[dir="rtl"] .blog-item .blog-meta {
  justify-content: flex-end;
}

html[dir="rtl"] .blog-item .blog-meta li {
  margin-left: 1.5rem;
  margin-right: 0;
}

html[dir="rtl"] .blog-item .image {
  margin: auto 0 0 0;
}

html[dir="rtl"] .blog-item .details-btn {
  right: auto;
  left: 20px;
}

/* ==================== TEAM MEMBERS ==================== */
.team-member {
  position: relative;
  margin-bottom: 30px;
}
.team-member .image {
  margin-bottom: 30px;
}
.team-member .image img {
  width: 100%;
}
.team-member .btn-social {
  z-index: 1;
  opacity: 0;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -5px;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  background: white;
}
.team-member .btn-social .read-more {
  color: var(--wispaar-primary-color);
}
.team-member .btn-social .read-more i {
  margin-left: 10px;
}
.team-member .btn-social .social-style-two {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
}
.team-member .content {
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  position: relative;
  padding-right: 30px;
}
.team-member .content h4 {
  font-size: 22px;
}
.team-member .content .read-more {
  position: absolute;
  right: 0;
  top: 15px;
  font-size: 30px;
  color: var(--wispaar-primary-color);
}
.team-member .content .read-more i {
  font-weight: 300;
}
.team-member:hover .btn-social {
  opacity: 1;
}
.team-member.style-two {
  margin-bottom: 60px;
}
@media only screen and (min-width: 1200px) {
  .team-member.style-two .content {
    padding-left: 30px;
    padding-right: 60px;
  }
  .team-member.style-two .content .read-more {
    right: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .team-member.style-two .btn-social {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.team-member.style-three .image {
  z-index: 1;
  position: relative;
}
.team-member.style-three .image::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
  left: 0;
  opacity: 0;
  background-color: #02050a;
}
.team-member.style-three .image .social-style-two {
  opacity: 0;
  z-index: 2;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: absolute;
  left: 25px;
  bottom: 40px;
  padding: 10px 15px;
  background: var(--wispaar-primary-color);
}
.team-member.style-three .image .social-style-two a {
  width: 30px;
  height: 30px;
  color: white;
  margin: 0 4px;
  font-size: 14px;
  line-height: 30px;
  background: rgba(2, 5, 10, 0.15);
}
.team-member.style-three .image .social-style-two a:hover {
  background: var(--wispaar-dark-color);
}
.team-member.style-three .image:before {
  z-index: 1;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.team-member.style-three .content {
  opacity: 1;
}
.team-member.style-three .content h4 {
  margin-bottom: 0;
}
.team-member.style-three .content > span {
  opacity: 0.5;
}
.team-member.style-three:hover .image .social-style-two {
  bottom: 20px;
  opacity: 1;
}
.team-member.style-three:hover .image:before {
  opacity: 0.3;
}
.team-member.style-four .image {
  margin-bottom: 0;
}
.team-member.style-four .content {
  z-index: 1;
  position: relative;
  padding: 20px 25px;
  margin: -30px 15px 0;
  -webkit-box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.05);
}
.team-member.style-four .content > h5 {
  font-size: 18px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  margin-bottom: 0;
}
.team-member.style-four .content > span {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.team-member.style-four .content .team-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  right: 20px;
  bottom: calc(100% - 15px);
}
.team-member.style-four .content .team-social .social-style-two {
  opacity: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.team-member.style-four .content .team-social .social-style-two a {
  width: 30px;
  height: 30px;
  border: none;
  display: none;
  color: #696969;
  font-size: 13px;
  line-height: 30px;
  background: white;
  margin: 0 0 7px;
}
.team-member.style-four .content .team-social .social-style-two a:hover {
  color: var(--wispaar-dark-color);
  background: var(--wispaar-primary-color);
}
.team-member.style-four .content .team-social button {
  font-size: 13px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  width: 30px;
  height: 30px;
  background: var(--wispaar-primary-color);
  line-height: 30px;
  border-radius: 50%;
  text-align: center;
}
.team-member.style-four .content:before {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  content: "";
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  background: white;
  width: 100%;
  height: calc(100% + 22px);
  -webkit-clip-path: polygon(0 0, 100% 22px, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 22px, 100% 100%, 0% 100%);
}
.team-member.style-four:hover .content {
  opacity: 1;
}
.team-member.style-four:hover .content > h5,
.team-member.style-four:hover .content > span {
  color: var(--wispaar-dark-color);
}
.team-member.style-four:hover .content .team-social button {
  color: white;
  background: var(--wispaar-dark-color);
}
.team-member.style-four:hover .content .team-social:hover .social-style-two {
  opacity: 1;
}
.team-member.style-four:hover .content .team-social:hover .social-style-two a {
  display: block;
}
.team-member.style-four:hover .content:before {
  background: var(--wispaar-primary-color);
}

/* Team Page */
.team-page-area {
  background-repeat: repeat-x;
}

/* Team Details */
.team-profile-content h2 {
  margin-bottom: 20px;
}
@media only screen and (min-width: 1200px) {
  .team-profile-content h2 {
    font-size: 65px;
  }
}
@media only screen and (max-width: 767px) {
  .team-profile-content h2 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 575px) {
  .team-profile-content h2 {
    font-size: 35px;
  }
}
@media only screen and (max-width: 375px) {
  .team-profile-content h2 {
    font-size: 30px;
  }
}

.team-profile-content .designation {
  display: block;
  font-size: 24px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 575px) {
  .team-profile-content .designation {
    font-size: 20px;
    margin-bottom: 35px;
  }
}

@media only screen and (min-width: 376px) {
  .team-profile-content p {
    font-size: 18px;
  }
}

/* ==================== MODALS & POPUPS ==================== */
html[dir="rtl"] .mfp-content,
html[dir="rtl"] .modal,
html[dir="rtl"] .popup {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] .mfp-close {
  right: auto;
  left: 0;
}

/* ==================== UTILITY CLASSES ==================== */
html[dir="rtl"] .float-left {
  float: right !important;
}

html[dir="rtl"] .float-right {
  float: left !important;
}

html[dir="rtl"] .text-left {
  text-align: right !important;
}

html[dir="rtl"] .text-right {
  text-align: left !important;
}

html[dir="rtl"] .ml-auto {
  margin-right: auto !important;
  margin-left: 0 !important;
}

html[dir="rtl"] .mr-auto {
  margin-left: auto !important;
  margin-right: 0 !important;
}

html[dir="rtl"] .pl-0 {
  padding-right: 0 !important;
}

html[dir="rtl"] .pr-0 {
  padding-left: 0 !important;
}

/* ==================== ACCESSIBILITY ==================== */
html[dir="rtl"] :focus {
  outline: 2px solid rgba(0, 0, 0, 0.12);
  outline-offset: 2px;
}

html[dir="rtl"] *::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

html[dir="rtl"] *::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 4px;
}

/* ==================== MISC FIXES ==================== */
html[dir="rtl"] * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html[dir="rtl"] img {
  max-width: 100%;
  height: auto;
}

html[dir="rtl"] .image-border-shape {
  text-align: center;
}

html[dir="rtl"] .bottom-border {
  margin-right: auto;
  margin-left: auto;
}

/* ==================== GRID ADJUSTMENTS ==================== */
html[dir="rtl"] .justify-content-between {
  justify-content: space-between;
}

html[dir="rtl"] .justify-content-center {
  justify-content: center;
}

html[dir="rtl"] .justify-content-end {
  justify-content: flex-start;
}

html[dir="rtl"] .justify-content-start {
  justify-content: flex-end;
}


//


/* RTL FIX for Persian (fa / pe locale) */
html[lang="pe"] .headline-text {
  direction: rtl;
  text-align: right;
}

html[lang="pe"] .headline-text > span {
  padding-left: 0 !important;
  padding-right: 100% !important;
  animation: marquee_rtl 15s linear infinite !important;
}

html[lang="pe"] .headline-text > span > span {
  text-transform: none !important; /* جلوگیری از مشکل uppercase */
  -webkit-text-stroke-color: #46007a3b;
}

//


html[lang="pe"]  .skills-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

html[lang="pe"]  .skill-item {
  padding: 15px 35px;
  border-radius: 40px;
  background: white;
  margin-bottom: 35px;
  margin-left: 15px;
  margin-right: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  border: 4px solid white;
  -webkit-box-shadow: 0px 4px 60px 30px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 60px 30px rgba(0, 0, 0, 0.05);
}
@media only screen and (max-width: 767px) {
 html[lang="pe"]  .skill-item {
    padding: 8px 15px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
html[lang="pe"]   .skill-item img {
    max-width: 20px;
  }
}
html[lang="pe"] .skill-item .text {
  color: #181818;
  font-size: 20px;
  font-weight: 600;
  margin-right: 15px;
}
@media only screen and (max-width: 767px) {
 html[lang="pe"]  .skill-item .text {
    font-size: 15px;
    margin-left: 8px;
  }
}
html[lang="pe"] .skill-item:hover {
  border-color: var(--wispaar-primary-color);
  -webkit-box-shadow: 0px 4px 60px 30px rgba(228, 85, 230, 0.1);
  box-shadow: 0px 4px 60px 30px rgba(228, 85, 230, 0.1);
}

/* My Skills */
html[lang="pe"] .my-skill-images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 40px 40px 20px;
  background: var(--wispaar-primary-color);
}
@media only screen and (max-width: 575px) {
  .my-skill-images {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 30px;
  }
}
html[lang="pe"] .my-skill-images .skill-item {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  margin: 0 10px 20px;
  border: 2px solid var(--wispaar-dark-color);
}
@media only screen and (min-width: 768px) {
  html[lang="pe"] .my-skill-images .skill-item {
    padding: 15px 28px;
  }
}
@media only screen and (max-width: 575px) {
 html[lang="pe"]  .my-skill-images .skill-item {
    margin: 0 5px 10px;
  }
}
@media only screen and (max-width: 375px) {
 html[lang="pe"]  .my-skill-images .skill-item {
    padding: 5px 10px;
  }
}


//


html[dir="rtl"] .footer-contact-info .theme-btn.style-three {
  margin-top: 15px;
}
@media only screen and (max-width: 375px) {
html[dir="rtl"]  .footer-contact-info .theme-btn.style-three {
    font-size: 20px;
  }
}
html[dir="rtl"] .footer-contact-info .theme-btn.style-three:not(:last-child) {
  margin-left: 30px;
}
html[dir="rtl"] .footer-contact-info .theme-btn.style-three:not(:hover) {
  background: white;
}

html[dir="rtl"] .banner-inner h2 {
    text-align: center;
}

/* ==================== END OF RTL OVERRIDES ==================== */