html.overlay-open .navbar-fixed-top{z-index:400}html.js fieldset.collapsed{height:auto}html.js input.form-autocomplete{background-image:none}body{position:relative}body.admin-expanded.admin-vertical.admin-nw .navbar,body.admin-expanded.admin-vertical.admin-sw .navbar{margin-left:260px}body.navbar-is-fixed-top{padding-top:64px!important}body.navbar-is-fixed-bottom{padding-bottom:64px!important}body.toolbar{padding-top:30px!important}body.toolbar .navbar-fixed-top{top:30px}body.toolbar.navbar-is-fixed-top{padding-top:94px!important}body.toolbar-drawer{padding-top:64px!important}body.toolbar-drawer .navbar-fixed-top{top:64px}body.toolbar-drawer.navbar-is-fixed-top{padding-top:128px!important}body.admin-menu .navbar-fixed-top{top:29px}body.admin-menu.navbar-is-fixed-top{padding-top:93px!important}body div#admin-toolbar{z-index:1600}body #toolbar,body #admin-menu,body #admin-toolbar{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}body #admin-menu{margin:0;padding:0;position:fixed;z-index:1600}body #admin-menu .dropdown li{line-height:normal}.navbar.container{margin-top:20px}@media screen and (min-width:768px){.navbar.container{max-width:720px}}@media screen and (min-width:992px){.navbar.container{max-width:940px}}@media screen and (min-width:1200px){.navbar.container{max-width:1170px}}.navbar.container>.container{margin:0;padding:0;width:auto}#overlay-container,.overlay-modal-background,.overlay-element{z-index:1500}#toolbar{z-index:1600}.modal{z-index:1620}.modal-dialog{z-index:1630}.modal-backdrop{z-index:1610}.element-invisible{margin:0;padding:0;width:1px}.navbar .logo{margin-right:-15px;padding-left:15px !important;padding-right:15px; margin-top:20px;}@media screen and (min-width:768px){.navbar .logo{margin-right:0;padding-left:0}}ul.secondary{float:left}@media screen and (min-width:768px){ul.secondary{float:right}}.page-header{margin-top:0}.block:first-child h2.block-title{margin-top:0}p:last-child{margin-bottom:0}.region-help>.glyphicon{font-size:18px;float:left;margin:-.05em .5em 0 0}.region-help .block{overflow:hidden}form#search-block-form{bottom: 5px;float: right; width: 250px; position:relative;top:0px;z-index:9;}.navbar #block-search-form{float:none;margin:5px 0 5px 5px;position: absolute;right: 4px;}@media screen and (min-width:200px){.navbar #block-search-form{float:right;}}.navbar-search .control-group{margin-bottom:0}ul.action-links{margin:12px 0;padding:0}ul.action-links li{display:inline;margin:0;padding:0 6px 0 0}ul.action-links .glyphicon{padding-right:.5em}input,textarea,select,.uneditable-input{max-width:100%;width:auto}input.error{color:#b94a48;border-color:#ebccd1}fieldset legend.panel-heading{float:left;line-height:1em;margin:0}fieldset .panel-body{clear:both}fieldset .panel-heading a.panel-title{color:inherit;display:block;margin:-10px -15px;padding:10px 15px}fieldset .panel-heading a.panel-title:hover{text-decoration:none}.form-actions{clear:both}.resizable-textarea textarea{border-radius:4px 4px 0 0}.radio:first-child,.checkbox:first-child{margin-top:0}.radio:last-child,.checkbox:last-child{margin-bottom:0}.help-block,.control-group .help-inline{color:#999;font-size:12px;margin:5px 0 10px;padding:0}.panel-heading{display:block}a.tabledrag-handle .handle{height:auto;width:auto}.error{color:#b94a48}div.error,table tr.error{background-color:#f2dede;color:#b94a48}.control-group.error{background:0}.control-group.error label,.control-group.error .control-label{color:#b94a48;font-weight:600}.control-group.error input,.control-group.error textarea,.control-group.error select,.control-group.error .uneditable-input{color:#555;border:1px solid #ccc}.control-group.error .help-block,.control-group.error .help-inline{color:#333}.list-inline>li.first{padding-left:0}.nav-tabs{margin-bottom:10px}ul li.collapsed,ul li.expanded,ul li.leaf{/*list-style:none;*/list-style-image:none}.tabs--secondary{margin:0 0 10px}.submitted{margin-bottom:1em;font-style:italic;font-weight:400;color:#777}.password-strength{width:17em;float:right;margin-top:1.4em}.password-strength-title{display:inline}.password-strength-text{float:right;font-weight:700}.password-indicator{background-color:#949494;height:.3em;width:100%}.password-indicator div{height:100%;width:0;background-color:#999}input.password-confirm,input.password-field{width:16em;margin-bottom:.4em}div.password-confirm{float:right;margin-top:1.5em;visibility:hidden;width:17em}div.form-item div.password-suggestions{padding:.2em .5em;margin:.7em 0;width:38.5em;border:1px solid #B4B4B4}div.password-suggestions ul{margin-bottom:0}.confirm-parent,.password-parent{clear:left;margin:0;width:36.3em}.progress-wrapper .progress{margin-bottom:10px}.pagination ul>li>a.progress-disabled{float:left}.form-autocomplete .glyphicon{color:#999;font-size:120%}.form-autocomplete .glyphicon.glyphicon-spin{color:#428bca}.form-autocomplete .input-group-addon{background-color:#fff}.ajax-progress .glyphicon{font-size:90%;margin:0 -.25em 0 .5em}.glyphicon-spin{display:inline-block;-moz-animation:spin 1s infinite linear;-o-animation:spin 1s infinite linear;-webkit-animation:spin 1s infinite linear;animation:spin 1s infinite linear}a .glyphicon-spin{display:inline-block;text-decoration:none}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.glyphicon-refresh{-webkit-transform-origin:50% 45%;-moz-transform-origin:50% 45%;-ms-transform-origin:50% 45%;-o-transform-origin:50% 45%;transform-origin:50% 45%}.tabbable{margin-bottom:20px}.tabs-below>.nav-tabs,.tabs-left>.nav-tabs,.tabs-right>.nav-tabs{border-bottom:0}.tabs-below>.nav-tabs .summary,.tabs-left>.nav-tabs .summary,.tabs-right>.nav-tabs .summary{color:#999;font-size:12px}.tab-pane>.panel-heading{display:none}.tab-content>.active{display:block}.tabs-below>.nav-tabs{border-top:1px solid #ddd}.tabs-below>.nav-tabs>li{margin-top:-1px;margin-bottom:0}.tabs-below>.nav-tabs>li>a{border-radius:0 0 4px 4px}.tabs-below>.nav-tabs>li>a:hover,.tabs-below>.nav-tabs>li>a:focus{border-top-color:#ddd;border-bottom-color:transparent}.tabs-below>.nav-tabs>.active>a,.tabs-below>.nav-tabs>.active>a:hover,.tabs-below>.nav-tabs>.active>a:focus{border-color:transparent #ddd #ddd}.tabs-left>.nav-tabs,.tabs-right>.nav-tabs{padding-bottom:20px;width:220px}.tabs-left>.nav-tabs>li,.tabs-right>.nav-tabs>li{float:none}.tabs-left>.nav-tabs>li:focus,.tabs-right>.nav-tabs>li:focus{outline:0}.tabs-left>.nav-tabs>li>a,.tabs-right>.nav-tabs>li>a{margin-right:0;margin-bottom:3px}.tabs-left>.nav-tabs>li>a:focus,.tabs-right>.nav-tabs>li>a:focus{outline:0}.tabs-left>.tab-content,.tabs-right>.tab-content{border-radius:0 4px 4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);-moz-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05);border:1px solid #ddd;overflow:hidden;padding:10px 15px}.tabs-left>.nav-tabs{float:left;margin-right:-1px}.tabs-left>.nav-tabs>li>a{border-radius:4px 0 0 4px}.tabs-left>.nav-tabs>li>a:hover,.tabs-left>.nav-tabs>li>a:focus{border-color:#eee #ddd #eee #eee}.tabs-left>.nav-tabs>.active>a,.tabs-left>.nav-tabs>.active>a:hover,.tabs-left>.nav-tabs>.active>a:focus{border-color:#ddd transparent #ddd #ddd;-webkit-box-shadow:-1px 1px 1px rgba(0,0,0,.05);-moz-box-shadow:-1px 1px 1px rgba(0,0,0,.05);box-shadow:-1px 1px 1px rgba(0,0,0,.05)}.tabs-right>.nav-tabs{float:right;margin-left:-1px}.tabs-right>.nav-tabs>li>a{border-radius:0 4px 4px 0}.tabs-right>.nav-tabs>li>a:hover,.tabs-right>.nav-tabs>li>a:focus{border-color:#eee #eee #eee #ddd;-webkit-box-shadow:1px 1px 1px rgba(0,0,0,.05);-moz-box-shadow:1px 1px 1px rgba(0,0,0,.05);box-shadow:1px 1px 1px rgba(0,0,0,.05)}.tabs-right>.nav-tabs>.active>a,.tabs-right>.nav-tabs>.active>a:hover,.tabs-right>.nav-tabs>.active>a:focus{border-color:#ddd #ddd #ddd transparent}th.checkbox,td.checkbox,th.radio,td.radio{display:table-cell}.views-display-settings .label{font-size:100%;color:#666}.views-display-settings .footer{padding:0;margin:4px 0 0}table .radio input[type=radio],table .checkbox input[type=checkbox]{max-width:inherit}.form-horizontal .form-group label{position:relative;min-height:1px;margin-top:0;margin-bottom:0;padding-top:7px;padding-left:15px;padding-right:15px;text-align:right}@media (min-width:768px){.form-horizontal .form-group label{float:left;width:16.666666666666664%}}.alert a{font-weight:700}.alert-success a{color:#356635}.alert-info a{color:#2d6987}.alert-warning a{color:#a47e3c}.alert-danger a{color:#953b39}


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

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

