/**
 * @file
 * RTL (Right-to-Left) styles for Arabic language support.
 * This file contains styles to properly display the theme in RTL mode.
 */

/* ==========================================================================
   Base RTL Layout
   ========================================================================== */

[dir="rtl"] {
  direction: rtl;
  text-align: right;
}

[dir="rtl"] body {
  direction: rtl;
  text-align: right;
}

/* ==========================================================================
   Typography
   ========================================================================== */

[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6 {
  text-align: right;
}

[dir="rtl"] p {
  text-align: right;
}

/* ==========================================================================
   Layout & Container
   ========================================================================== */

[dir="rtl"] .container,
[dir="rtl"] .container-fluid {
  direction: rtl;
}

[dir="rtl"] .row {
  direction: rtl;
}

/* ==========================================================================
   Navigation & Menu
   ========================================================================== */

[dir="rtl"] .nav,
[dir="rtl"] .navbar-nav {
  direction: rtl;
  text-align: right;
}

[dir="rtl"] .navbar-nav .nav-link {
  text-align: right;
}

[dir="rtl"] .dropdown-menu {
  right: auto;
  left: 0;
  text-align: right;
}

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

/* ==========================================================================
   Header
   ========================================================================== */

[dir="rtl"] .header,
[dir="rtl"] .pt_nav_header {
  direction: rtl;
}

[dir="rtl"] .header .navbar-nav {
  direction: rtl;
}

[dir="rtl"] .header .logo {
  float: right;
  margin-right: 0;
  margin-left: 15px;
}

/* ==========================================================================
   Content Area
   ========================================================================== */

[dir="rtl"] #main,
[dir="rtl"] .main-content,
[dir="rtl"] main {
  direction: rtl;
  text-align: right;
}

[dir="rtl"] .front-page-main,
[dir="rtl"] .home-page-main {
  direction: rtl;
}

/* ==========================================================================
   Sidebar
   ========================================================================== */

[dir="rtl"] .sidebar {
  float: right;
  margin-right: 0;
  margin-left: 20px;
}

[dir="rtl"] .sidebar-page .row .col-lg-4 {
  order: 2;
}

[dir="rtl"] .sidebar-page .row .col-lg-8 {
  order: 1;
}

/* ==========================================================================
   Buttons & Forms
   ========================================================================== */

[dir="rtl"] .btn {
  text-align: center;
}

[dir="rtl"] .form-control,
[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] select {
  text-align: right;
  direction: rtl;
}

[dir="rtl"] .form-group {
  text-align: right;
}

/* ==========================================================================
   Lists
   ========================================================================== */

[dir="rtl"] ul,
[dir="rtl"] ol {
  padding-right: 20px;
  padding-left: 0;
}

[dir="rtl"] li {
  text-align: right;
}

/* ==========================================================================
   Cards & Sections
   ========================================================================== */

[dir="rtl"] .card,
[dir="rtl"] .section {
  direction: rtl;
  text-align: right;
}

[dir="rtl"] .dt-section {
  direction: rtl;
}

/* ==========================================================================
   Carousel & Sliders
   ========================================================================== */

[dir="rtl"] .carousel-style-1,
[dir="rtl"] .owl-carousel {
  direction: rtl;
}

[dir="rtl"] .carousel-style-1 .item {
  direction: rtl;
}

/* ==========================================================================
   Latest News Section
   ========================================================================== */

[dir="rtl"] .latest-news-section {
  direction: rtl;
}

[dir="rtl"] .latest-news-carousel {
  direction: rtl;
}

[dir="rtl"] .latest-news-item {
  text-align: right;
}

/* ==========================================================================
   Colleges Section
   ========================================================================== */

[dir="rtl"] .colleges_style_one {
  direction: rtl;
}

[dir="rtl"] .colleges_style_one .college-arabic-name {
  text-align: right;
  direction: rtl;
}

/* ==========================================================================
   Video Library
   ========================================================================== */

[dir="rtl"] .video-library-section {
  direction: rtl;
}

[dir="rtl"] .video-library-grid {
  direction: rtl;
}

[dir="rtl"] .video-library-item {
  direction: rtl;
  text-align: right;
}

/* ==========================================================================
   Scientific Research
   ========================================================================== */

[dir="rtl"] .scientific-research-section {
  direction: rtl;
}

[dir="rtl"] .scientific-research-table {
  direction: rtl;
}

[dir="rtl"] .scientific-research-table th,
[dir="rtl"] .scientific-research-table td {
  text-align: right;
}

/* ==========================================================================
   Footer
   ========================================================================== */

[dir="rtl"] .footer,
[dir="rtl"] footer {
  direction: rtl;
  text-align: right;
}

[dir="rtl"] .footer .col-md-3,
[dir="rtl"] .footer .col-md-4,
[dir="rtl"] .footer .col-md-6 {
  direction: rtl;
  text-align: right;
}

/* ==========================================================================
   Margins & Padding
   ========================================================================== */

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

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

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

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

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

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

/* ==========================================================================
   Float & Alignment
   ========================================================================== */

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

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

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

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

/* ==========================================================================
   Flexbox
   ========================================================================== */

[dir="rtl"] .flex-row-reverse {
  flex-direction: row !important;
}

[dir="rtl"] .flex-row {
  flex-direction: row-reverse !important;
}

/* ==========================================================================
   Responsive Adjustments
   ========================================================================== */

@media (max-width: 768px) {
  [dir="rtl"] .sidebar {
    float: none;
    margin: 0;
  }
  
  [dir="rtl"] .sidebar-page .row .col-lg-4,
  [dir="rtl"] .sidebar-page .row .col-lg-8 {
    order: initial;
  }
}

/* ==========================================================================
   Utility Classes
   ========================================================================== */

[dir="rtl"] .d-flex {
  direction: rtl;
}

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

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

[dir="rtl"] .align-items-start {
  align-items: flex-end !important;
}

[dir="rtl"] .align-items-end {
  align-items: flex-start !important;
}
/*Home page*/
[dir="rtl"] .slide-wrapper {
    overflow: hidden;
}

[dir="rtl"] .owl-carousel .owl-stage-outer {
	/* float: left; */
	direction: ltr;
}

[dir="rtl"] .about_us_stye-1 .row {
    flex-direction: row-reverse;
}
.lang-arabic .home_slider_style_one .container .navigation-btns {
    position: absolute;
    right: unset;
    top: -400px;
    z-index: 3;
    left: 12px !important;
}
[dir="rtl"] .home_slider_style_one .container .navigation-btns {
    position: absolute;
    right: unset;
    top: -400px;
    z-index: 3;
    left: 12px !important;
}
/*Home page*/

html[dir="rtl"] .sidebar {
    width:100%;
}

html[dir="rtl"] .sidebar-heading h3::after {
    left: auto;
    right: 0;
}

html[dir="rtl"] ul{
  padding-right: 0px;
}

html[dir="rtl"] .people-container img.image-style-square {
    position: absolute;
    right: unset;
    left: 0px;
	margin-left: var(--bs-gutter-x, .75rem);
}

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

html[dir="rtl" i] *[align="center" i] {
    text-align: center;
}

html[dir="rtl"] .node--container.teaser .node .field--type-image {
	float: unset;
	margin: 0px;
}

html[dir="rtl"] .form-style-1 .nice-select {
    direction: rtl;
    text-align: right !important;
}

html[dir="rtl"] .form-style-1 .nice-select:after  {
    right: unset;
    left: 25px;
}

html[dir="rtl"] .nice-select .option {
    text-align:right;
}

html[dir="rtl"] .container-vs .row {
    direction: ltr;
}

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

html[dir="rtl"] .text-formatted ul:not(.nav-plus), 
html[dir="rtl"] .text-formatted ol {
    padding: 0 60px 0 0;
}

html[dir="rtl"] .counter_home_1 h2{
    direction: ltr;
}

html[dir="rtl"] .site-footer .copyrights p,
html[dir="rtl"] .cta_title h2,
html[dir="rtl"] .home_style_1_wrapper h2,
html[dir="rtl"] .home_style_1_wrapper p {
    text-align: center;
}

@media (min-width: 1200px) { 
	html[dir="rtl"] #header-1 .nav-item ,
	html[dir="rtl"] #header-3 .nav-item {
    	margin-right: 0px;
  		margin-left: 35px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    html[dir="rtl"] .header .nav-link {
    	margin-right: 0px;
  		margin-left: 22px;
    }
}

html[dir="ltr"] .navbar-brand.college-logo {
    right: 0;
}

html[dir="rtl"] .navbar-brand.college-logo {
    left: 0;
}

html[dir="rtl"] .header .logo{
	float: unset;
}

@media (min-width: 992px) {
    html[dir="rtl"] #header-1.header .navbar {
		padding-right: 0px;
		padding-left: 95px;
	}
}

