body {
    margin: 0;
    padding: 0;
    font: 16px 'noori';
    position: relative;
    direction: rtl;
}

.dialog-off-canvas-main-canvas {
    overflow: hidden;
}

html,
body {
    scroll-behavior: smooth;
}

.toolbar-menu {
    direction: ltr !important;
}


/* ----------------------------------------- */
/* FONTS STACK */
/* ----------------------------------------- */

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

@font-face {
    font-family: 'poppinsB';
    src: url('Poppins-Bold.ttf');
}

@font-face {
    font-family: 'poppinsSB';
    src: url('Poppins-SemiBold.ttf');
}

@font-face {
    font-family: 'poppinsM';
    src: url('Poppins-Medium.ttf');
}

@font-face {
    font-family: 'poppinsR';
    src: url('Poppins-Regular.ttf');
}

/********************************* 100% Width ***********************************/
div[class*='banner0'].col-sm-12,
div[class*='banner1'].col-sm-12 {
    display: block;
    width: 100%;
    padding: 0;
}

.navbar>.navbar-header,
.navbar>.navbar-collapse {
    margin: 0 !important;
}

.container,
.container-fluid {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.row {
    margin: 0;
}

.banner01,
.banner02,
.banner03,
.banner04,
.banner05 {
    padding: 0;
}


.region.region-content .view-content {
    padding: 0.5em 0.5em;
    float: left;
    width: 100%;
}

.region.region-content .view-content {
    padding: 1em 0.5em;
}

/********************************* Texts ***********************************/

a {
    outline: none !important;
}

.region.region-content .content,
.region.region-content .view-content {
    font: 16px 'noori', sans-serif;
    color: #11252b;
}

#page-title {
    font: 36px 'noori', sans-serif;
    font-weight: 500;
    padding: 0 0.5em;
    line-height: 1;
    letter-spacing: 0;
    text-transform: none;
    border: 0;
    margin: 0;
}

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

.region.region-content h1,
.region.region-content h1 span {
    color: #08355c !important;
}

.region.region-content h2,
.region.region-content h2 span {
    color: #346377 !important;
}

.region.region-content h3,
.region.region-content h3 span {
    color: #051d2d !important;
}

.region.region-content h4,
.region.region-content h4 span {
    color: #051d2d !important;
}



.region.region-content .content ul li,
.region.region-content .view-content ul li {
    padding: 0.1em 0;
}

.region.region-content .content ul li:hover,
.region.region-content .view-content ul li:hover {
    list-style: inherit;
}

.region.region-content .content a,
.region.region-content .view-content a {
    font: 15px 'noori', sans-serif;
    transition: all 0.6s ease;
}

.region.region-content .content a:hover,
.region.region-content .view-content a:hover {
    text-decoration: underline;
}

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

#block-urdubutton {
    position: absolute;
    left: calc(50% - 30px);
    top: 6px;
    transform: translateX(-50%);
}

.mcc {
    width: 100%;
    display: block;
}

/* .page-inner {
    width: 1000px;
    margin: 0 auto;
} */

.path-frontpage #notfrontwrap {
    min-height: 0;
    height: 0 !important;
    display: none;
}

#notfrontwrap {
    min-height: calc(100vh - 148px);
    position: relative;
    margin-top: -1px;
}

#contentsection {
    padding: 0;
}

.breadcrumb {
    border-radius: 0;
    font: 13px 'noori', sans-serif;
}

.breadcrumb li {
    color: inherit;
}

.breadcrumb li a {
    color: #08355c;
}

.breadcrumb>li+li:before {
    color: #08355c;
}

.breadcrumb>li.active {
    color: #c5c5c5;
}

#main-content {
    display: block;
}

.path-frontpage .region.region-content {
    padding: 0;
}

.region.region-content {
    padding: 0.5em;
    background: transparent !important;
}

.region.region-content .content,
.region.region-content .view-content {
    padding: 0.5em 0.5em;
    float: left;
    width: 100%;
}

.region.region-content .view-content {
    padding: 1em 0.5em;
}

#secondarypagesrowswrap {
    height: auto;
}

.img-responsive {
    display: block;
    width: 100%;
    height: auto;
}

.rteleft {
    text-align: left;
}

.rtecenter {
    text-align: center;
}

.rteright {
    text-align: right;
}

.rtejustify {
    text-align: justify;
}

/*** Webform ***/

.webform .webform-progress-tracker {
    list-style: none !important;
}

.webform .form-wrapper {
    margin-bottom: 15px;
}

.webform .form-actions {
    padding: 0.5em 0;
    margin: 0.5em 0;
    display: flex;
}

.webform .button {
    text-decoration: none !important;
    font: 14px 'noori', sans-serif;
    color: #f9f9f9 !important;
    text-transform: capitalize;
    width: 130px;
    height: 37px;
    background: #0c7372;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    /*text-align: center;*/
    padding: 0 1em;
    transition: all 0.4s ease-in-out;
    box-shadow: 3px 3px 4px 1px transparent;
    border: 1px solid transparent;
    position: relative;
    z-index: 1;
}

/********************************* Logo ***********************************/
.navbar .logo {
    padding-left: 15px !important;
    padding-right: 15px !important;
}



/**************************************************************************
                                MAIN NAVIGATION
***************************************************************************/
.navbar-default {
    background: #fff;
    border-color: #fff;
    color: #000;
    font: 14px 'noori', sans-serif;
    border-radius: 0;
}

.navbar-default #block-bootstrap-subtheme-main-menu {
    margin: 8px 0 0 0;
    display: block;
    float: right;
    margin-top: 2em;
}

.navbar-default .navbar-nav {
    margin: 0;
    padding: 0;
    text-align: right;
    float: right;
}