@font-face{
    font-family: 'alegreyaM';
    src: url('AlegreyaSans-Medium.otf');
}

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

@font-face{
    font-family: 'myriadR';
    src: url('MYRIADPRO-REGULAR.OTF');
}

@font-face{
    font-family: 'myriadB';
    src: url('MYRIADPRO-BOLD.OTF');
}

@font-face{
    font-family: 'urduNaskh';
    src: url('Urdu Naskh.ttf');
}

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


/* ----------------------------------------- */
/* CM Section FONTS */
/* ----------------------------------------- */

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

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

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

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

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




/* ----------------------------------------- */
/* 100% WIDTH */
/* ----------------------------------------- */


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

.container{
    width: 100% !important;
    padding-left:0px !important;
    padding-right:0px !important;
}

.navbar.container{
    max-width: 100%;
    margin-top: 0px !important;
}

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

.row{
    margin: 0px;
}

.banner1, .banner2, .banner3, .banner4, .banner5_left, .banner5_right, .banner6, .banner7{
    padding: 0px;
}

a{
    outline: 0 !important;
}

/* ----------------------------------------- */
/* NAVIGATION */
/* ----------------------------------------- */

.htmlbody:not(.path-frontpage) {
    padding-top: 0 !important;
}

.navbar .logo {
    margin-top: 7px !important;
    padding-right: 0px;
    padding-left: 0px !important;
    padding-right: 0px;
}

