* {
  box-sizing: border-box;
  outline: none;
}

body {

  font-family: "Readex Pro", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "HEXP" 0;
  text-align: right;
}



.navbar-nav,
.dropotron,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Cairo", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
  font-variation-settings:
    "slnt" 0;
}
/* h2 {
  color:#f05a22;
} */



.jumbotron h1,
.rectangle-1,
.rectangle-11 {
  right: 0 !important;
  left: auto !important;
  text-align: right;
  width: 100%;
}

.jumbotron h1 {
  background: linear-gradient(to left, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.0));
  ;
}

.rectangle-s1 {
  left: auto;
  right: 0;
}

.navbar-nav {
  margin-right: auto !important;
  margin-left: 0 !important;
}


.dropdown-menu {
  right: 0;
  left: auto;
}




.float-left {
  float: right !important;
}

.float-right {
  float: left !important;
}
/* 
.mr-3,
.mx-3 {
  margin-right: 1rem !important;
  margin-left: 0 !important;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
    margin-right: 0 !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.pr-3,
.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
 */
 

 .navbar-nav {
  padding: 0 25px 0 0 !important;
 }

.rectangle-11 p {
  text-align: right;
  padding: 0 5% 0 0;
}

.rectangle-1,
.rectangle-11 {
  left: auto;
  right: 0;

}

.rectangle-2,
.rectangle-22 {

  right: auto;
  left: 0;

}

.rectangle-transparent-1 {
  right: -5%;
  left: auto;
}

.rectangle-transparent-2 {
  right: auto;
  left: -10%;
}

.rectangle-s2 {
  right: 0;
  left: auto;
}

/* RTL Support for Timeline */
[dir="rtl"] .timeline-container::before {
    left: auto;
    right: 20px;
}

[dir="rtl"] .timeline-block {
    padding-left: 0;
    padding-right: 50px;
}

[dir="rtl"] .marker {
    left: auto;
    right: 14px;
}

[dir="rtl"] .timeline-content {
    text-align: right;
}

/* Desktop RTL Adjustments */
@media (min-width: 768px) {
    [dir="rtl"] .timeline-container::before {
        right: 50%;
        left: auto;
        transform: translateX(50%); /* Flips the centering transform */
        margin-right: 0;
    }

    /* Swap the flex alignments for the zig-zag */
    [dir="rtl"] .timeline-block:nth-child(odd) {
        justify-content: flex-start;
    }
    [dir="rtl"] .timeline-block:nth-child(odd) .timeline-content {
        text-align: left; /* Years/Titles move to the left in RTL odd blocks */
    }

    [dir="rtl"] .timeline-block:nth-child(even) {
        justify-content: flex-end;
    }
    [dir="rtl"] .timeline-block:nth-child(even) .timeline-content {
        text-align: right;
    }

    [dir="rtl"] .marker {
        right: 50%;
        left: auto;
        margin-right: -7px; /* Matches the centering math for the other side */
    }
    
    [dir="rtl"] .timeline-block:hover .marker {
        transform: translateX(0) scale(1.2);
        right: 50%;
    }
}
.navbar-nav .nav-link {
  font-size: 1.1rem;
  font-weight: 700;
}

.dropotron a,
.dropotron span {
  padding-left: 0;
  padding-right: 15px;

}



.dropotron {
  left: auto !important;
  right: 240px !important;
}

.dropotron.level-0 {

  left: auto !important;
  right: 0 !important;
}

.dropotron a,
.dropotron span {
  font-weight: normal;
  font-size: 0.9em;

}

.owl-carousel.owl-drag .owl-item {
  direction: rtl;
}