@font-face {
    font-family: 'noori';
    src: url('noori-nastaleekh.ttf');
}

.navbar-nav {
    margin-top: 3em;
    /* direction: rtl; */
}

/* ----------------------------------------- */
/* TYPOGRAPHY */
/* ----------------------------------------- */

#lang-btn-wrap {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

.footer-row .copy-sec {
    text-align: left;
}

.site-heading,
.site-heading {
    font: 48px 'noori', sans-serif;
}

.overview-para,
.dev-projects-heading {
    font: 36px 'noori', sans-serif;
}

.site-tagline,
.dev-projects-body,
.trainings-title {
    font: 24px 'noori', sans-serif;
    letter-spacing: unset;
    direction: rtl;
}

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

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

.secondary-menu a {
    font: 16px 'noori', sans-serif;
}

.high-title a {
    font: 16px 'noori', sans-serif;
}

.highlights-date a {
    font: 16px 'noori', sans-serif;
}

.view-header .high-date,
.view-header .highlights-date {
    font: 16px 'noori', sans-serif;
}

.highlights-employee {
    font: 16px 'noori', sans-serif;
}

/* highlights page */
.view-highlights.view-display-id-page_1 .view-content {
    direction: rtl;

}

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

.sitemap ul {
    direction: rtl;
}

.sitemap-item ul li ul {
    direction: rtl;
}

.sitemap a {
    display: block !important;
}

.sitemap-item ul li ul {
    padding: 0 2em 0 0;
}

.highlights-title,
.highlights-title a,
.institute-title {
    font: bold 16px 'noori', sans-serif;
}

.site-list li a,
.site-list li,
.site-list-tagline {
    font: 16px/26px 'noori', sans-serif;
    text-align: inherit;
    direction: rtl;
}

.site-btn {
    font: 16px 'noori', sans-serif;
}

.content ul>li a {
    font: 16px 'noori', sans-serif;
}

[dir='rtl'] {
    direction: rtl;
    padding-right: 0;
}

article .content ul {
    direction: rtl;
    padding-right: 1.5rem;
}
article[about='/urdu/core-team'] table {
    margin: 0 auto;
}
.footer-wrap,
.footer-wrap a {
    font: 16px 'noori', sans-serif;
    direction: rtl;
    text-align: inherit;
}

.institute-bg-box,
.institute-para {
    font: 16px/32px 'noori', sans-serif;
    direction: rtl;
}

#block-views-block-orders-notifications-block-1 .site-heading,
.high-header .site-heading {
    text-align: inherit;
    direction: rtl;
}

.site-tagline {
    direction: rtl;
    text-align: inherit;
}

#block-views-block-orders-notifications-block-1 .views-row {
    direction: rtl;
    text-align: inherit;
}

.infodesk-header .site-heading,
.footer-links {
    direction: rtl;
    text-align: inherit;
}

/* eng fonts */
.high-date,
.highlights-date {
    font: 16px 'centurygothicB', sans-serif;
}

/* ----------------------------------------- */
/* COLOR SCHEMES */
/* ----------------------------------------- */
.high-header .site-heading,
.site-tagline {
    color: #fff;
}

/* ----------------------------------------- */
/* MAIN BANNER */
/* ----------------------------------------- */

#block-views-block-main-banner-block-1 {
    margin-top: -5em;
}

/* ----------------------------------------- */
/* HIGHLIGHTS */
/* ----------------------------------------- */

.high-title a {
    height: auto;
}

.high-wrap {
    width: 100%;
    display: block;
    direction: rtl;
    height: auto;
    margin: 0 0 2em;
}

.high-btn a {
    font: 16px 'noori', sans-serif;
    color: #fff;
    text-decoration: none;
}

.high-title,
.high-date {
    margin-bottom: 0.25em;
}

#block-views-block-orders-notifications-block-1 .site-heading {
    margin: 0;
}

.high-header {
    margin-bottom: 5.2em;
}

.high-header {
    margin-bottom: 1em;
}

.highlights-wrap {
    margin: 0;
}

div#views_slideshow_controls_text_orders_notifications-block_1 {
    display: flex;
    width: 27px;
    margin: -2em 0 0;
}

#block-views-block-orders-notifications-block-1 .views-row {
    margin: 0 0 2em !important;
}

#block-views-block-highlights-block-2,
#block-views-block-highlights-block-1,
#block-views-block-orders-notifications-block-1 {
    min-height: 800px;
    position: relative;
}

div[id*='views_slideshow_cycle_teaser_section_orders_notifications-block_'] {
    margin: 3em 0 0;
}

#block-views-block-orders-notifications-block-1 .view-footer,
.view-highlights.view-display-id-block_1 .view-footer {
    position: absolute;
    bottom: 0;
    transform: translate(-50%, 50%);
    -webkit-transform: translate(-50%, 50%);
    left: 50%;
}

.highlights-btn .site-btn {
    border-radius: 8px !important;
}

.institute-body-wrap,
.institute-bg-box {
    width: 220px;
    background-size: 100% 100%;
}

.institute-body-wrap {
    height: 300px;
}

.trainings-text-wrap {
    padding: 1em 0;
}

.faq-list li,
.site-list li {
    padding-right: 4rem;
}

.site-list li::before {
    right: 5px;
}

.faq-wrap,
.registration-wrap {
    min-height: 630px;
}

.footer-links {
    display: flex;
    flex-wrap: wrap;
    column-gap: 3em;
}

.footer-wrap a {
    display: block;
    margin: 0;
}

.copy-sec a {
    display: inline-block;
}

.copy-sec {
    padding-left: 0;
}

input[type="search"]#edit-keys {
    direction: rtl;
    font: 16px 'noori', sans-serif;
}

/* ----------------------------------------- */
/* internal pages */
/* ----------------------------------------- */
article[about='/core-team'] table {
    width: 100% !important;
}

.inner-page,
.inner-page a {
    direction: rtl;
    font: 16px 'noori', sans-serif;
    color: #000000;
}

.breadcrumb {
    direction: rtl;
    display: flex;

}

p {
    font: 16px 'noori', sans-serif;
    color: #000000;
}

article .content ul>li {
    font: 16px 'noori', sans-serif;
}

.breadcrumb>li:first-child a {
    display: block;
    color: transparent;
    text-indent: 100%;
    overflow: hidden;
    position: relative;
}

.breadcrumb>li:first-child a::after {
    content: 'ہوم';
    position: absolute;
    right: 0;
    color: #777777;
    font: 16px/0 'noori', sans-serif;
    bottom: 0;
    height: 38.4px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.path-node .navbar-default {
    margin: 0 0 2em;
}

#page-title {
    padding: 0;
    direction: rtl;
}

article .content .field--name-body ul>li::before {
    left: unset;
    right: 0;
}

article .content ul>li {
    padding: 0 2em 0 0;
}


@media screen and (min-width: 767px) {
    .region.region-navigation {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: space-between;
    }

    .secondary-menu {
        right: unset;
        left: 0;
    }

    #search-block-form {
        float: left !important;
    }

    input[type="search"]#edit-keys {
        right: -2em;
    }

    .region.region-navigation>section {
        min-width: 410px;
    }
}