.navbar-default {
    background-color: #fff !important;
    border-color: transparent !important;
}

body:not(.path-frontpage) .navbar-default {
    position: initial;
}

.navbar{
    margin-bottom: 0px !important;
    border-radius: 0px !important;
    border: 0px !important;
}

.navbar-nav {
    float: right;
    padding-right: 5em;
    margin-top: 0px;
    width: 100%;
    text-align: right;
    background-color: #366aa4;
}

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

.navbar-default .navbar-nav > li > a {
    font: 18px alegreyaM;
    color: #fff;
    transition: all 0.5s ease;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #fff;
    background-color: #019F52;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #fff;
	background-color: #019F52;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #019F52;
}

.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
    color: #fff;
    background-color: #019F52;
}

.navbar-header {
    float: left;
    position: relative;
    z-index: 999;
}

.dropdown-menu > li > a{
    text-align: initial !important;
    font: 15px myriadR;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{
    color: #fff;
    background-color: #019F52;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #019F52;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #019F52;
}

.navbar-fixed-top{
    z-index: 99;
}

/* ----------------------------------------- */
/* SEARCH BAR */
/* ----------------------------------------- */

.navbar #block-search-form {
    top: 1em;
    right: 0px;
    margin: 0px;
}

.searchButton {
    display: none;
}

#search-block-form .input-group {
    display: block;
    position: absolute;
    width: 100%;
    right: 0px;
    top: 0px;
}

.toggleSearch {
    background-image: url('../images/Client sample-19.png');
    display: block;
    height: 35px;
    width: 34px;
    position: absolute;
    right: 2em;
    top: 7em;
    cursor: pointer;
}
#edit-search-block-form--2 {
    background-color: #ffffff;
    border-image: none;
    border-radius: 0;
    border: 2px solid #366AA4;
    color: #000;
    display: none;
    height: 40px;
    right: 10px;
    top: 10em;
    width: 92%;
    position: relative;
}

.search_region .form-control::-moz-placeholder{
    color:#ffffff !important;
}

.site-govt-logo {
	display: block;
	background: url('../images/Logo-29.png') no-repeat center;
	height: 72px;
	width: 87px;
    /*position: absolute;*/
    position: absolute;
    right: 2em;
    top: -12em;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    z-index: 100;
}

body:not(.path-frontpage) .site-govt-logo {
    position: absolute;
}

/* ----------------------------------------- */
/* INTERNAL PAGES */
/* ----------------------------------------- */

#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(255,255,255,0.05);
    left: 0;
    top: 48px;
    opacity: 0.75;
    z-index: -1;
}

.breadcrumb {
        background: rgba(55, 106, 164, 0.3);
    margin: 0 0px 5px 0px;
    border-radius: 0;
    padding: 13px 0 13px 15px;
    margin-left: -29px;
    margin-right: -28px;
}

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

.breadcrumb > .active {
    font: 15px myriadR;
    color: #019F52;
}


#page-title {
    color: #009F57;
}

.region.region-content h3 {
    color: rgb(54, 106, 164);
}

.region.region-content h4 {
    color: #009F57;
}

#page-title, .region.region-content h3, .region.region-content h4{
    font-family: myriadR;
}

.region.region-content ul {
    /*list-style-image: url('../images/bullet.png');*/
    color: #71AE1B;
}

.region.region-content ul li {
    padding: 0.5em 0;
}

.region.region-content ul li a {
        text-decoration: none;
        color: rgb(54, 106, 164);
}

.field-item.even > ul li a {
    font: 16px myriadR;
    color: #092a48;
}

.region.region-content li, .region.region-content .field-item.even ul li a,
.region.region-content p, .region.region-content td, .region.region-content div,
.region.region-content div a{
    font: 15px myriadR;
    color: #333;
}

.region.region-content p{
    text-align: justify;
    line-height: 1.65;
}

.highp-title {
    margin-bottom: 12px;
}

.highp-title ul {
    padding-left: 14px;
}

.mediap-img {
    width: 12%;
}

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

.tenders-wrap {
    display: flex;
    justify-content: space-between;
}

.tenders-title {
    flex-basis: 65%;
}

.tenders-label {
    font-family: myriadB !important;
    margin-bottom: 12px;
}

.tenders-item, .tenders-col {
    padding: 0 15px;
}

.tenders-title, .tenders-file {
    margin: 0 0 15px;
}

.tenders-title, .tenders-file {
    margin: 0 0 15px;
}

.tenders-file a, .views-field-field-tender-file a {
    background: url('../images/application-pdf.png') no-repeat center center;
    width: 16px;
    height: 16px;
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

.popup-wrap {
    padding: 2.5em 1em;
}

.popup-text {
    font: 24px alegreyaB;
    text-align: center;
    color: rgba(54,106,164,0.8);
    margin-bottom: 13px;
}

.popup-utext{
    font-size: 25px;
    font-family: 'urduNaskh';
    margin-bottom: 0px;
}

#webform-client-form-632 .webform-progressbar {
  display: none;
}

#webform-client-form-632 .form-type-select select {
  width: 33%;
  display: inline;
}

#webform-client-form-632 option{
    font-family: 'Arial';
}

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

.form-required{
    color: red;
}

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

/* ----------------------------------------- */
/* REUSABLE COMPONENTS */
/* ----------------------------------------- */

.site-btn {
    display: block;
    height: 55px;
    width: 125px;
    background-color: #019F52;
    line-height: 55px;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    font-family: alegreyaM;
    color: #fff;
    border-radius: 8px;
    transition: all 0.5s ease-in-out;
}

