body {
  text-align: left;
}
.topnav .options .menu{
  transform:scaleX(-1);
}
.uoj-electronic {
  right: 4rem;
  left: auto;
}
.hamburger-submenu{
  transform:translateX(100%);
}

.main-menu-container .main-menu .close-btn, .hamburger-submenu .close-btn{
  right: 1rem;
  left: auto;
}
.college .affliated-members .search-affliated-btn svg{
  margin-right: 0;
  margin-left: .5rem;
}
.college.tabular-view .nav li:first-child a.nav-link{
  margin-left: 0;
}
.main-menu .menu-content .menu-links ul a.selected::after{
  left: -3rem;
  right: auto;
}
.footer .footer-contents .newsletter::after{
  left: -13rem;
  right: auto;
  transform: scaleX(-1);
}
.main-menu .menu-content .menu-links ul li .icon{
    transform: scaleX(1);
}
.uni-side ins, .users ins{
  margin-left: 0;
  margin-right: 1rem;
}
.hamburger-submenu{
  right: 0;
  left: auto;
}
.uni-side ins::before {
  left: -13px;
  right: auto;
}
.dropdown.users ins::before{
  left: 9px;
  right: auto;
}

.input-section .input__label{
  left: 20px;
  right: auto;
}
.tab-content .slick-slide.slick-current.slick-active{
  left: 0 !important;
}
.step .header .num{
  margin-right: .7rem;
  margin-left: 0;
}
.tabular-view .case-description textarea{
  margin-right: 3rem;
  margin-left: 0;
}
.associates-tiles .card .pattern{
  right: -1rem;
  left: auto;
}
.College-sections .card .section-info .section-description .name{
  margin-left: 0;
  margin-right: 2rem;
}
.college.tabular-view .nav li a.nav-link::before{
  margin-right: .7rem;
  margin-left: 0;
}
.associates-tiles .card .card-body .member-info .information .icon{
  margin-right: 1rem;
  margin-left: 0;
}
.college.tabular-view .statistic:first-child{
  border-left: none;
}
.college.tabular-view .statistic:last-child{
  border-left: 1px solid #D6D6D6;
}
.college-programs .programs-container .program .contents .item .cta svg{
  transform: rotate(180deg);
}
.message-tiles .card .card-text{
  text-align: left;
}
.quick-links .logo{
  right: 1rem;
  left: auto;
}
.care-tiles .card .pattern{
  position: absolute;
  top: 1.25rem;
  right: -1rem;
  left: auto;
}
.slick-prev{
  right: auto;
  left: 1rem;
  background-image: url(/themes/uoj_theme/media/arrow.svg)!important;
}
.slick-next{
    left: auto !important;
    right: 1rem;
    background-image: url(/themes/uoj_theme/media/arrow-r.svg) !important;
}
.tabular-view .tab-content .tab-pane.slick-current.slick-active{
  left: 0 !important;
  right: auto !important;
}
.departments .dept-search , .departments .card .card-img-overlay .card-title span{
  margin-right: 0.5rem;
  margin-left: 0;
}
.departments .card .card-img-overlay .card-title{
  right: 0;
  left: auto;
}
.search-footer .link svg{
  margin-left: 0;
  margin-right: 1rem;
}
.step .from, .step .to {
  margin-right: 1rem;
  margin-left: 0;
  min-width: 4rem;
  text-align: center;
}
.hamburger-submenu .header .icon{
  transform: scaleX(-1);
}
.uoj-breadcrumb .icon img {
  transform: rotate(180deg);
}
.plan .more-news::after {
  margin: 0 .5rem 0 1rem;
}
.contact-us .contact-infos .phone img, .contact-us .contact-infos .email img{
  margin-right:1rem;
  margin-left:0;
}
.contact-us .branches-otherservices .otherservices .item .pattern{
  right:0;
  left:auto;
}
.topnav .languages .dropdown-toggle {
  flex-direction: row;
}
.opportunities .swiper-slide .card .card-body .pattern, .opportunities .col-lg-4 .card .card-body .pattern{
  right: -2rem;
  left: auto;
}
.input-section .input__field, .form-container form .input__field{
  margin-right: 1rem;
  margin-left: 0;
}
.form-container form .input-item:nth-child(2n+1){
  margin-right: 1.5rem;
  margin-left: 0;
}
.form-container form .input__label{
  left: 13px;
  right: auto;
}
.form-container form input{
  /* margin-right: 1rem; */
  margin-left: 0;
}
.std::before {
  left: -2.5rem;
  right: auto;
}
.std::after {
  right: -2rem;
  left: auto;
}

