body {
  text-align: left;
}
.cookiesModal .btn-close{
  left:auto;
  right:1rem;
}
div#cookieModal {
  height: 25rem;
}
.cookiesModal .modal-body p {
  text-align: left;
}
.archiveNewsUrl .icon {
    margin-left:0;
    margin-right: .5rem;
}
.archiveNewsUrl{
	padding-right:0;
}
.profile .slick-next{
  border-top-right-radius:.5rem;
  border-top-left-radius:0;
}
.associates-tiles .dropdown-menu.radio{
  left:0;
  right:auto;
}
.weather-side-menu .feed .location-detail .condition{
  flex-direction:row;
}
.uni-side .dropdown-menu.radio i{
  text-align:left;
}
.profile .left-section .card .labels .label:first-child{
  margin-left:0;
  margin-right:1rem;
}
.right-section .card .pattern{
  right:0;
  left:auto;
}
.right-section .work-hours .officeworkHours .schedule{
  padding-left:0;
  padding-right:1rem;
}
.work-hours .schedule .icon{
  transform:scaleX(-1);
}
.tabs .tiles .col-md-6 .card .card-body .pattern{
  right:-1rem;
  left:auto;
}
.right-section span.header{
  text-align:left;
}
.feedback-v2 .rating > div{border-right: 1px solid #dedede;border-left: none;}
.mobile-menu .nav-item.sec-menu::before {
  right: 2rem;
  left:auto;
  transform:scaleX(-1);
}
.mobile-menu .options .language-switch {
  padding: 1.2rem 0rem 1.2rem 1rem;
}
.footer-contents .links-container .title:after {
  right: 0;
  left: 8.4rem;
}
.std-activities .col-lg-4{
  padding:0 1rem;
}
.leaders .swiper-button-next {
  right: 1rem !important;
  left:auto!important;
  transform: scale(.7);
}
.mobile-menu .language-switch::after {
  right: 1rem;
  left:auto;
}
.mobile-menu .mobile-log-in {
  background-image: url("/themes/uoj_theme/media/Mask Group 7 flipped.png");
}
div#myTopnav {
  padding: 0;
}
.mobile-menu .languages-popup {
  left: 1rem;
  right:auto;
}
.sec-menu-container .top-bar .icon {
  transform: scaleX(1);
  margin-right: 0.7rem;
  margin-left:0;
}
.mobile-menu,.sec-menu-container{
  transform:translateX(100%);
}
.topnav .options .menu-mobile-icon{
  padding-right:0;
  padding-left:.4rem;
}
.mobile-menu .languages-popup .languages-list a.language.active::after {
  right: 1rem;
  left:auto;
}
.mobile-menu .languages-popup .languages-list a.language .icon{
  margin-left:0;
  margin-right:.7rem;
}
.mobile-menu .mobile-log-in>div .icon {
  margin-right: 0.7rem;
  margin-left:0;
}
.mobile-menu .options .language-switch {
  border-right: 1px solid lightgrey;
  border-left:none
}
.filter-labels span{
  margin-right:.4rem;
  margin-left:unset;
}
  .associates-search .dropdown button.btn.btn-light.dropdown-toggle {
    border-left: none;
    border-right: 1px solid #dfdfdf
  }
.sec-menu-container .top-bar {
  padding: 0 0rem 0 1rem;
}
.mobile-menu .options {
  display: flex;
}
.protanopia.color::before,
.deuteranopia.color::before,
.tritanopia.color::before,
.achromatopia.color::before,
.reset.color::before {
  left: 0.5rem;
  right: auto;
}
.old-version {
  border-top-right-radius: 20px;
  border-top-left-radius: 0;
  padding: 1.3rem 2.3rem 1.3rem 1.1rem;
}
.mobile-menu .options .language-switch .icon {
  margin-right: .7rem;
  margin-left:0;
}
.color label {
  margin-left: 0.5rem;
  margin-right: 0px;
}

.old-version .mockup-container {
  margin-left: 0;
  margin-right: 1rem;
}

.topnav .options .menu {
  transform: scaleX(-1);
}

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

.hamburger-submenu {
  transform: translateX(100%);
}



.scrolling.modal.acc-modal {
  right: 11.2rem;
  top: 8.2rem;
}