.site-btn:hover, .site-btn:focus, .site-btn:active {
    text-decoration: none;
    color: #fff;
}

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

#block-views-slide-show-block{
    margin-top: 88px;
    position: relative;
}

.flexslider {
    margin: 0px;
    border: 0px;
}

.banner-wrap{
    width: 100%;
    position: relative;
}

.bimg{
    width: 100%;
}

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

/*.btext-wrap {
    position: absolute;
    bottom: 5em;
    height: 145px;
    width: 85%;
    background-color: rgba(54,106,164,0.8);
    left: 50%;
    transform: translateX(-50%);
    padding: 36px 0;
    text-align: center;
    animation: movesInRight 1s ease-out;
}*/

#views_slideshow_cycle_teaser_section_slide_show-block,
#views_slideshow_cycle_div_slide_show-block_0,
#views_slideshow_cycle_div_slide_show-block_1,
#views_slideshow_cycle_div_slide_show-block_2,
#views_slideshow_cycle_div_slide_show-block_3 {
    width: 100% !important;
}

.btext {
    font: 35px alegreyaB;
    background-color: #0F75BD;
    padding: 15px;
    text-transform: capitalize;
    animation: movesInRight 1.5s ease-out;
    animation-delay: 2s;
    animation-fill-mode: backwards;
    text-align: center;
    position: absolute;
    bottom: 34%;
    left: 0px;
    width: 58.6%;
    color: #fff;
}

#views_slideshow_cycle_div_slide_show-block_0 .btext,
#views_slideshow_cycle_div_slide_show-block_3 .btext{
    left: unset !important;
    right: 0 !important;
    animation: movesInLeft 1.5s ease-out;
}

#views_slideshow_cycle_div_slide_show-block_1 .btext,
#views_slideshow_cycle_div_slide_show-block_2 .btext {
    bottom: 51%;
    width: 58%;
}

#views_slideshow_cycle_div_slide_show-block_1 .btext {
    width: 65%;
}

#views_slideshow_cycle_div_slide_show-block_2 .btext{
    bottom: 34%;
    width: 60%;
}

#views_slideshow_cycle_div_slide_show-block_3 .btext {
    bottom: 44%;
    width: 63%;
}


@keyframes movesInRight{

    0%{
        opacity: 0;
        transform: translateX(-18em);
    }

    100%{
        opacity: 1;
        transform: translate(0);
    }
}

@keyframes movesInLeft{

    0%{
        opacity: 0;
        transform: translateX(36em);
    }

    100%{
        opacity: 1;
        transform: translate(0);
    }
}

#vscc_controls_next_slide_show-block a,
#block-views-block-complaints-status-block #vscc_controls_next_complaints_status-block a{
    background: url('../images/next.png') no-repeat;
    right: 2em;
}

#vscc_controls_previous_slide_show-block a,
#block-views-block-complaints-status-block #vscc_controls_previous_complaints_status-block a{
    background: url('../images/prev.png') no-repeat;
    left: 2em;
}

#vscc_controls_next_slide_show-block a,
#block-views-block-complaints-status-block #vscc_controls_previous_complaints_status-block a,
#block-views-block-complaints-status-block #vscc_controls_next_complaints_status-block a,
#vscc_controls_previous_slide_show-block a{
    background-size: contain;
    height: 37px;
    width: 23px;
    position: absolute;
    top: 50%;
    z-index: 9;
    color: transparent;
}

#vscc_controls_next_slide_show-block a img,
#block-views-block-complaints-status-block #vscc_controls_previous_complaints_status-block img,
#block-views-block-complaints-status-block #vscc_controls_next_complaints_status-block img,
#vscc_controls_previous_slide_show-block a img{
    opacity: 0;
}

#block-views-block-complaints-status-block span.vscc-resume.vscc-disabled {
    opacity: 0;
}

/* ----------------------------------------- */
/* BANNER 2 BENEFICIARIES DETAILS */
/* ----------------------------------------- */

#block-views-block-complaints-status-block, #block-block-15{
	background: url('../images/Image.jpg') no-repeat fixed center / cover;
	display: block;
	width: 100%;
	height: auto;
	padding: 75px 1em;
}

.views-row.views-row-4.views-row-even.views-row-last.col-sm-3 .phmic-title{
    text-align: right;
    font-family: 'Noori';
        font-size: 15px;
}

.section-header{
	font: 60px alegreyaB;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 1em;
}

.beneficiaries-header {
    margin: 0px;
    font-size: 55px;
}

.beneficiaries-date {
    font: 40px alegreyaR;
    color: #fff;
    text-align: center;
    margin-bottom: 0em;
    font-weight: bold;
}

.stats-inner {
    height: 420px;
    width: 260px;
    max-width: 100%;
    margin: 0 auto;
    background-color: #135093;
    text-align: center;
    padding: 3em 1em;
    border: 1px solid #fff;
}

#block-views-block-complaints-status-block .views-row-1 .stats-logo,
.bfe-logo{
	background: url('../images/Icon-1.png') no-repeat center;
	height: 117px;
	width: 66px;
	margin: 0 auto 2em;
}

#block-views-block-complaints-status-block .views-row-2 .stats-logo,
.hv-logo{
	background: url('../images/Icon-2.png') no-repeat center;
	height: 117px;
	width: 90px;
	margin: 0 auto 2em;
}

#block-views-block-complaints-status-block .views-row-3 .stats-logo,
.pa-logo{
	background: url('../images/Icon-3.png') no-repeat center;
	height: 117px;
	width: 135px;
	margin: 0 auto 2em;
}

.stats-title {
    font: 22px alegreyaM;
    color: #fff;
    min-height: 48px;
    margin-bottom: 1em;
}