.faqs .faqs-search input {
  background-position-x: 97%;
}

.all-news-container .topic::before {
  margin-right: 0.5rem;
  margin-left: 0px;
}

.footer-bottom .social-icons a {
  margin-left: 0px;
  margin-right: 1rem;
}

.goals .masonry-grid_item:nth-child(4n+1) .card {
  border-left: 10px solid var(--blue-color);
  border-right: none;
}

.goals .masonry-grid_item:nth-child(4n+2) .card {
  border-left: 10px solid var(--orange-color);
  border-right: none;
}

.goals .masonry-grid_item:nth-child(4n+3) .card {
  border-left: 10px solid var(--green-color);
  border-right: none;
}

.goals .masonry-grid_item:nth-child(4n+4) .card , 
.volunteering .volunteer-tiles .col-lg-6:nth-child(2n+2) .card{
  border-left: 10px solid var(--red-color);
  border-right: none;
}
.volunteering .volunteer-tiles .col-lg-6:nth-child(2n+1) .card{
  border-left: 10px solid var(--purple-color);
  border-right: none;
}

.volunteering .volunteer-tiles .col-lg-6 .card .pattern{
  left: auto;
  right: -1rem;
}
.details-panel .close{
  left: 1rem;
  right: auto;
}
.goals .card ul li::before ,
.volunteering .volunteer-tiles .col-lg-6 .card li::before{
  left: -2.5rem;
  right: auto;
}

.uni-statistics .stat {
  border-left: none;
  /* border-right: 1px solid white; */
}

.footer .footer-contents .mobile-apps .stores .ios {
  margin-right: 1rem;
  margin-left: 0px;
}

.news-advertisements a.more-news-btn span, .uni-testimonials a.more-testimonials-btn span {
  transform: rotate(180deg);
  margin-top: 0.6rem;
}

.uni-inovations .inovation-container .inovations-detail .date span {
  margin-right: 1rem;
  margin-left: 0px;
}

.main-menu-container .main-menu {
  left: auto;
  right: 0px;
  transform: translateX(100%);
}x

.main-menu-container .main-menu .close-btn {
    right: 1rem;
    left: auto;
}

.main-menu-container.nabled {
  transform: translateX(0px);
}

.sidebuttons {
  left: auto;
  right: 0px;
}

.header-pattern {
  right: auto;
  left: 0px;
}

.chatbot {
  left: 2rem;
  right: auto;
}

.uni-inovations .main-news .research .swiper-slide .content .date span {
  padding-left: 0px;
  padding-right: 1rem;
}

.uni-inovations .main-news .research .swiper-slide .content a span svg {
  transform: translateX(0.5rem) rotate(180deg) !important;
}

.uni-overview .overview-pattern-2 {
  right: auto;
  left: 0px;
}

.sidebuttons > div.twitter-side, .sidebuttons > .other-toggles > div {
  transform: scale(1) scaleX(-1) translateX(0px);
  justify-content: flex-start;
}

.sidebuttons > div.twitter-side:hover, .sidebuttons > .other-toggles > div:hover {
  transform: scale(1.2) scaleX(-1) translateX(5px);
}

.sidebuttons .other-toggles {
  transform: translateX(100%);
}

.sidebuttons .sidebuttons-toggler {
  transform: rotate(180deg);
  left: auto;
  right: -20px;
}

.side-menu, .details-panel {
  left: auto;
  right: 0px;
  transform: translateX(100%);
}

.twitter-side-menu button.close {
  left: 4px;
  right: auto;
}

.news-content .more-info .date span {
  margin-right: 0px;
  margin-left: 1rem;
}

.news-content .more-info .share-options .icons {
  margin-right: 0px;
  margin-left: 2rem;
}

.faqs .faq-group .faq-item .expand {
  transform: rotate(360deg);
  margin-left: 0px;
  /* margin-right: 1rem; */
}

.faqs .faq-group .faq-item .collapse .toggle {
  transform: rotate(-90deg);
}

.faqs .faq-group .faq-item .header.expanded .expand {
  transform: rotate(180deg);
}

.faqs .faq-group .faq-item .faq-subheader.toggled .toggle {
  transform: rotate(-180deg) translate(17px , 17px);
}

.sidebuttons.toggled .sidebuttons-toggler {
  left: auto;
  transform: translate(0rem, 16rem) rotate(180deg);
}

