@charset "UTF-8";
body {
  direction: rtl;
}

.text-start {
  text-align: right !important;
}

.floating-icon {
  position: fixed;
  top: 50%;
  transform: translate(0, -50%);
  right: 0;
  left: auto;
  z-index: 998;
}

.heading .navbar .navbar-nav .nav-item .main-dropdown.main-dropdown li.list-item a.link-item:after {
  content: "";
  left: 0;
  right: auto;
}

.heading .navbar .navbar-nav .nav-item .main-dropdown.main-dropdown li.list-item a.link-item:hover:after {
  width: 100%;
  right: 0;
  left: auto;
}

.myheroSwiper .swiper-scrollbar-drag {
  right: 0;
  left: auto;
}

.heading .navbar .navbar-nav .nav-item .main-dropdown.main-dropdown {
  left: unset;
  right: 0;
}
.heading .navbar .navbar-nav .nav-item .main-dropdown.sp-dropdown-menu {
  right: unset;
  left: -100px;
}
.heading .top-heading .top-links .dropdown ul.custom-drob li.li-custom:hover .sub-menu {
  left: 196px;
  right: unset;
}
.heading .top-heading .top-links .dropdown ul.custom-drob li.li-custom:hover .sub-menu::after {
  border-right: 10px solid var(--white-color);
  border-left: unset;
  top: 13px;
  left: -10px;
  right: unset;
}
.heading .top-heading .top-links .globel-icon img {
  margin-inline-start: 0px;
  margin-inline-end: 2px;
}
.heading .bottom-heading .navbar .navbar-nav .nav-item ul.main-dropdown li.list-item a.link-item svg {
  transform: rotate(180deg);
}
.heading .bottom-heading .navbar .navbar-nav .nav-item ul.main-dropdown li.list-item .first-child-dropdown {
  left: unset;
  right: 100%;
}
.heading .bottom-heading .navbar .navbar-nav .nav-item ul.main-dropdown li.list-item .first-child-dropdown .list-item-submenu .second-child-dropdown {
  left: unset;
  right: 100%;
}

.hero .hero-bg .custom-container .box-content a svg.fa-arrow-right {
  transform: rotate(-180deg);
}

#mySwiperLastHero .swiper-wrapper .box-swiper .card-box:nth-child(2) {
  right: unset;
  left: -250px;
}
#mySwiperLastHero .swiper-wrapper .box-swiper .card-box:nth-child(3) {
  top: -230px;
  right: unset;
  left: 5px;
}

.services .sec-bg .serv-content a svg.fa-arrow-right {
  transform: rotate(-180deg);
}

.statistics .statistics-wrapper-navs .navs-statistics .nav-tabs li.nav-item:first-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.statistics .statistics-wrapper-navs .navs-statistics .nav-tabs li.nav-item:last-child {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: #e5e5e5;
}

.news .news-bg a svg.fa-arrow-right {
  transform: rotate(-180deg);
}

#mySwiper .swiper-wrapper-news .box-swiper .card-box .img-box {
  position: absolute;
  right: 20px;
  left: unset;
  top: 20px;
}

.footer .bg-footer .special-person .text {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  padding-block: 6px;
  border-right: 0;
  border-left: 1px solid var(--white-color);
}

.custom-modal {
  background-color: rgba(0, 0, 0, 0.7);
}
.custom-modal .customModal-content {
  position: relative;
  top: -39px;
  left: -523px;
  right: unset;
  width: 350px;
  background-color: transparent;
  box-shadow: none;
  border: none;
}

.breadcrumb-item + .breadcrumb-item::before {
  float: right;
  padding-left: 0.5rem;
  padding-right: unset;
}

.breadcrumb-item + .breadcrumb-item {
  padding-right: 0.5rem;
  padding-left: unset;
}

.input-group input.form-control {
  border-top-left-radius: 30px !important;
  border-bottom-left-radius: 30px !important;
  border-top-right-radius: 30px !important;
  border-bottom-right-radius: 30px !important;
}
.input-group button.subscribe-now {
  border-top-left-radius: 30px !important;
  border-bottom-left-radius: 30px !important;
  border-top-right-radius: 30px !important;
  border-bottom-right-radius: 30px !important;
  right: unset;
  left: 0;
}
.input-group button.subscribe-delet {
  border-top-left-radius: 30px !important;
  border-bottom-left-radius: 30px !important;
  right: 0;
  left: unset;
}

