.rtl .pr-1 {
    padding-left: 5px !important
}

.rtl .settings-user-profile .input-label {
    font-size: 14px;
    margin-bottom: 5px
}

.rtl .custom-dots {
    right: auto;
    transform: translate(-20%, 30%)
}

.rtl .custom-mark {
    transform: translate(30%, 40%) rotateY(180deg)
}

.rtl .hero-circle-item span {
    margin-right: 8px;
}

.rtl .custom-mark-video {
    right: auto;
    left: 0;
    transform: translate(-80%, 64%) rotate(180deg)
}

.rtl .custom-dots-video {
    right: 0;
    left: auto;
    transform: translate(30%, -30%)
}

.rtl .translate-middle {
    flex-direction: row-reverse;
    font-size: 18px;
    right: 0;
    /* transform: translate(-5%, -50%) !important */
    transform: none;
}

.rtl .course-content-sidebar .btn {
    display: flex;
    flex-direction: row-reverse
}

.rtl .footer-bottom-left {
    margin-left: auto
}

.rtl .broad-container .custom-highlight {
    right: -12px
}

.rtl .broad-container .custom-highlight img {
    transform: rotate(90deg)
}

.rtl .navbar .nav-item .nav-link {
    font-size: 16px
}

.rtl .navbar .form-control {
    text-align: right;
    direction: rtl
}

.rtl .video-modal .modal-header {
    flex-direction: row-reverse
}

.rtl .custom-dots-profile {
    left: 0;
    right: auto;
    transform: translate(-40%, -40%)
}

.rtl .grow-img {
    transform: translate(10px, 0)
}

.rtl .classlist a {
    right: 90% !important;
}

.rtl .broad-card-btn img {
    margin-left: 4px;
    margin-right: auto
}

.rtl .ml-2 {
    margin-right: 10px !important
}

.rtl .contact-item+.contact-item {
    border-right: 1px solid #fff;
    border-left-width: 0
}

.rtl .chat-message-input .chat-send {
    left: 0;
    right: auto
}

.rtl .chat-message-input .chat-attachment {
    left: 120px;
    right: auto
}

.rtl .custom-sm-switch .custom-switch .custom-control-label:before {
    left: 0
}

.rtl .custom-sm-switch .custom-switch .custom-control-label:after {
    left: 3px
}

.rtl .translate-middle {
    flex-direction: row-reverse;
    font-size: 18px;
    right: -100px !important;

    left: auto;
}

.rtl .ml-1,
.rtl .mx-1 {
    margin-right: 5px !important;
    margin-left: 0 !important;
}

.rtl .loginformwrap {
    text-align: right;
}

.rtl .navbar .navbar-order .ml-md-50 {
    flex-direction: row-reverse;
}

@media (max-width: 1170px) {
    .hero-title {
        font-size: 42px;
    }
}

@media (max-width: 991px) {
    .rtl .learn-more-section .mt-md-0 p {
        text-align: right !important;
    }

    .rtl .learn-more-section .mt-md-0 {
        text-align: right;
    }

    .rtl .hero-title {
        font-size: 32px;
    }

    .rtl table.custom-table tbody tr td:first-child {
        left: inherit;
        right: 0;
    }

    .rtl table.custom-table thead tr th:first-child {
        left: inherit;
        right: 0;
    }
}

@media (min-width:768px) {

    .rtl .ml-md-50 {
        margin-right: 0px !important;
    }

    .rtl .custom-star {
        left: 0;
        right: auto;
        transform: translate(-120%, -120%)
    }

    .rtl .custom-star.d-md-block {
        right: 0;
        left: auto;
        transform: translate(120%, -120%)
    }

    .rtl .grow-img {
        float: left;
        transform: translate(40px, 0);
        margin-left: 0;
        margin-right: 30px
    }

    .rtl .text-md-left {
        text-align: right !important
    }
}

@media (min-width:992px) {
    .rtl .navbar-expand-lg .navbar-nav {
        flex-direction: row-reverse
    }

    .rtl .text-lg-left {
        text-align: right !important
    }

    .rtl .text-lg-right {
        text-align: left !important
    }

    .rtl .custom-dots {
        transform: translate(-40%, 30%)
    }

    .rtl .custom-mark {
        transform: translate(80%, 40%) rotateY(180deg)
    }

    .rtl .play-button {
        right: 245px;
        left: auto
    }

    .rtl .custom-mark-video {
        transform: translate(-120%, 44%) rotate(180deg)
    }

    /* .rtl .translate-middle {
        transform: translate(20%, -50%) !important
    } */

    .rtl .grow-img {
        float: right;
        transform: translate(80px, 50px)
    }
}

@media (min-width:1200px) {
    .rtl .text-xl-left {
        text-align: right !important
    }
}

@media (max-width:767px) {
    .rtl .font-16 {
        font-size: 0.90rem;
    }

    .rtl .translate-middle {
        flex-direction: revert;
        font-size: 18px;
        right: inherit !important;
        left: 9%;
        /* transform: translate(-50%, -20px) !important; */
        text-align: right;
    }
}

@media (max-width:481px) {


    .rtl .hero-title {
        font-size: 28px;
    }
}