.navbar-nav>li {
    margin: 0 1em;
    float: right;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.sec-nav-list>li>a:hover {
    color: inherit;
    text-decoration: none;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: inherit;
    text-decoration: none;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    background: transparent;
    color: #000;
}

.navbar-default .navbar-nav>li>a {
    color: #000;
    font: 16px 'noori', sans-serif;
    text-decoration: none;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.navbar-default .navbar-nav>li>.dropdown-menu {
    background: rgba(255, 255, 255, 0.8);
}

.navbar-default .dropdown-menu>li>a {
    color: #000;
}

.dropdown-menu>li>a {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.navbar-default .dropdown-menu>li>a:hover,
.navbar-default .dropdown-menu>li>a:focus {
    background: rgba(255, 255, 255, 0.8);
    color: #000;
}

.navbar-default #block-bootstrap-subtheme-search {
    display: none;
}

.register-btn {
    background-color: #F7460A !important;
    color: #fff !important;
}

/* 
.navbar-default .form-type-search {
    margin: 0;
}

.navbar-default input[type='search'] {
    background: transparent;
    border: none;
    border-bottom: 1px solid #000;
    border-radius: 0;
    color: #fff;
    box-shadow: unset;
    -webkit-box-shadow: unset;
    padding: 6px 28px 6px 12px;
}

.navbar-default .form-control:focus {
    box-shadow: unset;
}

.navbar-default input[type='search']::-webkit-input-placeholder {
    color: #fff;
}

.navbar-default input[type='search']::-moz-placeholder {
    color: #fff;
}

.navbar-default input[type='search']:-ms-input-placeholder {
    color: #fff;
}

.navbar-default input[type='search']:-moz-placeholder {
    color: #fff;
}

.navbar-default .search-block-form button[value='Search'] {
    background: url(../images/search-icon.png) no-repeat center center !important;
    width: 34px;
    height: 34px;
    border: 0px;
    border-radius: 0px;
    left: -34px;
}

.navbar-default .search-block-form button[value='Search'] .glyphicon-search:before {
    content: unset;
}

#block-bootstrap-subtheme-search .input-group-btn button {
    background: transparent;
}



#block-bootstrap-subtheme-search .input-group-btn button {
    border-radius: 0;
    border: none;
    z-index: 100;
    outline: none;
}
 */

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

.banner1-wrap {
    /*background-image: linear-gradient(rgba(35,35,35,0.8),rgba(35,35,35,0.8)),
    url('../images/cfpp.jpg');*/
    background-image: linear-gradient(rgba(35, 35, 35, 0.8), rgba(35, 35, 35, 0.8)),
        url('../images/Pic2.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0 4em;
}

#block-block-1 .section-col {
    padding: 0;
}

.minister-box-outer {
    width: 604px;
    max-width: 100%;
    margin: 0 0 0 auto;
}

.reports-image img {
    position: relative;
}

.minister-image img {
    height: 500px;
    width: 100%;
    object-fit: cover;
}

.reports-box-outer {
    width: 350px max-width: 100%;
    /*margin: 0 auto;*/
}

.reports-box {
    overflow: hidden;
    position: relative;
}

.reports-image {
    transition: all 0.5s ease-in-out;
}

.reports-image::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transition: all 0.3s;
    background-color: rgba(35, 35, 35, 0.4);
    /*z-index: 3;*/
    pointer-events: none;
    transition: all 0.5s ease-in-out;
}

.reports-box:hover .reports-image::after {
    background-color: rgba(85, 85, 85, 0.6);
}

.reports-box:hover .reports-image {
    transform: scale(1.05);
}

.reports-title {
    font: 22px noori;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    width: 90%;
    margin: 0 auto;
}

.minister-box {
    width: 604px;
}

.pub-box,
.solar-box {
    width: 350px;
}

.pub-box {
    height: 250px;
}

.pub-box {
    /*margin-bottom: 50px;*/
}



/********************************* Banner 01 Main Banner revised ***********************************/
.slide-right {
    width: 100%;
    overflow: hidden;
    max-width: 500px
}

.banner01 {
    width: 100%;
    display: block;
}

.region.region-banner01 {
    width: 100%;
    display: block;
    /* position: relative; */
    background: rgba(255, 255, 255, 0);
    top: 0;
}

#block-views-block-main-banner-view-block-1 {
    width: 100%;
    display: block;
    border-bottom: 0;
}

#block-views-block-main-banner-view-block-1 .view-main-banner-view {
    width: 100%;
    display: block;
}

#block-views-block-main-banner-view-block-1 .view-content {
    width: 100%;
    display: block;
}

#block-views-block-main-banner-view-block-1 .view-content .skin-default {
    width: 100%;
    display: block;
}

#views_slideshow_cycle_main_main_banner_view-block_1,
#views_slideshow_cycle_teaser_section_main_banner_view-block_1 {
    width: 100% !important;
    display: block !important;
}

#views_slideshow_cycle_div_main_banner_view-block_1_0,
#views_slideshow_cycle_div_main_banner_view-block_1_1,
#views_slideshow_cycle_div_main_banner_view-block_1_2,
#views_slideshow_cycle_div_main_banner_view-block_1_3,
#views_slideshow_cycle_div_main_banner_view-block_1_4 {
    width: 100% !important;
    display: block !important;
}

/* .mb-view-wrap {}
.banner-content {} */

.mb-view {
    position: relative;
}

/* #views_slideshow_cycle_main_main_banner_view-block_1 .mb-bg-cover {
    position: relative;
} */
#views_slideshow_cycle_main_main_banner_view-block_1 .mb-bg-cover {
    content: '';
    width: 346px;
    height: 100%;
    background: url(../images/header-frame.png) no-repeat center center;
    position: absolute;
    top: 0;
    left: 6%;
}

.banner-content strong {
    position: relative;
    color: #212429;
    background: transparent;
    font: 1.2rem 'Montserrat', Arial, sans-serif;
    font-weight: 600;
    padding: 8px;
    margin: 0 0 0 12px;
}

.mb-txt-wrap {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10%;
}

.banner-content h2 {
    padding: 0 20px;
    width: 100%;
    color: #fff;
    background: #212429;
    font: 3.25rem 'Montserrat', Arial, sans-serif;
    font-weight: bold;
    margin: 0 0 0.6em 0;
}

