@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap')

rtl .h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: "Cairo", sans-serif;
}

body.rtl {
  
	direction: rtl;
  text-align: right;
  font-family: "Cairo", sans-serif;

  
}

.rtl {
  font-family: "Cairo", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  
}
.rtl .gx-0 {
  direction: ltr;
}

.rtl .me-n3 {
  margin-right: 0rem !important;
}

.rtl .ms-auto {
  margin-left: unset !important;
  margin-right: auto !important;
}

.rtl .navbar-brand {
  margin-right: 0rem;
}

.rtl .me-2 {
  margin-right: .0rem !important;
  margin-left: .5rem !important;
}

.rtl .col-lg-3 {
  flex: 0 0 auto;
  width: 30%;
}

.rtl p {
  margin-top: 0;
  margin-bottom: 0.5rem;
}


.rtl .mb-0 {
  direction: ltr;
  
}