.count, .stats-figures{
	background-color: #fff;
	font: 60px alegreyaM;
	color: #03468D;
}

.stats-date {
    font: 22px alegreyaM;
    color: #fff;
    margin-top: 8px;
}

/* ----------------------------------------- */
/* BANNER 3 INITIATIVES */
/* ----------------------------------------- */

.initiatives-col-right {
    padding: 0px;
}

.initiatives-img{
	background: url('../images/initiatives.jpg') no-repeat center;
	background-size: cover;
	height: 480px;
	width: 100%;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}

.initiatives-col-left {
    padding: 2em;
    height: 480px;
}

.initiatives-header {
    font: 30px alegreyaB;
    color: #4f7dae;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.initiatives-para {
    font: 17px myriadR;
    color: #333;
    text-align: justify;
    line-height: 2;
    margin-bottom: 0.9em;
}

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

#block-banner4helpline {
	background: url('../images/helpline-1.jpg') no-repeat center;
	background-size: cover;
    height: 676px;
    width: 100%;
    padding: 12em 8em 10em 33em;
}

.helpline-header {
    font: 60px alegreyaB;
    color: #fff;
    text-transform: uppercase;
}

.helpline-tagline {
    background-color: #019f52;
    padding: 10px;
    font: 25px alegreyaR;
    color: #fff;
    text-transform: uppercase;
}

.helpline-no-wrap {
    background-color: #333;
    padding: 30px 13px;
    color: #fff;
}

.helpline-no {
    font: 66px myriadR;
    margin-bottom: 15px;
}

.helpline-para {
    font: 20px myriadR;
    line-height: 2;
}

.helpline-email a{
    color: #019F52;
    padding: 0 5px;
}

.eligibility-wrap {
    background-color: #1D5998;
    color: #fff;
    padding: 10px 13px;
}

.helpline-btn {
    display: block;
    margin-top: 25px;
}

/* ----------------------------------------- */
/* BANNER 5 HIGHLIGHTS */
/* ----------------------------------------- */

.high-img{
	background: url('../images/Client Sample-10.png') no-repeat center;
	background-size: cover;
	height: 480px;
	width: 100%;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}

#block-views-block-highlights-block-1 {
    padding: 1.5em 3em;
    height: 480px;
}

.banner2_left.col-xs-12.col-sm-6.d-table-cell {
    padding: 0;
}

#block-views-block-highlights-block-1 .view-content {
    margin-bottom: 0.9em;
}

.high-title ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.high-title ul li {
    padding: 22px 0;
    padding-left: 20px;
    text-align: justify;
    border-bottom: 1px solid #333;
    position: relative;
}

#block-views-block-highlights-block-1 .views-row-last .high-title ul li {
    border: 0px;
}

.high-title ul li a {
    font: 17.5px alegreyaR;
    color: #333;
    text-decoration: none;
}

.high-title ul li a::before {
    content: '';
    display: inline-block;
    height: 6px;
    width: 6px;
    background-color: #019f52;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    left: 5px;
}

/* ----------------------------------------- */
/* BANNER 6 FAQ */
/* ----------------------------------------- */

.faq-col-left {
        height: 688px;
    padding: 3.5em 3em;
}

.faq-header {
    font: 30px alegreyaB;
    color: #009f57;
    text-transform: uppercase;
    margin-bottom: 1em;
}

.faq-body-wrap {
    padding-left: 1.5em;
}

.faq-content-wrap {
    margin-bottom: 2.2em;
}

.faq-q {
    margin-bottom: 8px;
    position: relative;
    font: 20px alegreyaB;
    color: #366AA4;
    cursor: pointer;
}

.faq-q::before {
    content: '';
    display: inline-block;
    height: 8px;
    width: 8px;
    background-color: #03468d;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    left: -1.5em;
}

.faq-q a {
    font: 18px alegreyaB;
    color: #366AA4;
    text-decoration: none;
}

.faq-ans {
    font: 17.5px alegreyaR;
    color: #333;
}

.faq-col-left .site-btn-wrap {
    margin-top: 3em;
}

.gallery-img-wrap {
    padding: 0px;
}

.gallery-img{
	display: block;
	background: url('../images/Client Sample-11.png') no-repeat center;
	background-size: cover;
	    height: 688px;
	width: 100%;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}

/* ----------------------------------------- */
/* BANNER 7 CONTACT US */
/* ----------------------------------------- */

.contactus-col-left, .contactus-col-right {
    padding: 0px;
}

.contact-details-wrap {
    background-color: #1a1a1a;
    height: 520px;
    color: #fff;
    padding: 6em 2em;
}

.contact-header {
    font: 45px alegreyaB;
    text-transform: uppercase;
    margin-bottom: 22px;
}

.contact-title {
    font: 22px alegreyaR;
    margin-bottom: 2em;
}

.contact-list, .contact-email a{
    font: 19px alegreyaR;
    color: #fff;
    text-decoration: none;
}

.contact-add, .contact-phone-container{
    margin: 1.5em 0;
}

.contact-ph {
    padding-left: 17px;
}

.contact-icon {
    display: inline-block;
}

.contact-add-icon{
	background: url('../images/Untitled-11.png') no-repeat center;
	height: 19px;
	width: 15px;
}

.contact-phone-icon{
	background: url('../images/Untitled-12.png') no-repeat center;
	height: 14px;
	width: 14px;
}

.contact-email-icon{
	background: url('../images/Untitled-13.png') no-repeat center;
	height: 12px;
	width: 15px;
}

.map-wrap iframe {
    height: 515px;
}

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

.footer-upper {
    background-color: #009f57;
    padding: 10px 35px;
    color: #333;
    margin-top: -2px;
}

.footer-links {
    padding: 12px 0;
    color: #fff;
}

