@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&family=El+Messiri:wght@400;500;600;700&family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

body {
  direction: rtl;
  overflow-x: hidden;
  font-family: "Tajawal", sans-serif;
}
@font-face {
  font-family: almarai bold;
  src: url(../fonts/Almarai-Bold.ttf);
  font-display: swap;
}

@font-face {
  font-family: almarai regular;
  src: url(../fonts/Almarai-Regular.ttf);
  font-display: swap;
}

@font-face {
  font-family: almarai extra;
  src: url(../fonts/Almarai-ExtraBold.ttf);
  font-display: swap;
}

@font-face {
  font-family: almarai light;
  src: url(../fonts/Almarai-Light.ttf);
  font-display: swap;
}

.main-slider {
    direction: ltr;
}
h1,h2 ,h3 ,h4 ,h5 ,h6 ,a ,p ,li ,o ,span{
  font-family: "Tajawal", sans-serif;
}
.title-cover{
  font-family: "Tajawal", sans-serif;
}
.phone-dir {
    direction: ltr !important;
}


.line-left-item::before {
    right: auto;
    left: 0;
}


* {
    letter-spacing: 0 !important;
}

.link-custom.line-after:after {
    right: auto;
    left: -25px;
}

.link-custom:hover {
    /* padding-left: 50px; */
    padding-right: 50px;
}

.link-custom {
    padding-left: 50px;
    padding-right: 25px;
}

.btn:before {
    left: auto;
    right: 0;
    -webkit-transform: scaleX(-0);
    -ms-transform: scaleX(-0);
    transform: scaleX(-0);
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}

.box-separator .container-img {
    right: auto;
    left: 0;
}

.section-sub-title {
    padding-right: 0;
    padding-left: 70px;
}

.section-sub-title::before {
    right: auto;
    left: 0;
}

.metas.d-inline-block h1 {
    font-family: "Tajawal", sans-serif;
}

.content.p-relative {
    direction: rtl;
}

.site-header .inner-header .main-logo img {
    filter: brightness(0) invert(1);
}

.box-contact-info .contact-info .info-text {
  margin-right: 25px;
}