.banner-content h2:last-child {
    margin: 0;
}

.banner-content h2 span {
    display: inline-block;
    background: #f3f8fe !important;
}

/* .mb-bg-wrap {}

.mb-bg {} */

.mb-bg img {
    width: 100%;
    display: block;
    height: auto;
}

/* ----------------------------------------- */
/* INTERNAL PAGES */
/* ----------------------------------------- */
.inner-page .content ul li a {
    border-bottom: 1px dashed #092A48;
    text-decoration: none !important;
    display: inline-block;
    margin: 0 0 0.25em;
}

.inner-page .content p>a {
    text-decoration: none;
    border-bottom: 1px dashed #092A48;
}

.path-projects .inner-page .col-sm-12 {
    padding: 0;
}

#internal-page-bg {
    background: url('../images/internal-bg.jpg') no-repeat center center/cover fixed;
    height: auto;
    position: relative;
}

#internal-page-bg::after {
    content: '';
    display: inline-block;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.05);
    left: 0;
    top: 48px;
    opacity: 0.75;
    z-index: -1;
}

.breadcrumb {
    background: #EEEEEE;
    /*margin: 0 -15px 5px -15px;*/
    border-radius: 0;
    padding: 13px 0 13px 15px;
}

.breadcrumb a {
    font: 15px noori;
    color: #1A1A1A;
}

.breadcrumb>.active {
    font: 15px noori;
    color: #5BBC2E !important;
}

#block-system-main {
    padding-bottom: 3em;
    min-height: 222px;
}

#page-title {
    color: #5BBC2E;
}

#block-system-main h3 {
    color: #378d0e;
}

#block-system-main h4 {
    color: #78c405;
}

#page-title,
#block-system-main h3,
#block-system-main h4 {
    font-family: noori;
}

#block-system-main ul {
    list-style-image: url('../images/list-bullet.png');
}

#block-system-main ul li {
    padding: 0.5em 0;
}

#block-system-main ul li a {
    border-bottom: 1px dashed #092A48;
    text-decoration: none;
}

#block-system-main p {
    text-align: justify;
    line-height: 1.65;
}

.views-field-field-tender-file a,
.views-field.views-field-field-notice a,
.views-field.views-field-field-pqd a,
.views-field.views-field-field-files a,
.views-field-field-notice-file a,
.views-field-field-pqd-file a,
.views-field.views-field-field-notice-file a,
.views-field-field-files-1 a {
    background: url('../images/Download.png') no-repeat center center;
    width: 20px;
    height: 20px;
    background-size: contain;
    display: inline-block;
    margin: 0 auto;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

.viewp_wrap {
    margin-bottom: 1.5em;
}

.noticep-wrap ul {
    padding-left: 1em;
}

.highp-date {
    font-weight: bold;
    margin-bottom: 5px;
}

#block-system-main .date-display-single {
    display: block;
    font-weight: bold;
    margin-bottom: 6px;
}

.galleryp-image img {
    display: block;
    height: 150px;
    width: 220px;
    max-width: 100%;
    object-fit: cover;
    margin: 0 auto 1em;
}

.galleryp-title {
    text-align: center;
}

.galleryp-title a {
    display: block;
    min-height: 20px;
    overflow: hidden;
}

.mediap_wrap {
    display: flex;
    margin-bottom: 2em;
}

.mediap_img {
    margin-right: 1.5em;
}

.viewp-wrap {
    margin-bottom: 2em;
}

.galleryp-wrap {
    margin-bottom: 2em;
}

.galleryp-img img,
.video-pgallery iframe {
    display: block;
    height: 175px;
    width: 220px;
    margin: 0 auto 1em;
}

.galleryp-title {
    text-align: center;
    height: 39px;
    overflow: hidden;
}

.form-item,
.form-actions {
    margin: 18px 0;
}

.form-required {
    color: red;
}

#edit-submitted-email {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.webform-submit.button-primary.btn.btn-primary.form-submit {
    margin-bottom: 2%;
}

/* messages */
article[about='/message_from_secretary_energy'] .content img {
    float: left;
    margin: 0 65px 0 0;
}

.view-attached-entities.view-display-id-block_1 .view-content {
    display: flex;
    flex-wrap: wrap;
}

.entities-wrap a {
    text-decoration: none !important;
}

.entities-wrap img {
    transition: all 0.6s ease-in-out;
}

.entities-wrap:hover img {
    filter: grayscale(100%);
}

/* ----------------------------------------- */
/* REUSABLE COMPONENTS */
/* ----------------------------------------- */
.inner-page div[role='heading'] {
    padding: 0;
}

.section-container {
    padding: 3em 0;
}

.header-row {
    background-color: #F7460A;
    padding: 10px 60px;
    margin-bottom: 1em;
    display: flex;
    align-items: center;
    /*    flex-direction: row-reverse;*/
}

.section-heading {
    font: 38px noori;
    color: #fff;
    text-align: right;
}

.white-heading {
    color: #fff;
}

.section-para {
    font: 18px myriadR;
    color: #404041;
    text-align: justify;
    line-height: 2;
    margin-bottom: 2em;
}

.section-btn {
    display: block;
    width: 120px;
    margin: 0 auto;
    background-color: #343351;
    border: 1px solid transparent;
    border-radius: 5px;
    color: #fff;
    font: 15px noori;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    padding: 1em 0;
    transition: all 0.6s ease-in-out;
}

.section-btn:hover,
.section-btn:focus,
.section-btn:active {
    background-color: transparent;
    color: #00717F;
    border-color: #00717F;
    text-decoration: none;
}

.header-row .section-btn {
    background-color: transparent;
    border-color: #fff;
    margin: 0 auto 0 0;
}


/* ----------------------------------------- */
/* BANNER 2  */
/* ----------------------------------------- */

.leadership-wrap {
    padding: 3em 1.5em 0;
    margin: 0 0 2em 0;
}

.leadership-box {
    width: 348px;
    max-width: 100%;
    margin: 0 auto;
}