.acc-modal .modal-body .txt-size .decrease {
  left: 7.2rem;
  right: auto;
}

.acc-modal .modal-body .txt-size .increase {
  right: 3.8rem;
  left: auto;
}

.acc-modal .modal-body .txt-size .result {
  margin-right: 0px;
}

.acc-modal .modal-body .imm-reader .reader .btn-reader {
  left: 1rem;
  right: auto;
  transform: scaleX(-1);
}

.acc-modal .modal-body .imm-reader .result {
  margin-left: 1rem;
  margin-right: 0px;
}

.acc-modal .modal-body .title {
  text-align: left;
  margin-right: 1rem;
  margin-left: 0;
}

.main-menu-container .main-menu .close-btn,
.hamburger-submenu .close-btn {
  left: -4rem;
}

.college .affliated-members .search-affliated-btn svg {
  margin-right: 0px;
  margin-left: 0.5rem;
}

.college.tabular-view .nav li:first-child a.nav-link {
  margin-left: 0px;
}

.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) !important;
}

.main-menu .menu-content .menu-links ul .go-back .icon {
  transform: scaleX(-1) !important;
}

.uni-side ins,
.users ins {
  margin-left: 0px;
  margin-right: 1rem;
}

.hamburger-submenu {
  right: 0px;
  left: auto;
}

.uni-side ins::before {
  left: 10.7rem;
  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: 0px !important;
}

.step .header .num {
  margin-right: 0.7rem;
  margin-left: 0px;
}

.tabular-view .case-description textarea {
  margin-right: 3rem;
  margin-left: 0px;
}

.associates-tiles .card .pattern {
  right: -1rem;
  left: auto;
}

.College-sections .card .section-info .section-description .name {
  margin-left: 0px;
  margin-right: 2rem;
}

.college.tabular-view .nav li a.nav-link::before {
  margin-right: 0.7rem;
  margin-left: 0px;
}

.associates-tiles .card .card-body .member-info .information .icon {
  margin-right: 1rem;
  margin-left: 0px;
}

.college.tabular-view .statistic:first-child {
  border-left: none;
}

.college.tabular-view .statistic:last-child {
  border-left: 1px solid rgb(214, 214, 214);
}

.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: 0rem;
  transform: scaleX(1)!important;
  background-image: url("/themes/uoj_theme/media/arrow.svg") !important;
}

.slick-next {
  right: 0rem;
  left: auto !important;
  background-image: url("/themes/uoj_theme/media/arrow-r.svg") !important;
}

.tabular-view .tab-content .tab-pane.slick-current.slick-active {
  left: 0px !important;
  right: auto !important;
}

.departments .dept-search,
.departments .card .card-img-overlay .card-title span {
  margin-right: 0.5rem;
  margin-left: 0px;
}

.departments .card .card-img-overlay .card-title {
  right: 0px;
  left: auto;
}

.search-footer .link svg {
  margin-left: 0px;
  margin-right: 1rem;
}

.step .from,
.step .to {
  margin-right: 1rem;
  margin-left: 0px;
  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 0rem 0 1rem;
}
.plan .more-news.newclass::after {
transform:scaleX(1);
}
.contact-us .contact-infos .phone img,
.contact-us .contact-infos .email img {
  margin-right: 1rem;
  margin-left: 0px;
}

.contact-us .branches-otherservices .otherservices .item .pattern {
  right: 0px;
  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-left: 0px;
}
.form-container form .input-item:nth-child(2n+1) {
  margin-right: 1.5rem;
  margin-left: 0px;
}
.form-container form .input__label {
  left: 13px;
  right: auto;
}
.form-container form input {
  margin-left: 0px;
}

.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 {
  right: 1rem;
  left: 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 rgb(255 255 255 / 25%);
}

.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;
}
.profile .deco1{
  position: relative;
  top: 0;
  left:-1rem;
  right:auto;
}
.profile .deco1 .swiper-button-prev{
  transform: scaleX(-1);
}
.profile .deco2{
  right:-2rem;
  left:auto;
}
.profile .deco2 .swiper-button-next{
  transform: scaleX(1);
  left: 1rem;
}
.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) translateX(0px);
  justify-content: flex-start;
}
.sidebuttons>div.twitter-side:hover,
.sidebuttons>.other-toggles>div:hover {
  transform: scale(1.1) translateX(0.1rem);
}
.sidebuttons .other-toggles {
  transform: translateX(100%);
}
.sidebuttons .sidebuttons-toggler {
  transform: rotate(180deg);
  left: auto;
  right: -10px;
}
.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-left: 0px;
  margin-right: 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;
}