.faqs .faq-group .faq-item .faq-details::after {
  right: auto;
  left: 2rem;
}

.faqs .faq-group .faq-item .faq-details {
  padding-right: 0px;
  padding-left: 4rem;
}

.contact-us .branches-otherservices .branches .item .pattern {
  left: auto;
  right: -4.7rem;
}

.news-container {
  padding-left: 15px;
  padding-right: 0px;
}

.swiper.testimonials .testimonial-card .content .user .info {
  margin-right: 0px;
  margin-left: 1rem;
}

.plan .more-news, .plan .more-news:hover {
  float: right;
}

.pattern-image a img {
  margin-left: 0.5rem;
  margin-right: 0px;
}

.uni-statistics .stat:nth-child(2n) {
  border-right: none;
}

.uni-statistics .stat:last-child {
  padding: 15px;
}

.data-tiles .col-lg-3 .pattern, .about-swiper .pattern, .goals-container .pattern {
  left: auto;
  right: -2rem;
}

.tabular-view .nav li a.nav-link::before{
  margin-right: .7rem;
  margin-left: 0;
}
.uni-values .column:first-child .val-content:first-child .num {
  border-right: 0px;
  border-left: 10px solid rgb(24, 125, 164);
  margin-right: 1rem;
  margin-left: 0px;
}

.uni-values .column:first-child .val-content:nth-child(2) .num {
  border-right: 0px;
  border-left: 10px solid rgb(158, 91, 71);
  margin-right: 1rem;
  margin-left: 0px;
}

.uni-values .column:nth-child(2) .val-content:first-child .num {
  border-right: none;
  border-left: 10px solid rgb(12, 122, 109);
  margin-right: 1rem;
  margin-left: 0px;
}

.uni-values .column:nth-child(2) .val-content:nth-child(2) .num {
  border-right: 0px;
  border-left: 10px solid rgb(65, 1, 65);
  margin-right: 1rem;
  margin-left: 0px;
}

.uni-values .column:nth-child(3) .val-content:first-child .num {
  border-right: none;
  border-left: 10px solid rgb(110, 1, 1);
  margin-left: 0rem;
  margin-right: 1rem;
}

.uni-values .column:nth-child(3) .val-content:nth-child(2) .num {
  border-right: 0px;
  border-left: 10px solid var(--dark-grey-color);
  margin-right: 1rem;
  margin-left: 0px;
}

.values {
  background-position: 101% 101%;
}

.international-students .card-img-overlay {
    left: .5rem;
    right: .5rem;
    top: 4rem;
}

.international-students .pattern {
  left: auto;
  right: 2rem;
}

.tabular-view label {
  margin-left: 0px;
  margin-right: 2rem;
}

.step:nth-child(5n+1)::before {
  right: auto;
  left: -1rem;
}

.opportunities .swiper-slide .card .card-body .pattern {
  left: auto;
  right: -2rem;
}

.opportunities .swiper-slide .card .footer.buttons .apply-now {
  margin-left: 0px;
  margin-right: 1rem;
}

.testimonials .card .card-body .user .info {
  margin-left: 1rem;
  margin-right: unset;
}

.testimonials-container .card {
  margin-left: 0px;
}
#agent_tabview_cv .swiper-button-next {right: -0.1rem !important;}
#agent_tabview_cv .swiper-button-prev {left: -0.1rem !important;}
.deco2{width:4rem;right:0 !important; left:auto !important; background: transparent;}
.profile .swiper-button-next {right: .4rem !important; left:auto !important; transform:scaleX(1);}
.profile .swiper-button-prev {left: 0.4rem !important; right: auto !important;transform:scaleX(-1);}
@media screen and (max-width: 992px) {
#agent_tabview_cv li.swiper-slide-active a::after {left: -2.5rem;}
#agent_tabview_cv .nav-link {margin-left:-4.8rem !important;}
}
@media (min-width: 600px) {
  .uni-inovations .inovation-container .inovations-detail .item.selected::after {
      left: -2rem;
      right:auto;
      border-right: 40px solid rgb(244, 244, 244);
      border-left:none;
  }
 
.story .image-container{
  margin-left: 0;
  margin-right: 2rem;
}
  .contact-us .services .service {
      border-right: 1px solid rgb(209, 209, 209);
      border-left: none;
  }

  .contact-us .services .service:last-child {
      border-right: none;
  }

  .notifications-side-menu button.close, .weather-side-menu button.close, .polls-side-menu button.close {
      left: auto;
      right: 33rem;
  }

  .events-side-menu.toggled button.close {
      left: auto;
      right: 33rem;
  }

  .twitter-side-menu button.close {
      left: 15px;
      right: auto;
  }

  .headline .content::after {
      left: -10rem;
      right: auto;
  }

  .headline .content .description {
      transform: translate(30%, -40%);
  }

  .uni-overview .overview-section1 .info::after {
      left: 0px;
      right: auto;
  }

  .uni-overview .overview-section1 .info {
      padding-left: 9rem;
      padding-right: 0px;
  }
}