.footer-links a {
    font: 16px alegreyaR;
    color: #fff;
    margin: 0 18px;
}

.footer-tagline {
    font: 18px alegreyaM;
    color: #fff;
    text-align: center;
    padding-top: 10px;
}

.social-icons{
    text-align: right;
}

.fb-icon {
    background: url('../images/Facebook-icon.png') no-repeat;
}

.twitter-icon {
    background: url('../images/twter-icon.png') no-repeat;
}

.linked-icon {
    background: url('../images/linkin-icon.png') no-repeat;
}

.insta-icon {
    background: url('../images/insta-icon.png') no-repeat;
}

.social-icon {
    background-size: contain;
    display: inline-block;
    height: 39px;
    width: 38px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 5px;
}

.footer-bottom-wrap {
    background-color: #366aa4;
    padding: 16px 35px;
}

.footer-bottom-wrap, .footer-bottom-wrap a{
	font: 15px alegreyaR;
	color: #fff;
}

.power-sec {
    text-align: right;
}

.power-sec a {
    color: #fff;
}

/* ----------------------------------------- */
/* Sahulat Card Page */
/* ----------------------------------------- */
.sahulat-card-page{}
.sahulat-row{
    display: flex;
    justify-content: center;
}
.sahulat-col{}
.sahulat-card-page .links-wrap{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 1em;
}
.sahulat-card-page .sahulat-link{
    display: block;
    padding: 1em;
    background-color: #f2f2f2;
    text-decoration: none;
    margin-bottom: 20px;
    text-align: center;
    transition: all 0.6s ease-in-out;
}
.sahulat-card-page .sahulat-link:hover,
.sahulat-card-page .sahulat-link:focus{
    background-color: rgba(9, 98, 34, 0.7);
    color: #fff !important;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
.sahulat-card-page .sahulat-link span{
    display: block;
    padding: 0.5em;
} 
.sahulat-card-page .img-wrap{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 400px;
    height: 100%;
    max-width: 100%;
    overflow: hidden;
    margin: 0 auto;
}
.sahulat-card-page .img-wrap img{
    width: 100%;
    height: auto;
}

/********* SEHAT CARD Block 18-01-22 **********/

.page-node-611 #page-title, .page-node-563 #page-title{
  display: none;
}

.sehat-boxes {
  padding: 5em 5em 2em;
}

.sehat-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.sehat-items a{
    text-decoration: none;
}

.sehat-item {
  width: 215px;
  height: 258px;
  background-color: #366AA4;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  text-align: center;
  padding: 0 1em;
  color: #fff;
  border-radius:  12px;
  margin-bottom: 3em;
  padding-top:  2em;
  transition: all 0.6s ease-in-out;
}

.sehat-item:hover{
    background-color: #009F57;
}

.google-icon {
  display: inline-block;
  margin-bottom: 5px;
}

.sehat-english-title {
  font: 16px myriadR !important;
  color: #fff !important;
  min-height: 38px;
}

.sehat-urdu-title {
  font: 15px noori !important;
  color: #fff !important;
  min-height: 80px;
  direction:  rtl;
}


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

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

	.initiatives-header{
		font-size: 28px;
	}

	.high-title ul li a{
		font-size: 15px;
	}

	.footer-links a{
		margin: 0 10px;
	}
    .sahulat-card-page .img-wrap{
        width: 400px;
    }
}

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

	#block-views-block-complaints-status-block{
		padding: 75px 0;
	}

	.initiatives-header {
	    font-size: 20px;
	}

	.initiatives-para {
	    font-size: 16px;
	}

	#block-banner4helpline{
		height: auto;
		padding: 6em 8em 6em 33em;
	}

	.high-title ul li{
		padding: 15px 0;
		padding-left: 20px;
	}

	.faq-header {
	    font-size: 25px;
	}

	.footer-links a {
	    margin: 0 5px;
	    font-size: 12px;
	}

	.footer-tagline,
	.footer-bottom-wrap, .footer-bottom-wrap a{
		font-size: 12px;
	}

	.social-icons {
	    padding: 0px;
	}
    .sahulat-card-page .img-wrap{
        width: 300px;
    }
}

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

    .navbar-fixed-top {
        position: initial;
    }

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

    .navbar .logo {
        width: 88%;
        margin-top: 0px !important;
        margin-bottom: 0px;
    }

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

    .navbar{
        width: 100%;
    }

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

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

    .navbar-header {
        padding-bottom: 8px;
    }

    .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;
        width: 100%;
        background: #366AA4;
    }

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

    .toggleSearch{
        top: 0px !important;
        position: relative !important;
        right: 8px;
        margin: 0 0 0 auto;;
    }

    #edit-search-block-form--2{
        /*right: 1.5em;
        top: 17.1em;*/

        top: 1px !important;
        right: 9px !important;
        height: 30px !important;
        width: 85% !important;
    }

    .site-govt-logo {
        /*background-size: contain;
        height: 40px;
        right: 5em;
        top: 6px;
        z-index: 999;*/

        display: none;
    }

    body.navbar-is-fixed-top {
        padding-top: 0 !important;
    }

    #block-views-block-complaints-status-block, #block-block-15 {
        padding: 2em 0 1em;
    }

    #vscc_controls_next_slide_show-block a,
    #vscc_controls_previous_slide_show-block a{
        height: 20px;
        width: 20px;
    }

    #block-views-block-complaints-status-block {
        padding: 35px 0 15px;
    }

    .section-header {
        font-size: 25px;
    }

    .site-btn {
        height: 35px;
        width: 100px;
        line-height: 35px;
        font-size: 13px;
    }

    .beneficiaries-date {
        font-size: 25px;
        margin-bottom: 0.5em;
    }

    .stats-inner {
        height: auto;
        margin-bottom: 2em;
    }

    .count, .stats-figures {
        font-size: 30px;
    }

    #block-views-slide-show-block {
        margin: 0;
    }

    .btext {
        font-size: 14px;
    }

    .initiatives-img,
    .high-img,
    .gallery-img{
        height: 300px;
    }

    .initiatives-row, .faq-row{
        display: flex;
        flex-direction: column;
    }

    .initiatives-col-left, .faq-col-left{
        order: 2;
    }

    .initiatives-col-left {
        height: auto;
    }

    .initiatives-header {
        font-size: 25px;
    }

    .initiatives-para {
        font-size: 15px;
        line-height: 1.8;
    }

    #block-banner4helpline {
        padding: 3em 2em;
        height: auto;
    }

    .helpline-header {
        font-size: 35px;
    }

    .helpline-tagline {
        font-size: 18px;
    }

    .helpline-no {
        font-size: 35px;
    }

    .helpline-para {
        font-size: 15px;
    }

    #block-views-block-highlights-block-1 {
        padding: 35px 15px;
        height: auto;
    }

    .high-title ul li a {
        font-size: 15px;
    }

    .high-title ul li {
        padding: 14px 0;
        padding-left: 20px;
    }

    .faq-col-left {
        padding: 2em 20px;
        height: auto;
    }

    .faq-header {
        font-size: 22px;
    }

    .faq-q a {
        font-size: 16px;
    }

    .faq-ans {
        font-size: 15px;
    }

    .contact-details-wrap {
        height: auto;
        padding: 3em 1.5em;
    }

    .contact-header {
        font-size: 30px;
    }

    .contact-title {
        font-size: 18px;
    }

    .contact-list, .contact-email a{
    	font-size: 17px;
    }

    .map-wrap iframe {
        height: 320px;
    }

    .footer-upper {
        padding: 10px 0;
    }

    .footer-links {
        text-align: center;
        padding: 8px 0;
    }

    .footer-links a {
        font-size: 14px;
        margin: 0 8px;
    }

    .footer-tagline {
        padding: 0;
        margin-bottom: 0.75em;
    }

    .social-icons, .power-sec{
        text-align: center;
    }

    .footer-bottom-wrap {
        padding: 10px 0;
        text-align: center;
    }
    /* Shaulat Card page */
    .sahulat-row{
        flex-direction: column;
    }
}