.section-title-heading .sec-after-before-heading::before {
  top: -25px;
  right: -32px;
  left: unset;
}
.section-title-heading .sec-after-before-heading::after {
  top: -2px;
  left: -36px;
  right: unset;
}

.section-title .sec-after-before::before {
  top: -5px;
  right: -35px;
  left: unset;
}
.section-title .sec-after-before::after {
  top: -5px;
  left: -35px;
  right: unset;
}

.section-title-banner .sec-after-before-banner::before {
  top: -15px;
  right: -30px;
  left: unset;
}
.section-title-banner .sec-after-before-banner::after {
  top: 5px;
  left: -37px;
  right: unset;
}

.section-title-eval .sec-after-before-eval::before {
  top: -15px;
  right: -30px;
  left: unset;
}
.section-title-eval .sec-after-before-eval::after {
  top: 45px;
  left: -37px;
  right: unset;
}
.section-title-eval .sec-after-before-eval h3 {
  width: -moz-fit-content;
  width: fit-content;
}

.calendar-sec-one {
  top: 50%;
  left: 0;
  right: unset;
}
.calendar-sec-one .calendar-content {
  margin-inline-end: 0px;
}

.copy-sec {
  left: 5px;
  right: unset;
}
.copy-sec .calendar-content {
  margin-inline-end: 0px;
}

.open-chat {
  left: unset;
  right: 0;
}

.open-chat-inner {
  left: 0;
  right: unset;
}

.chat-popup-inner {
  right: unset;
  left: 90px;
}

.chat-popup {
  left: unset;
  right: 90px;
}

.open-setting {
  left: unset;
  right: 0;
}

.open-setting.inner-setting {
  right: unset;
  left: 0;
}

.setting-popup {
  right: 0px;
  left: unset;
}

.chat_converse .chat_msg.chat_msg_user .user_avatar {
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 50%;
}
.chat_converse .chat_msg.chat_msg_user .user_avatar img {
  width: 100%;
  height: 100%;
}
.chat_converse .chat_msg.chat_msg_user .user_message {
  left: unset;
  right: 10px;
}
.chat_converse .chat_msg.chat_msg_user .user_message::after {
  border-right: 10px solid rgba(0, 0, 0, 0);
  right: -9px;
  left: unset;
}

.loading-bubble.grey {
  right: unset;
  left: 25px;
}
.loading-bubble.grey::after {
  border-left: 10px solid transparent;
  left: -9px;
  right: unset;
}

.setting-container .box-wrapper .wrapper-features .features-item .features-item-enable {
  position: absolute;
  left: 0.625rem;
  right: unset;
}

.search-langusges .search-btn {
  right: 0;
  left: unset;
}

.start-version {
  right: unset;
  left: 10px;
}

.setting {
  left: unset;
  right: 0;
}

a svg.fa-arrow-right {
  transform: rotate(-180deg);
}

.sidebar-wrapper .sidebar-content li.list-item .collapse-item[aria-expanded=false]::before {
  left: 20px;
  right: unset;
  content: "\f053";
}

.sidebar-wrapper .sidebar-content li.list-item .collapse-item[aria-expanded=true]::before {
  left: 20px;
  right: unset;
}

#sidebar a[aria-expanded=false]::before,
#sidebar a[aria-expanded=true]::before {
  left: 20px;
  right: unset;
}

.sidebar.sidebar-wrapper.isShrinked .btn_toggle {
  left: 0px;
  right: unset;
}

.btn_toggle {
  left: -17px;
  right: unset;
}

.sidebar.isShrinked .btn_toggle svg {
  transform: rotate(180deg);
}

.btn_toggle {
  transform: rotate(0deg);
}

.sidebar.sidebar-wrapper .btn_toggle {
  left: -50px;
  right: unset;
}

.banner .banner-content .banner-desc::after {
  right: 0;
  left: unset;
}