.library-tabs .tab .content svg{
  margin-left: 0;
  margin-right: .5rem;
}
@media (min-width: 992px) {
  #agent_tabview_cv {padding-right: 5rem !important; padding-left:0 !important;}
  .footer-contents .links-container .title:after {
  content: '';
  position: absolute;
  background-color: #656565;
  height: 1px;
  right: 0;
  left: 8.4rem;
  top: 50%;
}
  .details-panel .close{
  left: -4rem;
  right: auto;
}
    .international-students .card-img-overlay {
  left: 6rem;
  right: auto;
  top: 7rem;
}
  .step .instruction {
  min-height: 13rem;
}
  .step:nth-child(5n+1) .header {
  border-left: 2rem solid;
  border-bottom: 2rem solid;
  border-right: 1rem solid;
  border-image: linear-gradient(to left, rgb(211, 123, 96) 25%, rgb(211, 123, 96) 48%, rgb(34, 176, 233) 49%) 1 / 1 / 0 round repeat;
  padding: 5rem 3rem 4rem;
}

.step:nth-child(5n+2) .header {
  border-right: 1rem solid;
  border-top: 2rem solid;
  border-left: 1rem solid;
  border-image: linear-gradient(to left, rgb(13, 162, 144) 25%, rgb(13, 162, 144) 49%, rgb(211, 123, 96) 50%) 1 / 1 / 0 stretch repeat;
  padding: 3rem 3rem 4rem;
}

.step:nth-child(5n+3) .header {
  border-right: 1rem solid;
  border-bottom: 2rem solid;
  border-left: 1rem solid;
  border-image: linear-gradient(to left, rgb(182, 44, 63) 25%, rgb(182, 44, 63) 49%, rgb(13, 162, 144) 50%) 1 / 1 / 0 stretch repeat;
  padding: 5rem 3rem 4rem;
}

.step:nth-child(5n+4) .header {
  border-left: 1rem solid;
  border-right: 1rem solid;
  border-image: linear-gradient(to left, rgb(119, 71, 142) 33%, rgb(119, 71, 142) 51%, rgb(182, 44, 63) 31%) 1 / 1 / 0 stretch repeat;
}

.step:nth-child(5n+5) .header {
        border-bottom: 2rem solid;
        border-image: linear-gradient(to left, rgb(119, 71, 142) 25%, rgb(119, 71, 142) 25%, rgb(119, 71, 142) 25%, rgb(119, 71, 142) 25%) 1 / 1 / 0 stretch repeat;
        border-right: none;
        border-left: 1rem solid;
        padding: 5rem 3rem 4rem;
    }
  .nav-tabs .nav-item .nav-link{
  margin: 0 1.4rem 0 0;
}
  .tabular-view .nav li.slick-slide a.nav-link{
    margin: 0 1rem 0 0rem;
  }
  .std {
  border-left: none;
  border-right: 1.4px solid rgb(222, 226, 230);
}
  .quick-links .logo{
  right: 6rem;
  left: auto;
}
  .quick-links .link{
  margin: 0 0 0 3rem;
  padding: 0;
}
  .goals .column:nth-child(2), .goals .column:nth-child(3) {
  padding: 0px 0rem 0px 2rem;
}
  .departments .cards-section .col-lg-4.col-md-6:nth-child(3n+3), .data-tiles .col-lg-3:nth-child(4n+4){
    padding-right:0;
    padding-left:15px;
  }
  .departments .cards-section .col-lg-4.col-md-6:nth-child(3n+1), .data-tiles .col-lg-3:nth-child(4n+1){
    padding-left: 0 !important;
    padding-right: 15px!important;
  }
  .radio-buttons {
      margin-right: 0px;
      margin-left: 4rem;
  }

  .input-section form .input-item:nth-child(2n+1) {
      margin-right: 5.5rem;
      margin-left: 0px;
  }

  .contact-us .contact-infos .phone::after {
      right: 0px;
      left: auto;
      border-width: 46px 34px 36px 21px;
      transform: scaleX(-1);
  }

  .contact-us .contact-infos .phone {
      padding: 0.85rem 5rem 0.85rem 1rem;
  }

  .uni-statistics .stat:nth-child(2n) {
      border-right: 2px solid white;
  }

  .patt:nth-child(2n+1) {
      flex-direction: row-reverse;
  }

  .uni-testimonials a.more-testimonials-btn span img, .news-advertisements a.more-news-btn span img {
      margin-top: 0.1rem;
      margin-right: 0.5rem;
  }

  .uni-statistics .stat:last-child {
      padding-right: 0px;
      padding-left: 1.5rem;
  }

  .about-swiper-section {
      padding: 6rem 0rem 0rem 6rem;
  }

  .goals .column:nth-child(3) {
      padding: 0px 0px 0px 2rem;
  }

  .story .our-story {
      margin-left: 6rem;
      margin-right: 0px;
  }

  .contact-us .branches-otherservices .otherservices {
      padding-left: 4rem;
      padding-right: 0px;
  }


  h1.section-title {
      padding-left: 6rem;
  }

  h1.section-title::before {
      margin-right: 1rem;
      margin-left: 0px;
      left: 0;
      right:auto;
  }
 .supreme-president .president-informations .buttons-container {
    gap: 1rem;
  }
  .supreme-president .president-informations,
  .agent-cv .agent-informations {
    margin-left: 2rem;
    margin-right: auto;
    position: relative;
  }

  .uoj-electronic {
      right: 6rem;
      left: auto;
  }

  .message-tiles {
      padding-right: 6rem;
      padding-left: 0px;
  }

  .uni-statistics .stat:first-child {
      padding-left: 0rem;
      padding-right: 1.5rem;
  }

  .uni-statistics .stat:last-child {
      border-right: none;
      border-left: 1px solid white;
  }

  .twitter-side-menu.toggled button.close {
      left: -4rem;
      right: auto;
  }
}
@media (min-width: 1200px) {
  .ilustrator {
    left: 4.5rem;
    top: 11.7rem;
    height: 2rem;
    width: 2rem;
}
  .focus-area .focus-body .links .link-holder {
    padding: 3rem 6rem 3rem 3rem;
    }
  .news-container {
      padding-left: 6rem;
      padding-right: 0px;
  }

  .contact-us .branches-otherservices .branches .contents {
      border-right: 1px solid rgb(209, 209, 209);
      border-left: none;
      padding-right: 4rem;
      padding-left: 0px;
  }

  .uoj-electronic {
      right: 11rem;
      left: auto;
  }

  .uni-testimonials a.more-testimonials-btn{
      margin-right: 8rem;
      margin-left: 0px;
  }
   .news-advertisements a.more-news-btn {
      margin-right: 0rem;
      margin-left: 0px;
  }

  .footer .footer-contents .newsletter {
      padding: 2rem 0rem 2rem 6rem;
  }

  .footer .footer-contents .mobile-apps {
      padding: 2rem 6rem 2rem 2rem;
  }
}
@media (min-width: 1600px) {
  .sidebuttons.toggled .sidebuttons-toggler {
      transform: translate(-1.5rem, 15.5rem);
      width: 70%;
  }

  .step::after {
      content: "";
      width: 30%;
      height: 29px;
      border-bottom: 17px solid transparent;
      border-top: 17px solid transparent;
      position: absolute;
  }

  .step:nth-child(5n+1)::after {
      border-left: solid 17px var(--blue-color);
      border-right: none;
      left: 9.3rem;
  }
  .sport-centers .swiper-slide-active .card{
    border-left: 10px solid var(--blue-color);
    border-right: 0;
  }

  .step:nth-child(5n+2)::after {
      border-left: solid 17px var(--orange-color);
      border-right: none;
      left: 8.3rem;
  }

  .step:nth-child(5n+3)::after {
      border-left: solid 17px var(--green-color);
      border-right: none;
      left: 9rem;
  }

  .step:nth-child(5n+4)::after {
      border-left: solid 17px var(--red-color);
      border-right: none;
      left: 8.8rem;
  }

  .step:nth-child(5n+5)::after {
      border-left: solid 17px var(--purple-color);
      border-right: none;
      left: 16rem;
  }
}