/* =============================
   PHMIC Section
   Prefix: phmic-
   ============================= */

.phmic-section {
  width: 100%;
  background-image: url("/system/files/main-background.png");
  background-size: cover;
  background-position: center;
  padding: 48px 0;
  box-sizing: border-box;
  font-family: 'InterR', Arial, sans-serif;
}

.phmic-container {
  width: 100%;
  margin: 0 auto;
}

/* Top title area */
.phmic-topline {
  text-align: left;
  margin-bottom: 18px;
}

.phmic-top-title {
  font-family: 'AlbertaSB', serif;
  font-size: 18px;
  color: #094A2D;
  letter-spacing: 1px;
  font-weight: 600;
}

.phmic-top-sub {
  font-family: 'InterR';
  font-size: 13px;
  color: #6C6C6C;
  margin-top: 4px;
}

/* Row (flex) */
.phmic-row {
  display: flex;
  gap: 2px;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  margin: 1em;
}

a.phmic-item:hover {
    text-decoration: none;
}

/* Each phmic item (anchor wrapper) */
.phmic-item {
  flex: 1 1 calc((100% - 72px) / 4); /* 4 columns with gaps */
  max-width: 100%;
  text-decoration: none;
  color: inherit;
}

/* Card */
.phmic-card {
  height: auto; 
  background: #ffffff;
  border-radius: 24px;
  padding: 18px;
  box-sizing: border-box;
  position: relative;
  border: 1px solid rgba(59,59,59,0.06);
  box-shadow: 0 8px 24px rgba(0,0,0,0.06);
  transition: box-shadow 0.28s ease, transform 0.28s ease;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

/* Small hover lift via shadow only (no scale) */
.phmic-item:hover .phmic-card {
  box-shadow: 0 18px 40px rgba(0,0,0,0.12);
}

/* Arrow circle (top-right) */
.phmic-arrow {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #094A2D;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity: 0;
  transform: translateY(0);
  transition: opacity 0.28s ease;
  z-index: 5;
}

.phmic-arrow img {
      width: 44px;
    height: 44px;
  /* filter: invert(1); */
}

/* show arrow on hover */
.phmic-item:hover .phmic-arrow {
  opacity: 1;
}

#block-views-block-complaints-status-block a:hover,
#block-views-block-complaints-status-block a:focus,
#block-views-block-complaints-status-block a:focus-within{
    text-decoration: none;
}


/* Thumbnail */
.phmic-thumb {
      width: 100%;
    height: auto;
  border-radius: 12px;
  overflow: hidden;
  margin: 14px 0;
      margin-bottom: 0.2em;
  align-self: flex-start;
}

.phmic-thumb img {
     width: 100%;
    height: auto;
    margin: 0 auto;
  object-fit: fill;
  display:block;
}

/* Content area */
.phmic-content {
      padding: 6px 2px 3px 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex-grow: 1;
}

/* top meta */
.phmic-topmeta {
  display:flex;
  flex-direction:column;
  gap:6px;
  align-items:flex-start;
}

/* small meta text */
.phmic-meta1 {
  font-family: 'InterM';
  font-size: 20px;
  color: #5C5C5C;
}

/* title */
.phmic-title {
  font-family: 'InterB';
  font-size: 20px;
  color: #5C5C5C;
  font-weight:700;
}