.faqs .faq-group .faq-item .collapse .toggle {
  transform: rotate(-90deg);
  margin-right: 1rem;
  margin-left: 0;
}

.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: 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;
  left: auto;
  right: 0;
}

.pattern-image a img {
  margin-left: 0;
  margin-right: .5rem;
}
.uni-statistics .stat:last-child {
  padding: 15px;
}

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

.tabular-view .nav li a.nav-link::before {
  margin-right: 0.7rem;
  margin-left: 0px;
}

.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: 0.5rem;
  right: 0.5rem;
  top: 4rem;
}

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

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

.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;
}

.accordion .season-header .title {
  text-align: left;
}

.topnav.scroll .navbar .dropdown::after,.sub.topnav.scroll .navbar .dropdown::after {
  position: absolute;
  top: 2.7rem;
  right: -0.3rem;
  left: auto;
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  background: url('data:image/svg+xml,<svg width="10" height="10" viewBox="0 0 1024 1024" class="icon" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M903.232 256l56.768 50.432L512 768 64 306.432 120.768 256 512 659.072z" fill="%23000000"></path></svg>');
  content: '';
}

.topnav.sub .navbar .dropdown::after {
  position: absolute;
  top: 2.5rem;
  right: -1rem;
  left: auto;
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  background: url('data:image/svg+xml,<svg width="10" height="10" viewBox="0 0 1024 1024" class="icon" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M903.232 256l56.768 50.432L512 768 64 306.432 120.768 256 512 659.072z" fill="%23000000"></path></svg>');
  content: '';
}
.acc-modal.scrolling::before {
  right: 10.6rem;
  left: auto;
}

.acc-modal::before {
  right: 12.6rem;
  left: auto;
}
.topnav .navbar .dropdown::after {
  left: auto!important;
  right: -0.8rem;
}
.topnav .navbar .dropdown.languages::after {

  right: -0.2rem;
}
.uni-statistics .swiper-button-prev {
  transform: scaleX(1);
  left: 0 !important;
  right: auto !important;
}

.uni-statistics .swiper-button-next {
  transform: scaleX(-1);
  left: auto !important;
  right: 0 !important;
}

.polls-side-menu .answers-section .result .percentage::after {
  left: auto;
  right: 0;
}

.library-tabs .tab .content svg {
  margin-left: 0px;
  margin-right: 0.5rem;
}

.polls-side-menu .answers-section .result .percentage {
  margin-right: 1.5rem;
  margin-left: 0;
}
.services-container::after{
  left: auto;
}
.read-more .prompt{
  text-align: left!important;
}
.uni-testimonials a.more-testimonials-btn span,
.news-advertisements a.more-news-btn span,
.steps-app .more-news-btn span {
margin-right: 0;
margin-left: 1rem;
}
.contact-us .contact-infos .phone img, .contact-us .contact-infos .email img, .contact-us .contact-infos .fax img {
    margin-right: 1rem;
    margin-left:0;
}
.map-container .gotomap .icon {
    margin-left:0;
    margin-right: 0.5rem;
}
.branches .card .pattern {
    right: 1rem;
    left:auto;
}
.accordion-container .pattern {
    right: 1.5rem;
    left:auto;
}
.accordion-container .contact-accordion svg {
    transform: rotate(-90deg);
}
.accordion-container:nth-child(6n+1) .contact-collapse .informations {
  border-left: 3px solid var(--blue-color);
  border-right:none;
}

.accordion-container:nth-child(6n+2) .contact-collapse .informations {
  border-left: 3px solid var(--orange-color);
  border-right:none;
}

.accordion-container:nth-child(6n+3) .contact-collapse .informations {
  border-left: 3px solid var(--green-color);
  border-right:none;
}

.accordion-container:nth-child(6n+4) .contact-collapse .informations {
  border-left: 3px solid var(--purple-color);
  border-right:none;
}