.leadership-content {
    background-color: #F5F5F7;
    padding: 20px;
    text-align: center;
}

.leadership-title {
    font: 17px noori;
    color: #000;
    margin-bottom: 5px;
    font-weight: bold;
}

.leadership-desg {
    font: 16px noori;
    color: #232323;
    margin-bottom: 10px;
}

.leadership-body {
    font: 15px noori;
    margin-bottom: 25px;
}

.bnr-front {

    background: #21007f;
    color: #fff;
    font: 20px 'noori', sans-serif;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    padding: 4em 4em;
}

.bnr-text-block p {
    margin: 0 0 2em;
}

.col-link-block a {
    display: block;
    margin: 0 auto;
}

/* ----------------------------------------- */
/* BANNER 3 - VIDEO SECTION  */
/* ----------------------------------------- */

#block-block-3,
#block-videobackgroundfront,
#block-videocmsolarfront {
    padding: 5em 15em;
}

#block-videobackgroundfront,
#block-videocmsolarfront {
    background: #efefef;
}

/*! Full-screen */
.mbr-fullscreen .mbr-overlay {
    min-height: 100vh;
}

.mbr-fullscreen {
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    align-items: center;
    -webkit-align-items: center;
    min-height: 100vh;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

/*! Map */
.map {
    height: 25rem;
    position: relative;
}

.map iframe {
    width: 100%;
    height: 100%;
}

/* Form */
.form-asterisk {
    font-family: initial;
    position: absolute;
    top: -2px;
    font-weight: normal;
}

/*! Scroll to top arrow */
.mbr-arrow-up {
    bottom: 25px;
    right: 90px;
    position: fixed;
    text-align: right;
    z-index: 5000;
    color: #ffffff;
    font-size: 32px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.mbr-arrow-up a {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    height: 60px;
    width: 60px;
    outline-style: none !important;
    position: relative;
    text-decoration: none;
    transition: all .3s ease-in-out;
    cursor: pointer;
    text-align: center;
}

.mbr-arrow-up a:hover {
    background-color: rgba(0, 0, 0, 0.4);
}

.mbr-arrow-up a i {
    line-height: 60px;
}

.mbr-arrow-up-icon {
    display: block;
    color: #fff;
}

.mbr-arrow-up-icon::before {
    content: "\203a";
    display: inline-block;
    font-family: serif;
    font-size: 32px;
    line-height: 1;
    font-style: normal;
    position: relative;
    top: 6px;
    left: -4px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

/*! Arrow Down */
.mbr-arrow {
    position: absolute;
    bottom: 45px;
    left: 50%;
    width: 60px;
    height: 60px;
    cursor: pointer;
    background-color: rgba(80, 80, 80, 0.5);
    border-radius: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.mbr-arrow>a {
    display: inline-block;
    text-decoration: none;
    outline-style: none;
    -webkit-animation: arrowdown 1.7s ease-in-out infinite;
    animation: arrowdown 1.7s ease-in-out infinite;
}

.mbr-arrow>a>i {
    position: absolute;
    top: -2px;
    left: 15px;
    font-size: 2rem;
}

@keyframes arrowdown {
    0% {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
    }

    50% {
        transform: translateY(-5px);
        -webkit-transform: translateY(-5px);
    }

    100% {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
    }
}

@-webkit-keyframes arrowdown {
    0% {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
    }

    50% {
        transform: translateY(-5px);
        -webkit-transform: translateY(-5px);
    }

    100% {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
    }
}

/* urdu */
.view-procurements.view-display-id-page_1 .view-content table th,
.view-employments.view-display-id-page_1 .view-content table th {
    direction: rtl;
    text-align: right;
}

.breadcrumb {
    direction: rtl;
}

.navbar .search-block-form .form-group .input-group #edit-keys {
    direction: rtl;
}

.navbar .search-block-form .form-group .input-group #edit-keys #page-title {
    direction: rtl;
}

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

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

.inner-page {
    direction: rtl;
}

div[class*='-page_'] .view-content {
    direction: rtl;
}

div[class*='-block_'] .view-content {
    direction: unset;
}

.view-header {
    direction: rtl;
}

.dropdown-menu {
    left: auto !important;
}

.navbar-nav .dropdown-menu>li>a {
    text-align: right;
    direction: rtl;
    padding: 8px 16px;
}

#page-title {
    direction: rtl;
}

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

.footer-row>div {
    text-align: center;
}

.icons-sec {
    text-align: left;
}

@media (max-width: 500px) {
    .mbr-arrow-up {
        left: 50%;
        right: auto;
        transform: translateX(-50%) rotate(180deg);
        -webkit-transform: translateX(-50%) rotate(180deg);
    }
}

/*Gradients animation*/
@keyframes gradient-animation {
    from {
        background-position: 0% 100%;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    to {
        background-position: 100% 0%;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
}

@-webkit-keyframes gradient-animation {
    from {
        background-position: 0% 100%;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    to {
        background-position: 100% 0%;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
}

.bg-gradient {
    background-size: 200% 200%;
    animation: gradient-animation 5s infinite alternate;
    -webkit-animation: gradient-animation 5s infinite alternate;
}


/* ----------------------------------------- */
/* BANNER 4 */
/* ----------------------------------------- */


/* ----------------------------------------- */
/* BANNER 5 - GOVERNING LAWS & POLICIES */
/* ----------------------------------------- */

.laws-content {
    padding: 3.3em 3em 9em;
}

.laws-line1,
.laws-line2 {
    position: relative;
}

.laws-line1 {
    margin-bottom: 8em;
}

.grey-bg {
    height: 120px;
    margin: 0 -3em;
    background-color: #EFEFEF;
    position: absolute;
    bottom: -60px;
    z-index: -1;
    left: 0;
    right: 0;
}

.laws-row1 {
    margin-bottom: 5em;
}

.laws-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative;
    width: 348px;
    max-width: 100%;
    margin: 0 auto;
}

.laws-image::before {
    content: '';
    display: block;
    border-radius: 5px;
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
    height: 100%;
    left: 0;
    background-color: #232323;
    opacity: 0;
    transform-origin: right center 0;
    transform: perspective(100px) rotateY(-120deg);
    transform-style: flat;
    transition: transform 0.5s ease-in-out, opacity 0.2s ease-in-out;
}

.laws-box:hover .laws-image::before {
    opacity: 0.3;
    transform: perspective(100px) rotateY(0deg);
}

.laws-image img {
    border-radius: 5px;
}

.laws-title {
    width: 65%;
    background-color: #fff;
    position: absolute;
    bottom: -37px;
    padding-top: 6px 0;
}

.laws-title a {
    display: flex;
    min-height: 74px;
    padding: 10px 0;
    font: 18px noori;
    color: #343351;
    text-decoration: none;
    align-items: center;
    justify-content: center;
}

/* #block-wastetoenergyprojectfront .guidelines-wrap */
#block-guidelinessectionfront .guidelines-wrap {
    background: #fff;
}

/* #block-wastetoenergyprojectfront .guidelines-content-wrap p, */
#block-guidelinessectionfront .guidelines-content-wrap p {
    color: #f7460a;
    margin: 0 0 0.5em;

}

#block-wastetoenergyprojectfront .guidelines-content-wrap p {
    font: 32px 'noori', sans-serif;
}

#block-wastetoenergyprojectfront .guidelines-content-wrap p span {
    display: block;
}

