@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Biryani:wght@400;700&display=swap');
body{font-family: 'Cairo', sans-serif;}

a, a:link, a:visited, a:hover, a:active, button, button:hover { text-decoration:none; outline:none; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
img{ max-width:100%;} input, textarea, button, input:focus, textarea:focus, button:focus{outline: none;}
a, a:hover, a:focus{color:inherit;}
h2{font-family: 'Biryani', sans-serif;font-weight: 700; color: #000;}
h6{font-family: 'Cairo', sans-serif;}

.top-header{background: #1A3656; padding: 5px 0px;}
.top-header p{margin: 0px; color:#fff;}
.dropdown-menu { position: absolute; left: 0; z-index: 1; display: none; float: left;max-width:auto; padding: 0px;font-size: 12px; color: #847577;text-align: left;list-style: none;background-clip: padding-box;border: 0px;border-radius: 0px;background-color: #fff;box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.07);}
.dropdown-item { display: block; width: 100%;padding: 7px 20px;clear: both;font-weight: 400;color: #847577;text-align: inherit;white-space: nowrap; background-color: transparent; border: 0;}
.dropdown-menu a{ color: #847577;list-style: none; background-clip: padding-box; border: 0px; border-radius: 0px;background-color: #fff;}
.top-header .dropdown-menu a:focus, .top-header .dropdown-menu a:hover{ color: #fff;background-color: #C59E5C;}
.caret { display: none;}
.top-header .dropdown{float: right; color: #fff;}
.top-header .dropdown a i{padding: 0px 3px;}
.top-header .language{ top: 29px;}
.pad-80{padding: 80px 0px;}
.about-images{position: relative;}
.about-2{position: absolute; bottom: -100px; right: 0px;}
.about-established{width: 100%; max-width: 250px; position: absolute; right: 0px; top:0px;  text-align: center;  transition: all 0.3s ease-in;}
.about-established h3{font-family: 'Odibee Sans', cursive; color: #fff; font-size:24px; line-height: 60px;}
.about-established h3 span{font-size: 60px;}
.about-established:hover{background:#1A3656;}
.play-icon{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%); text-align: center; font-size: 70px; color:#C59E5C;}
.play-icon:hover{color:#1A3656;}
.section-title{position: relative; margin-bottom: 20px;}
.section-title h5{color:#1A3656; position: absolute; left: 75px; top: -2px; font-size: 16px;}
.line-1{width: 60px; border: 1px solid #C59E5C; margin-bottom: 4px;}
.line-2{width: 60px; border: 1px solid #C59E5C; margin-bottom: 20px;}
.read-more{background:#C59E5C; border: none; min-width: 160px; border-radius: 30px; color:#fff; padding: 10px; margin-top:20px; font-weight: 700; box-shadow:7px 7px 20px 0px rgba(50, 50, 50, 0.2);}
.read-more i{padding-left: 5px;}
.read-more:hover{background:#1A3656;}
.home-about .row{align-items: center; display: flex; float: none; vertical-align: middle;}
.our-services{margin-top: 100px; background: #f5f5f5; padding: 60px 0px 40px 0px;}
.our-services .owl-carousel .owl-item img{width: auto; display: inline-block}
.service-box{background:#1A3656; border-radius: 8px; text-align: center; padding: 20px; box-shadow:7px 7px 20px 0px rgba(50, 50, 50, 0.2); transition: all 0.3s ease-in; margin: 20px 0px;}
.service-box h5{margin: 0px; color:#ffff;}
.service-image{background:#ebebeb; border-radius: 50%; width: 100px; height: 100px; line-height: 100px; display: inline-block; margin-bottom: 15px;}
.service-box:hover{background:#fff; }
.service-box:hover h5{color:#000; }
.service-box:hover .service-image{background:#1A3656;}
.service-box:hover .service-image img{filter: brightness(0) invert(1);}
.our-services .owl-theme .owl-nav [class*=owl-]:hover{background:#C59E5C;}
.our-news{padding: 70px 0px 40px 0px;}
.our-news ul li>a {padding: 5px 25px; min-width:150px; font-weight: 700; color:#000; border:none;}
.our-news .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color: #f3f3f3; background-color: transparent; border-color: transparent transparent #f3f3f3; border-bottom: 4px solid !important; font-size: 20px; font-weight: bold;}
.our-news .nav-tabs .nav-link {border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem; color: #eee; font-size: 20px;}
.our-news .nav-tabs{border:none; margin-bottom: 30px;}
.our-news .nav-tabs li{font-size: 18px;  border-radius: 30px; text-align: center; background:#ebebeb; margin:0px 15px; padding-top: 6px; padding-bottom: 6px;}
.our-news .nav-tabs li.active{background:#1A3656; color:#fff; box-shadow:5px 8px 30px 0 rgba(31,35,37,0.3) }
.event-img{ box-shadow:5px 8px 30px 0 rgba(31,35,37,0.3); position: relative; overflow: hidden; margin-bottom: 35px;}
.event-img img{-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.event-img:hover img{-webkit-transform: scale(1.3); transform: scale(1.3);}
.event-cat-btn{background:#50c3f0; padding: 6px 16px; border:none; color:#fff; font-size: 14px;}
.event-img .event-overlay{position: absolute; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); width:100%; height: 100%; top:0px; bottom: 0px; padding: 20px;}
.event-img .event-overlay .event-content{position: absolute; bottom: 5px; text-align: center; color:#fff; text-transform: capitalize; font-size: 16px; font-family: 'Museo'; letter-spacing: 1px; padding:0px 20px;}
.event-img .event-overlay .event-content p{margin: 0px;}
.our-news .nav-tabs button{position: absolute; right: 30px; border:none; padding: 8px; min-width: 150px; box-shadow:5px 8px 30px 0 rgba(31,35,37,0.15); background:#C59E5C; color:#fff; border-radius:30px; transition: all 0.5s ease 0s; cursor:pointer;}
.our-news .nav-tabs button:hover{background:#1A3656; box-shadow: 5px 8px 30px 0 rgba(31, 35, 37, 0.5); }
.our-news .news-bg{width:100%; height: 227px; overflow: hidden; background:#C59E5C; color:#fff; padding:30px; transition: all 0.5s ease 0s; margin-bottom: 30px;}
.our-news .news-bg h6{margin-bottom: 15px;}
.our-news .news-bg h6 span{padding: 0px 10px;}
.our-news .news-bg h4{font-family: 'Biryani', sans-serif; font-weight: 400;text-transform: capitalize; line-height: 36px; font-size: 20px;}
.our-news .news-bg:hover{-webkit-transform: translateY(-15px); transform: translateY(-15px); box-shadow: 5px 8px 30px 0 rgba(31, 35, 37, 0.2);}
.our-news .news-bg:hover h4{text-decoration: underline;}
.our-news .news-bg2{background:#1A3656;}
.our-news .news-bg3{background:#333333;}
.our-news .news-bg4{background:#29394B;}
.our-news .news-bg5{background:#f5f5f5; color:#000;}
.our-news .news-bg6{background:rgba(75, 153, 243, 0.5); color: #000;}
.our-news .nav-tabs>li.active>a, .our-news .nav-tabs>li.active>a:focus, .our-news .nav-tabs>li.active>a:hover{background: none; color: #fff; border: none;}
.our-news .nav>li>a:focus, .our-news .nav>li>a:hover, .our-news .nav-tabs>li>a:hover{border: none; background: none;}
.mb-20{margin-bottom: 20px;}
.our-news h1{background:#f5f5f5; border: 1px solid #ddd; line-height: 36px;  padding:20px; font-size: 24px;}
.pad-bot60{padding-bottom: 60px;}
.partnership-box{width: 100%; position: relative; overflow: hidden;}
.partnership-box img{transition: all 0.3s ease-in; width: 100%;}
.partnership-box:hover img{transform: scale(1.5);}
.partnership-box-overlay{position: absolute; left: 0; right: 0; top:0; bottom:0; background: rgb(30, 50, 230);
background: linear-gradient(148deg, rgba(30, 50, 230, 0) 50%, rgba(26, 54, 86, 0.75) 50%); text-align: right; color: #fff;
}
.partnership-box-overlay h4{position: absolute; right: 15px; bottom: 15px; line-height: 24px; margin: 0px; max-width: 65%; font-size: 14px; font-weight: 400;}
.partnership-box-overlay.overlay2{ text-align: left; background: rgb(30, 50, 230);
background: linear-gradient(-148deg, rgba(30, 50, 230, 0) 50%, rgba(26, 54, 86, 0.75) 50%);}
.partnership-box-overlay.overlay2 h4{left: 15px; right: auto;}
footer{background:url(../img/subscribe-box-bg-1.png) bottom no-repeat rgba(26, 54, 86, 0.2); padding: 60px 0px;}
footer img{margin-bottom: 10px;}
footer p{color: #515E66; margin-bottom: 0px;}
footer h3{color: #1A3656; font-size: 18px;}
.footer-link li{line-height: 36px; color: #515E66; transition: all 0.3s ease-in;}
.footer-link li:hover{color:#1A3656; transform: translateX(10px); font-weight: 700;}
.footer-contact li{padding-left: 40px; position: relative; color:#515E66; margin-bottom: 20px; }
.footer-contact li i{width: 30px; height:30px; border-radius: 50%; background:#1A3656; color:#C59E5C; text-align: center; line-height: 30px; position: absolute; left:0px;}
.footer-contact li a:hover{color: #1A3656; font-weight: 700;}
.subscription-box{position: relative; margin-bottom: 15px;}
.subscription-box input{width: 100%; padding: 8px 12px; background:rgba(255, 255, 255, 0.3);color: #515E66; border:none;}
.subscription-box button{position: absolute; top: 0px; right: 0px; padding: 12px 20px; color: #fff; background:#1A3656; border: none;}
.subscription-box button:hover{background:#C59E5C;}
.footer-subscription p{margin-bottom: 15px;}
.footer-subscription i{width: 30px; height:30px; border-radius: 50%; background:#1A3656; color:#C59E5C; text-align: center; line-height: 30px; margin-right: 5px; transition: all 0.3s ease-in;}
.footer-subscription i:hover{background: #C59E5C; color:#1A3656;}
.footer-subscription h4{margin-top: 30px; color:#1A3656;}
.copy-right{background:#0A223D; padding: 12px 0px; }
.copy-right p{margin: 0px;color:#fff;}
.copy-right p span{padding: 0px 8px;}
.copy-right p a:hover{color:#C59E5C;}
.inner-banner{position: relative; background:url(../img/inner-banner.jpg) no-repeat; background-size: cover; padding: 40px 0px;}
.inner-overlay{background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom:0;}
.inner-banner h2{margin-bottom: 0px; color:#fff; padding-top: 50px;}
.breadcrumbs{margin-top: 30px; text-align: right; color:#fff;}
.breadcrumbs li{list-style: none; padding: 0px 15px; display: inline-block;}
.breadcrumbs li a:hover{color: #C59E5C;}
nav.navbar.bootsnav ul.nav > li > a.active{color: #C59E5C;}
.inner-menus{background:#f5f5f5; padding: 10px 0px; text-align: center;}
.inner-menus li{position: relative; font-size: 16px; font-weight: 700; display: inline-block; color:#8b8b8b; padding:0px 25px; margin: 0px 15px;}
.inner-menus li::before{border: 2px solid #8b8b8b; content: ""; border-radius:50%; width:15px; height:15px; left:0px;position: absolute; top: 24%;}
.inner-menus li.active, .inner-menus li:hover{color:#1A3656;}
.inner-menus li.active::before, .inner-menus li:hover::before{border-color:#1A3656; background:#1A3656;}
.about-us{padding: 60px 0px; text-align: center;}
.about-us h5{color:#1A3656;}
.about-us .line-1{display: block; margin: 0 auto; margin-bottom: 4px;}
.who-video{position: absolute; max-width: 500px; width: 100%; height: 279px; overflow: hidden; top: 60px; left: 60px;}
.who-video-bg{background:#1A3656; width: 100%; max-width: 360px; height:100%; min-height: 230px; z-index: 10;}
.who-we-are{margin-bottom: 60px;}
.who-video-bg2{background:#fff; width: 100%; min-height: 300px; max-width: 520px; position: absolute; top: 50px; left: 50px;}
.mission{background:#C59E5C; padding: 20px; color:#fff; border-radius:10px; box-shadow: 5px 8px 30px 0 rgba(31, 35, 37, 0.2); margin-bottom: 30px;}
.vision{background:#1A3656;}
.mission p{margin:0px; color:#fff;}
.kapp-objective h3{color: #000;}
.kapp-objective li{padding-left: 30px; list-style: none; position: relative; line-height: 24px; margin-bottom: 15px;}
.kapp-objective li::before{content: "\f30b"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; left: 0px; color: #C59E5C;}
.kapp-objective .row{align-items: center; display: flex; float: none; vertical-align: middle;}
.object-img{border-radius: 10px;  box-shadow: 5px 8px 30px 0 rgba(31, 35, 37, 0.2);}
.object-img img{border-radius:10px; width: 100%;}
.kapp-objective p{color:#000;}
.projects{padding: 60px 0px;}
.projects label{font-size: 16px; color:#000; margin-bottom: 15px;}
.projects .form-group .form-control{border: 1px solid #ddd; width: 80%; border-radius:30px; height: 44px; padding: 8px 20px; background: url(../img/icons/expand_more_black_24dp.svg) 95% / 8% no-repeat;}
.form-control:focus{outline: none; box-shadow: none;}
.projects .form-group .form-control:focus{background: url(../img/icons/expand_less_black_24dp.svg) 95% / 8% no-repeat;}
select{   -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;}
.effect-left-swipe a i{background: #ffffff none repeat scroll 0 0; -webkit-border-radius: 50%; -moz-border-radius: 50%;border-radius: 50%; color: #C59E5C; font-size: 14px;height: 50px;line-height: 50px;text-align: center;width: 50px;}
.projects h4{font-family: 'Cairo', sans-serif; text-transform: capitalize; letter-spacing:0px;}
.effect-left-swipe{margin-top: 30px;}
.effect-left-swipe img{width:100%;}
.effect-left-swipe a:hover i{background:#C59E5C; color:#fff;}
.load-more{position: relative; margin-top: 40px;}
.load-more button{min-width: 160px; background:#C59E5C; padding: 8px 16px; border-radius: 30px; border: none; color:#fff;  box-shadow: 5px 8px 30px 0 rgba(31, 35, 37, 0.2);}
.load-more .play-icon{font-size: 18px; top: 80%; transform: translate(-50%, 50%);-ms-transform: translate(-50%, 30%);}
.load-more a:hover button{background:#1A3656;}
.load-more a:hover .play-icon{color:#1A3656;}
.project-list, .noContent{display: none;}
#topcontrol{font-size: 30px; color: #C59E5C;}
.wrap-sticky{height: 50px !important;}
.project-details{ padding: 60px 0px 30px;}
.project-details h4{font-size: 20px; color:#000;}
.project-details h5{color: #000; margin-bottom: 20px; font-size: 16px;}
.project-details h6{font-size: 14px; margin-bottom: 15px;}
.timeline { display: block;position: relative;}
.timeline ul { margin-top: 30px; flex-direction: row; display: flex;justify-content: center;align-items: center;list-style: none;padding: 0;}
.timeline li {margin-top: 0px;position: relative;width: 100%;padding: 0px; text-align: center;}
.timeline li p { transform: translateY(-10px); /* padding: 0 20px; */ transition: 1.5s; }
.timeline .date { transition: 1.5s;  font-size: 14px;  position: relative; font-weight: 700; color:#000; margin-bottom: 10px;}
.timeline-point { width: 25px; height: 25px; transition: 1.5s ease; background:#fff; border: 1px solid #e4e4e4; position: relative; border-radius: 50%; margin: 0 auto; margin-bottom: 15px;}
.timeline-line { width: 100%; height: 4px; background: rgb(228, 228, 228); border-radius: 12px; position: absolute; top:33%;}
.timeline-innerline { position: absolute; background: blue; width: 0%; height: 4px; top: 0%; left: 0%;transition: 1s linear; border-radius: 999px;}
.time-line h6{ font-size: 14px;}
/*.time-line .timeline{margin-top: 20px; padding: 15px 0px;}*/
.time-line .timeline h5{color:#1A3656; font-size: 16px;}
.detail-document{padding: 50px 0px;}
.detail-document .nav-pills{margin-bottom: 30px;}
.detail-document .nav-pills>li.active>a, .detail-document .nav-pills>li.active>a:focus, .detail-document .nav-pills>li.active>a:hover{ background:#C59E5C; color: #fff; border-color:#C59E5C;}
.detail-document .nav>li>a{min-width: 160px; font-size: 16px; font-weight: 700; text-align: center; border: 1px solid #ddd; color:#8b8b8b;}
.detail-document .nav>li{margin-right: 15px;}
.detail-document .info-title p{color: #000; padding-left: 25px; position: relative;}
.detail-document .info-title p i{padding-right: 5px; color:#E74C3C; position: absolute; left:0px; top:8px;}
.detail-document .info-title p:hover{font-weight: 700;}
.detail-document .info-title h4{color:#000;}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
.detail-document .info-title button{padding: 12px 20px; color: #fff; background: #1A3656; border: none; border-radius:5px; min-width: 160px; margin-top: 20px; font-size:16px;}
.detail-document .info-title textarea{resize: none;}
.detail-document .info-title button:hover{background:#C59E5C;}
.project-contact{background: url(../img/project-bgm.png) no-repeat; background-size: cover; padding: 70px 50px; position: relative; margin-bottom: 60px; border-radius:6px;}
.project-contact button{background:#fff; border-radius:30px; padding: 8px 20px; color:#1A3656; border: none; font-weight: 700; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center;}
.project-contact button:hover{background:#C59E5C; color:#fff;}
.project-contact h4{color:#fff; margin-bottom: 10px;}
.project-contact p{color:#fff; margin-bottom: 30px;}
.project-contact p i{ padding-right: 8px;}
.project-contact h6{font-size: 14px; color:rgba(255, 255, 255, 0.5); font-weight: 400; margin-bottom: 15px;}
.project-contact h5{margin-bottom:0px; color:#fff; font-weight: 400; font-size: 14px;}
.project-contact .overlay{background:rgba(26, 54, 86, 0.7); position: absolute; width: 100%; height: 100%; left:0; right: 0; top:0; bottom:0; border-radius:6px;}
.mediaroom{padding: 70px 0px;}
.mediaroom .nav-tabs>li.active>a, .mediaroom .nav-tabs>li.active>a:focus, .mediaroom .nav-tabs>li.active>a:hover{background: none; color: #fff; border: none;}
.mediaroom .nav>li>a:focus, .mediaroom .nav>li>a:hover, .mediaroom .nav-tabs>li>a:hover{border: none; background: none;}
.mediaroom ul li>a {padding: 5px 20px; min-width:160px; font-weight: 700; color:#fff; border:none;}
.mediaroom .nav-tabs .nav-item.show .nav-link, .mediaroom .nav-tabs .nav-link.active {color: #f3f3f3; background-color: transparent; border-color: transparent transparent #f3f3f3; border-bottom: 4px solid !important; font-size: 20px; font-weight: bold;}
.mediaroom .nav-tabs .nav-link {border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem; color: #eee; font-size: 20px;}
.mediaroom .nav-tabs{border:none; margin-bottom: 30px;}
.mediaroom .nav-tabs li{font-size: 16px;  border-radius: 30px; text-align: center; background:#1A3656; margin:0px 10px; padding-top: 6px; padding-bottom: 6px; color: #fff;}
.mediaroom .nav-tabs li.active{background:#C59E5C; color:#fff; box-shadow:5px 8px 30px 0 rgba(31,35,37,0.3) }
.media-news, .annoncement, .articles{box-shadow: 5px 8px 30px 0 rgba(31, 35, 37, 0.05); margin-bottom: 30px; display: none;}
.news-image{width: 100%; height: 100%; max-height: 230px; position: relative; overflow: hidden;}
.news-image img{transition: all 0.3s ease-in; width: 100%;}
.news-date{position: absolute; top: 20px; left: 20px; background:#1A3656; color: #fff; width: 55px; height: 55px;  text-align: center;}
.news-date .date{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); font-size: 24px; font-weight: 700; line-height: 18px; width: 85%;}
.news-date .date span{font-size: 12px; font-weight: 400;}
.media-news:hover .news-image img, .annoncement:hover .news-image img, .articles:hover .news-image img{transform: scale(1.5);} 
.news-content{padding: 20px;}
.news-content h4{font-weight: 700; color:#000; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.news-content a.read-more{position: relative; background:none; color:#C59E5C; box-shadow: none; font-size: 14px;}
.news-content a.read-more:hover{color:#1A3656;}
.news-content p{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.annoncement .news-content h4{-webkit-line-clamp: 2;}
.annoncement .news-content p{-webkit-line-clamp: 3;}
.annoncement .news-date .date span, .articles .news-date .date span{font-size: 16px;}
.articles{display: block;}
.align-items-center{align-items: center; display: flex; float: none; vertical-align: middle;}
.zero{margin:0px; padding:0px;}
.pf-item .effect-left-swipe > a{top: 40%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); right: inherit;}
.pf-item .effect-left-swipe a i{font-size: 18px;}
.pf-item .effect-left-swipe .icons{bottom:15px; top: 40%; left: 50%; transform: translate(-50%, 50%); -ms-transform: translate(-50%, -50%); text-align: center;}
.legislation{padding:60px 0px;}
.legislation-image{position: relative; border-radius:8px; overflow: hidden;}
.legislation-image img{width:100%;}
.overlay{position: absolute; left:0; right:0; top:0; bottom:0; background:rgba(26, 54, 86, 0);width:100%; height:100%;}
.legislation li{position: relative; padding-left: 20px; color:#000; font-weight: 700; line-height: 30px;}
.legislation li:hover{color: #1A3656;}
.legislation li::before{content: "\f15b"; position: absolute; left:0px; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #E74C3C;}
.legislation h2{font-size: 24px;}
.mb-60{margin-bottom: 60px;} .mb-40{margin-bottom: 40px;}
.proposal .nav-tabs{display: block; text-align: center; margin-bottom: 40px;}
.proposal .nav-tabs li{display:inline-block; float: inherit;}
.proposal h4{color:#000;}
.proposal h5{margin-bottom: 20px;}
.requirment-list{margin-bottom: 25px;}
.requirment-list li{position: relative; padding-left: 25px; margin-bottom: 10px;}
.requirment-list li::before{content: "\f30b"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; left: 0px; color: #C59E5C;}
.requirment-pdf li{position: relative;padding-left: 20px; color:#000; font-weight: 700; line-height: 30px;}
.requirment-pdf li:hover{color: #1A3656;}
.requirment-pdf li::before{content: "\f15b"; position: absolute; left:0px; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #E74C3C;}
#form li{list-style: none; color:#000; font-weight: 700;}
#form li:hover{color: #1A3656;}
#form i{padding-right: 8px; color: #E74C3C;}
.procurement{padding: 70px 0px;}
.procurement-box{background:#1A3656; padding: 20px; border-radius:8px; color:#fff; text-align: center; min-height: 230px; box-shadow: 5px 8px 30px 0 rgba(31, 35, 37, 0.2); }
.procurement-box h5{line-height: 24px;}
.procurement-box i{font-size:60px; color:#C59E5C; margin-bottom: 20px;}
.procurement-box p{color:#fff; margin-bottom:0px; font-size: 13px;}
.procurement-box h5:hover{color:#C59E5C;}
.procurement .nav-tabs>li.active>a, .procurement .nav-tabs>li.active>a:focus, .procurement .nav-tabs>li.active>a:hover{background: none; color: #fff; border: none;}
.procurement .nav>li>a:focus, .procurement .nav>li>a:hover, .procurement .nav-tabs>li>a:hover{border: none; background: none;}
.procurement ul li>a {padding: 5px 20px; min-width:160px; font-weight: 700; color:#fff; border:none;}
.procurement .nav-tabs .nav-item.show .nav-link, .procurement .nav-tabs .nav-link.active {color: #f3f3f3; background-color: transparent; border-color: transparent transparent #f3f3f3; border-bottom: 4px solid !important; font-size: 20px; font-weight: bold;}
.procurement .nav-tabs .nav-link {border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem; color: #eee; font-size: 20px;}
.procurement .nav-tabs{border:none; margin-bottom: 30px;}
.procurement .nav-tabs li{font-size: 16px;  border-radius: 30px; text-align: center; background:#1A3656; margin:0px 10px; padding-top: 6px; padding-bottom: 6px; color: #fff;}
.procurement .nav-tabs li.active{background:#C59E5C; color:#fff; box-shadow:5px 8px 30px 0 rgba(31,35,37,0.3) }
.advisors h4{color:#000; font-weight: 700; margin-top: 20px;}
.project-operation-box{background:#f5f5f5; border:1px solid #ddd; padding: 30px; border-radius: 6px; position: relative; margin-top: 30px;}
.project-operation-box h4{color:#000; font-weight: 700;}
.project-operation-box a{position: relative; color: #C59E5C; font-size: 16px; font-weight: 700;}
.project-operation-box a i{padding-left:5px;}
.project-operation-box a:hover{color:#1A3656;}
.project-operation-box .date{position: absolute; top:30px; right:30px; color:#C59E5C; }
.project-operation-box .date i{padding-right:5px;}
.kapp-employee{padding: 60px 0px 30px;}
.employee-box{position: relative; overflow: hidden; border-radius: 8px; margin-bottom: 30px;}
.employee-box img{transition: all 0.3s ease-in; width: 100%;}
.employee-box:hover img{transform: scale(1.5);}
.employee-box .overlay{background: rgba(0, 0, 0, 0.60);}
.employee-box .overlay .txt{max-width: 104px; color:#fff; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; position: absolute;}
.employee-box .overlay .txt h4{margin-bottom:0px; line-height: 30px;}
.employee-box:hover .overlay .txt{color:#C59E5C;}
.contact-map{width: 100%; height: 300px; position: relative; overflow: hidden;}
.contact-info{padding:40px 30px; background:#1A3656; border-radius:6px; box-shadow:5px 8px 30px 0 rgba(31,35,37,0.2);}
.contact-us{padding: 60px 0px;}
.contact-info h5{ font-size: 20px; color:#fff; margin-bottom: 20px;}
.contact-info .section-title .line-1{border: 1px solid #fff; background: none;}
.contact-info li{padding-left: 45px; color: #fff; position: relative; border-bottom: 1px solid rgba(221, 221, 221, 0.5); padding-bottom: 20px; margin-bottom: 20px;}
.contact-info li i{position: absolute; left: 0px; width: 35px; height: 35px; text-align: center; background:#C59E5C; border-radius: 50%; line-height: 35px;}
.contact-info li span{display: block; padding-top: 5px;}
.contact-info li:last-child{border: none; margin-bottom: 0px; padding-bottom: 0px;}
.contact-form h5, .branches h5{ font-size: 20px; color:#000; margin-bottom: 20px;}
.contact-form select{height: 50px;}
.contact-form .form-group select.form-control{border: 1px solid #ddd; padding: 8px 20px; background: url(../img/icons/expand_more_black_24dp.svg) 95% / 8% no-repeat;}
.contact-form .form-group select.form-control:focus{background: url(../img/icons/expand_less_black_24dp.svg) 95% / 8% no-repeat;}
.contact-form textarea{resize: none;}
.contact-form button{min-width: 160px; background:#C59E5C; border:none; padding: 10px 20px; font-weight: 700; border-radius: 30px; color:#fff;  box-shadow:5px 8px 30px 0 rgba(31,35,37,0.2); margin-top: 20px;}
.contact-form button i{padding-left: 5px;}
.contact-form button:hover{background:#1A3656;}
.branches{padding-bottom: 60px;}
.branch-box{border: 1px solid #ddd; padding:20px 15px; border-radius:5px; padding-bottom:0px;}
.branch-box h5{color:#000; font-weight: 700;}
.branch-box p{padding-left: 70px; position: relative;}
.branch-box p span{position: absolute; left:0px; font-weight: 700; color:#000;}
.branch-box p span i{position: absolute; left: 50px;}
.branch-carousel{margin-top: 30px;}
.branch-carousel .owl-nav .owl-prev, 
.branch-carousel .owl-nav .owl-next {background:#fff;color: #C59E5C;font-size: 16px;height: 35px;left: -20px;line-height: 35px;margin: -20px 0 0;padding: 0;position: absolute;top: 50%;width: 35px; border-radius: 50%; box-shadow:7px 7px 20px 0px rgba(50, 50, 50, 0.2);}
.branch-carousel .owl-nav .owl-next {left: auto;right: -20px;}
.branch-carousel .owl-nav .owl-prev:hover, .branch-carousel .owl-nav .owl-next:hover{background:#1A3656 !important; color:#fff;}
form.white-popup-block .login-custom{border: none; padding-left: 15px; text-align: center;}
form.white-popup-block .login-custom h4{color:#000; font-size: 20px; font-weight: 700;}
form.white-popup-block .lost-pass-link{color:#1A3656; font-weight: 700;}
.heirachy{padding: 60px 0px; position: relative; min-height: 900px;}
.logo img{max-height: 100px;}
.project-operation-details{margin: 0 auto; width: 80%; border: 1px solid #ddd; padding: 30px; border-radius:5px;}
.project-operation-details h3{color:#000; font-weight: 700; margin-bottom:5px;}
.project-operation-details .date{margin-bottom: 20px; color:#C59E5C;}
.project-operation-details .date i{padding-right:5px;}
.project-operation-details h5{margin-top: 25px; color:#000; font-weight: 700;}
.project-operation-details h6{line-height: 24px; color:#ff0000; font-weight: 700;}
.blog-area .item .thumb img{width: 100%;}
.career{padding: 80px 0px;}
.acd-items ul li, .career-form ul li{position: relative; padding-left: 20px;margin-bottom: 6px;}
.acd-items ul li::before, .career-form ul li::before{content: "\f30b"; position: absolute; left:0px; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #C59E5C;}
.acd-items h5{color:#000; margin-top: 10px;}
.acd-items button{min-width: 160px; padding:7px; background:#C59E5C; border:none; border-radius: 30px; color:#fff; margin-top: 10px; box-shadow:5px 8px 30px 0 rgba(31,35,37,0.2); }
.acd-items button:hover{background:#1A3656;}
.career-form h5, .career-form h3{color:#000; font-weight: 700;}
.career-form h5{margin-top: 20px;}
.career-form h6{margin-top: 20px; font-size: 14px; margin-bottom: 20px;}
.career-form .contact-form .form-group select.form-control{background:url(../img/icons/expand_more_black_24dp.svg) 98% / 5% no-repeat}
.career-form input[type=file]{line-height: 36px;}
.related-links{padding: 50px 0px;}
.related-links h5{color:#000; font-weight: 700; margin-bottom: 0px;}
.related-links p{margin-bottom: 25px; overflow-wrap: break-word;}
.related-links p:hover{color:#C59E5C;}
.tooltip2 {position: relative;}
.tooltip2 .tooltiptext2 {visibility: hidden;background-color: #d1d6dd;text-align: left;border-radius: 6px;padding:8px; position: absolute; z-index: 1; top: 100%; left: 0;width: 100%; font-size: 12px; color:#666; line-height: 18px;}
.tooltip2 .tooltiptext2::after { content: ""; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent #d1d6dd transparent;}
.tooltip2:hover .tooltiptext2 {visibility: visible;}
.tooltip2 .tooltiptext2 strong{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; font-weight: 400;}
.tooltip2 .tooltiptext2 a{font-weight: 700; color:#000; position: relative; display: block;}
.timeline-carousel .owl-nav .owl-prev, 
.timeline-carousel .owl-nav .owl-next { background: #fff; color: #C59E5C; font-size: 16px; height: 35px; left: 0; line-height: 35px; margin: -20px 0 0; padding: 0; position: absolute; top: 36%; width: 35px; border-radius:50%; box-shadow: 7px 7px 20px 0px rgb(50 50 50 / 20%); opacity: 1;}
.timeline-carousel .owl-nav .owl-next {left: auto;right: 0px;}
.timeline-carousel .owl-nav .owl-prev:hover, 
.timeline-carousel .owl-nav .owl-next:hover{background:#1A3656;}
.related-announcement{position: relative; border-bottom:1px solid #ddd; margin-bottom: 30px; padding-bottom: 20px;}
.related-announcement h5{color:#000;}
.related-announcement a{color:#C59E5C;}
.related-announcement a:hover{color:#1A3656;}
.related-announcement p{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.related-announcement .date{position: absolute; right: 0px; bottom: 20px; color:#1A3656; font-weight: 700;}
.announcement{padding: 60px 0px;}
.roadmap {padding: 30px 50px;}
.roadmap .point { display: flex; flex-direction: column; padding: 10px 50px; position: relative;}
.roadmap .point:first-child .point-index { top: auto; bottom: 0; transform: translate(-50%, 2px) !important;}
.roadmap .point:last-child .point-index {top: 0;transform: translate(50%, -2px) !important;}
.roadmap .point:not(:last-child) {border-bottom: 2px solid #C59E5C;}
.roadmap .point:nth-child(odd) { align-items: flex-start;}
.roadmap .point:nth-child(odd):not(:first-child) { border-left: 2px solid #C59E5C;}
.roadmap .point:nth-child(odd) .point-index { left: 0; transform: translate(-50%, -50%);}
.roadmap .point:nth-child(even) { align-items: flex-end;}
.roadmap .point:nth-child(even):not(:last-child) { border-right: 2px solid #C59E5C;}
.roadmap .point:nth-child(even) .point-index { right: 0; transform: translate(50%, -50%);}
.roadmap .point .point-index { position: absolute; top: 50%; width: 40px; height: 40px; background: #fff; border: 2px solid #C59E5C; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 23px;font-weight: bold; color:#000;}
.roadmap .point .point-label { flex: 1 0 100%; width: 100%; font-size: 18px; margin-bottom: 5px; font-weight: 700; color:#1A3656;}
.mr-top30{margin-top: 30px;}
.mr-0{margin: 0px;;}
.roadmap .point .point-text {text-align: justify;}
.guide-book{padding: 60px 0px;}
.guide-book h4{color:#000; font-size: 20px;}
.guide-book .effect-left-swipe{margin: 0px;}
.guide-book .effect-left-swipe > a{ top: 50%; left: 50%; right: inherit; transform: translate(-50%, -50%);}
.team-area{padding: 60px 0px; padding-bottom: 30px;}
.team-area h2{margin-top: 30px; color:#000; font-size: 20px;}
.team-area .team-items .single-item:hover img {opacity: 1;-webkit-animation: flash 1.5s;animation: flash 1.5s;}
.partnership-icon{border: 1px solid #ddd; border-radius: 8px; padding: 20px; text-align: center; min-height: 210px;}
.partnership-icon img{max-height: 100px;}
.partnership-icon h4{font-size: 14px; font-weight:400; line-height: 24px; margin-bottom: 0px; margin-top: 20px; color:#000;}
.clr-black{color: black;}
.address-info img{max-height: 100px;}

@media screen and (min-width: 1024px){
    .order50-2{flex: 0 0 50%; order: 2;}
}

@media screen and (min-width: 1000px) and (max-width: 1100px){
.our-news .news-bg{height: 180px;}
    .inner-menus li{margin: 0px 10px;}
    .who-video{max-width: 400px; top: 32px;}
    .who-video-bg2{max-width: 400px;}
    nav.navbar.bootsnav ul.nav > li > a {font-size: 12px;}
    nav.navbar.bootsnav.small-pad ul.nav > li > a {padding: 15px 7px !important;}

}

@media screen and (min-width: 768px) and (max-width: 1023px){
    .about-2{bottom: 0px; max-width: 400px;}
    .about-images{margin-bottom: 30px;}
    .about-established{max-width: 400px;}
    .our-news .nav-tabs li{margin: 0px 8px;}
    .who-video-bg{max-width: 380px; min-height: 280px; margin-bottom: 100px;}
    .copy-right p span{padding: 0px 7px;}
}


@media screen and (max-width: 768px){
    .top-bar-area{display: none;}
    nav.navbar.bootsnav{background:#fff;}
    .navbar-brand{padding: 5px 15px;}
    .attr-nav > ul > li > a{color:#000;}
    .dropdown-menu{z-index: 222;}
    .home-about .row, .kapp-objective .row{display: block;}
    .pad-80{padding: 50px 0px;}
    .our-services{margin-top: 0px;}
    .partnership-box{margin-bottom: 30px;}
    footer img{display: block; margin: 0 auto; margin-bottom: 10px;}
    footer h3{margin-top: 30px;}
     .object-img{margin: 30px 0px 10px;}
    .inner-menus li{font-size: 13px; padding: 0px 20px; margin: 0px 6px;}
    .about-us{padding: 30px 0px;}
    .projects .form-group .form-control{width: 100%;}
    .wrap-sticky{height: 61px !important;}
    /*.timeline { padding: 15px;display: grid;grid-template-columns: 20% auto;justify-content: center;}
    .timeline ul {margin-top: 30px;display: flex;flex-direction: column;justify-content: center;align-items: center;list-style: none;padding: 0;}
    .timeline li {margin-top: 30px;position: relative;padding: 10px;}
    .timeline li p {padding: 0 20px;transition: 1.5s;}
    .timeline .date {position: absolute;top: 25px;left: -50px;transition: 1.5s;font-size: 12px;}
    .timeline-line {background: rgb(228, 228, 228);width: 4px; height: auto; border-radius: 12px;position: relative;justify-self: end; right: -3px;}
    .timeline-point {border: none;position: absolute;border-radius: 50%;background: rgb(228, 228, 228);width: 15px;height: 15px;top: 30px;left: -6px;transition: 1.5s ease;}
    .timeline-innerline {position: absolute;background: blue;width: 4px;height: 0%;top: 0%;left: 0%;transition: 1s linear;}*/
    .project-details p{text-align: justify;}
    .workplace-carousel{margin-bottom: 30px;}
     .mediaroom ul li>a{min-width: 135px;}
    .align-items-center{display: block;}
    .legislation{padding-top: 40px;}
    .legislation p{text-align: justify;}
    .legislation-image{margin-bottom: 25px;}
    .section-title h5{font-size: 14px;}
    .procurement-box{margin-bottom: 30px;}
    .procurement{padding-bottom: 40px;}
    .contact-info{margin-bottom: 40px;}
    .career{padding-top: 40px;}
    .guide-book .effect-left-swipe{margin-bottom: 30px;}
    .partnership-icon{margin-bottom: 30px;}
}


@media screen and (max-width: 767px){
    .about-2{top: 122px; bottom: inherit;}
    .about-established{position: relative; max-width: 100%; margin-top: 30px; margin-bottom: 30px;}
    .our-news .nav-tabs button{display: none;}
    .our-news .nav-tabs li{font-size: 13px; margin: 0px 5px; border-radius:5px;}
    .our-news ul li>a{padding: 5px 15px; min-width: inherit;}
    .our-news .nav-tabs{margin-bottom: 15px;}
    .our-news .news-bg{margin-bottom: 20px;}
    .partnership-box{margin-bottom: 20px;}
    .our-news{padding: 40px 0px 20px;}
    .pad-bot60{padding-bottom: 30px;}
    .copy-right .text-right, .copy-right{text-align: center;}
    .copy-right p{font-size: 12px;}
    .our-news .news-bg{height: auto;}
    .inner-menus{display: none;}
    .breadcrumbs li{font-size: 12px; padding: 0px 8px;}
    .inner-banner h2{padding-top: 0px;}
    .who-video-bg2{top: 15px; left: 30px;}
    .inner-banner{padding-bottom: 20px;}
    .about-us p{text-align:justify;}
    .who-we-are{margin-bottom: 30px;}
    .who-video-bg{min-height: 280px; margin-bottom: 60px;}
    .who-video{top: 30px; left: 43px;}
    .projects{padding: 30px 0px 60px;}
    .project-details{padding: 30px 0px;}
    .project-contact button{position: relative; transform: translate(-50%, 50%);}
    .mediaroom{padding-top: 40px;}
    .mediaroom .nav-tabs li{font-size: 14px; margin: 0px 5px;}
    .articles .news-content h4{-webkit-line-clamp: 2;}
    .articles .news-content p{-webkit-line-clamp: 4;}
    .proposal p, .project-operation-box p{text-align: justify;}
    .project-operation-box .date{position: relative; right: inherit; top:-6px;}
    .project-operation .nav-tabs li{font-size:14px;}
    .project-operation-details{width: 100%; padding:20px 15px; text-align: justify;}
    .blog-area .info{padding: 20px 15px;}
    .roadmap{padding: 20px 10px;}
    .team-area .team-items .item .info{min-height: 175px;}
    
}

@media (min-width: 641px) {
  .roadmap .point .point-text {flex: 1 0 50%;width: 50%;}
  .roadmap .point .point-label {flex: 1 0 50%;width: 50%;}
}

@media screen and (max-width: 480px){
    .top-header .language {min-width: 90px;}
    .about-1{display: none;}
    .about-2{position: relative; top: inherit; bottom: 0px; margin-bottom: 30px}
    .about-established{margin-top: 0px;}
    .subscription .col-xs-6, footer .col-xs-6, .projects .col-xs-4, .projects .col-xs-6, .mediaroom .col-xs-6, .col-xs-6{width: 100%;}
    .who-video{max-width: 320px; left: 38px; top: 23px; height:180px;}
    .who-video-bg2{max-width: 320px; min-height: 180px;}
    .who-video-bg{min-height: 190px; margin-bottom: 50px; max-width: 330px;}
    #topcontrol{font-size: 20px; right: 5px !important;}
    .detail-document .nav>li>a{min-width: 145px;}
    .timeline {grid-template-columns: 40% auto;}
    .mediaroom .nav-tabs li{margin: 0px 10px; margin-bottom: 15px;}
    .mediaroom ul li>a{min-width: 140px;}
    .mediaroom .nav-tabs{margin-bottom: 0px;}
    .proposal ul li>a{padding: 5px 10px;}
    .proposal .nav-tabs li{margin: 0px 5px; margin-bottom: 30px; font-size: 12px;}
    .procurement .nav-tabs li{font-size:14px; margin:0px 5px;}
    .project-operation .nav-tabs li{float: inherit; margin-bottom: 20px;}
    .procurement ul li>a{min-width: 130px;}
    .project-operation ul li>a{width: 100%;}
    .project-operation{padding: 40px 0px;}
    .project-operation .nav-tabs{margin-bottom:0px;}
    .roadmap .point{padding: 10px 25px;}
    .partnership-icon{min-height: inherit;}
    
    
}

@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

