/*
Theme Name: NHB
Theme URI: 
Description: Created By Avinash Rathour
*/
html {scroll-behavior: smooth;}
body{font-family: 'Roboto', sans-serif;padding:0;margin:0;}
a:hover{text-decoration: none;}
.container, .container-lg, .container-md, .container-sm, .container-xl{max-width: 1350px;}
/*header*/
.header{background: #406f9b;
    padding: 15px 0;
    position: inherit;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9;}

.header-flex{justify-content: space-between;}
.site-logo a{color: #fff;}
.screen-reader-text{color: #fff;}

.logo-content{-ms-flex: 0 0 13.666667%; flex: 0 0 13.666667%; max-width: 13.066667%;}
/*.main-nav-ab{-ms-flex: 0 0 61.333333%; flex: 0 0 61.333333%; max-width: 61.333333%;}*/
/*.header-social{-ms-flex: 0 0 23%; flex: 0 0 23%; max-width: 23%;}*/

.mid-nav > ul{display: flex; margin: 0; padding: 0; justify-content: space-between;}
.mid-nav ul li{    list-style: none;
    padding: 0 0px;}
.mid-nav ul li.top-dropdown{position: relative;}
/*.mid-nav ul li.top-dropdown>a:after {
    content: "\25BC";
    color: #0081e5;
    font-size: 18px;
    bottom: -10px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0) rotate(180deg);
    opacity: 0;
}*/
.mid-nav ul li.top-dropdown:hover a:after{opacity: 1;}

.mid-nav ul li.top-dropdown ul.sub-menu{display: none;
    position: absolute;
    left: 0px;
    top: 100%;
    width: 237px;
    background: #0081e5;
    z-index: 10;
    padding: 17px;}
/*.mid-nav ul li.top-dropdown:hover> ul {
    display: block;
}*/
.mid-nav ul li.top-dropdown ul.sub-menu li a{    padding: 5px 5px 5px 5px;
    font-size: 14px;
    transition: all 0.5s ease;
    color: #fff;}
.mid-nav ul li.top-dropdown ul.sub-menu li a:hover{padding-left: 10px;text-decoration: none; }
.mid-nav ul li a{font-size: 14px;    color: #fff;    font-weight: 500;    padding:10px 5px 10px 5px;    display: inline-block;    position: relative;}
    .mid-nav ul li a:hover{color: #6c849a;}
.mid-nav ul li.whatsnew a{background: #f54444; color: #ffffff;}
.header-social{text-align: right;}
.top-link-ab{margin-bottom: 10px;}
.header-social ul{   display: inline-flex;
    justify-content: end;
    align-items: end;
    margin: 0;
    padding: 0;
}

.skip-content-ab {
    display: inline-block;
    text-align: right;    
    color: #fff;
    font-size: 12px;
}
.skip-content-ab a{color: #fff;font-size: 12px; transition: 0.2s;margin: 0 5px;}
.skip-content-ab a:hover{color: #f79633;}
.header-social ul li{list-style: none;padding: 0 4px;}
.header-social ul li a{color: #fff;}
.header-social ul li i{color: #fff; font-size: 17px;}

li.searchbar {position: relative;}
/*home slider*/
.home-slider{display: inline-block;width: 100%;position: relative;padding-top: 120px;padding-bottom: 165px;}
.sliderbg{width: 100%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100%;}
.home-slider .owl-nav{
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -54px;
}
.home-slider .owl-nav button{
    position: absolute;
    top: 0;
    transition: 0.3s;
}
.home-slider .owl-nav button.owl-prev{left: 20px;}
.home-slider .owl-nav button.owl-next{right: 20px;}
.home-slider:hover .owl-nav button.owl-prev{left: 30px;}
.home-slider:hover .owl-nav button.owl-next{right: 30px;}
.home-slider .owl-dots{    
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 15px;}
.home-slider .owl-dots button span{ /*before-11*/   width: 14px;
    height: 14px;
    background: #f3edfc;
    display: inline-block;
    margin: 0 3px;
    border-radius: 50%; border: 2px solid #61beff;}
.home-slider .owl-dots button.active span{background: #61beff}
/*slider annoucement*/
.annoucement{background: #fff;display: inline-block;width: 100%;padding:20px 30px;}
.annoucement marquee{height: 215px}
.annoucement .heading2{font-size: 20px;color: #000;font-weight: 700}
.annoucement ul{margin: 0;padding: 0;}
.annoucement ul li{list-style: none;padding-top: 7px;}
.annoucement ul li .heading3{font-size: 13px;color: #0b5ac9;text-transform: uppercase;font-weight: 600;margin: 0 0 3px 0;display: flex;align-items: center;}
.annoucement ul li .heading3 span{background: #f75252;color: #fff;display: inline-block;padding: 2px 4px;margin-left: 10px;font-size: 11px;}
.annoucement ul li p{font-size: 13px;color: #333;line-height: 17px;margin: 0 0 11px 0;}
.about-nhb img{width: 100%;}

.home-sec2{display: inline-block;width: 100%;position: relative;margin-top: -105px;}

/*new event*/
.home-sec3{padding:50px 0;background: #f6f6f6;margin-top: 35px;}
.home-sec3 .custom-img{padding-left: 20px;}
.home-sec3 .item>a{color: #fff;}
.home-sec3 .owl-dots{display: none;}
.home-sec3 .owl-nav{width: 196px; top: 85px; left: -25px; margin: 0 auto; text-align: center;}
.home-sec3 .owl-nav button{margin: 0 20px;}
.home-sec3 .owl-nav button.owl-prev{}
.home-sec3 .owl-nav button.owl-next{border-radius: 30px;} 
.home-sec3 .large-12{position: unset;}
.home-sec3 .owl-nav button span{background: url(images/arrow.png); width: 22px; height: 11px; display: inline-block;}
.home-sec3 .owl-nav button{background: #0066bc !important; color: #fff !important; width: 52px;; height: 28px;font-size: 0}
.home-sec3 .owl-nav button:hover{background: #000 !important;}
/*.home-sec3 .owl-nav button:hover span{filter: contrast(0.1);}*/
.home-sec3 .owl-nav button.owl-prev{margin-right: 4px;    border-radius: 30px;}
.home-sec3 .owl-nav button.owl-prev span{transform: rotate(180deg);}
.home-sec3 .heading2{font-size: 30px;color: #313132;}
.home-sec3 .heading2 span{color: #0066bc;display: block; margin-top: 15px;}
.neweven-fulbox{margin: 0 10px;
    background: #fff;
    box-shadow: 0 0 10px 1px rgb(0 0 0 / 10%);
    position: relative;
    z-index: 9;
    top: -20px;
    padding: 20px;}
.neweven-fulbox span{    position: absolute;
    left: 20px;
    top: -14px;
    background: #f54444;
    color: #fff;
    font-size: 12px;
    padding: 4px 8px;
    font-weight: 600;}
.neweven-fulbox p{font-size: 14px;
    line-height: 18px;
    color: #0066bc;
    min-height: 90px;
    font-weight: 500;
    margin: 6px 0 0 0;
}
.neweven-fulbox a{display: inline-block;
    background: #f54444;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    padding: 5px 18px;
    margin-top: 13px;}
.home-sec4{background: #000 url(img/pub-bg.webp);padding:55px 0;}
.home-sec6{background: #00447d;}
.home-sec7{background: #00335e}
img{max-width: 100%}
.right-section{position: fixed;right: -31px;z-index: 99;top: 129px;}
ul.list-group li.list-group-item {margin:10px 0;}
.archive {width: 100%;text-align: right;  margin: 20px 0px;}
.panel-body ul li {margin: 15px 0; border: 1px solid rgba(0,0,0,.125); }
.news-list-pagination {clear: both;}  
.news-list-pagination a, .news-list-pagination span { color: #FFF; text-decoration: none; background-color:#406f9b; border: 1px solid #406f9b; padding: 6px 12px; margin: 2px; width: 12px; height: 33px; }  
.news-list-pagination a:hover, .news-list-pagination span.current { border-color: #6c849a; background-color: #6c849a; }  
.news-list-pagination span.current { font-weight: bold; border-color: #3C8DC5; background-color:#3C8DC5;}
/*** Css Client Side ***/
.header .mid-nav ul li.whatsnew:hover{
     background: none;
}

.holder { 
  
  width:100%;
  height:505px;
  overflow:hidden;
  padding:10px;
  
}
.holder .mask {
  position: relative;
  left: 0px;
  top: 10px;
  width:100%;
  height:auto;
  overflow: hidden;
}
.holder ul {
  list-style:none;
  margin:0;
  padding:0;
  position: relative;
}
.holder ul li {
  padding:10px 0px;
}
.holder ul li a {
  color:#000;
  text-decoration:none;
}
.mid-nav span.icon{
    position: relative;
    top: 13px;
    left: -4px;
}
.mid-nav span.icon:before {
    content: '';
    position: absolute;
    background:url(images/dropdown-arrow.png) no-repeat;
    width: 12px;
    height: 12px;
}
.holder ul li .download a {color: #fff;}

.pub-inside a.white:before {
    content: '';
    background: url(images/right-arrow-h.png);
    position: absolute;
    right: 11px;
    top: 7px;
    width: 17px;
    height: 15px;
    background-repeat: no-repeat;
  
}
.header-social ul li .lang-menu a{color:#fff;}

#news-container {
    height: 180px;  
    overflow: hidden;
    position: relative;
}
.ticker-controls{position: absolute; right: 30px; top: 20px;}
.ticker-controls button{padding: 2px 7px !important; background: transparent; border:1px solid #2d6ca7; color: #2d6ca7;}
.ticker-controls button .fa-solid{font-family: FontAwesome; font-size: 15px; font-style: initial; }
.ticker-controls button:hover{color: #fff; background: #2d6ca7;}



.top-main{background: #fff;padding:0px 0;}
.top-main ul{display: flex;flex-wrap: wrap;list-style: none;padding: 0;margin: 0;float: right;margin-right: 20px;margin-top: 6px;}
.top-main a{color: #000;font-size: 16px;padding: 0px 10px 0px 10px;border-right: 1px solid #ddd;width: 100%;display: inline-block;}

#switcher {list-style: none;margin: 0;padding: 0;overflow: hidden;margin-top: 6px;cursor:pointer;}
#switcher li{float: left;width: 20px;height: 20px;margin: 0 15px 15px 0;border-radius: 0px;border:none;}

#grayButton {background: #ff1010;}
#whiteButton {background: #1c1c1c;}
#blueButton {background: blue;}
#yellowButton {background: yellow;}





/*.....Color theming start....*/
.blackbody .mid-nav ul li.top-dropdown ul.sub-menu li a{color:#ff0;}
.blackbody .mid-nav ul li a{color:#ff0;}
.blackbody .white h1{color:#fff!important;}
.blackbody .about-readmore a{background: yellow!important;color:#000;}
.blackbody .owl-carousel .owl-item img{filter: grayscale(1);}
.blackbody .home-slider .owl-dots button span{border-color:#333;}
.blackbody .home-slider .owl-dots button.active span{background: yellow;}
.blackbody .header{background: #000;}
.blackbody .header .mid-nav ul li:hover{background: #333;}
.blackbody .mid-nav ul li.top-dropdown ul.sub-menu{background: #333;}
.blackbody .header .mid-nav ul li.top-dropdown ul.sub-menu li:hover a{color:#000;}
.blackbody .header .current_page_item, .header .current_page_item:hover{background:#333;}
.blackbody .supervision.house-sec:before, .blackbody .financing.house-sec:before, .blackbody .government.house-sec:before{filter: grayscale(1);}
.blackbody .supervision, .blackbody .house-sec.financing, .blackbody .government{background: #333;}
.blackbody .inner-links:hover{background: rgb(208 211 35);}
.blackbody .s-links a:hover {color: #fff;}
.blackbody .annoucement{}
.blackbody .holder ul li a{color:#333;}
.blackbody .annoucement ul li .heading3{color:#000;}
.blackbody .annoucement ul li .heading3 span{background: #000}
.blackbody .home-sec3 .heading2 span{color: #000;}
.blackbody .neweven-fulbox a, .blackbody .neweven-fulbox span, .blackbody .item:hover .neweven-fulbox a{background: yellow;color: #000;}
.blackbody .item:hover .neweven-fulbox{background: #141516;}
.blackbody .neweven-fulbox p{color:#333;}
.blackbody .about-nhb img{filter: grayscale(1);}
.blackbody .home-sec3 .owl-nav button{background: #000!important;}
.blackbody .home-sec4{mix-blend-mode: luminosity;}
.blackbody .footer-top{background: #000;}
.blackbody .foo{background: #333;}
.blackbody footer #footer{background: #333;}
.blackbody .sidebar-left:before{filter: grayscale(1);}
.blackbody .sidebar-left, .blackbody .page-id-8016 .sidebar-left, .blackbody .page-id-8016 .annoucement_widgits-inner, .blackbody .page-id-108 .sidebar-left, .blackbody .page-id-108 .annoucement_widgits-inner, .blackbody .page-id-8803 .sidebar-left, .blackbody .page-id-8803 .annoucement_widgits-inner, .blackbody .page-id-9742 .sidebar-left, .blackbody .page-id-9742 .annoucement_widgits-inner{background:#535353!important;}
.blackbody .annoucement_widgits-inner, .blackbody .page-id-8016 .sidebar-left, .blackbody .page-id-8016 .annoucement_widgits-inner, .blackbody .page-id-108 .sidebar-left, .blackbody .page-id-108 .annoucement_widgits-inner, .blackbody .page-id-8803 .sidebar-left, .blackbody .page-id-8803 .annoucement_widgits-inner, .blackbody .page-id-9742 .sidebar-left, .blackbody .page-id-9742 .annoucement_widgits-inner{background: #535353!important;}
.blackbody .annoucement_widgits-inner ul li .heading3 span{background: #ff0;color:#000;}
.blackbody img{filter: grayscale(1);}
.blackbody h1, .blackbody h2,  .blackbody h4, .blackbody h5, .blackbody h6{color:#fff!important;}
.blackbody #news-container h3{color: #ff0;}
.blackbody .annoucement #news-container h3{color: #000;}
.blackbody ul li:before{background: #000!important;}
.blackbody .preamble-inner{border-color:#dee395!important;background:#fff!important;}
.blackbody .v-left, .m-right{border-color:#dee395!important;background:#fff!important;}
.blackbody .v-left .left h3:after, .blackbody .m-right .left h3:after{background: #000;}
.blackbody .table-bordered td, .blackbody .table-bordered th a{}
.blackbody .accordion.md-accordion.accordion-5 .card .card-header{background: lightyellow;}
.blackbody .accordion.md-accordion.accordion-5 .card .card-header:hover{background:yellow;}
.blackbody .post-9894 .accordion.md-accordion.accordion-5 .card .card-header a h4{color: #000 !important;}
.blackbody .card-body .pub-inside:hover .pub-title{background: #333;}
.blackbody .col.col-md-9.margin-top-50 .panel-body ul.customClass li{border-color:#dee395;}
.blackbody .col.col-md-9.margin-top-50 .panel-body ul.customClass li a:after{background:#7b7533;color:#fff;}
.blackbody .col.col-md-9.margin-top-50 .panel-body ul.customClass li:hover{background: yellow;border-color:yellow;}
.blackbody .timeline h3{background: lightyellow;}
.blackbody .timeline-content{border-color: lightyellow;}
.blackbody .timeline-image::before{border-color:#dee395;background:#fff;}
.blackbody .col-2.col-sm-1.px-md-3.order-2.timeline-image.text-md-center{color:#000;}
.blackbody .timeline::before{border-color:#000;}
.blackbody .timeline-nodes:nth-child(odd) .timeline-content::after{border-left: 10px solid #dee395;border-top: 10px solid transparent;border-bottom: 10px solid transparent;}
.blackbody .timeline-nodes:nth-child(even) .timeline-content::after{border-color:#dee395;border-right: 10px solid #dee395;border-top: 10px solid transparent;border-bottom: 10px solid transparent;}
.blackbody .content-list .company-list{border-color:#dee395;}
.blackbody .readMorebtn a{background:#7b7533!important;color:#fff;}
.blackbody .company-list:hover .readMorebtn a{background: lightyellow;color:#000;}
.blackbody .company-list:hover{background:#7b7533}
.blackbody .custom-main .page-content .fiance-team ul li .finance-box{border-color:#dee395!important;}
.blackbody .custom-main .page-content .fiance-team ul li .finance-box:hover{background:#000;}
.blackbody .custom-main .page-content .fiance-team ul li .finance-box:hover .finance-head h3:before{background:lightyellow }
.blackbody .custom-main .page-content .fiance-team ul li .finance-box:hover .finance-head h3{color:#fff!important;}
.blackbody .custom-main .page-content .fiance-team ul li .finance-box:hover .finance-head .team-content p{color:#;}
.blackbody .custom-main .page-content .serive-team .Annual-report:hover{background: lightyellow;}
.blackbody .news-list-pagination span.current{background:#333;border-color:#333;}
.blackbody .news-list-pagination a, .blackbody .news-list-pagination span{background:#333;border-color:#333;}
.blackbody .Annual-report:before{filter: grayscale(1);}
.blackbody .tenders-design:hover{background:lightyellow;}
.blackbody .tenders-design:hover a{color:#000;}
.blackbody .tenders-design a{color:#333;}
.blackbody .tenders-design span.download{border-color:#dee395;}
.blackbody span.tender-date{color:#333;}
.blackbody .pdf-sec{background:#000;}
.blackbody .footer-links h4, .blackbody .footer-contact h4{color:#fff!important;}
.blackbody h3.text-center.white{color:#fff!important;}
.blackbody .footer-links .menu li a, .blackbody .address, .blackbody .phone, .blackbody .email{color:#ff0;}
.blackbody .footer-contact .phone a, .blackbody .footer-contact .email a{color:#ff0;}
.blackbody .s-links a{color:#ff0;}
.blackbody .house-sec h3{color:#fff!important;}
.blackbody .custom-main .page-content .serive-team .serive-page a{background: #000;color:#fff;}
.blackbody .custom-main .page-content .serive-team .serive-page a:hover{background: #ff0;color:#000;}
.blackbody .custom-main .page-content .serive-team .serive-page a .fa{background: lightyellow;color:#000;}
.blackbody .inner-class-about-desc h3{color:#fff!important;}
.blackbody .sticky-icon a{background:#000;}
.blackbody span.download a{background: #ff0; color: #000;}
.blackbody .annoucement #news-container span.download a{background: #333; color: #fff;}
.blackbody .supervision.house-sec:before, 
.blackbody .financing.house-sec:before,
.blackbody .government.house-sec:before {background: url(images/supervision-house-cont.png) no-repeat; top: -138px;}
/*.....Color theming Close....*/


/*.....Color Yellow Start....*/
.yellow .mid-nav ul li.top-dropdown ul.sub-menu li a{color:#000;}
.yellow .mid-nav ul li a{color:#000;}
.yellow .white h1{color:#fff!important;}
.yellow .about-readmore a{background: yellow!important;color:#000;}
.yellow .owl-carousel .owl-item img{filter: grayscale(1);}
.yellow .home-slider .owl-dots button span{border-color:#333;}
.yellow .home-slider .owl-dots button.active span{background: yellow;}
.yellow .header{background:#d5d52d ;}
.yellow .header .mid-nav ul li:hover{background: #d5d52d;}
.yellow .mid-nav ul li.top-dropdown ul.sub-menu{background: #d5d52d;}
.yellow .header .mid-nav ul li.top-dropdown ul.sub-menu li:hover a{color:#000;}
.yellow .header .current_page_item, .header .current_page_item:hover{background:#d5d52d;}
.yellow .supervision.house-sec:before, .yellow .financing.house-sec:before, .yellow .government.house-sec:before{filter: grayscale(1);}
.yellow .supervision, .yellow .house-sec.financing, .yellow .government{background: #d5d52d;}
.yellow .inner-links:hover{background: rgb(208 211 35);}
.yellow .s-links a:hover {color: #fff;}
.yellow .annoucement{background:#d4df30;}
.yellow .holder ul li a{color:#333;}
.yellow .annoucement ul li .heading3{color:#000;}
.yellow .annoucement ul li .heading3 span{background: #000}
.yellow .home-sec3 .heading2 span{color: #000;}
.yellow .neweven-fulbox a, .yellow .neweven-fulbox span, .yellow .item:hover .neweven-fulbox a{background: yellow;color: #000;}
.yellow .item:hover .neweven-fulbox{background: #d5d52d;}
.yellow .item:hover .neweven-fulbox p{color:#000;}
.yellow .neweven-fulbox p{color:#333;}
.yellow .about-nhb img{filter: grayscale(1);}
.yellow .home-sec3 .owl-nav button{background: #d5d52d!important;}
.yellow .home-sec4{mix-blend-mode: luminosity;}
.yellow .footer-top{background: #d5d52d;}
.yellow .foo{background: #d5d52d;}
.yellow footer #footer{background: #d5d52d;}
.yellow .sidebar-left:before{filter: grayscale(1);}
.yellow .sidebar-left, .yellow .page-id-8016 .sidebar-left, .yellow .page-id-8016 .annoucement_widgits-inner, .yellow .page-id-108 .sidebar-left, .yellow .page-id-108 .annoucement_widgits-inner, .yellow .page-id-8803 .sidebar-left, .yellow .page-id-8803 .annoucement_widgits-inner, .yellow .page-id-9742 .sidebar-left, .yellow .page-id-9742 .annoucement_widgits-inner{background:#7b7533!important;}
.yellow .annoucement_widgits-inner, .yellow .page-id-8016 .sidebar-left, .yellow .page-id-8016 .annoucement_widgits-inner, .yellow .page-id-108 .sidebar-left, .yellow .page-id-108 .annoucement_widgits-inner, .yellow .page-id-8803 .sidebar-left, .yellow .page-id-8803 .annoucement_widgits-inner, .yellow .page-id-9742 .sidebar-left, .yellow .page-id-9742 .annoucement_widgits-inner{background: #7b7533!important;}
.yellow .annoucement_widgits-inner ul li .heading3 span{background: #333;}
.yellow img{filter: grayscale(1);}
.yellow h1, .yellow h2, .yellow h3, .yellow h4, .yellow h5, .yellow h6{color:#000!important;}
.yellow ul li:before{background: #000!important;}
.yellow .preamble-inner{border-color:#dee395!important;background:#fff!important;}
.yellow .v-left, .m-right{border-color:#dee395!important;background:#fff!important;}
.yellow .v-left .left h3:after, .yellow .m-right .left h3:after{background: #000;}
.yellow .table-bordered td, .yellow .table-bordered th a{}
.yellow .accordion.md-accordion.accordion-5 .card .card-header{background: lightyellow;}
.yellow .accordion.md-accordion.accordion-5 .card .card-header:hover{background:yellow;}
.yellow .card-body .pub-inside:hover .pub-title{background: #333;}
.yellow .col.col-md-9.margin-top-50 .panel-body ul.customClass li{border-color:#dee395;}
.yellow .col.col-md-9.margin-top-50 .panel-body ul.customClass li a:after{background:#7b7533;color:#fff;}
.yellow .col.col-md-9.margin-top-50 .panel-body ul.customClass li:hover{background: yellow;border-color:yellow;}
.yellow .timeline h3{background: lightyellow;}
.yellow .timeline-content{border-color: lightyellow;}
.yellow .timeline-image::before{border-color:#dee395;background:#fff;}
.yellow .col-2.col-sm-1.px-md-3.order-2.timeline-image.text-md-center{color:#000;}
.yellow .timeline::before{border-color:#000;}
.yellow .timeline-nodes:nth-child(odd) .timeline-content::after{border-left: 10px solid #dee395;border-top: 10px solid transparent;border-bottom: 10px solid transparent;}
.yellow .timeline-nodes:nth-child(even) .timeline-content::after{border-color:#dee395;border-right: 10px solid #dee395;border-top: 10px solid transparent;border-bottom: 10px solid transparent;}
.yellow .content-list .company-list{border-color:#dee395;}
.yellow .readMorebtn a{background:#7b7533!important;color:#fff;}
.yellow .company-list:hover .readMorebtn a{background: lightyellow;color:#000;}
.yellow .company-list:hover{background:#7b7533}
.yellow .custom-main .page-content .fiance-team ul li .finance-box{border-color:#dee395!important;}
.yellow .custom-main .page-content .fiance-team ul li .finance-box:hover{background:#000;}
.yellow .custom-main .page-content .fiance-team ul li .finance-box:hover .finance-head h3:before{background:lightyellow }
.yellow .custom-main .page-content .fiance-team ul li .finance-box:hover .finance-head h3{color:#fff!important;}
.yellow .custom-main .page-content .fiance-team ul li .finance-box:hover .finance-head .team-content p{color:#;}
.yellow .custom-main .page-content .serive-team .Annual-report:hover{background: lightyellow;}
.yellow .news-list-pagination span.current{background:#333;border-color:#333;}
.yellow .news-list-pagination a, .yellow .news-list-pagination span{background:#333;border-color:#333;}
.yellow .Annual-report:before{filter: grayscale(1);}
.yellow .tenders-design:hover{background:lightyellow;}
.yellow .tenders-design:hover a{color:#000;}
.yellow .tenders-design a{color:#333;}
.yellow .tenders-design span.download{border-color:#dee395;}
.yellow span.tender-date{color:#333;}
.yellow .pdf-sec{background:#000;}
.yellow .footer-links h4, .yellow .footer-contact h4{color:#fff!important;}
.yellow h3.text-center.white{color:#fff!important;}
.yellow .footer-links .menu li a, .yellow .address, .yellow .phone, .yellow .email{color:#000;}
.yellow .footer-contact .phone a, .yellow .footer-contact .email a{color:#ff0;}
.yellow .s-links a{color:#333;}
.yellow .house-sec h3{color:#fff!important;}
.yellow .custom-main .page-content .serive-team .serive-page a{background: #000;color:#fff;}
.yellow .custom-main .page-content .serive-team .serive-page a:hover{background: #ff0;color:#000;}
.yellow .custom-main .page-content .serive-team .serive-page a .fa{background: lightyellow;color:#000;}
.yellow .inner-class-about-desc h3{color:#fff!important;}
.yellow .sticky-icon a{background:#000;}
/*.....Color Yellow Close....*/


/*.....Color Balck Start....*/
.balck .mid-nav ul li.top-dropdown ul.sub-menu li a{color:#fff;}
.balck .mid-nav ul li a{color:#fff;}
.balck .white h1{color:#fff!important;}
.balck .about-readmore a{background: #000!important;color:#fff;}
.balck .owl-carousel .owl-item img{filter: grayscale(1);}
.balck .home-slider .owl-dots button span{border-color:#333;}
.balck .home-slider .owl-dots button.active span{background: yellow;}
.balck .header{background: #000;}
.balck .header .mid-nav ul li:hover{background: #333;}
.balck .mid-nav ul li.top-dropdown ul.sub-menu{background: #333;}
.balck .header .mid-nav ul li.top-dropdown ul.sub-menu li:hover a{color:#000;}
.balck .header .current_page_item, .header .current_page_item:hover{background:#333;}
.balck .supervision.house-sec:before, .balck .financing.house-sec:before, .balck .government.house-sec:before{filter: grayscale(1);}
.balck .supervision, .balck .house-sec.financing, .balck .government{background: #333;}
.balck .inner-links:hover{background: rgb(208 211 35);}
.balck .s-links a:hover {color: #fff;}
.balck .annoucement{background:#333;}
.balck .annoucement .heading2{color:#fff!important;}
.balck .holder ul li a{color:#fff;}
.balck .annoucement ul li .heading3{color:#ffff!important;}
.balck .annoucement ul li .heading3 span{background: #000}
.balck .home-sec3 .heading2 span{color: #000;}
.balck .neweven-fulbox a, .balck .neweven-fulbox span, .balck .item:hover .neweven-fulbox a{background: #333;color: #fff;}
.balck .item:hover .neweven-fulbox{background: #141516;}
.balck .neweven-fulbox p{color:#333;}
.balck .about-nhb img{filter: grayscale(1);}
.balck .home-sec3 .owl-nav button{background: #000!important;}
.balck .home-sec4{mix-blend-mode: luminosity;}
.balck .footer-top{background: #000;}
.balck .foo{background: #333;}
.balck footer #footer{background: #333;}
.balck .sidebar-left:before{filter: grayscale(1);}
.balck .sidebar-left, .balck .page-id-8016 .sidebar-left, .balck .page-id-8016 .annoucement_widgits-inner, .balck .page-id-108 .sidebar-left, .balck .page-id-108 .annoucement_widgits-inner, .balck .page-id-8803 .sidebar-left, .balck .page-id-8803 .annoucement_widgits-inner, .balck .page-id-9742 .sidebar-left, .balck .page-id-9742 .annoucement_widgits-inner{background:#535353!important;}
.balck .annoucement_widgits-inner, .balck .page-id-8016 .sidebar-left, .balck .page-id-8016 .annoucement_widgits-inner, .balck .page-id-108 .sidebar-left, .balck .page-id-108 .annoucement_widgits-inner, .balck .page-id-8803 .sidebar-left, .balck .page-id-8803 .annoucement_widgits-inner, .balck .page-id-9742 .sidebar-left, .balck .page-id-9742 .annoucement_widgits-inner{background: #333!important;}
.balck .annoucement_widgits-inner ul li .heading3 span{background: #333;}
.balck img{filter: grayscale(1);}
.balck h1, .balck h2, .balck h3, .balck h4, .balck h5, .balck h6{color:#000!important;}
.balck ul li:before{background: #000!important;}
.balck .preamble-inner{border-color:#dee395!important;background:#fff!important;}
.balck .v-left, .m-right{border-color:#dee395!important;background:#fff!important;}
.balck .v-left .left h3:after, .balck .m-right .left h3:after{background: #000;}
.balck .table-bordered td, .balck .table-bordered th a{}
.balck .accordion.md-accordion.accordion-5 .card .card-header{background: lightyellow;}
.balck .accordion.md-accordion.accordion-5 .card .card-header:hover{background:yellow;}
.balck .card-body .pub-inside:hover .pub-title{background: #333;}
.balck .col.col-md-9.margin-top-50 .panel-body ul.customClass li{border-color:#dee395;}
.balck .col.col-md-9.margin-top-50 .panel-body ul.customClass li a:after{background:#3333;color:#fff;}
.balck .col.col-md-9.margin-top-50 .panel-body ul.customClass li:hover{background: #000;border-color:#333;}
.balck .col.col-md-9.margin-top-50 .panel-body ul.customClass li:hover a {color:#fff;}
.balck .timeline h3{background: lightyellow;}
.balck .timeline-content{border-color: lightyellow;}
.balck .timeline-image::before{border-color:#dee395;background:#fff;}
.balck .col-2.col-sm-1.px-md-3.order-2.timeline-image.text-md-center{color:#000;}
.balck .timeline::before{border-color:#000;}
.balck .timeline-nodes:nth-child(odd) .timeline-content::after{border-left: 10px solid #dee395;border-top: 10px solid transparent;border-bottom: 10px solid transparent;}
.balck .timeline-nodes:nth-child(even) .timeline-content::after{border-color:#dee395;border-right: 10px solid #dee395;border-top: 10px solid transparent;border-bottom: 10px solid transparent;}
.balck .content-list .company-list{border-color:#dee395;}
.balck .readMorebtn a{background:#333!important;color:#fff;}
.balck .company-list:hover .readMorebtn a{background: lightyellow;color:#000;}
.balck .company-list:hover{background:#7b7533}
.balck .custom-main .page-content .fiance-team ul li .finance-box{border-color:#dee395!important;}
.balck .custom-main .page-content .fiance-team ul li .finance-box:hover{background:#000;}
.balck .custom-main .page-content .fiance-team ul li .finance-box:hover .finance-head h3:before{background:lightyellow }
.balck .custom-main .page-content .fiance-team ul li .finance-box:hover .finance-head h3{color:#fff!important;}
.balck .custom-main .page-content .fiance-team ul li .finance-box:hover .finance-head .team-content p{color:#;}
.balck .custom-main .page-content .serive-team .Annual-report:hover{background: #333;color:#fff}
.balck .custom-main .page-content .serive-team .Annual-report:hover span.tender-date{color:#fff}
.balck .news-list-pagination span.current{background:#333;border-color:#333;}
.balck .news-list-pagination a, .balck .news-list-pagination span{background:#333;border-color:#333;}
.balck .Annual-report:before{filter: grayscale(1);}
.balck .tenders-design:hover{background:#333;}
.balck .tenders-design:hover{color: #fff;}
.balck .tenders-design:hover a{color:#fff;}
.balck .tenders-design a{color:#333;}
.balck .tenders-design span.download{border-color:#333;background:#000}
.balck .tenders-design:hover .tender-date{color:#fff;}
.balck span.download a{color:#fff;}
.balck .pdf-sec{background:#000;}
.balck .footer-links h4, .balck .footer-contact h4{color:#fff!important;}
.balck h3.text-center.white{color:#fff!important;}
.balck .footer-links .menu li a, .balck .address, .balck .phone, .balck .email{color:#fff;}
.balck .footer-contact .phone a, .balck .footer-contact .email a{color:#fff;}
.balck .s-links a{color:#fff;}
.balck .house-sec h3{color:#fff!important;}
.balck .custom-main .page-content .serive-team .serive-page a{background: #000;color:#fff;}
.balck .custom-main .page-content .serive-team .serive-page a:hover{background: #333;color:#fff;}
.balck .custom-main .page-content .serive-team .serive-page a .fa{background: #333;color:#fff;}
.balck .inner-class-about-desc h3{color:#fff!important;}
.balck .sticky-icon a{background:#000;}
.balck .annoucement_widgits-inner h3.heading3{color:#fff!important;}
.balck  .annoucement_widgits-inner h2, .inner-sidebar h3, .inner-sidebar .sidebar-title{color:#fff!important;font-size: 28px;}
/*.....Color Balck Close....*/




/*.....Color Red Start....*/
.red .mid-nav ul li.top-dropdown ul.sub-menu li a{color:#fff;}
.red .mid-nav ul li a{color:#fff;}
.red .white h1{color:#fff!important;}
.red .about-readmore a{background: #ff1010!important;color:#fff;}
.red .owl-carousel .owl-item img{filter: grayscale(1);}
.red .home-slider .owl-dots button span{border-color:#333;}
.red .home-slider .owl-dots button.active span{background: yellow;}
.red .header{background: #ff1010;}
.red .header .mid-nav ul li:hover{background: #d32323;}
.red .mid-nav ul li.top-dropdown ul.sub-menu{background: #d32323;}
.red .header .mid-nav ul li.top-dropdown ul.sub-menu li:hover a{color:#000;}
.red .header .current_page_item, .header .current_page_item:hover{background:#d32323;}
.red .supervision.house-sec:before, .red .financing.house-sec:before, .red .government.house-sec:before{filter: grayscale(1);}
.red .supervision, .red .house-sec.financing, .red .government{background:#d32323;}
.red .inner-links:hover{background:rgb(229 19 19);}
.red .s-links a:hover {color: #fff;}
.red .annoucement{background:#ff1010;}
.red .annoucement .heading2{color:#fff!important;}
.red .holder ul li a{color:#fff;}
.red .annoucement ul li .heading3{color:#ffff!important;}
.red .annoucement ul li .heading3 span{background: #d32323}
.red .home-sec3 .heading2 span{color: #000;}
.red .neweven-fulbox a, .red .neweven-fulbox span, .red .item:hover .neweven-fulbox a{background: #d32323;color: #fff;}
.red .item:hover .neweven-fulbox{background: #ff1010;}
.red .neweven-fulbox p{color:#333;}
.red .about-nhb img{filter: grayscale(1);}
.red .home-sec3 .owl-nav button{background: #000!important;}
.red .home-sec4{mix-blend-mode: luminosity;}
.red .footer-top{background: #d32323;}
.red .foo{background:#ff1010;}
.red footer #footer{background: #ff1010;}
.red .sidebar-left:before{filter: grayscale(1);}
.red .sidebar-left, .red .page-id-8016 .sidebar-left, .red .page-id-8016 .annoucement_widgits-inner, .red .page-id-108 .sidebar-left, .red .page-id-108 .annoucement_widgits-inner, .red .page-id-8803 .sidebar-left, .red .page-id-8803 .annoucement_widgits-inner, .red .page-id-9742 .sidebar-left, .red .page-id-9742 .annoucement_widgits-inner{background:#ff1010!important;}
.red .annoucement_widgits-inner, .red .page-id-8016 .sidebar-left, .red .page-id-8016 .annoucement_widgits-inner, .red .page-id-108 .sidebar-left, .red .page-id-108 .annoucement_widgits-inner, .red .page-id-8803 .sidebar-left, .red .page-id-8803 .annoucement_widgits-inner, .red .page-id-9742 .sidebar-left, .red .page-id-9742 .annoucement_widgits-inner{background:#d32323!important;}
.red .annoucement_widgits-inner ul li .heading3 span{background: #333;}
.red img{filter: grayscale(1);}
.red h1, .red h2, .red h3, .red h4, .red h5, .red h6{color:#000!important;}
.red ul li:before{background: #000!important;}
.red .preamble-inner{border-color:#dee395!important;background:#fff!important;}
.red .v-left, .m-right{border-color:#dee395!important;background:#fff!important;}
.red .v-left .left h3:after, .red .m-right .left h3:after{background: #000;}
.red .table-bordered td, .red .table-bordered th a{}
.red .accordion.md-accordion.accordion-5 .card .card-header{background: lightyellow;}
.red .accordion.md-accordion.accordion-5 .card .card-header:hover{background:yellow;}
.red .card-body .pub-inside:hover .pub-title{background: #333;}
.red .col.col-md-9.margin-top-50 .panel-body ul.customClass li{border-color:#dee395;}
.red .col.col-md-9.margin-top-50 .panel-body ul.customClass li a:after{background:#ff1010;color:#fff;}
.red .col.col-md-9.margin-top-50 .panel-body ul.customClass li:hover{background: #d32323;border-color:#fff;}
.red .col.col-md-9.margin-top-50 .panel-body ul.customClass li:hover a {color:#fff;}
.red .timeline h3{background: lightyellow;}
.red .timeline-content{border-color: lightyellow;}
.red .timeline-image::before{border-color:#dee395;background:#fff;}
.red .col-2.col-sm-1.px-md-3.order-2.timeline-image.text-md-center{color:#000;}
.red .timeline::before{border-color:#000;}
.red .timeline-nodes:nth-child(odd) .timeline-content::after{border-left: 10px solid #dee395;border-top: 10px solid transparent;border-bottom: 10px solid transparent;}
.red .timeline-nodes:nth-child(even) .timeline-content::after{border-color:#dee395;border-right: 10px solid #dee395;border-top: 10px solid transparent;border-bottom: 10px solid transparent;}
.red .content-list .company-list{border-color:#dee395;}
.red .readMorebtn a{background:#ff1010!important;color:#fff;}
.red .company-list:hover .readMorebtn a{background: lightyellow;color:#000;}
.red .company-list:hover{background:#7b7533}
.red .custom-main .page-content .fiance-team ul li .finance-box{border-color:#dee395!important;}
.red .custom-main .page-content .fiance-team ul li .finance-box:hover{background:#d32323;}
.red .custom-main .page-content .fiance-team ul li .finance-box:hover .finance-head h3:before{background:lightyellow }
.red .custom-main .page-content .fiance-team ul li .finance-box:hover .finance-head h3{color:#fff!important;}
.red .custom-main .page-content .fiance-team ul li .finance-box:hover .finance-head .team-content p{color:#fff;}
.red .custom-main .page-content .serive-team .Annual-report:hover{background: #d32323;color:#fff}
.red .custom-main .page-content .serive-team .Annual-report:hover span.tender-date{color:#fff}
.red .news-list-pagination span.current{background:#ff1010;border-color:#ff1010;}
.red .news-list-pagination a, .red .news-list-pagination span{background:#ff1010;border-color:#fff;}
.red .Annual-report:before{filter: grayscale(1);}
.red .tenders-design:hover{background:#ff1010;}
.red .tenders-design:hover{color: #fff;}
.red .tenders-design:hover a{color:#fff;}
.red .tenders-design a{color:#333;}
.red .tenders-design span.download{border-color:#d32323;background:#d32323;}
.red .tenders-design:hover .tender-date{color:#fff;}
.red span.download a{color:#fff;}
.red .pdf-sec{background:#000;}
.red .footer-links h4, .red .footer-contact h4{color:#fff!important;}
.red h3.text-center.white{color:#fff!important;}
.red .footer-links .menu li a, .red .address, .red .phone, .red .email{color:#fff;}
.red .footer-contact .phone a, .red .footer-contact .email a{color:#fff;}
.red .s-links a{color:#fff;}
.red .house-sec h3{color:#fff!important;}
.red .custom-main .page-content .serive-team .serive-page a{background: #d32323;color:#fff;}
.red .custom-main .page-content .serive-team .serive-page a:hover{background:#ff1010;color:#fff;}
.red .custom-main .page-content .serive-team .serive-page a .fa{background:#d32323;color:#fff;}
.red .inner-class-about-desc h3{color:#fff!important;}
.red .sticky-icon a{background:#000;}
.red .annoucement_widgits-inner h3.heading3{color:#fff!important;}
.red  .annoucement_widgits-inner h2, .inner-sidebar h3, .inner-sidebar .sidebar-title{color:#fff!important;}
/*.....Color Red Close....*/

#wpcf7-f10969-p10948-o1,
#wpcf7-f10969-p8-o1{display: none;}

.ab-mail-form{max-width: 600px; margin: 0 auto;background: #f1f1f1; padding: 30px; border-radius: 10px; box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.ab-mail-form .wpcf7-form-control{border: 1px solid #ccc; border-radius: 4px; padding: 7px 15px; width: 100%;margin-top: 10px;}
.ab-mail-form label{width: 100%; font-weight: 600;text-align: left !important;}
.ab-mail-form .wpcf7-submit{width: auto; margin: 0 auto;}
.ab-mail-form .from-group{margin-bottom: 10px;}

.last-modified{color: #ccc; font-size: 12px;}

.owl-carousel-fbx .owl-stage-outer{z-index: 9;}
.owl-carousel-fbx .owl-nav{position: absolute; top: 0; left: 0; width: 100%;}
.owl-carousel-fbx .owl-nav button{top: 50px; font-size: 50px;}
.owl-carousel-fbx .owl-nav button.owl-prev{float: left;margin-left: -30px;}
.owl-carousel-fbx .owl-nav button.owl-next{float: right;margin-right: -30px;}

.btn-area{display: block; width: 100%;}
.btn-area .secondary{color: #2d6ca7 !important;display: inline-block; background: transparent; border: 1px solid #2d6ca7;padding: 0 7px 4px 7px;line-height: 16px; cursor: pointer; transition: 0.2s;}
.btn-area .secondary i{font-family: FontAwesome; font-size: 15px; font-style: initial;}
.btn-area .secondary:hover,
.btn-area .secondary.selected{background: #2d6ca7; color: #fff !important;}
.require{color: #2d6ca7;font-size: 12px; font-weight: 400; text-align: left !important;}
.requirestr{color: #ff0000;}
.nhb-table .size{display: block;clear: both;text-align: left;}
.nhb-table .download{float: left;margin-bottom: 10px;}

.post-8796 ul{padding: 0;}

.web-manager h4{margin-bottom: 30px;}
.web-manager .address, .web-manager .phone, .web-manager .email, .web-manager .contect-perssion {
    margin-left: 35px;
    font-weight: normal;
    color: #333;
    font-size: 16px;
    position: relative;
}
.web-manager .contect-perssion:after {
    content: '';
    background: url(images/perssion-icon.png);
    width: 30px;
    position: absolute;
    height: 70px;
    left: -35px;
    top: 3px;
    background-repeat: no-repeat;
}
.web-manager .address:after {
    content: '';
    background: url(images/location-icon.png);
    width: 30px;
    position: absolute;
    height: 70px;
    left: -35px;
    top: 3px;
    background-repeat: no-repeat;
}
.web-manager .phone:after {
    content: '';
    background: url(images/call-icon.png);
    width: 30px;
    position: absolute;
    height: 70px;
    left:-35px;
    top: 3px;
    background-repeat: no-repeat;
}
.web-manager .email:after {
    content: '';
    background: url(images/mail-icon.png);
    width: 30px;
    position: absolute;
    height: 70px;
    left: -35px;
    top: 3px;
    background-repeat: no-repeat;
}

.owl-carousel-1bx{position: relative;}
.owl-carousel-1bx+.btn-area{position: absolute; bottom: 25px; z-index: 9999;width: auto;left: 30px;}
.owl-carousel-1bx+.btn-area .secondary{padding: 5px 7px 4px 7px;}

.owl-carousel-3bx+.btn-area{text-align: center; margin-top: 15px;}
.owl-carousel-3bx+.btn-area .secondary{padding: 5px 7px 4px 7px;}

.menu-citizen-charter-container ul#menu-citizen-charter{padding: 0; margin: 0; list-style: none;position: relative;top: 0;width: 100%;margin: 5px 0px;}
.menu-citizen-charter-container ul#menu-citizen-charter li{background: transparent; border-radius: 30px;text-align: left; border: 1px solid rgba(255,255,255,0.3);margin: 5px 0; display: inline-block; width: 100%; transition: 0.3s;}
.menu-citizen-charter-container ul#menu-citizen-charter li:hover{background: rgb(255 255 255); border: 1px solid rgba(0,0,0,0.02); color: #0353a1;}
.menu-citizen-charter-container ul#menu-citizen-charter li a{color: #fff; font-size: 13px; font-weight: normal; text-decoration: none;padding: 7px; display: block;}
.menu-citizen-charter-container ul#menu-citizen-charter li a:hover{color: #0353a1;}

.ab-home-slider{min-height: 475px;}
.annoucement{min-height: 260px;}