/*---- blind class -----*/
body, header, footer, h1, h2, h3, h4, h5, h6, p, span, strong, .card, .sub-menu-block, .homepage-howToRegister .overlay, 
.latest-news-item .Day, .latest-news-item .Month, .latest-news-item .Date, .newdesccontainer .latest-news-item .Date, .newscontainer .news-img img,
.newscontainer,
.about-section-1, .about-section-2, .about-section-3, .why-qatar .overlay, .footer, .footer .overlay, .mainMenu .ic.menu.opened~.main-nav.activeMenu, .card *,
.breadcrumb-section, .modal-body-content, .modal-header,
.contact-form, .faq-section .content-block, .contact-details, .intorg-section,.listingBox,
.eventdesc-container, .newscontainer, .newdesccontainer, .achievement-container, .usefullinks-container, .generalsec, .tasktermcontainer,
.weather-icon, .committee-section, .committee-section div, .committee-section span, .committee-section p, .committee-section strong , .header-welcome{
    background-color: #000000 !important;
    color: #FFF !important;
}
.header, .footer-main .footer-top, .footer-main .footer-bottom {
    background: #000000 !important;
    color: #FFF !important;
}
.moj-tabs .nav-item .nav-link {
    background: #000000 ;
    color: #FFF ;
}
img, video, iframe, .owl-theme .owl-nav button, .skipLink {
    -webkit-filter: grayscale(100%) !important;
    -moz-filter: grayscale(100%) !important;
    -ms-filter: grayscale(100%) !important;
    -o-filter: grayscale(100%) !important;
    filter: grayscale(100%) !important;
    filter: gray !important;
    /* IE 6-9 */
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
}
.let-connect .let-connect-bg, .last-updates,
.emir-content .card q, .emir-content .card blockquote, .main-banner {
    background: none;
}
.our-portfolio,
.bannerOverlayItem .hoverItem, .latest-news-item,  .searchResult .allItems,
.services-carousel .swiper-slide, .footer-carousel .swiper-slide,
.card, .news-category-block, .borderRounded, .borderRounded-2, .hp3-blocks-card, .homepage-mediaCenter .card .card-img-top, .management-img, .modal-content, .modal-body-content {
    border: 1px solid #FFF !important;
    border-radius: 0 !important;
}
.banner-bg > img{
    display: none;
}
.banner-bg{
        min-height: 200px;
    border-bottom: 1px solid;
}

.brandColor, .color-grayed, .color-gray, a.active, 
a.current, .current>a,
a.active i, .active>a i, a.current i, .current>a i,
a.active i.fa, .active a i.fa,
a.active i.bi, .active a i.bi,
a.active i.icon, .active a i.icon,
a.current i.fa, .current>a i.fa,
a.current i.bi, .current>a i.bi,
a.current i.icon, .current>a i.icon,
.swiper-button-next.swiper-button-disabled:after, 
.swiper-button-prev.swiper-button-disabled:after,
.pagination-section .page-item.disabled .page-link, 
.breadcrumb-item.active, .modal-body-content *,
.breadcrumb-item+.breadcrumb-item::before {
    color: #FFF !important;
}
.gal-item .caption *,
a.overlay, .overlay *, .homepage-banner .carousel-caption.tint-bg,
.hp3-blocks-card .overlay, .hp-bs-card .overlay, .homepage-successStories, .hp-ss-bg,
.map-location, .map-location .icon, .map-location img, .about-banner .overlay, .main-heading h2::before, .main-heading h3::before {
    background: transparent !important;
}

a, a *, .card a, .card a *, .fixedSetupBtn a, .btn-link, a.btn-link, .moreLinkTxt a.btn-link, .lang-icon, .navbar-toggler, .with-dropdown:after,
.owl-theme .owl-dots .owl-dot span,  
.member-carousel-actions button, .council-section, .council-card, .council-section .serv-text {
    background-color: #000000 !important;
    color: yellow !important;
}
.map-location img {
    filter: none !important
}
.slider-btn, .fixedSetupBtn a, .btn-outline-grey, .btn-outline-white, .btn-brand, .scrollTop,
.businessServices-block .swiper-button-next, .businessServices-block .swiper-button-prev,
.homepage-banner .swiper-button-next, .homepage-banner .swiper-button-prev, .businessServices-block .swiper-button-next, .businessServices-block .swiper-button-prev, .infoCenter-block .swiper-button-next, .infoCenter-block .swiper-button-prev, .archiveNews-swiper-button,
.btn-brand,
.btn-brand-outline,
.btn-brand-bg, .date-box,
.btn-brand-white,
.ministry-news-tabs .nav-tabs li button, .main-menu li>.nav-dropdown, .tab-btn {
    border: 1px solid yellow !important;
    background-color: #000000 !important;
}
.bannerTxt,
.generalsec, .tasktermcontainer, .const-accordion .accordion-body, .searchResult .allItems,
.overlay h1, .overlay h2, .overlay h3, .overlay h4, .overlay h5, .overlay h6, .overlay a, .overlay button, .mainMenu ul.main-nav>li ul.sub-menu-lists, .news-category-block,
.archiveNewsTabs .tabs a.current::before {
    background-color: #000000 !important;
}
.header.fixed, .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled,
.archiveNewsTabs .tabs .swiper-slide, .pagination-section .page-item.active .page-link, .archiveNewsTabs .tabs a::before, [data-tooltip]:before,
.cardIconBox {
    border-color: #FFF !important;
}
header, footer {
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
}