/* Figure stats */
.phmic-figure {
  margin-top: 6px;
}

.phmic-figure-num {
  font-family: 'AlbertaSB';
  font-size: 40px;
  color: #019F52;
  line-height: 1;
  display:block;
  text-align:left;
}

/* body text */
.phmic-body {
  font-family: 'InterR';
  color: #6C6C6C;
  font-size: 14px;
  line-height: 1.5;
  
  text-align:left;
  margin-top:auto; /* keep body at bottom area */
  
}

/* special: last child urdu card align right */
.phmic-row .phmic-item.phmic-urdu .phmic-topmeta,
.phmic-row .phmic-item.phmic-urdu .phmic-title,
.phmic-row .phmic-item.phmic-urdu .phmic-body {
  text-align: right;
}

/* make sure last card content aligns right for Urdu */
.phmic-row .phmic-item.phmic-urdu .phmic-figure-num {
  text-align: right;
}

/* =================
   RESPONSIVE
   ================= */

@media (max-width: 1100px) {
  .phmic-item { max-width: 48%; flex: 1 1 48%; }
  .phmic-thumb { width: 100%; max-width: 420px; height: auto; aspect-ratio: 279 / 172; }
  .phmic-card { height: auto; padding-bottom: 20px; }
  .phmic-figure-num { font-size: 36px; }
}

@media (max-width: 768px) {
  .phmic-container { width: 92%; }
  .phmic-item { max-width: 100%; flex: 1 1 100%; }
  .phmic-row { gap: 18px; }
  .phmic-card { height: auto; padding: 16px; }
  .phmic-thumb { width: 100%; height: auto; }
  .phmic-title { font-size: 18px; }
  .phmic-meta1 { font-size: 16px; }
  .phmic-figure-num { font-size: 32px; }
  .phmic-body { font-size: 15px; }
  .phmic-arrow { top: 12px; right: 12px; width:38px; height:38px; }
}

/* Very small mobile */
@media (max-width: 420px) {
  .phmic-topline { text-align:center; }
  .phmic-top-sub { display:block; margin-top:6px; }
  .phmic-top-title { font-size: 16px; text-align:center; }
  .phmic-figure-num { font-size: 28px; }
  .phmic-body { font-size: 14px; }
  .phmic-thumb { border-radius:10px; }
  .phmic-arrow { width:34px; height:34px; }
}

/* Large wide screens adjustments */
@media (min-width: 1600px) {
  .phmic-card { height: 560px; }
  .phmic-figure-num { font-size: 48px; }
}
/* custom popup */
        .popuptitle {
            display: none;
        }

        /* The Modal (background) */
        .modal {
            display: none;
            /* Hidden by default */
            position: fixed;
            /* Stay in place */
            padding-top: 100px;
            /* Location of the box */
            left: 0;
            top: 0;
            width: 100%;
            /* Full width */
            height: 100%;
            /* Full height */
            overflow: auto;
            /* Enable scroll if needed */
            background-color: rgb(0, 0, 0);
            /* Fallback color */
            background-color: rgba(0, 0, 0, 0.4);
            /* Black w/ opacity */
            z-index: 999999999999999999;
        }

        /* Modal Content */
        .modal-content {
            position: relative;
            background-color: #fefefe;
            margin: auto;
            padding: 0;
            border: 1px solid #888;
            width: 80%;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            -webkit-animation-name: animatetop;
            -webkit-animation-duration: 0.4s;
            animation-name: animatetop;
            animation-duration: 0.4s;
            width: 580px;
        }

        /* Add Animation */
        @-webkit-keyframes animatetop {
            from {
                top: -300px;
                opacity: 0
            }

            to {
                top: 0;
                opacity: 1
            }
        }

        @keyframes animatetop {
            from {
                top: -300px;
                opacity: 0
            }

            to {
                top: 0;
                opacity: 1
            }
        }

        /* The Close Button */
        .close {
            color: black;
            float: right;
            font-size: 28px;
            font-weight: bold;
            z-index: 2;
            position: absolute;
            top: 20px;
            right: 20px;
            opacity: 1;
        }

        .close:hover,
        .close:focus {
            color: #000;
            text-decoration: none;
            cursor: pointer;
        }

        .modal-header {
            padding: 0;
            min-height: auto;
            border-bottom: none;
        }

        .modal-body {
            padding: 0;
        }

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

        .modal-footer {
            padding: 2px 16px;
            color: white;
        }


       .banner2 .views-slideshow-cycle-main-frame,
.banner2 .views-slideshow-cycle-main-frame-row,
.banner2 .views_slideshow_cycle_slide {
    width: 100% !important;
}


/* ==========================================
Fix the Main menu 
========================================== */
/* =========================================
   PHIMC HOMEPAGE NAVIGATION - D7 DESIGN
   ========================================= */

@media (min-width: 768px) {

    /* Homepage header layout */
    body.path-frontpage #navbar {
        display: flex !important;
        flex-direction: column !important;
        position: relative !important;
        width: 100%;
    }

    /* White logo/header area */
    body.path-frontpage #navbar > .navbar-header {
        order: 1;
        width: 100%;
        position: relative;
    }

    /* Blue menu directly below header */
    body.path-frontpage #navbar > .navbar-collapse {
        order: 2;
        position: relative !important;
        top: auto !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        width: 100% !important;
        z-index: 99;
        background-color: #366aa4;
    }

    /* Remove unnecessary bottom spacing */
    body.path-frontpage {
        padding-bottom: 0 !important;
    }

    /* Preserve government logo visibility */
    body.path-frontpage .site-govt-logo {
        display: block !important;
        z-index: 100 !important;
    }
}

/* ================================================
End PHMIC 
================================================= */