@media (min-width: 1500px) {
  .custom-modal .customModal-content {
    left: -597px;
    right: unset;
  }
}
@media (min-width: 1700px) {
  .custom-modal .customModal-content {
    left: -693px;
    right: unset;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #mySwiperLastHero .swiper-wrapper .box-swiper .card-box:nth-child(2) {
    right: unset;
    left: -240px;
  }
  #mySwiperLastHero .swiper-wrapper .box-swiper .card-box:nth-child(3) {
    top: -230px;
    right: unset;
    left: 0px;
  }
}
@media (max-width: 991px) {
  .custom-modal .customModal-content {
    top: 63px;
    left: -51px;
    right: unset;
    width: 250px;
  }
  a svg.fa-arrow-right {
    transform: rotate(-180deg);
  }
  .footer .bg-footer .footer-left-side .box-social .bottom-sec {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
  }
  .footer .bg-footer .footer-left-side .box-social .bottom-sec a {
    margin-inline: 10px;
  }
}
@media (max-width: 767px) {
  .heading .bottom-heading .navbar .navbar-nav .nav-item ul.main-dropdown li.list-item a.link-item svg {
    transform: rotate(90deg);
  }
  .heading .bottom-heading .navbar .navbar-nav .nav-item ul.main-dropdown li.list-item .first-child-dropdown .list-item-submenu .second-child-dropdown {
    left: unset;
    right: 0%;
    top: 100%;
  }
}
@media (max-width: 425px) {
  .loading-bubble.grey {
    margin-inline-start: 138px;
    margin-inline-end: unset;
  }
}
.form-switch .form-check-input:checked[type=checkbox]:after {
  margin-right: 1.0625rem;
  margin-left: unset;
}

.form-switch .form-check-input:checked:focus:before {
  box-shadow: -20px -1px 0px 13px #3b71ca;
}

.form-switch .form-check-input {
  margin-left: 0;
}

.main-title span {
  margin-left: 10px;
}

.image-box .image.top {
  margin-left: 0px;
  margin-right: -15px;
}

.main-content .vision-message .content-image {
  border-radius: var(--br-stage-5) var(--br-stage-2) var(--br-stage-5) var(--br-stage-5);
}
.main-content .vision-message .content-image .image {
  border-radius: var(--br-stage-5) var(--br-stage-2) var(--br-stage-5) var(--br-stage-5);
}

.main-content .title-bubble::before {
  right: 12px;
  left: unset;
}

.colleges .colleges-card {
  border-right: 3px solid var(--SA-800);
  border-left: 3px solid transparent;
}
.colleges .colleges-card a::after {
  content: "\f053";
}

.agencies .agencies-card a {
  right: 10px;
}

.permanent .permanent-card a::after {
  content: "\f060";
}

.main-content .fixed-btn {
  right: 15px;
  left: unset;
}

@media (max-width: 991px) {
  .main-content .sidebar-wrapper {
    right: 0px;
  }
}
.main-content .acceptance .education .colleges-card {
  border-right: 3px solid var(--SA-800);
  border-left: none;
}
.main-content .acceptance .education .colleges-card a::after {
  content: "\f053";
}
.main-content .accordion .accordion-item .accordion-button::after {
  margin-left: unset;
  margin-right: auto;
}
.main-content .important-links .link-card a::before {
  content: "\f060";
}

.registration.main-content .information .city select.form-select {
  background-position: left 0.75rem center;
  padding: 0.375rem 0.75rem 0.375rem 2.25rem;
}

.main-content .select select.form-select {
  background-position: left 0.75rem center;
  padding: 0.375rem 0.75rem 0.375rem 2.25rem;
}

.main-content .acceptance .information .city select.form-select {
  background-position: left 0.75rem center;
  padding: 0.375rem 0.75rem 0.375rem 2.25rem;
}
.main-content .acceptance .education .colleges-card a::after {
  content: "\f053";
}

.main-content .e-services-2 .title::before {
  left: unset;
  right: 0;
}
.main-content .e-services-2 .settings .diff a i,
.main-content .e-services-2 .settings .diff a svg {
  transform: scaleX(-1);
}

.council .council-card p i.fa-phone-flip,
.council .council-card p svg.fa-phone-flip {
  transform: scaleX(-1);
}
.council .council-card p:has(span) {
  direction: ltr;
}
.council .council-card span.phone i.fa-phone-flip,
.council .council-card span.phone svg.fa-phone-flip {
  transform: scaleX(-1);
}
.council .contact .contact-content .label i.fa-phone-flip,
.council .contact .contact-content .label svg.fa-phone-flip {
  transform: scaleX(-1);
}

.main-content .training .trainig-card a::after {
  content: "\f060";
}

.site-map .category .accordion-button:not(.collapsed)::after,
.site-map .category .accordion-button::after {
  left: 15px;
  right: unset;
}

.questions .accordion .accordion-item .accordion-button {
  text-align: right;
}