html[dir="rtl"] .title-box:before {
    right: 0;
}

html[dir="rtl"] .big-services-box h3, 
html[dir="rtl"] .big-services-box h4{
  text-align: center;
}

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

@media (max-width: 991.98px) {
	html[dir="rtl"] .logo-box .logo-img{
		padding-left: 0px;
		padding-right: 12px;
	}
}


/* =========================
   Header-1 Menu
   ========================= */

/* html[dir="rtl"] #header-1 .dropdown-submenu:hover>.dropdown-menu {
    display: block !important;
    left: 100%;
    right: 100%;
    top: 0px;
    margin: 0px;
}

html[dir="rtl"] #header-1 .dropdown-menu .dropdown-item::before {
    content: '';
    position: absolute;
    right: 0;
} */

[dir="rtl"] #header-1 .dropdown-menu {
  left: auto;
  right: 0;
  text-align: right;
}

[dir="rtl"] #header-1 .dropdown-menu .dropdown-item::before {
  left: auto;
  right: 0;
}

[dir="rtl"] #header-1 .dropdown-menu .dropdown-item:hover::before {
  border-left: 0;
  border-right: 3px solid var(--bs-primary);
  margin-right: 0;
  margin-left: 6px;
}

/* submenu direction (was left:100% in LTR) */
[dir="rtl"] #header-1 .dropdown-submenu .dropdown-menu.dropdown-submenu.show,
[dir="rtl"] #header-1 .dropdown-submenu:hover > .dropdown-menu {
  left: auto;
  right: 100%;
  top: 0;
  margin: 0;
}

/* mega menu horizontal anchor */
[dir="rtl"] #header-1 .mega-menu .dropdown-menu,
[dir="rtl"] #header-2 .mega-menu .dropdown-menu {
  left: 0;
  right: 0;
}

[dir="rtl"] #block-university-plus-aljamt #block-university-plus-aljamt-menu::after {
    left: unset;
    right: 0px;
}

/* Breadcrumb */
html[lang="ar"] .breadcrumb,
[dir="rtl"] .breadcrumb {
  direction: rtl;
  justify-content: flex-start;
}

html[lang="ar"] .breadcrumb-item + .breadcrumb-item,
[dir="rtl"] .breadcrumb-item + .breadcrumb-item {
  padding-right: 4px;
  padding-left: 0;
}

html[lang="ar"] .breadcrumb-item + .breadcrumb-item::before,
[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
  float: right;
  padding-left: 4px;
  padding-right: 0;
  content: var(--bs-breadcrumb-divider, "/");
}