@font-face {
  font-family: 'MudanyaLetters';
  src: url('../fonts/Aljazeera.ttf') format('truetype');
  font-display: swap;
  
  unicode-range: U+0000-0025, U+0027-10FFFF;
}

body,
input,
textarea,
button,
select {
  font-family: 'MudanyaLetters', "Open Sans", Arial, Helvetica, sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
#mainmenu a,
#subheader h1,
.tp-caption,
.btn,
.footer-link-list a {
  font-family: 'MudanyaLetters', "Dosis", "Open Sans", Arial, sans-serif !important;
}

html.lang-ar,
html.lang-ar[dir="rtl"],
html[lang="ar"],
html[lang="ar"][dir="rtl"],
html.lang-ar body,
html.lang-ar body[dir="rtl"],
html[lang="ar"] body,
html[lang="ar"] body[dir="rtl"],
html.lang-ar #wrapper,
html.lang-ar header,
html.lang-ar footer,
html.lang-ar section:not(#section-slider),
html.lang-ar .container,
html.lang-ar .row,
html.lang-ar [class*="col-"],
html.lang-ar #content,
html.lang-ar .gallery,
html.lang-ar .picframe,
html.lang-ar .project-detail-content,
html.lang-ar .box-number,
html.lang-ar .post-content,
html.lang-ar .blog-list,
html.lang-ar .blog-list .post,
html.lang-ar .blog-list .post-image,
html.lang-ar .blog-list .date-box,
html.lang-ar .crumb,
html.lang-ar .footer-link-list,
html[lang="ar"] #wrapper,
html[lang="ar"] header,
html[lang="ar"] footer,
html[lang="ar"] section:not(#section-slider),
html[lang="ar"] .container,
html[lang="ar"] .row,
html[lang="ar"] [class*="col-"],
html[lang="ar"] #content,
html[lang="ar"] .gallery,
html[lang="ar"] .picframe,
html[lang="ar"] .project-detail-content,
html[lang="ar"] .box-number,
html[lang="ar"] .post-content,
html[lang="ar"] .blog-list,
html[lang="ar"] .blog-list .post,
html[lang="ar"] .blog-list .post-image,
html[lang="ar"] .blog-list .date-box,
html[lang="ar"] .crumb,
html[lang="ar"] .footer-link-list {
  direction: ltr !important;
}

html.lang-ar p,
html.lang-ar h1,
html.lang-ar h2,
html.lang-ar h3,
html.lang-ar h4,
html.lang-ar h5,
html.lang-ar h6,
html.lang-ar li,
html.lang-ar label,
html.lang-ar th,
html.lang-ar td,
html.lang-ar blockquote,
html.lang-ar figcaption,
html.lang-ar small,
html.lang-ar address,
html.lang-ar dt,
html.lang-ar dd,
html.lang-ar .intro,
html.lang-ar .crumb li,
html.lang-ar .blog-list-p,
html.lang-ar .project-detail-title,
html.lang-ar .proje-liste-p-h1,
html.lang-ar .project-name,
html.lang-ar .project-detail-text,
html.lang-ar .project-detail-info,
html.lang-ar .project-detail-list li,
html.lang-ar .project-detail-list .left,
html.lang-ar .project-detail-list .right,
html.lang-ar .box-number .text,
html.lang-ar .box-number .text p,
html.lang-ar .footer-link-list a,
html.lang-ar .footer-main-links .col-md-2,
html.lang-ar .footer-main-links .col-md-3,
html.lang-ar .footer-main-links .col-md-4,
html.lang-ar header .info .col:first-child,
html.lang-ar #mainmenu a,
html.lang-ar .dropdown-content a,
html.lang-ar #subheader h1,
html.lang-ar .tp-caption,
html.lang-ar .padding40 h3,
html.lang-ar .padding40 p,
html.lang-ar .widget h3,
html.lang-ar .widget p,
html.lang-ar .post-text,
html.lang-ar .post-text p,
html.lang-ar .post-text h3,
html.lang-ar .post-text h3 a,
html.lang-ar .modal-title,
html.lang-ar .modal-body,
html.lang-ar .modal-body p,
html.lang-ar input.form-control,
html.lang-ar textarea.form-control,
html.lang-ar .btn-slider,
html.lang-ar .btn-line,
html.lang-ar .btn-more,
html.lang-ar ul:not(#mainmenu):not(.crumb):not(#filters):not(.pagination2 ul):not(.footer-link-list),
html.lang-ar ol,
html.lang-ar [dir="rtl"],
html[lang="ar"] p,
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ar"] li,
html[lang="ar"] label,
html[lang="ar"] th,
html[lang="ar"] td,
html[lang="ar"] blockquote,
html[lang="ar"] figcaption,
html[lang="ar"] small,
html[lang="ar"] address,
html[lang="ar"] dt,
html[lang="ar"] dd,
html[lang="ar"] .intro,
html[lang="ar"] .crumb li,
html[lang="ar"] .blog-list-p,
html[lang="ar"] .project-detail-title,
html[lang="ar"] .proje-liste-p-h1,
html[lang="ar"] .project-name,
html[lang="ar"] .project-detail-text,
html[lang="ar"] .project-detail-info,
html[lang="ar"] .project-detail-list li,
html[lang="ar"] .project-detail-list .left,
html[lang="ar"] .project-detail-list .right,
html[lang="ar"] .box-number .text,
html[lang="ar"] .box-number .text p,
html[lang="ar"] .footer-link-list a,
html[lang="ar"] .footer-main-links .col-md-2,
html[lang="ar"] .footer-main-links .col-md-3,
html[lang="ar"] .footer-main-links .col-md-4,
html[lang="ar"] header .info .col:first-child,
html[lang="ar"] #mainmenu a,
html[lang="ar"] .dropdown-content a,
html[lang="ar"] #subheader h1,
html[lang="ar"] .tp-caption,
html[lang="ar"] .padding40 h3,
html[lang="ar"] .padding40 p,
html[lang="ar"] .widget h3,
html[lang="ar"] .widget p,
html[lang="ar"] .post-text,
html[lang="ar"] .post-text p,
html[lang="ar"] .post-text h3,
html[lang="ar"] .post-text h3 a,
html[lang="ar"] .modal-title,
html[lang="ar"] .modal-body,
html[lang="ar"] .modal-body p,
html[lang="ar"] input.form-control,
html[lang="ar"] textarea.form-control,
html[lang="ar"] .btn-slider,
html[lang="ar"] .btn-line,
html[lang="ar"] .btn-more,
html[lang="ar"] ul:not(#mainmenu):not(.crumb):not(#filters):not(.pagination2 ul):not(.footer-link-list),
html[lang="ar"] ol,
html[lang="ar"] [dir="rtl"] {
  direction: rtl;
  text-align: right !important;
}

html.lang-ar ul:not(#mainmenu):not(.crumb):not(#filters):not(.pagination2 ul):not(.footer-link-list),
html.lang-ar ol,
html[lang="ar"] ul:not(#mainmenu):not(.crumb):not(#filters):not(.pagination2 ul):not(.footer-link-list),
html[lang="ar"] ol {
  padding-right: 1.6em !important;
  padding-left: 0 !important;
  margin-right: 0 !important;
  list-style-position: outside;
}

html.lang-ar ul:not(#mainmenu):not(.crumb):not(#filters):not(.pagination2 ul):not(.footer-link-list) > li,
html.lang-ar ol > li,
html[lang="ar"] ul:not(#mainmenu):not(.crumb):not(#filters):not(.pagination2 ul):not(.footer-link-list) > li,
html[lang="ar"] ol > li {
  direction: rtl !important;
  text-align: right !important;
}

html.lang-ar footer .subfooter,
html.lang-ar footer .subfooter *,
html[lang="ar"] footer .subfooter,
html[lang="ar"] footer .subfooter * {
  direction: ltr !important;
}

html.lang-ar footer .subfooter .row > .col-md-6:first-child,
html[lang="ar"] footer .subfooter .row > .col-md-6:first-child {
  text-align: left !important;
}

html.lang-ar footer .subfooter .col-md-6.text-right,
html[lang="ar"] footer .subfooter .col-md-6.text-right {
  text-align: right !important;
  justify-content: flex-end !important;
}

html.lang-ar footer .subfooter .social-icons,
html[lang="ar"] footer .subfooter .social-icons {
  justify-content: flex-end !important;
}

html.lang-ar #section-slider .tp-caption,
html[lang="ar"] #section-slider .tp-caption,
html.lang-ar #section-slider .tp-caption a,
html[lang="ar"] #section-slider .tp-caption a,
html.lang-ar #section-slider .tp-caption .btn-slider,
html[lang="ar"] #section-slider .tp-caption .btn-slider {
  direction: ltr !important;
  text-align: left !important;
}

html.lang-ar .crumb,
html.lang-ar .crumb li,
html.lang-ar #filters,
html.lang-ar #filters li,
html[lang="ar"] .crumb,
html[lang="ar"] .crumb li,
html[lang="ar"] #filters,
html[lang="ar"] #filters li {
  direction: ltr !important;
  text-align: left !important;
  padding-right: 0 !important;
}

html.lang-ar .pagination2,
html[lang="ar"] .pagination2 {
  direction: ltr !important;
  text-align: center !important;
  display: block !important;
  width: 100% !important;
  clear: both !important;
  overflow: hidden !important;
}

html.lang-ar .pagination2 ul,
html[lang="ar"] .pagination2 ul {
  direction: ltr !important;
  text-align: center !important;
  display: inline-block !important;
  width: auto !important;
  margin: 0 auto !important;
  float: none !important;
  border: 0 !important;
  padding: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  list-style: none !important;
}

html.lang-ar .pagination2 li,
html[lang="ar"] .pagination2 li {
  direction: ltr !important;
  text-align: center !important;
  list-style: none !important;
  float: left !important;
  display: block !important;
  width: 35px !important;
  height: 35px !important;
  margin-left: 8px !important;
  margin-right: 0 !important;
  padding: 5px !important;
  border: 1px solid #cd5b41 !important;
  background-color: #fff !important;
  color: #696969 !important;
  line-height: 25px !important;
  cursor: pointer !important;
  border-radius: 3px !important;
}

html.lang-ar .pagination2 li:hover,
html[lang="ar"] .pagination2 li:hover {
  background-color: #fff !important;
  border: 1px solid #cd5b41 !important;
  color: #cd5b41 !important;
}

html.lang-ar .pagination2 li.active-class,
html[lang="ar"] .pagination2 li.active-class {
  background-color: #cd5b41 !important;
  color: #fff !important;
}

@media (max-width: 991px) {
  html.lang-ar footer .subfooter .col-md-6.text-right,
  html[lang="ar"] footer .subfooter .col-md-6.text-right {
    text-align: left !important;
    justify-content: flex-start !important;
  }

  html.lang-ar footer .subfooter .social-icons,
  html[lang="ar"] footer .subfooter .social-icons {
    justify-content: flex-start !important;
  }

  html.lang-ar #subheader .proje-liste-p-h1,
  html[lang="ar"] #subheader .proje-liste-p-h1 {
    text-transform: none !important;
    letter-spacing: 0.4px !important;
  }

  html.lang-ar body.page-blog .pagination2 li,
  html[lang="ar"] body.page-blog .pagination2 li {
    float: none !important;
    display: inline-block !important;
    vertical-align: middle !important;
    margin: 4px 5px !important;
  }
}

@media (max-width: 767px) {
  html.lang-ar body.page-blog ul.blog-list .post-text,
  html[lang="ar"] body.page-blog ul.blog-list .post-text {
    padding-left: 48px !important;
    padding-right: 0 !important;
  }

  html.lang-ar #subheader .crumb,
  html[lang="ar"] #subheader .crumb {
    direction: ltr;
    text-align: left;
    width: 100%;
    float: none !important;
  }

  html.lang-ar #subheader .proje-liste-p-h1,
  html[lang="ar"] #subheader .proje-liste-p-h1 {
    float: none !important;
    width: 100%;
    margin-bottom: 6px !important;
  }

  html.lang-ar .project-detail-list li .left,
  html.lang-ar .project-detail-list li .right,
  html[lang="ar"] .project-detail-list li .left,
  html[lang="ar"] .project-detail-list li .right {
    text-align: right;
  }
}

html.lang-ar body.page-blog ul.blog-list li.post .post-content,
html[lang="ar"] body.page-blog ul.blog-list li.post .post-content {
  position: relative !important;
  direction: ltr !important;
}

html.lang-ar body.page-blog ul.blog-list .date-box,
html[lang="ar"] body.page-blog ul.blog-list .date-box {
  position: absolute !important;
  left: 0 !important;
  right: auto !important;
}

html.lang-ar body.page-blog ul.blog-list .post-text,
html[lang="ar"] body.page-blog ul.blog-list .post-text {
  padding-left: 80px !important;
  padding-right: 0 !important;
}

html.lang-ar body.page-blog ul.blog-list .btn-more,
html[lang="ar"] body.page-blog ul.blog-list .btn-more {
  float: right !important;
  direction: rtl !important;
}

html.lang-ar .text-center,
html.lang-ar .text-center p,
html.lang-ar .text-center h1,
html.lang-ar .text-center h2,
html.lang-ar .text-center h3,
html[lang="ar"] .text-center,
html[lang="ar"] .text-center p,
html[lang="ar"] .text-center h1,
html[lang="ar"] .text-center h2,
html[lang="ar"] .text-center h3 {
  text-align: center !important;
}

html.lang-ar [dir="ltr"],
html.lang-ar .footer-phone-tel,
html[lang="ar"] [dir="ltr"],
html[lang="ar"] .footer-phone-tel {
  direction: ltr !important;
  text-align: left !important;
}

html.lang-ar .date-box,
html.lang-ar .date-box .day,
html.lang-ar .date-box .month,
html[lang="ar"] .date-box,
html[lang="ar"] .date-box .day,
html[lang="ar"] .date-box .month {
  direction: ltr !important;
  text-align: center !important;
}

html.lang-ar.lang-ar-project-detail .project-detail-title,
html.lang-ar.lang-ar-project-detail .project-detail-list,
html.lang-ar.lang-ar-project-detail .project-detail-list li,
html.lang-ar.lang-ar-project-detail .project-detail-list li .left,
html.lang-ar.lang-ar-project-detail .project-detail-list li .right,
html.lang-ar.lang-ar-project-detail .project-detail-meta,
html.lang-ar.lang-ar-project-detail .project-detail-meta .left,
html.lang-ar.lang-ar-project-detail .project-detail-text,
html.lang-ar.lang-ar-project-detail .project-detail-info,
html.lang-ar.lang-ar-project-detail .project-detail-info b,
html.lang-ar.lang-ar-project-detail .project-detail-info strong,
html.lang-ar.lang-ar-project-detail .project-detail-content b,
html.lang-ar.lang-ar-project-detail .project-detail-content strong,
html[lang="ar"].lang-ar-project-detail .project-detail-title,
html[lang="ar"].lang-ar-project-detail .project-detail-list,
html[lang="ar"].lang-ar-project-detail .project-detail-list li,
html[lang="ar"].lang-ar-project-detail .project-detail-list li .left,
html[lang="ar"].lang-ar-project-detail .project-detail-list li .right,
html[lang="ar"].lang-ar-project-detail .project-detail-meta,
html[lang="ar"].lang-ar-project-detail .project-detail-meta .left,
html[lang="ar"].lang-ar-project-detail .project-detail-text,
html[lang="ar"].lang-ar-project-detail .project-detail-info,
html[lang="ar"].lang-ar-project-detail .project-detail-info b,
html[lang="ar"].lang-ar-project-detail .project-detail-info strong,
html[lang="ar"].lang-ar-project-detail .project-detail-content b,
html[lang="ar"].lang-ar-project-detail .project-detail-content strong {
  font-weight: 400 !important;
}

html.lang-ar .box-icon-simple .text,
html[lang="ar"] .box-icon-simple .text {
  direction: rtl !important;
  text-align: right !important;
}

html.lang-ar .box-icon-simple .text h3,
html[lang="ar"] .box-icon-simple .text h3 {
  direction: rtl !important;
  text-align: right !important;
}

html.lang-ar #section-custom-1 .col-md-6,
html[lang="ar"] #section-custom-1 .col-md-6 {
  direction: rtl !important;
  text-align: right !important;
}

html.lang-ar #section-custom-1 h1,
html.lang-ar #section-custom-1 h2,
html.lang-ar #section-custom-1 p,
html.lang-ar #section-custom-1 .lead,
html[lang="ar"] #section-custom-1 h1,
html[lang="ar"] #section-custom-1 h2,
html[lang="ar"] #section-custom-1 p,
html[lang="ar"] #section-custom-1 .lead {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  direction: rtl !important;
  text-align: right !important;
}

html.lang-ar #content .container .row > h2,
html.lang-ar #content .container .row > h3,
html.lang-ar #content .container .row > p,
html[lang="ar"] #content .container .row > h2,
html[lang="ar"] #content .container .row > h3,
html[lang="ar"] #content .container .row > p {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  direction: rtl !important;
  text-align: right !important;
  float: none !important;
}

html.lang-ar #sidebar .widget,
html.lang-ar .widget.widget-text,
html.lang-ar .widget.widget_tags,
html[lang="ar"] #sidebar .widget,
html[lang="ar"] .widget.widget-text,
html[lang="ar"] .widget.widget_tags {
  direction: rtl !important;
  text-align: right !important;
}

html.lang-ar .widget.widget-text h4,
html.lang-ar .widget.widget_tags h4,
html.lang-ar .widget .widget-about-text,
html[lang="ar"] .widget.widget-text h4,
html[lang="ar"] .widget.widget_tags h4,
html[lang="ar"] .widget .widget-about-text {
  display: block !important;
  width: 100% !important;
  direction: rtl !important;
  text-align: right !important;
  float: none !important;
}

html.lang-ar .widget .small-border,
html[lang="ar"] .widget .small-border {
  margin-left: auto !important;
  margin-right: 0 !important;
  float: none !important;
}

html.lang-ar .widget.widget_tags ul,
html[lang="ar"] .widget.widget_tags ul {
  direction: rtl !important;
  text-align: right !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

html.lang-ar #section-about-us-2 .inner-padding,
html.lang-ar #section-about-us-2 .col-md-6,
html.lang-ar #section-team .col-md-4,
html[lang="ar"] #section-about-us-2 .inner-padding,
html[lang="ar"] #section-about-us-2 .col-md-6,
html[lang="ar"] #section-team .col-md-4 {
  direction: rtl !important;
  text-align: right !important;
}

html.lang-ar #section-about-us-2 h3,
html.lang-ar #section-team h3,
html[lang="ar"] #section-about-us-2 h3,
html[lang="ar"] #section-team h3 {
  display: block !important;
  width: 100% !important;
  direction: rtl !important;
  text-align: right !important;
}