.contact-us .content-head .dropdown-toggle::before {
  right: unset;
  left: 15px;
}
.contact-us .content-head .dropdown-hover:hover > .dropdown-menu-hover {
  text-align: right;
  left: unset;
}
.contact-us .content-head .dropdown-hover:hover > .dropdown-menu-hover .Place-List {
  text-align: right;
  left: unset;
}
.contact-us .content-head .dropdown-submenu-hover::before {
  content: "\f053";
  right: unset;
  left: 12px;
}
.contact-us .content-head .dropdown-submenu-menu-hover {
  left: unset;
  right: 100%;
  text-align: right;
}
.contact-us .data .your-mail .outer .inner #submit-btn {
  right: unset;
  left: 0;
}

.Map-custom .dropdown-submenu > .dropdown-menu {
  right: 100%;
  left: auto;
}

.heading .navbar .navbar-nav .nav-item .main-dropdown .title::after {
  right: 0;
  left: unset;
}

.search-sort .search i,
.search-sort .search svg {
  left: 15px;
  right: unset;
}
.search-sort .sort .form-select {
  background-position: left 0.75rem center;
  padding: 0.375rem 0.75rem 0.375rem 2.25rem;
}

.lightbox .content .prevBtn::after {
  content: "\f105";
}
.lightbox .content .nextBtn::after {
  content: "\f104";
}
.lightbox .content .closeBtn {
  right: unset;
  left: 35px;
}
.lightbox .content .imag-box .links {
  right: unset;
  left: 10px;
}

.video-card .content .badge {
  left: unset;
  right: 0;
}

.video-lightbox .content .closeBtn {
  left: 10px;
  right: unset;
}

.pagination-page .page-item:first-child .page-link {
  border-radius: 100% !important;
}
.pagination-page .page-item:last-child .page-link {
  border-radius: 100% !important;
}

.search__input .icon-search {
  top: 30px;
  position: absolute;
  right: 0px;
  left: unset;
}

.search__input button {
  right: unset;
  left: 0;
}

.colleges-and-institutes .all-colleges-cards .college-card a::after {
  content: "\f060";
}

.manager-card .image-content .image-box::before {
  border-right: 3px solid var(--white-color);
  border-left: unset;
  right: 8px;
  left: unset;
  border-top-right-radius: var(--br-stage-2);
  border-top-left-radius: unset;
}
.manager-card .image-content .image-box::after {
  border-left: 3px solid var(--white-color);
  border-right: unset;
  left: 8px;
  right: unset;
  border-bottom-left-radius: var(--br-stage-2);
  border-bottom-right-radius: unset;
}

.register-btn::after {
  content: "\f060";
}

.medical-center-card a::after {
  content: "\f060";
}

.main-content .inner-vision-card::before {
  right: 4px;
  left: unset;
}

.custom-container {
  margin-left: auto;
  margin-right: 0;
}

select.form-select {
  background-position: left 0.75rem center;
  padding: 0.375rem 0.75rem 0.375rem 2.25rem;
}

.housing-statistics .all-statistics-cards .statistics-card .icon {
  right: unset;
  left: 5px;
}
.housing-statistics h5::before {
  left: unset;
  right: 0;
}

.teaching-staff-head .search .search-icon {
  right: unset;
  left: 0;
}

.academic-department-card .more p::after {
  content: unset;
}
.academic-department-card .more p::before {
  content: "\f0c0";
  font-family: FontAwesome;
  margin-inline-start: 3px;
}
.academic-department-card .more a::after {
  content: "\f060";
}

.business-card a::before {
  content: "\f061";
}

.banner-section .inner-jubail-home-banner-title a div i,
.banner-section .inner-jubail-home-banner-title a div svg {
  transform: scaleX(-1);
}

.inner-jubail-acceptance .colleges .college-card {
  border-right: 3px solid var(--SA-800);
  border-left: unset;
}
.inner-jubail-acceptance .colleges .college-card a::after {
  transform: scaleX(-1);
}

.graduate-features-card .feature {
  right: unset;
  left: -20px;
}
.graduate-features-card .feature h4::after {
  right: unset;
  left: -8px;
}

.graduate-services-card h3::after {
  left: unset;
  right: 0px;
}

.special-program-card a::after {
  content: "\f060";
}

.training-program-questions .accordion .inner-accordion .accordion-item .accordion-button::after {
  left: unset;
  right: 0;
  transform: rotate(90deg);
}
.training-program-questions .accordion .inner-accordion .accordion-item .accordion-body::after {
  left: unset;
  right: 8px;
}

