@font-face {
    font-family: arFont;
    src: url(../fonts/neo-sans-arabic-regular.ttf);
}

@font-face {
    font-family: boldFont;
    src: url(../fonts/NeoSansArabicBold.ttf);
}

body, .navbar, .navbar>*, .navbar-nav, .navbar-nav .nav-link, .footer, .footer>*, .footer .list-unstyled a, .join-now, .footer h3 {
    font-family: arFont !important;
}

.cta-one .block-title__title {
    letter-spacing: normal;
}

.navbar .badge {
    left: 0;
    right: auto;
}

.navbar-brand {
    margin: 0 0 0 1rem;
}


@media (max-width: 767px) {
    .navbar-nav {
        float: left;
    }

    .four-tabs .tabs-item h3:after {
        left: auto;
        right: 0;
    }

    .account-details .points {
        left: 0;
        right: auto;
    }
}

@media (max-width: 575.98px) {
    .chat {
        right: 15px !important;
    }

    .answer-items .custom-control-label {
        padding: 0 2.3rem 0 0.5rem;
    }

    .choose-more .custom-radio, .choose-more .custom-checkbox {
        float: right;
    }

    .plan-time .bootstrap-datetimepicker-widget table .btn-primary {
        margin: 0 5px 0 0;
    }
}