.color-switcher,
.color-switcher .breadcrum,
.color-switcher .header-top,
.color-switcher .navigaiton ul.first-level-sub-menu,
.color-switcher .navigaiton ul.second-level-sub-menu,
.color-switcher .navigaiton>ul ul.third-level-sub-menu,
.color-switcher .select-drp.open li:not(.current),
.color-switcher .tab-container,
body.color-switcher .mobile-menu-wrapper-box,
body.color-switcher .officer-contact-form select option {
    background-color: #000 !important;
}
.color-switcher .dark,
.color-switcher .font-change-change a,
.color-switcher .header-top-left,
.color-switcher .skip-main-content a,
.color-switcher nav .navigaiton ul li a,
.color-switcher p,
.color-switcher section.tab-sec .tab-handler li,
.officer-contact-form textarea,
body.color-switcher,
body.color-switcher #inner-page p,
body.color-switcher .announcement-wrapper ul li,
body.color-switcher .breadcrum-nav li a,
body.color-switcher .division-inner .division-text,
body.color-switcher .division-mobile-wrapper ul>li>a,
body.color-switcher .feedbackRow input:not([value=Reset]),
body.color-switcher .feedbackRow label,
body.color-switcher .feedbackRow select,
body.color-switcher .feedbackRow strong,
body.color-switcher .feedbackRow textarea,
body.color-switcher .inner-main-heading,
body.color-switcher .mobile-menu-updated>ul>li ul>li a,
body.color-switcher .month,
body.color-switcher .officer-contact-form input,
body.color-switcher .officer-contact-form select,
body.color-switcher .officer-contact-form textarea,
body.color-switcher .parallel-tab-text p a,
body.color-switcher .sabha-data-table a,
body.color-switcher .sabha-data-table td,
body.color-switcher .select-drp li a,
body.color-switcher .sidebar-inner ul li a,
body.color-switcher .tab-common .announcement-description p,
body.color-switcher .tab-sabha li,
body.color-switcher .trade-statistic-single h4,
body.color-switcher .whats-new-calander span,
body.color-switcher .whats-new-heading,
body.color-switcher .year,
body.color-switcher section#inner-page .officer-contact-form.whats-new-form ul li span,
/* add waqar */
 body.color-switcher .till-color,
 body.color-switcher .view-more a,
 body.color-switcher .white-nav-footer li a,
 body.color-switcher .info-mnstr strong,
 body.color-switcher a.gem-link,
 body.color-switcher .division-individual .tab-item-heading,
 body.color-switcher .share_with_icon,
 body.color-switcher .screen-reader-access-redirect a,
 body.color-switcher .view-more span.trade-statistic-single-btn,
 body.color-switcher .parallel-tab-date,
 body.color-switcher .common-des,
 body.color-switcher ul.limheight li.parentli a,
 body.color-switcher .whats-new-heading h4{
    color: #fff!important;
    transition: none
}
/* add waqar new class*/
body.color-switcher .parallel-tab-date{ opacity: 1;}
body.color-switcher .white-nav-footer li{ border-left: 1px solid #fff !important;}
body.color-switcher .parallel-tab-date span img{filter: brightness(10);}
body.color-switcher .white-nav-footer li:first-child {border-left: 1px solid transparent !important;}
body.color-switcher .contact-list .common-icon.common-icon-tel{filter: invert(0);}
body.color-switcher .contact-list .common-icon.common-icon-envelop{filter: invert(0);}
body.color-switcher .common-icon.common-icon-web{filter: invert(1);}
body.color-switcher > .whats-new-heading svg path{fill: #fff ;}
body.color-switcher  .whats-new-calander svg {filter: invert(0) !important;}
/* add waqar new class*/

body.color-switcher .sidebar-inner .submenu-submenu-inner li a,
/* add waqar */
body.color-switcher .sidebar-inner ul li a:hover,
body.color-switcher .navigaiton ul li:hover > a,
body.color-switcher .division-individual.active strong, body.color-switcher .division-individual:hover strong,
body.color-switcher .division-individual.active span, body.color-switcher .division-individual:hover span,
body.color-switcher .main-menu-wrapper .current-menu-ancestor > a,
body.color-switcher .sidebar-inner>ul>li.active a,
body.color-switcher .main-menu-wrapper>.current-menu-item a,
body.color-switcher .main-menu-wrapper .current-menu-ancestor.current-menu-parent .current-menu-item a,
body.color-switcher .trade-statistic-single:hover h4,
body.color-switcher #inner-page .trade-statistic-single:hover p,
body.color-switcher  .trade-statistic-single:hover .view-more span.trade-statistic-single-btn,
body.color-switcher .officer-contact-heading > .dark,
body.color-switcher  > .common-des,
body.color-switcher  .common-text,
body.color-switcher .work-details,
body.color-switcher .contact-list > .dark,
body.color-switcher .contact-list .common-des,
body.color-switcher  .officer-contact-form input.reset-button.submit {
    color: #333!important
}

body.color-switcher .acc_ctrl h2:before,
body.color-switcher .common-icon.common-icon-envelop,
body.color-switcher .common-icon.common-icon-fax,
body.color-switcher .common-icon.common-icon-tel,
body.color-switcher .inner-down-arrow img,
body.color-switcher .mobile-down-arrow img,
body.color-switcher .officer-contact-form select img,
body.color-switcher .whats-new-calander svg {
    filter: invert(1)
}

body.color-switcher .mobile-menu-close-icon-inner svg path,
body.color-switcher .mobile-search svg path,
body.color-switcher .whats-new-heading svg path {
    fill: #fff
}

body.color-switcher ul.acc {
    border: solid .5px #fff
}

body.color-switcher .divider {
    border: solid .8px #fff
}

.color-switcher .language-change select {
    border: 1px solid #fff;
    background-image: url(../images/down-arrow-white.svg);
    background-repeat: no-repeat;
    background-position: center right 9px
}

.color-switcher .select-drp span:before {
    background-image: url(../images/down-arrow-white.svg)
}

.color-switcher .select-drp {
    border: 1px solid #fff
}

.color-switcher .language-change select {
    border: 1px solid #fff;
    color: #fff
}



.color-switcher li.nav-icon>a:after {
    background-image: url(../images/down-arrow-white.svg)
}

/* .color-switcher .color-change img { */
    /* background-color: #fff; */
    /* border-radius: 100% */
/* } */
.color-switcher .sub-header ul.social-links li button svg {
    color: #ff6a00 !important;
}
.color-switcher section {
    background: #000 !important;
}
.color-switcher section.tab-sec .tab-handler li.active:after {
    border-bottom: 3px solid #fff
}

.color-switcher .hamberger-menu path,
.color-switcher .nav-home path {
    stroke: #fff
}

body.color-switcher .officer-contact-form input::-webkit-input-placeholder,
body.color-switcher .officer-contact-form select::-webkit-input-placeholder,
body.color-switcher .officer-contact-form textarea::-webkit-input-placeholder {
    color: #fff
}

body.color-switcher .officer-contact-form input::-moz-placeholder,
body.color-switcher .officer-contact-form select::-moz-placeholder,
body.color-switcher .officer-contact-form textarea::-moz-placeholder {
    color: #fff
}

body.color-switcher .officer-contact-form input:-ms-input-placeholder,
body.color-switcher .officer-contact-form select:-ms-input-placeholder,
body.color-switcher .officer-contact-form textarea:-ms-input-placeholder {
    color: #fff
}

body.color-switcher .officer-contact-form input:-moz-placeholder,
body.color-switcher .officer-contact-form select:-moz-placeholder,
body.color-switcher .officer-contact-form textarea:-moz-placeholder {
    color: #fff
}



@media (max-width:1199px){
    .color-switcher .logo-image img, .color-switcher .search-wrapper img {
    /* filter: invert(1) */
}

body.color-switcher .logo-text h2, 
body.color-switcher .mobile-menu-updated ul>li a span { color: #fff;}
body.color-switcher .minister-name, body.color-switcher .minister-designation { color:#fff;}
body.color-switcher .mobile-search svg path {
    fill: #333;
}
}

body.color-switcher .header-bottom .logo-text h2 { color:#000; }
body.color-switcher span.mobile-menu-updated-img svg g .a { stroke: #fff;}


.color-switcher .division-mobile-wrapper ul>li .division-inner li a {
    background-image: none;
    display: flex;
}


body.color-switcher .navigaiton ul.main-menu-wrapper ul, body.color-switcher .navigaiton .main-menu-wrapper li ul.sub-menu li > ul.sub-menu,  body.color-switcher .navigaiton .main-menu-wrapper li ul.sub-menu li > ul.sub-menu ul.sub-menu {

    background-color: #000000;

}

body.color-switcher .inner-sub-bld-heading{
    color: #327c76!important;
}


/*****************/


.color-switcher .sub-header{background: #000;}
.color-switcher .header-area{background-color: #000;}
.color-switcher a{color: #ff6a00 !important;}
.color-switcher span a{color: #ff6a00 !important;}
.color-switcher li span a{color: #ff6a00 !important;}
.color-switcher .sub-header ul.social-links li a{color: #ff6a00}
.color-switcher .sub-header ul.social-links li{color: #ff6a00}
.color-switcher .sub-header ul.social-links li button {
    color: #ff6a00;
    background: #000;
    /* border: 1px solid #fff; */
}
.color-switcher .ozmenu ul.ozmenu-nav>li span {
    color: #ff6a00;
}
.color-switcher .ozmenu ul li.dropdownitem .dropdown ul{background: #000;}
.color-switcher .ozmenu ul li.dropdownitem .dropdown ul li a{color: #ff6a00 !important}
.color-switcher .count-container {
    background-color: #000!important;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.color-switcher button.slide-toggle svg {
    color: #fff;
}
.color-switcher .featured .section-heading h2{color: #fff;}

.color-switcher .counter {
    color: #fff;
}
.color-switcher .counter-container span{ color: #fff;}
.color-switcher .logo img {
    filter: grayscale(100%);
}
.color-switcher .featured.section {background: #000;}
.color-switcher .tab-link a {background: #000 !important;color: #ff6a00;}
.color-switcher .tab-link h4{color:#ff6a00 !important}
.color-switcher .whatsnew {background: #000;}
.color-switcher h2.text-heading {
    color: #fff;
}
.color-switcher .section-heading h2{color: #fff;}
.color-switcher .whatsnew .ann_card {
    background-color: #000;
    border: 1px solid #fff;
}
.color-switcher .whatsnew .ann_card .ann_cardtitle {
    color: #fff;
}
.color-switcher .whatsnew .ann_cardtitle{color: #fff;}
.color-switcher  .whatsnew .ann_cardmid{  background-color: #000;
    border: 1px solid #fff;}
.color-switcher .team-member .main-content {
    background-color: #000;
    border: 1px solid #fff;
}
.color-switcher .team-member .main-content span.category a {
    border: 1px solid #fff;background-color: #000;
}
.color-switcher .properties {
    background: #000;
}
.color-switcher .properties .item {
    background-color: #000;
    border: 1px solid #fff;
}
.color-switcher .main-button a {
    background-color: #000;
    border: 1px solid #fff;
}
.color-switcher marquee li h3 {
    color: #fff !important;
    border-bottom: 2px solid #fff !important;
}
.color-switcher .team-member .main-content h4{color: #fff;}
.color-switcher section.section-padding {
    background-color: #000;
}
.color-switcher .custom-text-box {
    background: #000;
    border: 1px solid #fff;
}
.color-switcher .custom-text-box h2 {
    color: #fff;
}
.color-switcher .custom-text-box h3.media-heading{color: #fff;}
.color-switcher .read-btn a {
    background-color: #000;
    border: 1px solid #fff;
}

.color-switcher .twitterouter {
    border: 1px solid #fff;
}
.color-switcher .services {
    background: #000;
	padding: 0 0px;
}
.color-switcher .service-item {
    background-color: #000;
    border: 1px solid #fff;
}
.color-switcher .service-item h4 {
color: #fff;}
.color-switcher .services .section-heading h2{color: #fff;}
.color-switcher footer {
    background: #000;
    padding:30px 0px 30px 0px;
	margin-top: 0;
	    border-top: 1px solid #fff;
}
.color-switcher footer p {line-height: 0;}

.color-switcher a img {
    filter: grayscale(100%);
}

.color-switcher .team-member img{filter: grayscale(100%);}
.color-switcher .ozmenu ul.ozmenu-nav>li a{color: #ff6a00 !important;}
.color-switcher .main-banner .item {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
}
.color-switcher .media-body a h3 span {
    background: #000;
    border: 1px solid #fff;
}
.color-switcher .custom-text-box.bdr.mb-lg-0 {
border-bottom: 5px solid #fff;}
.color-switcher .footer-logo button.owl-dot{background:#000 !important;border:1px solid #fff !important;}
.color-switcher .sidebar-col .field__item {
background-color: #000;}
.color-switcher .field--name-field-heading-plain-long{color: #fff;}
.color-switcher .field--name-field-heading-plain-long::before{background: #fff;}
.color-switcher .field--name-field-description-formatted-long li::before{background: #fff;}
.color-switcher  .field--label-hidden.field__item tr td {
    border: 1px solid #fff;
    background: #000;
}
.color-switcher .field--label-hidden.field__item tr:first-child td{ background: #000;}
.color-switcher .field--label-hidden.field__item tr:nth-child(2) td{ background:#000 !important}
.color-switcher .paragraph--type--design-layout-3c {
    box-shadow: none;
    border: 1px solid #fff;
    margin-bottom: 30px;
}
.color-switcher .right-items a {
    background: #000;
}
.color-switcher .sl-nav li:hover ul {
background: #000;}
.color-switcher .sl-nav li ul li span:hover, .sl-nav li ul li span.active {
    color: #ff6a00 !important;
}
.color-switcher .sl-nav li:hover .triangle:after {
    background: #000;
}
.color-switcher .properties .item span.category {
background-color: #000;}
.color-switcher .box-inner-box {
    background-color: #000;
    border: 1px solid #fff;
}
.color-switcher .box-inner-box a h3{color: #ff6a00}
.color-switcher section.tabs-wrapper{background: #000;}
.color-switcher .team{background: #000;}
.color-switcher .tabs > ul li a.active{background: #000;}
.color-switcher .tabs section{background: #000;}
.color-switcher .tabs section > * {
    color: #fff;
}
.color-switcher .tabs {
    border: 1px solid #fff;
}
.color-switcher .tabs > ul li a {
    border: 1px solid #fff;
	background: none;
}
.color-switcher .tabs > ul li a.active{color: #fff !important;}
.color-switcher .scheme-img-text {
    box-shadow: none;
    border: 1px solid #fff;
}
.color-switcher .scheme-img-text:hover{box-shadow: none;}
.color-switcher .scheme-img-text h3{color:#fff}
.color-switcher .scheme-colm .col-md-12.text-center a {
    box-shadow: none;
    background: no-repeat;
    border: 1px solid #fff;
}
.color-switcher section.menu-sec {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background: #000;
}


/*****************/