.accordion-container:nth-child(6n+5) .contact-collapse .informations {
  border-left: 3px solid var(--red-color);
  border-right:none;
}

.accordion-container:nth-child(6n+6) .contact-collapse .informations {
  border-left: 3px solid var(--navy-blue-color);
  border-right:none;
}
.accordion-container .contact-collapse .informations {
    padding-left: 1rem;
  padding-right:0;
}

.associates-search .search-btn .icon::before, .modal.search .icon::before {
    right: 0.3rem;
    left:auto;
}
.aca-filter .dropdown::after {
 left:auto;
 right:1rem;
}
.aca-filter .dropdown-menu.radio i {
  text-align: left;
}
.survey-msg .msg-container ul li::before {
  left: -1.8rem;
  right:auto;
}
.survey-form-container .js-form-item.form-item.js-form-type-radio label {
  padding-left: 1rem;
  padding-right:0;
}
.survey-form-container .js-form-item.form-item.form-wrapper.webform-section .webform-section-wrapper> :first-child:not(.description)> :last-child, .survey-form-container .js-form-item.form-item.form-wrapper.webform-section .webform-section-wrapper> :first-child:not(.description)> :first-child>* {
  margin-left: 1.5rem;
  margin-right:auto;
}
.survey-form-container .js-form-item.form-item.js-form-type-radio {
  margin-right: 2rem;
  margin-bottom: 0.5rem;
  margin-left: 0;
}
.established-initiatives .accordion .card .category{
  right: 0;
  left: auto;
}
button.input-group-text.dept-search span {
  margin-right: 0.7rem;
  margin-left:0;
}
.volunteering .volunteer-tiles .col-lg-6 .card li::before, .Deanship-agencies .agencies-tiles .col-lg-6 .card li::before {
  left: -2.5rem;
  right: auto;
}
.faqs.ES-material ul li::before {
  left: -2rem;
  right: auto;
}
.form-check{
  padding-left: 0!important;
}
.login .left-section form input{
  text-align: left;
}
.left-section .text-box .input__label {
  left: 20px;
  right: auto;
}
.test {
  left: 1rem;
  right: auto;
}
.dropdown.main .map-filter {
  border-radius: .8rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.select-department .dropdown .map-filter {
  border-right: none;
  border-radius: .8rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.map-filter{
  text-align: left;
}
.map-filter span:first-child::after {
  right: 1rem;
  left: auto;
}
.map-filter .dropdown-menu{
  text-align: left;
}
.details-div {
  right: 0;
  left:auto;
}
.map-location-details .details-div-options a:not(:last-child) {
  margin-right: 1.5rem;
  margin-left: 0;
}
.map-location-details .details-div .close-btn {
  left: 1.5rem;
  right: auto;
}
.supervisor .profile {
  margin-right: 1rem;
  margin-left: 0;
  display: none;
}
.supervisor .informations{
  text-align: left;
}
#clickedValue, #clickedFaculty, #clickedBuilding{
  padding-right: 2rem;
  padding-left: 0;
}
.Building-Detail-Container .building-info-container .popup-body{
  text-align: left;
}
.Building-Overview .left-section{
  text-align: left;
}
.leaflet-popup-close-button {
  left: auto !important;
  right: 1.5rem !important;
}
.proxies .cards-container .card .card-body .social-icons .icon, .advisors .cards-container .card .card-body .social-icons .icon {
  margin-right: 1rem;
 margin-left: 0;
}
.proxies .cards-container .col-lg-4 .card .card-body .buttons-container .btn:nth-child(2), .advisors .cards-container .col-lg-3 .card .card-body .buttons-container .btn:nth-child(2) {
  border-left: 1px solid rgba(0, 0, 0, .125);
  border-right: none;
}
.profile-section .social-icons .icon {
  margin-right: 1rem;
  margin-left: 0;
}
.agent-profile .tab-content ul li::before {
  left: -1.6rem;
  right: auto;
}
.deco1 {
  right: 0px;
  left: auto;
}
.profile span.right {
  right: 1.5rem;
  left: auto;
}
.profile .deco1::before {
  right: 0;
  left: auto;
}
.profile span.left {
  left: 1.5rem;
  right: auto;
}
.roles ul li::before {
 left: 0;
 right: auto;
}
.contact-zone .col-lg-6:nth-child(2n+1) .card {
  border-left: 10px solid var(--red-color);
  border-right: none;
}

.contact-zone .col-lg-6:nth-child(2n+2) .card {
  border-left: 10px solid var(--green-color);
  border-right: none;
}
.contact-zone .col-lg-6:nth-child(2n+1) .card .card-body .card-text ul li::before {
  left: -2.5rem;
  right: auto;
}
.aca-filter .filter-dp .dropdown:first-child {
  margin-left: 0;
}
 .deco1::before {
  content: "";
  position: absolute;
  height: 5.5rem;
  width: 3.1rem;
  top: 0;
  right: 0;
  background: linear-gradient(to right, white, #ffffff);
  z-index: 2;
}
.pattern-image .row .patt .txt {
  margin: 0 0 0 1.5rem;
}
.about-swiper-section {
  padding-left: 15px;
  padding-right: 0;
}
.steps-app .more-news-btn::after {
  right: -0.1rem;
  left: auto;
}
.steps-app .more-news-btn span{
  transform: scaleX(-1);
  margin-left: 0;
}
.Supported-research-programs.volunteering .volunteer-tiles .col-lg-6:nth-child(2n+2) .card {
  border-left: 10px solid var(--purple-color);
  border-right: none;
}
.Supported-research-programs.volunteering .volunteer-tiles .col-lg-6:nth-child(2n+1) .card {
  border-left: 10px solid var(--red-color);
  border-right: none;
}
.details-panel .list ul li::before {
  left: -1rem;
  right: auto;
}
.emerg-services ul li::before {
  left: -2rem;
  right: auto;
}
.contact-section-informations .col-lg-5 h2.section-title{
  text-align:left;
}
.contact-section-informations .col-lg-5 .ctopic {
 margin-left: 0;
  margin-right: 0.7rem;
}
.contact-information-zone .cinformation .icon {
  margin-right: 0.7rem;
  margin-left: 0;
}
.col-lg-7.contact-us{
  padding: 0;
}
.goals li,
.volunteering .volunteer-tiles .card .card-body .card-text li,
.Deanship-agencies .agencies-tiles .card .card-body .card-text li {
  text-align: left;
}
.side-panel-attr ul li::after {
 left: 0;
 right: auto;
}
.side-panel-attr ul li {
  padding-left: 2rem;
}
.card.partnership .name {
  text-align: left;
}
.achievements .news-advertisements .nav-link{
  font-size: .8rem;
}
.branches .card .card-body .card-title{
  font-size: 1.1rem;
  
}
.map-container .gotomap{
  right: 1rem;
}
.rating__label:last-of-type,
.feedback-v2 .feedback-buttons li a,
.reason-option input[type="checkbox"],
.feedback-v2 .published-time span{
  margin-left: 0;
  margin-right: 1rem;
}
.feedback-v2 .feedback-ques .closebtn{
  float: right;
}
.published-time svg {
  right: 1rem;
  left: auto;
}
.feedback-v2 .rating > div::before ,
.feedback-v2 .feedback-ques > div::before{
  right: 1rem;
  left: auto;
}
.uni-inovations .inovation-container .inovations-detail{
  right:1rem;
  left:auto;
}
.sec-layer{
  transform:translateX(100%);
}
.sec-layer .header .go-back .icon {
    transform:scaleX(-1);
  }
.details-panel .accordion-group{
  margin-top:1rem;
}
.sec-layer .header{
align-items:center;
  padding-bottom:2rem;
}
.research-int.enabled ul li::before{
  right:auto;
  left:0;
}
@media (min-width: 600px) {
  .departments .card .card-img-overlay .card-title span, .f-services .card .card-img-overlay .card-title span {
    margin-right: 0.5rem;
    margin-left: 0;
}
  .search .erase {
    right: auto;
    left: .5rem;
  }

  .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: 0px;
    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: -7.5rem;
    right: auto;
  }

  .headline .content .description {
    transform: translate(0%, -40%);
    text-align: right;
  }

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

  .uni-overview .overview-section1 .info {
    padding-left: 9rem;
    padding-right: 0px;
  }
}
@media(min-width:768px){
      .profile .left-section .card .tab-pane ul li::before {
      left: -2.9rem;
      right:auto;
    }
      .right-section .card .review-cv .icon {
      margin-right: .5rem;
        margin-left:unset;
    }
  .details-panel .tabs .program-title{
    margin-left:2rem;
  }
  .feedback-v2 .feedback-ques{
    right: 0;
    left: auto;
  }
  .college .college-annual-report .item .item-desc .name {
    margin-left: 1.5rem;
    margin-right: 0;
}
  .contact-zone .col-lg-6:nth-child(2n+1) .card .card-body .card-text ul li::before {
    left: -2.5rem;
    right: auto;
}
  .roles ul li::before {
    left: 0rem;
    right: auto;
}
  .tabular-view label span::before {
    margin-right: 0.7rem;
    margin-left: auto;
}
  .faqs.ES-material ul li::before {
    left: -2.5rem;
    right: auto;
}
  .contact-us .branches-otherservices .description{
    text-align:left;
  }
    .contact-us .contact-infos .fax::after {
    right: 0px;
    left:auto;
    transform:scaleX(-1);
  }
}

@media (min-width: 992px) {
  .research-int{
    right:0;
    left:auto;
    transform:translateX(100%);
  }
  .research-int .close-btn{
    right: auto;
    left: -4.3rem;
  }
  .associates-tiles .card .card-body .positions .major{
    margin:0 1rem 0 0
  }
      .associates-tiles .card .card-body .positions .rating {
      right: -5rem;
      left:auto;
      top: 0;
    }
  .map-container .gotomap{
    right: 0rem;
  }
  .data-tiles .col-lg-3 .pattern, .about-swiper .pattern, .goals-container .pattern {
    right: 0rem;
}
  .about-swiper .pattern{
    right:0rem;
  }
  h1.section-title {
    font-size: 2.3rem;
    margin-top: unset;
    padding-left: 5.5rem;
    padding-right: 0;
  }
  .contact-section-informations {
    padding-left: 5rem;
    padding-right: 0;
}
  .university-services .emerg-tabs .nav-item .nav-link .icon {
    margin-right: 0.7rem;
    margin-left: 0;
}
  .nav-tabs .nav-item .nav-link {
    margin: 0px 0rem 0px 1.4rem;
}
  .roles ul li:nth-child(2n+2) {
    margin-left: 8rem;
    margin-right: 0;
}
  .supreme-president .president-informations .buttons-container .btn:last-child {
    margin-left: 1.5rem;
    margin-right: 0;
}
  .supreme-president .president-informations, .agent-cv .agent-informations {
    margin-left: 2rem;
    margin-right: 0;
}
.supreme-president .president-informations .description p{
  text-align: left;
}
  .right-section {
    border-right: 1px solid #dbdbdb;
   border-left: none;
}
  .map-location-details .details-div .close-btn {
    left: -5.5rem;
    right: auto;
}
  .details-div {
    transform: translateX(100%);
}
  .map-filter span:first-child::after {
    right: 1.5rem;
    left: auto;
}
  .leaflet-top{
    right: 5rem;
    left: auto;
  }
  .test {
    left: 5rem;
    right: auto;
  }
  .tabular-view .nav-link .icon {
    margin-right: 0.5rem;
    margin-left: 0;
}
  .tabular-view .nav li:first-child a.nav-link, .tabular-view .nav li {
    margin: 0 0.5rem 0 0;
}
  .survey-form-container .js-form-item.form-item.js-form-type-textarea {
    margin: 1.5rem 0rem 1.5rem 6rem;
}
  .survey-form-container .js-form-item.form-item .webform-section-wrapper .description .webform-element-description {
    margin-left: 6rem;
    margin-right: 0;
}
  .survey-form-container .js-form-item.form-item.js-form-type-textfield {
    margin: 0 0rem 3rem 6rem;
}
  .survey-form-container .js-form-item.form-item.form-wrapper.webform-section .webform-section-wrapper> :first-child:not(.description)> :last-child, .survey-form-container .js-form-item.form-item.form-wrapper.webform-section .webform-section-wrapper> :first-child:not(.description)> :first-child>* {
    margin-left: 6rem;
    margin-right:0;
}
  h2.webform-section-title {
    margin-left: 6rem;
    margin-right:0;
}
h2.webform-section-title::after {
  right: 5rem;
  left:auto;
  transform: scale(.65) scaleX(-1);
}
  
  .branches-otherservices .col-lg-6:nth-child(2n+2) {
    padding-left: 15px;
    padding-right:0;
}
  .branches-otherservices .col-lg-6:nth-child(2n+1) {
    padding-left: 0;
    padding-right:15px;
}
  .contact-us .contact-infos .email, .contact-us .contact-infos .phone {
    border-right: 1px solid rgb(213, 213, 213);
    border-left:0;
}
  .steps-app .more-news-btn::after {
    right: -1.1rem;
    left: auto;
}
  .quick-links.swiper .swiper-button-next {
    left: auto;
    right: 0;
    transform: scaleX(-1);
}
.quick-links {
  display: flex;
  align-items: center;
  padding: 0 6rem 0 0!important;
}
.quick-links.swiper .swiper-button-prev{
  transform: scaleX(1);
  right: auto;
  left: 0;
}
  .modal.acc-modal {
  right: -1.3rem;
  left: auto;
}
  .search button.close {
    right: 3rem;
    left: auto;
  }

  .search .search-btn,
  .associates-search .search-btn {
    padding: 1rem 3rem 1rem 1.5rem;
  }

  .modal.search .search-btn::after {
    right: 1.1rem;
    left: auto;

  }

  .polls-side-menu .answers-section .result .desc {
    text-align: left;
    font-size: .8rem;
  }
  .uni-overview h1.section-title,
  .uni-overview .description {
    text-align: left;
  }

  .leaders .swiper-button-next {
    right: 5.5rem !important;
    left: auto !important;
  }

  .leaders .swiper-button-prev {
    left: 5.5rem !important;
    right: auto !important;
  }

  .footer-contents .links-container .title::after {
    content: "";
    position: absolute;
    background-color: rgb(101, 101, 101);
    height: 1px;
    right: 0px;
    left: 8.4rem;
    top: 50%;
  }
  .details-panel .close {
    left: -4rem;
    right: auto;
  }
  .international-students .card-img-overlay {
    left: 6rem;
    right: auto;
    top: 7rem;
  }
  .step:nth-child(even) .instruction {
    right: 50%;
    left:auto;
    transform: translate(50%, -50%);
  }
  .nav-tabs .nav-item .nav-link {
    margin: 0px 1.4rem 0px 0px;
  }
  .tabular-view .nav li.slick-slide a.nav-link {
    margin: 0px 1rem 0px 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: 0px 0px 0px 3rem;
    padding: 0px;
  }

  .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: 0px;
    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: 0px !important;
    padding-right: 15px !important;
  }

  .radio-buttons {
    margin-right: 0px;
    margin-left: 4rem;
  }

  .contact-us .contact-infos .phone::after {
    right: 0px;
    left: auto;
    border-width: 46px 34px 36px 21px;
    transform: scaleX(-1);
  }
  .uni-statistics .stat:nth-child(2n) {
    border-right: 1px solid rgb(255 255 255 / 25%);
    border-left: none;
  }
 .topnav.container{
  padding-left:5rem !important;
  padding-right:5rem!important;
 }
  .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;
  }
  h1.section-title::before {
    margin-right: 1rem;
    margin-left: 0px;
    left: 0;
    right: auto;
  }
   h1.section-title{
    padding-right:0;
    padding-left:5.5rem;
  }

  .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;
    border-left: none !important;
    min-height: 100%;
  }

  .uni-statistics .stat:last-child {
    border-right: none;
  }
  .twitter-side-menu.toggled button.close {
    left: -4rem;
    right: auto;
  }
  .steps-app .more-news-btn{
    width: fit-content;
  }
}
@media (min-width: 1200px) {
  .news-thumbnail.container {
    margin: 2rem 3.5rem 0 0rem;
}
.deanship-goals .goals .column:nth-child(4n+3) {
        padding: 0px 2rem 0px 0rem;
    }
  .published-time svg {
    right: 4rem;
    left: auto;
}
  .goals .column:nth-child(4n+1), .goals .column:nth-child(4n+4) {
    padding: 0px 2rem 0px 0rem;
}
  .contact-us .branches-otherservices .branches .contents {
    padding-right: 0rem;
    padding-left: 4rem;
}
.step:nth-child(5n+1)::before {
  content: '';
  background: url("/themes/uoj_theme/media/Group\ 2509\ 1.svg") transparent;
  background-size: 100%;
  background-position: top;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 1;
  top: 66px;
  left: -1rem;
  right: auto;
}
  .map-container .gotomap {
    right: 5rem;
    left:auto;
}
  .contact-us .map-container .zoom-controls {
    left: 6rem;
    right:auto;
}
  .step:nth-child(5n+2) .instruction::before {
    transform: translateY(-7rem);
}
  .step:nth-child(5n+1) .instruction::before{
    left:50%;
    transform: translateX(-84%) rotate(180deg) translateY(3.6rem);
  }
   .step:nth-child(5n+1) .header {
    border-left: 0rem 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;
  }
  .headline .content::after {
    left: -10rem;
  }

  .modal.acc-modal.scrolling {
    right: 15.3rem;
    left: auto;
    top: 5rem;
  }

  .modal.acc-modal {
    right: 2.7rem;
  }

  .beta-ribbon, .sub .beta-ribbon {
    right: -2.9rem;
    left: auto;
    transform: rotate(45deg);
    font-size: .8rem;
  }

  .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 {
    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: 1400px){
  .right-section {
    right: 2.3rem;
    left: auto;
}
  .input-section form .input-item:nth-child(2n+1) {
    margin-right: 1.8rem;
    margin-left: 0rem;
}
}
@media (min-width: 1600px) {
  .branches .card .card-body .card-title{
    font-size: 1.1vw;
  }
  .topnav.sub .navbar .dropdown::after{

  }
  .agent-profile .tab-content ul li::before {
    left: -1.6vw;
    right: auto;
  }
  .profile-section .social-icons .icon {
    margin-right: 1vw;
    margin-left: 0;
  }
  .supreme-president .president-informations .buttons-container .btn:last-child {
    margin-left: 1.5vw;
    margin-right: 0;
}
  .leaflet-top{
    right: 5vw;
    left: auto;
  }
  .test {
    left: 5vw;
    right: auto;
  }
  .tabular-view .nav-link .icon {
    margin-right: 0.5vw;
    margin-left: 0;
}
  .tabular-view .nav li:first-child a.nav-link, .tabular-view .nav li {
    margin: 0 .5vw 0 0vw;
}
  .volunteering .volunteer-tiles .col-lg-6 .card li::before, .Deanship-agencies .agencies-tiles .col-lg-6 .card li::before {
    top: 0.7vw;
    left: -2.5vw;
    right: auto;
    height: 0.8vw;
    width: 0.8vw;
}
  .topnav.container{
    padding-left:5vw!important;
    padding-right:5vw!important;
   }
  .modal.acc-modal {
    top: 5vw;
    right: 3.3vw;
  }

  .polls-side-menu .answers-section .result .percentage .text {
    margin-left: 1vw;
    margin-right: 0;
  }

  .polls-side-menu .answers-section .result .percentage {
    margin-right: 1.5vw;
    margin-left: 0;
  }

  .polls-side-menu .answers-section .result .desc {
    font-size: .8vw;
  }

  .old-version .mockup-container,
  .sub .old-version .mockup-container {
    width: 8vw;
    margin-right: 1vw;
    margin-left: 0;
  }

  .beta-ribbon, .sub .beta-ribbon {
    font-size: .8vw;
  }

  .main-menu-container .main-menu .close-btn,
  .hamburger-submenu .close-btn {
    left: -4vw;
  }

  .scrolling.acc-modal {
    right: 16vw;
    top: 9.5rem;
  }

  .modal.acc-modal {
    top: 5vw;
  }
  .sport-centers .swiper-slide-active .card {
    border-left: 10px solid var(--blue-color);
    border-right: 0px;
  }
}

@media (min-width: 1920px) {
  .beta-ribbon, .sub .beta-ribbon {
    top: 1.7vw;
    right: -2.9vw;
  }

  .modal.acc-modal {
    top: 5vw;
    right: 4.4vw;
  }

  .modal.acc-modal.scrolling {
    top: 5vw;
    right: 15.9vw;
  }
}