.mainMenu ul.main-nav>li>a.mega-menu>span:after {
    border-top-color: #FFF;
}
.mainMenu ul.main-nav>li:hover>a.mega-menu span:after, .mainMenu ul.main-nav>li:focus-within>a.mega-menu span:after {
    border-bottom-color: #FFF;
}

[data-tooltip]:before {
    color: #000 !important;
}
.const-accordion .accordion-button, .const-accordion .accordion-button:not(.collapsed), .const-accordion .accordion-button::before,
ol.listingRow li::before, .const-accordion .nav li button, 
.main-menu,  .filterBox, .listingTitle, .listingHead, .listingBody, .tab-btn[aria-expanded="true"], .tab-btn.active,
.ministry-news-tabs .nav-tabs .nav-item.show .nav-link, .ministry-news-tabs .nav-tabs .nav-link.active,
.expandCollapse .accordion-item,
.map-body select, .filterBox select, .filterBox input{
    border: 1px solid yellow !important;
    background-color: #000000 !important;
    color: #FFF !important;
}
a.brandColor, .brandColor a, .color-grayed a, a.color-grayed, .color-gray a, a.color-gray,
.newsImgOverlay-card .overlay a, a i, a i.fa, a i.bi, a i.icon,
.swiper-button-next i, .swiper-button-prev i, .archiveNews-swiper-button:after,
.modal-body-content * a, .modal-body-content a *,
.btn-brand,
.btn-brand-outline,
.btn-brand-bg, .date-box,
.btn-brand-white,
.events-card a,
.events-card h3 a,
.ministry-news-tabs .nav-tabs li button,
.const-accordion .nav li button,
.expandCollapse .accordion-button {
    color: yellow !important;
}
.listingCol p::before, .listingCol p::after,
.bannerOverlayItem .hoverItem::before,
.btn-brand-white.active,
.ministry-news-tabs .events-card p,
.dateRow,
.ministry-news-tabs .dateRow i,
.const-accordion .nav li button.active,
.expandCollapse .accordion-button:not(.collapsed),
.main-menu .nav-item .nav-link.active {
    color: #FFF !important;
}
.modal-header .btn-close, .main-menu .nav-link.active::before {
    opacity: 1;
    background-color: yellow;
}


.header .logo img, .homepage-body-content,
.homepage-banner, .homepage-banner .overlay, .footer, .map-body .card *, .map-img>img {
    background: none !important;
}
.logo, .logo *,
.main-menu .nav-item .nav-link.active::before,
.access-icons, .access-icons *,
* .header a.logo, .listingCol p::after, .map-body .card .map-callout,
.chart-body::after, .singleColNodes::before, .org-row:not(.org-row-first) .org-node::before, .sub-rows::before, .org-node.left-node:after, .org-node.right-node:after {
    background: #FFF !important;
}
.pr-content, .event-row,
.org-node, .off-node, .const-accordion .accordion-body,
.contact-form, .faq-section .content-block, .contact-details,
.let-connect .let-connect-bg {
    border:  1px solid #FFF !important;
}
.weather-search, .weather-text, .form-control, .form-select,
.form-control::placeholder {
    background-color: #FFF !important;
    color: #000 !important;
}
.form-control, .form-select, .map-callout {
    border:  1px solid #000 !important;
}
.main-menu .nav-link:hover, .main-menu .nav-item:hover .nav-link, .main-menu .nav-item:focus-within .nav-link {
    color: yellow;
    border-bottom: 3px solid yellow;
}
.accordion-button img {
  background: white;
  padding: 2px;
}
.latest-news-item .BorderBottom,
.homepage-media .pr-card,
.homepage-media .events-card,
.footer-items .card {
    border: 0!important;
}
.news-list .card img, .pr-content, .event-row,
.contact-form, .faq-section .content-block, .contact-details,
.expandCollapse .accordion-item,
.accordion-item:first-of-type .accordion-button {
    border-radius: 0 !important;
}
.events-card .date-box.card {
    margin: 0.5rem;
}
.news-list .card {
    padding: 0.5rem;
}
.gal-container .gal-item::before,
.gal-container .gal-item .caption,
.gal-container .gal-item:hover .caption, 
.gal-item:hover .caption {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;
}
.alert-success, .alert-warning, .alert-danger {
  color: #FFF;
  background-color: #000;
  border-color: #FFF;
  font-weight: bold;
}

@media (min-width: 1200px) {
.main-menu li.with-dropdown:after {
    color: yellow;
}
}
@media only screen and (min-width: 1024px) {
    .mainMenu ul.main-nav>li>div.sub-menu-block, .mainMenu ul.main-nav>li ul.sub-menu-lists {
        border: 1px solid #FFF !important;
        border-radius: 0 !important;
    }
}
.our-portfolio-footer {
    display: none;
}