@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');

body{
   direction: rtl;
   font-family: "Tajawal", sans-serif;
}
a,
  button,
  input,
  textarea,
  svg {
    font-family: "Tajawal", sans-serif !important;
  }
.globalWrapper{
    direction: rtl;
}

.btn{
    font-weight: 800;
    line-height: 1.4;
    padding: 2rem 4rem 1.6rem;
}

.mainHeader .topHeader .mainMenu nav ul .current-menu-item::after, .mainHeader .topHeader .mainMenu nav ul .current-menu-parent::after{
    right: 0;
    left: auto;
}
.mainHeader .topHeader .mainMenu nav ul li a::after{
    right: 0;
    left: auto;
}

.homeServices .servicesContainer .servicesGrid .servicesGridContainer .serviceCard ul li::before{
    right: 0;
    left: auto;
}

.homeServices .servicesContainer .servicesGrid .servicesGridContainer .serviceCard .btnServ svg{
    right: .4rem;
    left: auto;
        /* display: none; */
}

.homeFaqs .homeFaqsGroup .homeFaqsBox h4::before{
    right: auto;
    left: 0;
}

.popup .popup-close{
    left: 1rem;
    right: auto;
}

.download-section .download-grid{
    border-radius: 1rem 0 1rem 1rem;
}

.homeMain .featureTabsContainer .featureTab .featureContent a span {
    transform: rotate(180deg);
}

.homeNews .newsGrid .newsCard .readMore a svg{
    transform: rotate(180deg);
}

.homeServices .servicesContainer .servicesGrid .servicesGridContainer .serviceCard .btnServ svg{
    transform: rotate(180deg);
}