/* #block-wastetoenergyprojectfront .btn-sec */
#block-guidelinessectionfront .btn-sec {
    background: #f7460a;
    color: #fff;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

/* #block-wastetoenergyprojectfront .btn-sec:hover,
#block-wastetoenergyprojectfront .btn-sec:focus */
#block-guidelinessectionfront .btn-sec:hover,
#block-guidelinessectionfront .btn-sec:focus {
    background: #fff;
    color: #f7460a;
    border: 1px solid #f7460a;
    border-radius: 4px;
}

/* #block-wastetoenergyprojectfront .guidelines-img-wrap > img */
#block-guidelinessectionfront .guidelines-img-wrap>img {
    border: 3px solid #f7460a;
    border-radius: 8px;
    padding: 8px;
}

/* ----------------------------------------- */
/* BANNER 6 - OPPORTUNITIES IN PUNJAB */
/* ----------------------------------------- */

.opp-content {
    padding: 4em 5em;
}

#block-views-opportunities-in-punjab-block .view-content {
    padding: 3em 2.5em;
}

.opp-box {
    width: 253px;
    max-width: 100%;
    margin: 0 auto;
}

.opp-image {
    margin-bottom: 2em;
}

.opp-image img {
    border-radius: 5px;
    transition: all 0.5s ease-in-out;
}

.opp-box:hover .opp-image img {
    box-shadow: 0 10px 55px 5px rgba(20, 100, 100, 0.35);
}

.opp-title {
    font: 18px noori;
    color: #149dcc;
    margin-bottom: 10px;
}

.opp-box a {
    text-decoration: none;
}

.opp-btn a {
    font: 18px noori;
    color: #000;
    text-decoration: none;
}

.opp-box:hover .opp-btn {
    color: #343351;
}

.opp-btn span {
    padding-left: 8px;
}

.owl-theme .owl-controls {
    margin-top: 3em;
}

.owl-theme .owl-controls .owl-buttons div {
    border-radius: 0;
    text-indent: -99999px;
    overflow: hidden;
    white-space: nowrap;
    padding: 2px 12px;
}

.owl-prev {
    background: url('../images/pre.jpg') no-repeat !important;
}

.owl-next {
    background: url('../images/next.jpg') no-repeat !important;
}

.owl-prev,
.owl-next {
    /*background: #F7460A;*/
    height: 34px;
    width: 34px;
    background-size: contain;
    opacity: 1 !important;
}

/*** Slick ***/

.slick--view--opportunities-in-punjab {}

.slick--view--opportunities-in-punjab .slick-slider {}

.slick--view--opportunities-in-punjab .slick-slider .slick-list {
    margin: 0;
}

.slick--view--opportunities-in-punjab .slick-slider .slick-list .slick-track {}

.slick--view--opportunities-in-punjab .slick-slider .slick-list .slick-track .slick-slide {
    outline: 0;
}

.slick--view--opportunities-in-punjab .slick-slider .slick-list .slick-track .slick-slide:hover .ss-img-wrap>img {
    -moz-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}

.slick--view--opportunities-in-punjab .slick-slider .slick-list .slick-track .slick-slide .slide__content {
    background: transparent;
    border: 0;
    border-radius: 0;
    margin: 0;
    box-shadow: none;
    padding: 8px 0;
}

.slick--view--opportunities-in-punjab .slick-slider .slick-list .slick-track .slick-slide .slide__content .slide__caption {
    padding: 0;
}

.slick--view--opportunities-in-punjab .slick-slider .slick-list .slick-track .slick-slide .slide__content .slide__caption .slide__description {}

.block-views-blocksuccess-stories-block-1 .slick .slick__slide:focus {
    border: 0
}

.slick--view--opportunities-in-punjab .slick-prev {
    left: calc(50% - 44px);
}

.slick--view--opportunities-in-punjab .slick-prev {
    left: calc(50% - 44px);
}

.slick--view--opportunities-in-punjab .slick-slider {
    padding: 0 34px;
}

.slick--view--opportunities-in-punjab .slick-prev::before {
    content: '';
    position: absolute;
    width: 34px;
    height: 34px;
    right: 0;
    top: 0;

    background: url(../images/left_arrow.png) no-repeat center center;

}

