body {background: ; margin: 0; direction: rtl;}

/*html, body {scroll-behavior: smooth;}*/

/********************************* Fonts ***********************************/

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

@font-face {font-family: 'MyriadPro-Bold'; src: url('MyriadPro-Bold.otf');}

@font-face {font-family: 'MyriadPro-Regular'; src: url('MyriadPro-Regular.otf');}

@font-face {font-family: 'MyriadPro-SemiBold'; src: url('MyriadPro-SemiBold.otf');}

/********************************* 100% Width ***********************************/

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

.navbar-header {
  direction: ltr !important;
}

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

.row {margin: 0;}

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

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

a {outline:0 !important;}

.region.region-content .content,
.region.region-content .view-content
{font: 16px noori; color: #333333; word-spacing: ; line-height: 150%;}

#page-title {font: 36px noori; color: #547c3b; padding: 0 0.25em; line-height: 1; letter-spacing: 0; text-align: ; text-transform: none; border: 0; margin: 0;}

#page-title span {}

#page-title:after {}

.region.region-content h1, .region.region-content h2, .region.region-content h3, .region.region-content h4 {font-family: Helvetica; font-weight: bold; text-transform: ;}

.region.region-content h1 {color: #547c3b;}
.region.region-content h2 {color: #547c3b;}
.region.region-content h3 {color: #86bb43;}
.region.region-content h4 {color: #81ae56;}

.region.region-content .content ul,
.region.region-content .view-content ul {/*list-style: url('../images/');*/ padding-left: ;}

.region.region-content .content ul li,
.region.region-content .view-content ul li {/*list-style: ;*/ padding: 0.2em 0; transition: ;}

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

.region.region-content .content a,
.region.region-content .view-content a {font: 16px noori; text-decoration: none; color: #0f6838; transition: all 0.6s ease; border-bottom: none;}

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

/********************************* Misc ***********************************/

.main-container {}

.path-frontpage #frontpagerowswrap {}

#frontpagerowswrap {}

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

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

#page-header {}

#contentsectionwrap {}

#contentsection {padding: 0;}

.breadcrumb {background: ; border-radius: 0; font: 13px Helvetica; background: #547c3b;}

.breadcrumb li {color: ;}

.breadcrumb li a {color: #ffffff;}

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

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

#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%;
}

.dfile a {
    background: url('../images/download.png') no-repeat center center / cover;
    width: 25px;
    height: 25px;
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    border: none !important;
    /*margin: 0 auto;*/
}

.viewp_wrap {
    margin-bottom: 1.5em;
}

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

.galleryp_image img,
.video-pgallery iframe {
    display: block;
    height: 150px;
    width: 220px;
    max-width: 100%;
    object-fit: cover;
    margin: 0 auto 1em !important;
}

.galleryp_title {
    text-align: center;
}

.galleryp_title a {
    display: block;
    height: 52.5px;
    overflow: hidden;
}

.highp_title {}

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

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

#secondarypagesrowswrap {height: auto;}

.img-responsive {display: initial !impotant; margin: 0 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 {}

.webform .button:hover {}

/*** ... ***/

/********************************* Navbar ***********************************/

/*.path-frontpage #navbar {padding: 0 !important; margin: 0 !important; z-index: 99; background: rgba(121, 191, 66, 1); border: 0; border-radius: 0; box-shadow: 0px 0px 5px rgba(140, 140, 140, 0); -webkit-box-shadow: 0px 0px 5px rgba(140, 140, 140, 0); -moz-box-shadow: 0px 0px 5px rgba(140, 140, 140, 0);}*/

#navbar {padding: 0 !important; margin: 0 !important; z-index: 99; background: rgba(121, 191, 66, 1); border: 0; border-radius: 0; box-shadow: 0px 0px 5px rgba(140, 140, 140, 0); -webkit-box-shadow: 0px 0px 5px rgba(140, 140, 140, 0); -moz-box-shadow: 0px 0px 5px rgba(140, 140, 140, 0);}

@media screen and (min-width:768px) {.navbar.container{max-width: 100%;}}

@media screen and (min-width:992px) {.navbar.container{max-width: 100%;}}

@media screen and (min-width:1200px) {.navbar.container{max-width: 100%;}}

/********************************* Logo ***********************************/

/*.path-frontpage .navbar-header {background: transparent; width: auto; height: auto; padding: 0; margin: 0;}*/

.navbar-header {background: rgba(255, 255, 255, 0); width: auto; height: auto; padding: 0.5em; margin: 0;}

.navbar .logo {padding: 0; margin: 0; max-width: 100%;}

.navbar .logo img {width: auto; max-width: 100%;}

/********************************* Menu ***********************************/

#block-bootstrap-subtheme-main-menu {display: ;}

.navbar-collapse {padding: 0 !important; margin: 0 !important; border: 0 !important; width: 100%;}

.navbar-nav {
  margin: 40px 0 0 0 !important;
  background: rgba(255, 255, 255, 0) !important;
  padding: 0;
  text-align: right;
  float: right;
/*  display: flex;*/
  border: 0;
}

.navbar-default .navbar-nav > li {
  margin: 0;
  display: inline-block;
/*  float: none;*/
  padding: 5px;
  background: transparent;
  transition: all 0.5s ease;
}

/*.navbar-default .navbar-nav li.first {margin-left: 0;}

.navbar-default .navbar-nav li.last {margin-right: 0;}

.navbar-default .navbar-nav li.last a {padding-right: 0;}*/

.navbar-default .navbar-nav > li > a {font: 16px noori; color: #ffffff; text-transform: capitalize; transition: all 0.3s ease; padding: 3px 7px; border: 1px solid transparent; float: left; margin: 0 5px;}

.navbar-default .navbar-nav li.last .dropdown-menu {left: auto; right: 0;}

.navbar-nav .dropdown-menu > li > a {font: 15px noori; color: #0f6838; text-transform: capitalize; transition: all 0.5s ease; text-align: left; padding: 5px;}

.navbar-nav .dropdown-menu > li > a:hover {color: #ffffff; background: #0f6838;}

.navbar-nav .dropdown-menu > li.active > a {color: #ffffff; background: #0f6838;}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus
{background: #0f6838; color: #ffffff; border-color: #ffffff;}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus
{background: #0f6838; color: #ffffff; border-color: #ffffff;}

.navbar-default .navbar-nav > .expanded > a, .navbar-default .navbar-nav > .expanded > a:hover, .navbar-default .navbar-nav > .expanded > a:focus
{/*background: #0f6838; color: #ffffff; border-color: #ffffff;*/}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus
{background: #0f6838; color: #ffffff; border-color: #ffffff;}

.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus
{background: #0f6838; color: #ffffff; border-color: #ffffff;}

.navbar-default .navbar-nav >.dropdown > a .caret 
{border-top-color: #ffffff; border-bottom-color: #ffffff;}

.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret
{border-top-color: #ffffff; border-bottom-color: #ffffff;}

.navbar-default .navbar-nav > .dropdown > a:hover .caret
{border-top-color: #ffffff; border-bottom-color: #ffffff;}

/********************************* Search ***********************************/

/*.searchButton {display: none;}*/

.navbar .search-block-form {position: absolute; float: right; right: 5px; top: 5px; width: 200px; background: rgba(255, 255, 255, 0); /*border: 1px solid #2e2d2c;*/ border-radius: 5px; /*border-bottom: 1px solid #ffffff;*/ z-index: 99;}

/*.path-frontpage .navbar .search-block-form {background: transparent;}*/

.navbar .search-block-form .form-group {margin: 0;}

.navbar .search-block-form .form-group .input-group {
/*  display: flex;*/
  padding: 3px;
  justify-content: space-evenly;
}

.navbar .search-block-form .form-group .input-group #edit-keys, .navbar .search-block-form .form-group .input-group #edit-keys--2 {
  border-radius: 0;
  /*position: relative;
  top: 0;
  right: 0;*/
  background: rgba(201, 225, 173, 1);
  border: 0;
  box-sizing: border-box;
  color: #ffffff !important;
  width: 160px;
  height: 25px;
/*  float: right;*/
  box-shadow: none;
/*  border-bottom: 1px solid #ffffff;*/
  font-family: noori !important;
  padding: 0 0 0 5px;
  text-align: left;
}

#edit-keys::placeholder{
    font-family: MyriadPro-Regular;
}

.navbar .search-block-form .form-group .input-group #edit-keys::-webkit-input-placeholder,
.navbar .search-block-form .form-group .input-group #edit-keys--2::-webkit-input-placeholder
{color: #ffffff !important; font-family: noori !important;}

.navbar .search-block-form .form-group .input-group #edit-keys::-moz-placeholder,
.navbar .search-block-form .form-group .input-group #edit-keys--2::-moz-placeholder
{color: #ffffff !important; font-family: noori !important;}

.navbar .search-block-form .form-group .input-group #edit-keys::-ms-input-placeholder,
.navbar .search-block-form .form-group .input-group #edit-keys--2::-ms-input-placeholder
{color: #ffffff !important; font-family: noori !important;}

.navbar .search-block-form .form-group .input-group .input-group-btn {width: 25px; height: 25px; padding: 0; background: transparent; border-radius: 0; display: flex; align-items: center;}

.navbar .search-block-form .form-group .input-group .input-group-btn:before {content: ""; width: 1px; height: 100%; background: transparent; display: block;}

.navbar .search-block-form .form-group .input-group .input-group-btn .btn {/*background: url('../images/icon-search.png') no-repeat center center;*/ background: transparent; width: 100%; height: 100%; border: none !important; border-radius: 0; color: #ffffff; padding: 0; margin: 0 auto;}

.navbar .search-block-form .form-group .input-group .input-group-btn .btn .icon {opacity: 1;}

.btn-urdu{
  position: absolute;
  right: 15em;
  top: 7px;
}

.btn-urdu .btn-lgcd
{
  text-decoration: none !important;
  font: 15px MyriadPro-Regular;
  text-transform: uppercase;
  width: 90px;
  height: 28px;
}

.btn-urdu .btn-lgcd-fill:hover
{
  background: rgba(58, 58, 60, 1);
  color: #ffffff !important;
  border-color: #3a3a3c;
}

/********************************* Common ***********************************/

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

.sh-wrap {padding: 0.5em 0; margin: 0.5em 0;}

.section-header {font: 48px noori; line-height: ; letter-spacing: ;}

.sh-uc {text-transform: uppercase;}

.sh-color {color: #547c3b;}

.sh-white {color: #ffffff;}

.sh-black {color: #000000;}

.txt-center {text-align: center;}

.block-center {margin: 0 auto;}
    
.bg-img {display: block; overflow: hidden; text-indent: 100%; white-space: nowrap;}

.btn-wrap {padding: 0.5em 0; margin: 0.5em 0;}

.btn-lgcd {text-decoration: none !important; font: 15px noori; text-transform: uppercase; width: 120px; height: 40px; border: 1px solid transparent; border-radius: 0; display: flex; align-items: center; justify-content: center; /*text-align: center;*/ padding: 0 0.5em; transition: all 0.5s ease-in-out; box-shadow: 3px 3px 4px 1px transparent; position: relative; z-index: 1;}

.btn-lgcd-fill {background: rgba(58, 58, 60, 1); color: #ffffff !important; border-color: #3a3a3c;}

.btn-lgcd-fill:hover {background: rgba(121, 191, 66, 1); color: #ffffff !important; border-color: #79bf42;}

.btn-mnm-nofill {background: transparent; color: #3a3a3c !important; border-color: #3a3a3c;}

.btn-mnm-nofill:hover {background: rgba(58, 58, 60, 1); color: #ffffff !important; border-color: #ffffff;}

/********************************* Banner 01 Main Banner ***********************************/

.social-icons-wrap{
    position: fixed;
    top: 40%;
    right: 0;
    z-index: 999;
}

.social-icons-wrap .social-icon{
  transition: all 1s ease-in-out;
  margin-bottom: 0.5em;
  transition: all 1s ease-in-out;
/*  transform: translateX(65%);*/
}

.social-icons-wrap .social-icon:hover{
/*  transform: translateX(18%);*/
}

.social-icons-wrap .social-icon a{
  text-decoration: none;
}

.si {
    height: 32px;
    width: 32px;
}

.si.fb {
  background: url('../images/facebook_floating.png') no-repeat center center / contain;
}

.si.twtr {
  background: url('../images/x_floating.png') no-repeat center center / contain;
}

.si.insta {
  background: url('../images/instagram_floating.png') no-repeat center center / contain;
}

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

.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; position: relative; border-bottom: 0; margin-bottom: -10px;}

#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 {}

.mb-view {position: relative;}

.mb-img-wrap {}

.mb-img {}

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

.mb-bg-cover {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0);}

/*.mb-txt-wrap {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0); padding: 0 0; border-radius: 0; display: flex; align-items: center; justify-content: flex-start;}

.mb-txt {font: 35px Nexa-Bold; color: #4d4d4d; text-transform: uppercase; padding-left: 1em; width: 60%; animation: pop-in .6s cubic-bezier(0, 0.9, 0.3, 1.2) forwards; opacity: 0; animation-delay: 1.2s;}*/

/* Controls */

#block-views-block-main-banner-view-block-1 .views-slideshow-controls-bottom.clearfix {position: absolute; bottom: 50%; left: 0; z-index: 7; width: 100%; padding: 0 1em; height: 0; float: left;}

#views_slideshow_controls_text_main_banner_view-block_1 {height: 0;}

#views_slideshow_controls_text_previous_main_banner_view-block_1 {}

#views_slideshow_controls_text_previous_main_banner_view-block_1 a {background: url(../images/arrow-left-green.png) no-repeat center center !important; color: transparent; display: inline-block; width: 25px; height: 39px; margin: 0.75em 0;}

#views_slideshow_controls_text_pause_main_banner_view-block_1 {display: none;}

#views_slideshow_controls_text_next_main_banner_view-block_1 {float: right;}

#views_slideshow_controls_text_next_main_banner_view-block_1 a {background: url(../images/arrow-rightt-green.png) no-repeat center center !important; color: transparent; display: inline-block; width: 25px; height: 39px; margin: 0.75em 0;}

/* ... */

/****************************** Banner 02 - What We Do ********************************/

#lgcd-wwd-wrap {background: rgba(241, 241, 242, 1) url('../images/wwd-bg.png') no-repeat fixed center bottom / 100% auto; padding: 3em 0;}

#lgcd-wwd {}

#wwd-title-wrap {}

#wwd-title {}

#wwd-body-wrap {padding: 1em 3em; margin: 1em 0;}

#wwd-body {font: 18px noori; color: #404041; line-height: 2em; text-align: center;}

#wwd-btn-wrap {}

#wwd-btn {margin: 0 auto;}

/****************************** Banner 03 - Highlights ********************************/

#block-views-block-highlights-block-1 {width: 100%; display: block; padding: 3em 0;}

#block-views-block-highlights-block-1 .view-header {width: 100%; display: block; float: left;}

#highb-header-wrap {}

#highb-header {}

#block-views-block-highlights-block-1 .view-content {width: 100%; display: block; float: left; padding: 1em 3em; margin: 1em 0;}

.highlights-col {}

.highb-item-wrap {text-decoration: none !important; margin: 1em 0;}

.highb-item {display: flex; align-items: center; justify-content: center; direction: rtl}

.highb-item-icon-wrap {margin-left: -1em;}

.highb-item-icon {background: url('../images/highlight-item-icon.png') no-repeat center center; width: 76px; height: 76px; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; transition: all 0.8s ease;}

.highb-item-wrap:hover .highb-item-icon {background: url('../images/highlight-item-icon-hvr.png') no-repeat center center;}

.highb-item-body-wrap {background: url('../images/highlight-item-bg.png') no-repeat center center / 100% 100%; width: 460px; max-width: 100%; height: auto; min-height: 96px; padding-right: 2.5em; display: flex; align-items: center; transition: all 0.8s ease;}

.highb-item-wrap:hover .highb-item-body-wrap {background: url('../images/highlight-item-bg-hvr.png') no-repeat center center / 100% 100%;}

.highb-item-body {display: flex; align-items: center; justify-content: space-between;}

.highb-item-date-wrap {font-family: noori; color: #79bf42; text-transform: uppercase; text-align: center; border-left: 3px solid #a8a9ad; padding-left: 1.5em; margin-left: 1.5em;}

.highb-item-wrap:hover .highb-item-date-wrap {color: #ffffff; border-color: #ffffff;}

.highb-item-date-day {font-size: 21px; line-height: 12px;}
.highb-item-date-month {font-size: 21px; min-width: 40.83px;}
.highb-item-date-year {font-size: 15px; line-height: 8px;}

.highb-item-title-wrap {}

.highb-item-title {font: 18px noori; color: #6d6e70; display: block; min-height: 22px; overflow: hidden;}

.highb-item-wrap:hover .highb-item-title {color: #ffffff;}

#block-views-block-highlights-block-1 .view-footer {width: 100%; display: block; float: left;}

#highb-btn-wrap {}

#highb-btn {margin: 0 auto;}

/******************************* Banner 04 - Services *********************************/

#lgcd-services-wrap {background: rgba(230, 231, 232, 1) url('../images/services-bg.png') no-repeat fixed left bottom / auto auto; padding: 3em 3em;}

#lgcd-services {}

#services-title-wrap {}

#services-title {}

#services-stitle {font: 20px noori; color: #231f20;}

#services-body-wrap {padding: 1em 0 1em 25%; margin: 1em 0;}

#services-body {}

#services-body ul {list-style: none; padding: 0; margin: 0; column-count: 2;}

#services-body ul li {font: 18px noori; color: #231f20; padding: 0.5em 0; margin: 0.5em 0;}

#services-body ul li a {text-decoration: none !important; font: inherit; color: inherit; display: flex; align-items: center; pointer-events: none; cursor: default;}

.ser-item-icon {width: 48px; height: 41px; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; margin-left: 1em;}

#ser-nows-icon {background: url('../images/services-icon-nows.png') no-repeat center center;}
#ser-uori-icon {background: url('../images/services-icon-uori.png') no-repeat center center;}
#ser-mord-icon {background: url('../images/services-icon-mord.png') no-repeat center center;}
#ser-luco-icon {background: url('../images/services-icon-luco.png') no-repeat center center;}
#ser-saco-icon {background: url('../images/services-icon-saco.png') no-repeat center center;}
#ser-eolr-icon {background: url('../images/services-icon-eolr.png') no-repeat center center;}
#ser-eaco-icon {background: url('../images/services-icon-enco.png') no-repeat center center;}
#ser-hous-icon {background: url('../images/services-icon-hous.png') no-repeat center center;}

#services-btn-wrap {}

#services-btn {margin: 0 auto;}

/***************************** Banner 05 - Initiatives *******************************/

#block-quicktabsinitiatives {width: 100%; display: block; padding: 2em 0;}

#block-quicktabsinitiatives .block-title {font: 48px noori; color: #547c3b; text-transform: uppercase; text-align: center; padding: 5px 0; margin: 5px 0;}

#quicktabs-initiatives {display: flex; align-items: stretch; justify-content: center; padding: 1.5em 5em 1em; margin: 1.5em 0 1em;}

/*** Tabs List ***/

#block-quicktabsinitiatives ul.quicktabs-tabs {display: flex; flex-direction: column; align-items: stretch; justify-content: center; padding: 0 1.5em; margin: 0; max-height: 369.3px; width: 25%;}

#block-quicktabsinitiatives ul.quicktabs-tabs li {white-space: normal; border: 1px solid #dfdfdf; border-bottom: 0; padding: 0; margin: 0;}

#block-quicktabsinitiatives ul.quicktabs-tabs li#quicktabs-tab-initiatives-0 {}
#block-quicktabsinitiatives ul.quicktabs-tabs li#quicktabs-tab-initiatives-1 {}
#block-quicktabsinitiatives ul.quicktabs-tabs li#quicktabs-tab-initiatives-2 {}
#block-quicktabsinitiatives ul.quicktabs-tabs li#quicktabs-tab-initiatives-3 {}
#block-quicktabsinitiatives ul.quicktabs-tabs li#quicktabs-tab-initiatives-4 {border-bottom: 1px solid #dfdfdf;}

#block-quicktabsinitiatives ul.quicktabs-tabs li:hover {}
#block-quicktabsinitiatives ul.quicktabs-tabs li.active {}

#block-quicktabsinitiatives ul.quicktabs-tabs li a {text-decoration: none; font: 17.08px noori; color: #404040; display: flex; align-items: center; justify-content: flex-start; padding: 7.15% 5%; transition: all 0.8s ease;}

#block-quicktabsinitiatives ul.quicktabs-tabs li:hover a {background: #86bb43; color: #ffffff;}
#block-quicktabsinitiatives ul.quicktabs-tabs li.active a {background: #86bb43; color: #ffffff;}

#block-quicktabsinitiatives ul.quicktabs-tabs li a:before {}

/*** ... ***/

/*** Tabs Content ***/

#quicktabs-container-initiatives {width: 75%;}

/** Blocks **/

.init-item-wrap {}

.init-item {display: flex; align-items: flex-start; justify-content: space-between;}

.init-item-img-wrap {}

.init-item-img {}

.init-item-img img {min-width: 400px; max-width: 100%; height: auto; display: block;}

.init-item-body-wrap {padding: 0 1.5em;}

.init-item-body {}

.init-item-title-wrap {}

.init-item-title {font: 20px noori; color: #86bb43;}

.init-item-title:hover {color: #86bb43;}

.init-item-txt-wrap {padding: 0.5em 0; margin: 0.5em 0;}

.init-item-txt {font: 16px noori; color: #6d6e70; text-align: justify; line-height: 2;}

.init-item-lnk-wrap {}

.init-item-lnk {background: url('../images/arrow-right-green.png') no-repeat center center; width: 32px; height
23px; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap;}

/** ... **/

/*** ... ***/

/**************************** Banner 06 - Baldia Online ******************************/

#lgcd-baldiaol-wrap {}

#lgcd-baldiaol {}

#baldiaol-banner-wrap {}

#baldiaol-banner {}

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

/********************************* Banner 07 - DTO ***********************************/

#lgcd-dto-wrap {}

#lgcd-dto {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}

.dto-col {padding: 0;}

.dto-item-wrap {text-decoration: none !important;}

#dto-down-wrap {background: #86bb43;}
#dto-tos-wrap {background: #81ae56;}

.dto-item {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-around; padding: 5% 0;}

.dto-item-title-wrap {}

.dto-item-title {font: 28px noori; color: #ffffff;}

.dto-item-icon-wrap {}

.dto-item-icon {width: 185px; height: 165px; background-repeat: no-repeat; background-position: center center; background-size: contain; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap;}

#dto-down-wrap .dto-item-icon {background-image: url('../images/icon-etendering.png');}
#dto-tos-wrap .dto-item-icon {background-image: url('../images/icon-transferorders.png');}

/******************************** Banner 08 - Links **********************************/

#lgcd-ifdk-wrap {padding: 3em 0;}

#lgcd-idfk {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}

.idfk-col {}

.ifdk-item-wrap {text-decoration: none !important; background: url('../images/id-item-bg.png') no-repeat center center; width: 100%; height: 120px; display: block; text-align: center;}

.ifdk-item {padding: 2.5% 0;}

/*.ifdk-item-icon-wrap {padding: 0.5em 0; margin: 0.5em 0;}*/

.ifdk-item-icon {width: 49px; height: 42px; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; margin: 0 auto; background-repeat: no-repeat; background-position: center center;}

#ifdk-faq-icon {background-image: url('../images/id-item-icon-faqs.png');}
#ifdk-notifs-icon {background-image: url('../images/id-item-icon-notifs.png');}
#ifdk-di-icon {background-image: url('../images/id-item-icon-di.png');}

.ifdk-item-title-wrap {padding: 0.5em 0; margin: 0.5em 0;}

.ifdk-item-title {font: 20px noori; color: #ffffff;}

/********************************** LGCD - Footer ************************************/

#site-footer {display: block; border-color: transparent; border: none; position: relative;}

/*** Top ***/

#ftop-wrap {background: #404041; padding: 0.75em 1em;}

#ftop {display: flex; flex-wrap: wrap; align-items: stretch;}

.ftop-col {padding: 0; display: flex; align-items: center;}

#ftop-menu-wrap {text-align: center;}

#ftop-menu {font: 14px noori; color: #86bb43; word-spacing: 20px;}

#ftop-menu a {text-decoration: underline; text-decoration-color: transparent; font: inherit; color: inherit; word-spacing: 0; transition: all 1s ease;}

#ftop-menu a:hover {text-decoration-color: #ffffff;}

#ftop-msg-wrap {text-align: right;}

#ftop-msg {font: 14px Helvetica; color: #ffffff;}

/*** ... ***/

/*** Bottom ***/

#fbot-wrap {background: #86bb43; padding: 0.75em 1em;}

#fbot {}

.fbot-col {padding: 0}

/*#copyr-wrap {text-align: left;}*/

#poweredbi-wrap {text-align: left;}

.fbot-txt {font: 14px noori;; color: #ffffff;}

.fbot-txt a {text-decoration: none; font: inherit; color: inherit;}

.fbot-txt a:hover {text-decoration: underline;}

/*** ... ***/

/********************************* Visitor Count ***********************************/

#block-visitors {background: #86bb43; text-align: center; position: absolute; bottom: 13%; left: 50%;}

#block-visitors ul {list-style: none; padding: 0; margin: 0;}

#block-visitors ul li {font: 14px noori; color: #ffffff;}

/********************************* Back To Top ***********************************/

#backtotop {/*background: url('../images/backtotop.png') no-repeat center center / cover;*/ width: 50px; height: 50px; border-radius: 15px; bottom: 20px;}

#block-views-block-slick-x-block-main {display: none;}

/********************************* Internal Pages ***********************************/

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


.view-gallery .view-content .views-row {
  float: right;
}

.region.region-content img {margin: 0 8px;}

/*** Download File ***/

.pview-down-class a {background: url('../images/icon-download.png') no-repeat center center / contain; width: 20px; height: 20px; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; position: relative; margin: 0 auto;}

/*** ... ***/

/*** Gallery ***/

.path-gallery-view img {margin: 0 auto !important;}

.gallery-pitem-wrap {text-decoration: none !important; padding: 0.5em 0; margin: 0.5em 0;}

.gallery-pitem {}

.gallery-pimg-wrap {padding: 0.15em 0; margin: 0.15em 0;}

.gallery-pimg {}

.gallery-pimg img {width: auto; height: auto; display: block; margin: 0 auto !important;}

.gallery-ptitle-wrap {padding: 0.15em 0; margin: 0.15em 0; text-align: center;}

.gallery-ptitle {font: 16px noori; color: #2e2d2c; transition: all 0.6s ease;}

.gallery-pitem-wrap:hover .gallery-ptitle {color: #86bb43;}

/*** Page Background ***/

.page-cover {-webkit-transition: .6s; transition: .6s;}

.page-cover {width: 100%; position: fixed; height: 120%; height: 100vh; top: 0; left: 0; z-index: -99999; overflow: hidden;}

.page-cover .cover-bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; background-attachment: fixed; z-index: -1;}

.page-cover .bg-img {background: url('../images/internal-bg.jpg') repeat center center;}

.page-cover .cover-bg-mask {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.page-cover .bg-color {background-image: none; z-index: -1;}

.page-cover .cover-bg-mask {background: rgba(255, 255, 255, 0.7); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; z-index: 0; -webkit-transition: 2s; transition: 2s;}

/*** ... ***/

/*** 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: #2e2d2c; 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: #2e2d2c; 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;}

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

/*** ... ***/

/********************************* Media Queries ***********************************/

/********************************* Width: 1366px ***********************************/

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

/********************************* Width: 1300px ***********************************/

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

/********************************* Width: 1200px ***********************************/

@media only screen and (max-width: 1199px)
{
    #block-views-block-highlights-block-1 .view-content {padding: 1em 0;}
    
    #quicktabs-initiatives {padding: 1.5em 0 1em;}
}

/********************************* Width: 1100px ***********************************/

@media only screen and (max-width: 1099px)
{
    .navbar-nav {margin: -5px 0 0 0 !important;}
    
    #wwd-body-wrap {padding: 1em 1em;}
    
    .highb-item-body-wrap {padding-left: 1.25em;}
    
    .highb-item-date-wrap {padding-right: 0.75em; margin-right: 0.75em;}
}

/********************************* Width: 1000px ***********************************/

@media only screen and (max-width: 999px)
{
    #block-quicktabsinitiatives ul.quicktabs-tabs {padding: 0.5em;}
    
    .init-item-body-wrap {padding: 0 0.5em;}
    
    .init-item-img img {min-width: 300px;}
    
    #block-visitors {bottom: 7%; left: auto; right: 2%;}
}

/********************************* Width: 900px ***********************************/

@media only screen and (max-width: 899px)
{
    .ifdk-item-title {font-size: 18px;}
}

/********************************* Width: 800px ***********************************/

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

/********************************* Width: 768px ***********************************/

@media only screen and (max-width: 767px)
{
    #navbar {box-shadow: none;}
    
    .navbar-header {padding: 0.5em; position: relative; background: transparent; width: auto;}
    
    .navbar .logo {background: transparent; width: auto; height: auto; padding: 0;}
    
    .navbar .logo img {width: ;}
    
    .navbar-toggle {position: absolute; right: 0.5em; bottom: 0.5em; margin: 0; background: transparent;}
    
    .navbar-default .navbar-toggle {border-color: #ffffff;}
    
    .navbar-default .navbar-toggle .icon-bar {background: #ffffff;}
    
    .navbar-collapse {box-shadow: none;}
    
    .navbar-nav {margin: 0 !important; width: 100%; float: left; padding: 0; border-radius: 0; display: initial; padding: 0.5em 0;}
    
    .navbar-default .navbar-nav > li {display: block; width: 100%; float: left; padding: 1px; margin: 0; border: 0;}
    
    .navbar-default .navbar-nav > li:after {display: none;}
    
    .navbar-default .navbar-nav > li > a {float: none; padding: 0.25em 0.5em;}
    
    .navbar-default .navbar-nav > li > a:after {display: none;}
    
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #f9f9f9;}
    
    .navbar .search-block-form {position: initial; margin: 0.25em; float: right;}
    
    #services-body-wrap {padding: 1em 0;}
    
    #quicktabs-initiatives {flex-direction: column;}
    
    #block-quicktabsinitiatives ul.quicktabs-tabs {width: 100%;}
    
    #quicktabs-initiatives {padding: 0.5em 0; margin: 0.5em 0;}
    
    #block-quicktabsinitiatives ul.quicktabs-tabs li a {padding: 2.5%;}
    
    #quicktabs-container-initiatives {width: 100%; padding: 0.5em;}
    
    .dto-item {padding: 2.5% 0;}
    
    #lgcd-ifdk-wrap {padding: 1em 0;}
    
    .ifdk-item-wrap {margin: 1em 0;}
    
    .ifdk-item-title {font-size: 22px;}
    
    #copyr-wrap, #poweredbi-wrap {text-align: center;}
    
    #ftop-wrap, #fbot-wrap {padding: 0.5em 0;}
    
    #ftop-menu {word-spacing: 5px;}
    
    #backtotop {bottom: 80px; right: 3px;}
    
    #block-visitors {position: initial; padding-bottom: 1%;}

    .btn-urdu{
        position: initial;
    }

    .btn-urdu .btn-lgcd
    {
      font-size: 13px;
      position: relative;
      top: 5.5px;
      left: 58px;
    }
}

/********************************* Width: 700px ***********************************/

@media only screen and (max-width: 699px)
{
    #lgcd-wwd-wrap {padding: 2em 0;}
    
    #wwd-body-wrap {padding: 0.5em 0.5em ; margin: 0.5em 0;}
    
    #wwd-body {line-height: 1.5em;}
    
    #block-views-block-highlights-block-1 {padding: 1.5em 0;}
    
    #block-views-block-highlights-block-1 .view-content {padding: 0.5em 0; margin: 0.5em 0;}
    
    #lgcd-services-wrap {padding: 1em 1em;}
    
    #block-quicktabsinitiatives {padding: 1em 0;}
    
    .init-item {flex-wrap: wrap;}
    
    .init-item-img-wrap {margin: 0 auto;}
    
    .init-item-body-wrap {padding: 0.5em 0; margin: 0.5em 0;}
    
    .init-item-title-wrap {text-align: center;}
    
    .dto-item-icon {width: 85px; height: 85px;}
}

/********************************* Width: 600px ***********************************/

@media only screen and (max-width: 599px)
{
    .section-header {font-size: 42px;}
    
    #wwd-body {font-size: 16px; line-height: 1.75em;}
    
    .highb-item-title {font-size: 16px;}
    #wwd-body >iframe {
        width: 100%;
    }
}

/********************************* Width: 500px ***********************************/

@media only screen and (max-width: 499px)
{
    #services-title-wrap {text-align: center;}
    
    #services-body-wrap {padding: 0.5em 0; margin: 0.5em 0;}
    
    #services-body ul {column-count: 1;}
    
    #services-body ul li {padding: 0.25em 0; margin: 0.25em 0;}
}

/********************************* Width: 400px ***********************************/

@media only screen and (max-width: 399px)
{
    .navbar .logo img {width: 84%;}
}

/********************************* Width: 360px ***********************************/

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

/********************************* ... ***********************************/