body {
    font: 16px 'noori', sans-serif;
}

#page-title {
    font: 36px 'noori', sans-serif;
    direction: rtl;
}

.region.region-content h1,
.region.region-content h2,
.region.region-content h3,
.region.region-content h4 {
    font-family: 'noori', sans-serif;
    direction: rtl;
}

.region.region-content .content ul,
.region.region-content .view-content ul {
    direction: rtl;
}

.region.region-content .content a,
.region.region-content .view-content a {
    font: 16.5px 'noori', sans-serif;
}

.breadcrumb {
    font: 14px 'noori', sans-serif;
    direction: rtl;
}

.webform .button {
    font: 14px 'noori', sans-serif;
}

.region.region-content .content,
.region.region-content .view-content {
    font: 18px 'noori', sans-serif;
    direction: rtl;
}

.breadcrumb li:first-of-type a {
    color: transparent;
}

.breadcrumb li:first-of-type a::after {
    content: 'ہوم';
    color: #007236;
}

#block-langbtn {
    display: block;
    position: absolute;
    left: 25%;
    top: 0;
}

/**************************************************************************
                                MAIN NAVIGATION
***************************************************************************/
.navbar-default {
    font: 14px 'noori', sans-serif;

}

.navbar-default .navbar-nav>li>a {
    font: 18px 'noori', sans-serif;
    direction: rtl;
}

.dropdown-menu>li>a {
    text-align: right;
    direction: rtl;
}

/**************************************************************************
                              MIAN BANNER
***************************************************************************/
.mb-img>img {
    width: 100%;
}

.mb-txt-wrap {

    left: unset;
    right: 10%;
}

.banner-content strong {

    font: 1.2rem 'noori', Arial, sans-serif;
    direction: rtl;
}

.banner-content h2 {
    font: 4rem 'noori', Arial, sans-serif;
    direction: rtl;
}

.banner-content strong {
    font: 1.2rem 'noori', Arial, sans-serif;
    direction: rtl;
}

.banner-content h2 {
    font: 4rem 'noori', Arial, sans-serif;
    direction: rtl;
}

@media screen and (min-width: 768px) {
    .slide-right h2:first-child {
        animation: 1.5s slide-right 1.5s forwards;
        transform: translateX(100%);
    }

    .slide-right h2 {
        animation: 2s slide-right 2s forwards;
        transform: translateX(100%);
    }
}

/**************************************************************************
                                AIMS AND OBJECTIVES -FRONT
***************************************************************************/
.func-and-comp {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}

.title-secondary {
    font: 35px 'noori', sans-serif;
    direction: rtl;
}

.title-primary {
    font: 45px 'noori', sans-serif;
    direction: rtl;
}

.block-content-wrap p {
    font: 20px 'noori', sans-serif;
    direction: rtl;

}

.list-primary {
    font: 20px 'noori', sans-serif;
    direction: rtl;
}

.list-secondary {
    font: 20px 'noori', sans-serif;
    direction: rtl;
}

.links-list>li {
    font: 20px 'noori', sans-serif;
    direction: rtl;
}

.title-tertiary {
    font: 28px 'noori', sans-serif;
    direction: rtl;
}

.footer-widgets p,
.footer-widgets a {
    font: 20px 'noori', sans-serif;
    direction: rtl;
}

.func-and-comp .title-secondary {
    text-align: right;
}

.footer-widgets p span,
.footer-widgets p a {
    font-family: sans-serif;
    direction: ltr;
    display: inline-block;
}

/**************************************************************************
                      Footer Bottom
***************************************************************************/

.footer-widgets {
    background: #007236;
    padding: 2em 2em;
    direction: rtl;
    display: flex;
    flex-wrap: wrap;
}

.footer-bottom,
.footer-bottom a {
    font: 20px 'noori', sans-serif;
    direction: rtl;
}

.qlinks-items {
    direction: rtl;
}

.sitemap-item ul {
    direction: rtl;
}

.sitemap-item ul li a {
    font: 16.5px 'noori', sans-serif;

}

.sitemap-item ul li ul li a,
.sitemap-item .navbar-nav .dropdown-menu>li>a {
    font: 16.5px 'noori', sans-serif;
}

.qlinks-items>li::before {
    left: unset;
    right: -18px;
}

.copy-sec {
    direction: rtl;
    text-align: left;
}

body .uwy.userway_p5 .uai {
    bottom: 80px;
}

/**************************************************************************
                      RESPONSIVENESS
***************************************************************************/
@media (min-width: 768px) {
    .navbar-nav>li {
        float: right;
    }
}

@media screen and (max-width: 850px) {
    .navbar-default .navbar-nav>li>a {
        font: 16px 'noori', sans-serif;
    }
}

@media screen and (max-width: 650px) {
    .banner-content h2 {
        font: 3rem 'noori', Arial, sans-serif;
    }
}