.slick--view--opportunities-in-punjab .slick-next::before {
    content: '';
    width: 34px;
    height: 34px;
    background: url(../images/right_arrow.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
}

/* ----------------------------------------- */
/* BANNER 7 - GUIDELINES SECTION */
/* ----------------------------------------- */
.guidelines-wrap {
    background: url(/system/files/orangebg.png) no-repeat center center/ cover;
    padding: 4em 4em;
}

.guidelines-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.guidelines-content-wrap p {
    margin: 0 0 1em;
    font: 30px 'noori', sans-serif;
    color: #fff;
}

.btn-sec {
    font: 18px 'noori', sans-serif;
    color: #F7460A;
    background: #fff;
    display: block;
    width: 150px;
    padding: 0.5em 0;
    transition: all 0.5s ease;
    border: 1px solid #fff;
    -webkit-transition: all 0.5s ease;
    text-align: center;
    border-radius: 5px;
}

.btn-sec:hover,
.btn-sec:focus {
    text-decoration: none;
    background: transparent;
    color: #fff;
    box-shadow: rgba(255, 255, 255, 0.2) 0px 7px 29px 0px;
    box-shadow: rgba(255, 255, 255, 0.25) 0px 30px 60px -12px, rgba(255, 255, 255, 0.3) 0px 18px 36px -18px;
    transform: translateY(-4px);
    -webkit-transform: translateY(-4px);
}

.guidelines-img-wrap>img {
    display: block;
    width: 100%;
    height: auto;
}

/* ----------------------------------------- */
/* BANNER 7 - ATTACHED ENTITIES */
/* ----------------------------------------- */

#block-views-attached-entities-block .view-content,
#block-views-block-attached-entities-block-1 .view-content,
#block-views-block-opportunities-in-punjab-block-1 .view-content {
    padding: 3em 5em;
    overflow: hidden;
}

.entities-wrap {
    margin-bottom: 3em;
}

.entities-logo img {
    display: block;
    width: 96px;
    height: 80px;
    object-fit: contain;
    margin: 0 auto 1.5em;
}

.entities-title,
.entities-title a {
    font: 16px noori;
    color: #444;
    text-decoration: none;
    display: block;
    text-align: center;
    min-height: 50px;
}

/* ----------------------------------------- */
/* BANNER 08 - TWITTER TIMELINE */
/* ----------------------------------------- */

.twitter-timeline {
    padding: 2em 0;
}

/* ----------------------------------------- */
/* ABOUT US - BANNER 1 TABS */
/* ----------------------------------------- */

#section-about-tabs {
    padding: 4em;
}

.about-box {
    width: 253px;
    height: 350px;
    margin: 0 auto;
    background-color: #EBECED;
    border-radius: 10px;
    padding-top: 3em;
    transition: all 0.6s ease-in-out;
}

.about-box:hover {
    box-shadow: 0 10px 55px 5px rgba(20, 100, 100, 0.35);
    transform: translateY(-1.5rem);
}

.about-img img {
    display: block;
    margin: 0 auto 2em;
    border-radius: 50%;
}

.about-title {
    font: 24px noori;
    text-align: center;
    margin-bottom: 2em;
}

.about-btn-wrap {
    border-top: 1px solid #D3D3D3;
    padding: 8px 20px;
}

.about-btn a {
    font: 16px noori;
    color: #878788;
    text-decoration: none;
}


.functions-wrap ul {
    list-style: url('../images/bullet.png');
}

.functions-wrap li {
    font: 16px noori;
    color: #232323;
    padding: 0.5em 0;
}

.organogram-image {
    padding: 1em 0 2em;
}

.organogram-image img {
    margin: 0 auto;
}



.vision-wrap {
    padding: 3em 0;
}

.vision-row1 {
    margin-bottom: 4em;
}

.vb-left {
    text-align: right;
    border-right: 2px dotted #e2e2e2;
    padding-right: 2em;
}

.vision-stat {
    font: 55px noori;
    color: #149DCC;
}

.vision-sub-heading {
    font: 20px noori;
    color: #232323;
    margin: 10px 0 30px;
}

.vision-heading {
    font: 32px noori;
    color: #232323;
    line-height: 1.2;
}






.team-wrap {
    padding: 4em 8em;
}

.mb-row {
    margin-bottom: 4em;
}

.team-box {
    width: 255px;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
}

.team-img img {
    display: block;
    height: 255px;
    margin: 0 auto;
}

.team-content {
    background-color: #EFEFEF;
    padding: 12px 0;
}

.team-name {
    font: 16px noori;
}

.team-desg {
    font: 14px noori;
}

/* ----------------------------------------- */
/* FOOTER */
/* ----------------------------------------- */

#section-footer {
    background-color: #2B2626;
    padding: 3em 6em;
    color: #fff;
}

.footer-logo {
    margin-bottom: 1em;
}

.footer-box1 {
    font: 16px noori;
}

.dept-info {
    margin-bottom: 20px;
}

.footer-heading {
    font: 21px noori;
    margin-bottom: 10px;
}

.footer-list ul {
    /*list-style-image: url('../images/forward arrow white.png');*/
    /*padding-left: 2em;*/
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-list li {
    padding: 8px 0;
}

.footer-list a {
    font: 16px noori;
    color: #fff;
    text-decoration: none;
}

.footer-row2 {
    margin: 3em 15px 0;
    border-top: 1px solid #353030;
    padding-top: 3em;
}

.footer-row2 .footer-col {
    padding: 0;
}

.copy-sec,
.copy-sec a {
    font: 14px noori;
    color: #fff;
    margin-bottom: 12px;
}

.terms-page a {
    font: 14px noori;
    color: #fff;
}

.icons-sec {
    text-align: left;
}

.icons-sec a {
    text-decoration: none;
}

.footer-icon {
    display: inline-block;
    margin: 0 10px;
}

.fb-icon {
    height: 11px;
    width: 7px;
    background: url('../images/facebook.png') no-repeat;
}

.fb-icon:hover {
    background: url('../images/facebook White.png');
}

.twitter-icon {
    height: 11px;
    width: 14px;
    background: url('../images/Twitter.png') no-repeat;
}

.twitter-icon:hover {
    background: url('../images/twitter White.png');
}

.youtube-icon {
    height: 12px;
    width: 17px;
    background: url('../images/Youtube.png') no-repeat;
}

.youtube-icon:hover {
    background: url('../images/youtube White.png');
}

#backtotop {
    background: url('../images/Top.png') no-repeat;
    height: 60px;
    width: 60px;
}







