/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Sep 13, 2021, 8:27:43 PM
    Author     : raawa
*/
@font-face {
    font-family: system-font;
    src: url(../fonts/Cairo-Regular.ttf) format("opentype");
}

body {
    direction: rtl;
    text-align: right;
}

.app-offering-section .app-offering-item .learn-more svg {
    transform: rotate(180deg);
}

.app-offering-details .app-offering-details-hero .app-offering-details-heros-img{
    text-align: center;
}

.download-footer {
    text-align: left;
}

nav.right-menu ul li {
    float: left;
    margin-right: 0.5em;
    padding: 5px;
}

.about-block {
    text-align: right;
}

.about-image-block {
    text-align: left;
}

/* .about-team-section.founders .text h2:after {
    right: 42.5%;
    left: 50%;
    bottom: 42px;
    width: 150px;
} */

/* .about-team-section.advisors .text h2:after {
    right: 43%;
    width: 145px;
    left: 50%;
    bottom: 24px;
} */

@media (max-width: 768px) {
    /* .about-team-section.founders .text h2:after {
        right: 30%;
        left: 50%;
    }

    .about-team-section.advisors .text h2:after {
        right: 30%;
        left: 50%;
    } */
}

.become-counselor-form .row > div {
    margin-right: 25%;
    margin-left: 0!important;
}

nav.left-menu ul li {
    float: right;
    margin-right: 0.5em;
    padding: 5px;
}

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

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

.text-center, .text-center * {
    text-align: center !important;
}

.yaybar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: unset;
    right: 0;
}

.yay-wrap-menu {
    overflow: auto;
}

.yaybar.yay-shrink ~ .content-wrap {
    margin-right: 260px;
    margin-left: 0px;
}

.yay-hide .yaybar.yay-shrink.yay-hide-to-small ~ .content-wrap {
    margin-left: 0px;
    margin-right: 60px;
}

.mood-section .dropdown-menu.show {
    position: fixed !important;
    right: 210px !important;
}

.yaybar.rui-yaybar .yaybar-wrap ul > li > a > .yay-icon {
    margin-left: 14px;
}

.calendar_day_card_disabled, .calendar_day_card,
.calendar_day_card_disabled *, .calendar_day_card *,
#timeslots_view .body {
    text-align: center;
}

.yay-hide .rui-yaybar.yaybar.yay-overlay {
    z-index: 1;
    display: none;
}

.nav .nav-link > .rui-icon:first-child {
    margin-right: 0;
}

.yaybar.rui-yaybar .yaybar-wrap ul > li > a > .rui-yaybar-circle {
    right: 20px;
}

.nav.dropdown-menu .nav-link > .rui-nav-circle, .nav.dropdown-menu .nav-link > .rui-dropdown-circle, .nav.dropdown-menu .dropdown-item > .rui-nav-circle, .nav.dropdown-menu .dropdown-item > .rui-dropdown-circle {
    right: 5px;
}

.award-winning-container * {
    text-align: center !important;
}

#secondary_header_close , #info_header_close {
    position: absolute;
    left: 2em;
    right: unset;
    cursor: pointer;
}

.dir-rtl-ar {
    direction: rtl !important;
}

.dir-ltr-ar {
    direction: ltr !important;
}

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

.quotes-title {
    flex-direction: row-reverse !important;
}

.quotes-quotes {
    left: 5px !important;
    right: unset !important;
}

.quotes-logo {
    padding-right: 0 !important;
    padding-left: 8px !important;
}

.item-content {
    padding-left: 0 !important;
    padding-right: 10px;
}

.item-content .pink span img {
    transform: rotate(180deg);
}

#nextBtn, #submit-btn {
    /*float: left !important;*/
    text-align: center;
}

#employersregistrationform-areas_of_support .checkbox label {
    padding-left: 0 !important;
    padding-right: 10px;
}

#employersregistrationform-areas_of_support .checkbox {
    direction: rtl;
}

.media-article-box {
    padding: 0 30px 0 15px !important;
}


.form-wizard .form-wizard-steps li:last-child::after {
    left: 0 !important;
    display: none !important;
    width: 0 !important;
}

.media.media-filled > .media-icon {
    right: unset !important;
    left: 20px !important;
}

.rui-navbar-mobile .dropdown .dropdown-item > .rui-dropdown-circle,
.rui-navbar-mobile .nav .nav-link > .rui-nav-circle {
    right: -10px !important;
    left: unset !important;
}

.nav .nav-link > .badge, .nav .nav-link > .badge-circle {
    right: 10px !important;
    left: unset !important;
}

@media (max-width: 768px) {
    .language-dropdown .fa-language {
        margin: 0 0 0 10px !important;
    }
    .timeline .timeline-container .timeline-icon-ar {
        margin-right: 20px;
        margin-left: 0;
    }
}

.wizard-select span {
    right: unset !important;
    left: 0 !important;
}

.wizard-fieldset .btn-radio label {
    text-align: right !important;
}

.form-wizard .form-wizard-steps li {
    float: right !important;
}

.form-wizard .form-wizard-steps li.active::after, .form-wizard .form-wizard-steps li.activated::after {
    left: unset !important;
    right: 50%;
}

.form-wizard .form-wizard-steps-popup li::after {
    right: 50% !important;
}
.yay-wrap-menu{
    border-left: 1px solid #dedede;
}
.verify-icon{
    left: unset !important;
    right: 20px;
}
.counselor-details{
    padding: 0 0 0 10px !important;
}

.pagination{
    float: left;
}

.dir-rtl {
    direction: rtl;
}

.sidenav {
    left: 0!important;
    right: auto!important;
}

.sidenav .closebtn {
    right: auto!important;
    left: 25px!important;
}

.org-header {
    padding-left: 5rem;
}

.org-solutions .org-solution-item-title {
    line-height: 45px;
}
.bottom-line-effect:after {
    right: 0;
    left: unset !important;
}

#press .slick-dots {
    right: 50% !important;
    left: unset !important;
}

.article-teaser-main h6 {
    text-align: right;
}

.article-teaser-main .teaser {
    text-align: right;
}

.tallam-search-box input {
    border-radius: 0 8px 8px 0 !important;
}
.tallam-search-box button {
    border-radius: 8px 0 0 8px !important;
}

@media screen and (max-width: 480px) {
    .become-counselor-form .row > div {
        margin-right: 0!important;
        margin-left: 0 !important;
    }

    .logo-image {
        float: right;
    }

    #press .slick-dots {	
        position: relative !important;
        left: 0 !important;
        right: 0 !important;
    }
}

@media only screen and (max-width: 1200px) {
    .hamburger-menu {
        right: 30px !important;
    }
}