.school-services-department-card a::after {
  content: "\f060";
}

.school-services-program-title::after {
  left: unset;
  right: 0;
}

.our-partners-title h3::after {
  left: unset;
  right: 0;
}

.school-popup .content .closeBtn {
  right: unset;
  left: 10px;
}

.graduates-card .head h3::after {
  right: 0;
}

.structure-chart {
  /* MQ STYLES
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
}
.structure-chart .level-2-wrapper::before {
  right: 157px;
  left: auto;
}
.structure-chart .custom-level-2-wrapper-10-children::before {
  right: 100px;
  left: auto;
}
.structure-chart .custom-level-2-wrapper-10-children li:nth-child(2) .level-3-wrapper.left::before,
.structure-chart .custom-level-2-wrapper-10-children li:nth-child(3) .level-3-wrapper.left::before,
.structure-chart .custom-level-2-wrapper-10-children li:nth-child(8) .level-3-wrapper.left::before,
.structure-chart .custom-level-2-wrapper-10-children li:nth-child(9) .level-3-wrapper.left::before {
  right: 21%;
  left: auto;
}
.structure-chart .custom-level-2-wrapper-2-children::before {
  right: 256px;
  left: auto;
}
.structure-chart .level-2-wrapper.custom-level-2-has-level-3-children-3::before {
  right: 99px;
  left: auto;
}
.structure-chart .level-2-wrapper.custom-level-2-has-level-3-children-2::before {
  right: 100.5px;
  left: auto;
}
.structure-chart .level-2-wrapper.custom-level-2-has-level-3-children-2 li:nth-child(3) .level-3-wrapper::before {
  right: 20.5%;
}
.structure-chart .level-2-wrapper.custom-level-2-has-level-3-children-2 li:nth-child(2) .level-3-wrapper::before {
  right: 8.5%;
}
.structure-chart .custom-level-2-wrapper-4-children::before {
  right: 144.5px;
  left: auto;
}
.structure-chart .custom-level-2-wrapper-4-children li:nth-child(1) .level-3-wrapper.left::before {
  right: 21%;
  left: auto;
}
.structure-chart .level-2-wrapper::after {
  right: -20px;
  left: auto;
}
.structure-chart .level-2-wrapper > li:nth-child(4) h2::before, .structure-chart .level-2-wrapper > li:nth-child(5) h2::before {
  right: -135px;
  left: auto;
}
.structure-chart .level-2-wrapper > li h2:nth-child(3)::before {
  right: -60px;
  left: auto;
}
.structure-chart .level-3-wrapper::before {
  right: 25%;
  left: auto;
}
.structure-chart .level-3-wrapper.left::before {
  right: 19%;
  left: auto;
}
@media screen and (max-width: 700px) {
  .structure-chart .level-2-wrapper {
    width: 90%;
    margin-left: 10%;
  }
  .structure-chart .level-2-wrapper::before {
    right: -20px;
    left: auto;
  }
}

.search-new .search-input i,
.search-new .search-input svg {
  left: unset;
  right: 10px;
}

.agency-card a {
  right: 10px;
  left: unset;
}

.en-dir {
  margin-inline-start: 30px;
  margin-inline-end: 30px;
  text-align: right;
  direction: ltr;
}

.form-check .form-check-input {
  float: right;
}

.form-check .form-check-label {
  margin-right: 1.5em;
}

.breadcrumb-item + .breadcrumb-item::before {
  content: "\f053";
  font-family: FontAwesome;
  font-size: 12px;
}

.structure-chart.chart-2 .level-2-wrapper::before {
  right: 205px;
  left: auto;
}

.structure-chart.chart-2 .level-3-wrapper.left::before {
  right: 15%;
  left: auto;
}

.structure-chart.chart-4 .level-2-wrapper::before {
  right: 205px;
  left: auto;
  width: 65%;
}

.structure-chart.chart-4 .level-3-wrapper.left::before {
  right: 15%;
}

.level-3-wrapper.left.extra-3::before {
  right: 14% !important;
  left: auto !important;
}

.level-3-wrapper.left.extra-4::before {
  right: 11% !important;
  left: auto !important;
}

.structure-chart.chart-8 .level-2-wrapper.custom-level-2-has-level-3-children-3::before {
  right: 205px !important;
  left: auto;
}

.structure-chart.chart-8 .level-3-wrapper.left::before {
  right: 15%;
}