.projects-wrap {
    padding: 4em 0;
    background-color: #ffffff;
    position: relative;
}

.back {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80%;
    height: 100%;
    background-color: #f7460a;
}

.projects-items {
    display: flex;
    position: relative;
    z-index: 5;
}

.view-projects .views-row:nth-child(2n+2) .projects-wrap .back {
    width: 30%;
}

.view-projects .views-row:nth-child(2n+2) .projects-image-wrap {
    order: 2;
}

.projects-image img {
    height: 340px;
    width: 622px;
    max-width: 100%;
    object-fit: cover;
}

.projects-body-wrap {
    max-width: 750px;
    position: relative;
    padding: 0 1em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 3em;
}

.view-projects .views-row:nth-child(2n+1) .projects-body-wrap {
    color: #fff;
}

.view-projects .views-row:nth-child(2n+2) .projects-body-wrap {
    color: #000;
}

.projects-title {
    font: 28px noori;
    text-decoration: none;
    margin-bottom: 10px;
}

.projects-btn a {
    display: inline-block;
    font: 16px noori;
    color: #fff;
    background-color: #333;
    padding: 12.5px 25px;
    border: 1px solid #333;
    border-radius: 5px;
    text-decoration: none;
    margin-top: 1em;
    transition: all 0.5s ease-in-out;
}

.projects-btn a:hover {
    background-color: transparent;
    color: #333;
}

.page-projects .breadcrumb,
.page-projects #page-title

/*,
.page-node-1 #block-system-main,
.page-node-1 .breadcrumb, .page-node-1 #page-title*/
    {
    display: none;
}

.page-projects #columns,
.page-node-1 #columns {
    padding: 0;
}

.page-procurements #columns {
    /*padding: 0 15px;*/
}

/*** Sitemap ***/

.sitemap {
    padding: 0 1em;
}

.sitemap-item {}

.sitemap-item ul {
    padding: 0 0 0 1.5em;
    margin: 0 !important;
    float: none;
    text-align: start;
    list-style: disc;
    display: block;
    background: transparent !important;
    border: 0;
    border-radius: 0;
}

.sitemap-item ul li {
    float: none;
    display: list-item;
}

.sitemap-item ul li a {
    text-decoration: none;
    display: initial;
    font: 16px 'noori';
    color: #000;
    padding: 0;
}

.sitemap-item ul li a:hover,
.sitemap-item ul li a:focus {
    text-decoration: underline;
    background: transparent;
}

.sitemap .caret {
    display: none;
}

.sitemap-item ul li ul {
    position: initial;
    display: block;
    border: none;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    background: transparent;
    background-clip: inherit;
    list-style: circle;
}

.sitemap-item ul li ul li {
    display: list-item;
}

.sitemap-item ul li ul li a,
.sitemap-item .navbar-nav .dropdown-menu>li>a {
    text-decoration: none;
    display: initial;
    font: 16px 'noori';
    color: #000;
    padding: 0;
}

.sitemap-item ul li ul li a:hover,
.sitemap-item ul li ul li a:focus,
.sitemap-item .navbar-nav .dropdown-menu>li>a:hover,
.sitemap-item .navbar-nav .dropdown-menu>li>a:focus {
    text-decoration: underline;
    background: transparent;
}

.sitemap-item ul li ul li ul {
    display: none;
}

.sitemap-item ul li ul li.expanded ul {
    display: block;
    list-style: square;
}

.sitemap-item ul .register-btn {
    background-color: transparent !important;
    color: #000 !important;
}

/*** PCP Banner ***/

#pcp-banner-wrap {
    width: 100%;
    height: auto;
    display: block;
    margin: 0;
    padding: 0;
}

#pcp-banner {
    width: 100%;
    height: auto;
}

#pcp-banner-img {
    width: 100%;
    height: auto;
    display: block;
}

#block-popup {
    display: none;
}

.spb-popup-main-wrapper {
    width: 46%;
    top: 0;
    right: unset !important;
    left: 50%;
    transform: translateX(-50%);
}

@media screen and (max-width: 768px) {

    .spb-popup-main-wrapper {
        width: 100% !important;
        left: 50% !important;
        top: 20% !important;
        transform: translate(-50%, 0%) !important;
    }
}

/*** ... ***/
@keyframes slide-right {
    to {
        transform: translateX(0);
    }
}

/*** ... ***/
/* ----------------------------------------- */
/* MEDIA QUERIES */
/* ----------------------------------------- */

.slide-right h2 {
    font-family: noori;
}

@media screen and (min-width:767px) {
    .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%);
    }
}

@media screen and (max-width: 1080px) {
    .guidelines-wrap {
        padding: 4em 1em;
    }
}

@media screen and (max-width:980px) {
    #views_slideshow_cycle_main_main_banner_view-block_1 .mb-bg-cover {
        top: 70px;
    }

    .mb-txt-wrap {
        top: 65%;
    }
}

@media screen and (max-width:880px) {
    .guidelines-content-wrap p {
        font: 24px 'noori', sans-serif;
    }

    #block-views-block-highlights-block-1 .view-content .views-row {
        width: 30%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .mb-txt-wrap {
        transform: translateY(-50%) scale(80%);
    }

    #views_slideshow_cycle_main_main_banner_view-block_1 .mb-bg-cover {
        transform: scale(85%);
    }
}

@media screen and (max-width: 767px) {
    .navbar-default #block-bootstrap-subtheme-main-menu {
        float: unset;
    }

    .navbar-nav>li {
        margin: 5px 1em;
    }

    .view-attached-entities.view-display-id-block_1 .view-content>div {
        width: 50%;
    }

}

@media only screen and (max-width: 760px) {


    .navbar-default {
        background-color: ;
    }

    .navbar-header {
        float: none !important;
    }

    .navbar .logo {
        margin-top: 5px !important;
        margin-bottom: 5px;
        width: 70%;
        margin-left: 5px;
    }

    .navbar .logo img {
        width: 95%;
    }

    .navbar {
        width: 100%;
    }

    .navbar-toggle {
        margin-top: 18px !important;
        margin-right: 10px !important;
    }

    .navbar-collapse {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .navbar.container>.container {
        display: block;
    }

    .navbar-nav {
        margin: 0px !important;
        padding: 0px !important;
        padding-top: 5px !important;
        width: 100%;
        float: none;
        text-align: left;
        position: initial;
    }

    .navbar-default .navbar-nav>li {
        display: block;
        margin: 0px;
        padding: 0px;
    }

    .navbar-default .navbar-nav>li>a {
        font-size: 13px;
        padding: 10px !important;
        margin: 0px !important;
    }

    .navbar #block-search-form {
        position: initial !important;
        /*background-color: #212330;*/
        width: 100%;
        margin: 0;
    }

    .toggleSearch {
        top: -8px !important;
        position: relative !important;
        left: 14.5em !important;
    }

    #edit-search-block-form--2 {
        height: 28px;
        top: -8px;
        right: 1.5em;
    }

    form#search-block-form {
        top: 0px !important;
    }

    .section-container {
        padding: 2em 0;
    }

    .section-heading {
        font-size: 22px;
        text-align: center;
        margin-bottom: 0.5em;
    }

    .section-para {
        font-size: 14px;
    }

    .section-btn {
        width: 100px;
        font-size: 12px;
        padding: 0.75em 0;
        margin: 0 auto !important;
    }

    .banner1-wrap {
        padding: 0;
    }

    .minister-box-outer,
    .reports-box-outer {
        overflow: auto;
        width: auto;
        margin: 0 auto;
    }

    .reports-box:hover .reports-image {
        transform: scale(1);
    }

    .minister-box,
    .pub-box,
    .solar-box {
        width: 100%;
    }

    .minister-image,
    .pub-box {
        margin-bottom: 2em;
    }

    .minister-image img {
        height: 300px;
    }

    .reports-title {
        font-size: 16px;
    }

    .leadership-wrap {
        padding: 1em 1.5em 0;
    }

    .leadership-box {
        margin-bottom: 3em;
    }

    .no-margin {
        margin-bottom: 0;
    }

    #block-block-3,
    #block-videobackgroundfront {
        padding: 2em 0;
    }

    .video-wrap iframe {
        height: 248px;
    }

    #block-block-4 iframe {
        height: 250px;
    }

    .laws-line1,
    .laws-row1 {
        margin-bottom: 0;
    }

    .laws-content {
        padding: 2em 3em 0;
    }

    .laws-box {
        width: 100%;
        margin-bottom: 5em;
    }

    .laws-title {
        width: 85%;
    }

    .laws-title a {
        font-size: 15px;
        min-height: 60px;
        padding: 5px 0;
    }

    .grey-bg {
        display: none;
    }

    .opp-content {
        padding: 2em 0;
    }

    .opp-box {
        margin-bottom: 3em;
    }

    #block-views-attached-entities-block .view-content {
        padding: 2em 0em;
    }

    .entities-wrap {
        margin-bottom: 1em;
    }

    #section-footer {
        padding: 3em 1em;
    }

    .dept-address br,
    .footer-heading br {
        display: none;
    }

    .footer-box1,
    .footer-box2,
    .footer-box3 {
        margin-bottom: 2em;
    }

    .footer-row2 {
        margin-top: 1.5em;
        padding-top: 1.5em;
    }

    .projects-wrap {
        padding: 2em 0;
    }

    .projects-items {
        display: block;
    }

    .projects-image {
        margin-bottom: 1.5em;
    }

    .projects-image img {
        height: 250px;
    }

    .projects-title {
        font-size: 20px;
    }

    .projects-body-wrap {
        margin: 0;
    }

    .projects-btn a {
        font: 13px noori;
        padding: 8px 15px;
    }

    .back {
        width: 100%;
    }

    .view-projects .views-row:nth-child(2n+2) .projects-wrap .back {
        /*width: 100%;*/
    }

    #section-about-tabs {
        padding: 2em 0;
    }

    .about-box {
        margin-bottom: 3em;
    }

    #section-about-tabs {
        padding: 3em 0 0;
    }

    .vision-wrap {
        padding: 2em 0;
    }

    .vision-row1 {
        margin: 0;
    }

    .functions-wrap li {
        font-size: 13px;
    }

    .vb-left {
        text-align: center;
        border-right: 0;
        padding-right: 0;
        margin-bottom: 2em;
    }

    .vision-box {
        text-align: center;
    }

    .vision-stat {
        font-size: 40px;
    }

    .vision-heading {
        font-size: 24px;
    }

    .mb-row {
        margin-bottom: 0;
    }

    .team-wrap {
        padding: 2em 0;
    }

    .team-box {
        margin-bottom: 2em;
    }

    .functions-wrap {
        padding-right: 1em;
    }

}

@media only screen and (max-width: 640px) {
    .slick--view--opportunities-in-punjab .slick__arrow {
        top: unset;
        transform: unset;
        bottom: 0;
    }

    #block-views-block-opportunities-in-punjab-block-1 .view-content {
        padding: 3em 1em;
    }

    .view-attached-entities.view-display-id-block_1 .view-content>div {
        width: 100%;
    }

    .view-projects .views-row:nth-child(2n+2) .projects-wrap .back {
        width: 0;
    }
}

@media screen and (max-width: 580px) {
    .banner-content h2 {
        font-size: 3rem;
    }
}

@media only screen and (max-width: 480px) {
    .bnr-front {
        padding: 2em 0.5em;
    }

    .mb-txt-wrap {
        top: 45%;
    }

    .guidelines-wrap {
        padding: 4em 0em;
    }

    #block-views-block-opportunities-in-punjab-block-1 .view-content>div {
        width: 100%;
    }
}