@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

@import url('../dist/bootstrap/css/bootstrap.min.css');


:root { 
    --primary-font:   "Inter", serif;
    --secondary-font:  "Inter", serif;
    --gray: #002F33;
    --light-gray: #f5f3f3;
    --blue: #0a4871;
    --orange: #ef7f1a;
}
body { color: var(--gray); font-family: var(--primary-font); font-weight: 400; line-height: normal; overflow-x: hidden; position: relative; }
a { color: var(--bs-blue); }
a, a:hover { text-decoration: none; }
a:focus { outline: none; }
*:focus { outline: none; }
button:active, button:focus, .btn:active, .btn:focus { box-shadow: none !important; outline: none !important; }
.img-responsive, .navbar-brand > img { display: inline-block; }
img { display: inline-block; height: auto; max-width: 100%; }
h1, h2, h3, h4, h5, h6 { color: var(--bs-white); font-family: var(--primary-font); font-weight: 700; text-transform: capitalize; }
h1 { font-size: 71px; }
h2 { font-size: 35px; }
p, li { color: var(--gray); font: 500 16px/1.5 var(--primary-font); overflow-wrap: break-word; word-wrap: break-word; }
.clearfix { clear: both; margin: 0px; padding: 0px; }


p a {font-weight: bold;}


.news-ticker {width:100%; background: rgb(6,192,193);overflow: hidden;
background: linear-gradient(90deg, rgba(6,192,193,1) 0%, rgba(6,130,26,1) 35%, rgba(6,130,26,1) 100%);padding: 10px 0; }

.news-ticker p {
  float: none;              /* remove float */
  display: inline-block;    /* keep horizontal flow */
  font-weight: 300;
  margin-bottom: 0;
  color: #fff;
  margin-left: 10px;
  background: url(../images/brake-icon.png) no-repeat left center;
  padding-left: 25px;
}

.marquee-text p:first-child {background:none;margin:0;}
.white-cont-hd {    min-height: 90px;
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
    margin: 12px auto 0 auto;
  
    background:#fff;
    border-radius: 20px;
    padding: 0 20px;
}

.marquee-text {
  width: max-content;       /* IMPORTANT */
  display: inline-flex;     /* instead of flex */
  white-space: nowrap;
  animation: marquee 50s linear infinite;
  font-size: 16px;
  font-weight: 500;
}

@keyframes marquee {
  from {
    transform: translateX(3%);
  }
  to {
    transform: translateX(-100%);
  }
}

.news-ticker:hover .marquee-text {
  animation-play-state: paused;
}

.nav-abslte {position: absolute;top:0}
.header { background:#fff;left: 0; right: 0; top: 40px; z-index: 9;flex-direction:column;padding:0;position:relative; }

.smaller { background: transparent; padding-bottom: 0.5rem; position: fixed; z-index: 999; height:auto;top:0; }
.smaller .white-cont-hd {margin-top: 0;}
.smaller .navbar-brand { max-width:160px; }
.navbar-expand-lg .navbar-nav a.nav-link:hover {color: #06821A;}
.navbar-expand-lg .navbar-nav a.nav-link { color:#002F33;text-transform: uppercase; font-weight:400; font-family: var(--primary-font);padding-right:15px;
        padding-left: 15px;}
.navbar-nav .nav-link:hover { color: var(--orange); }
.navbar-nav .nav-link.active { color: var(--orange); }
.navbar-nav .nav-link.show { color: var(--orange); }
.navbar-nav .position-static {position:relative !important;}
.count {margin: 0 auto;max-width: 1300px;}

.phone-border,.phone-icon{padding:12px;width:46px;height:46px;text-align:center}
.phone-border,.phone-icon,a.b-btn{text-align:center}
.govr-mg img,.new-latst,.news-cont-wrap{box-shadow:0 3px 6px #19181D26}
.phone-icon{background-color:#06821a;border-radius:50%; cursor: pointer;}
.phone-icon img {cursor:pointer;}
.phone-icon:hover {background-color: #07B3B4;}
.phone-border{border:1px solid #96bb9c;border-radius:50%}
.contact-info{display:flex;column-gap:12px}
.phone-details span.number{font-size:22px;font-weight:600;color:#002f33}
.dropdown-toggle::after{opacity:0;font-size:0;border:0}
.py-banner{padding:0}

.select-btn .serch-box {height: 50px; border-radius: 12px;padding: 12px; font-size: 22px;text-align: center;border:none;width: 100%;}
   .text-serch { width: 100%;
    margin-top: 20px;
    margin-left: 12px;}


.py-banner .owl-carousel button.owl-dot{background-color:#898888;border-radius:50px;margin:0 5px;width:12px;height:12px}
.py-banner .owl-carousel button.owl-dot.active{background-color:#fff}
.py-banner .owl-dots{position:absolute;bottom:30px;display:inline-block;width:100%;left:0}
.banner,.banner .slide-item,.dep-box,.govr-mg,.govr-proj,.govr-proj-sm{position:relative}
.dropdown-item{color:var(--bs-white);border-bottom:1px solid rgba(255,255,255,.25);font-size:14px;font-weight:500;line-height: 29px;}

ul.dropdown-menu li a {
    height: 40px;
}

.sidenav1 {
    text-align: center;
    display: block;
    width: 100%;
    position: absolute;
    z-index: 1000;
    top: -513px;
    right: 0px;
    background-color:#06821A;
    overflow-y: hidden;
    transition: 0.5s;
    padding:5px 6px 25px 6px;
    height: auto;
    display: flex;justify-content: center;
    align-items: center;
    z-index: 99999;border-radius: 20px;
}

.banner.sub-banner .overlay {display:block;}

.closeDiv1 {
    width: 100%;
    position: relative;
    margin-top: -20px;
}

.sidenav1 .closebtn1 {
    position: absolute;
    top: 10px;
    right: 0;
    font-size: 36px;
    margin-left: 50px;
    cursor: pointer;
    z-index: 99;
}

.wrapper {
    width: 100%;
    margin: 25px auto 0;
}
.select-btn {
  padding: 15px 20px;
    font-size: 15px;
    padding-left: 0;
    justify-content: space-between;
    color: #fff;
}
.select-btn, .options li {
    display: flex
;
    cursor: pointer;
    align-items: center;
}
.wrapper.active .content {
    display: block;
}
.content {
    display: none;
    background: #fff;
    margin-top: 15px;
    padding: 20px;
    border-radius: 7px;
}
.content .search {
    position: relative;
}

.banner .owl-theme .owl-dots {display: none;}


.dropdown .dropdown-menu{background-color:#06821A;display:none;border:none;}
.button-ctn,.intro-text-wrp,.step-cont{display:flex}
.dropdown:hover>.dropdown-menu,.dropend:hover>.dropdown-menu{display:block;margin-top:.1em;margin-left:.1em}
.dropend:hover>.dropdown-menu{position:absolute;top:0;left:100%}
.dropdown-item:focus{background-color:#f8f9fa;color:#06821A}



.btn-primary,.btn-primary:focus,.btn-primary:hover{background-color:#ef7f1a}
a.nav-link{transition:transform 4s ease-in}a.nav-link:hover .drop{transform:rotate(-180deg);display:inline-block}
.btn-primary{border-radius:12px;border:inherit;color:#fff;font:700 14px/24px Inter,serif;min-width:163px;min-height:36px;text-transform:uppercase;padding:9px 0}
.banner{clear:both;width:100%;line-height:0}
.intro-btn,a.b-btn{line-height:26px;letter-spacing:.7px}
.banner .overlay{height:100%;width:100%;z-index:2;display:flex;align-items:center}
.banner .overlay::after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:#002f33;opacity:.6;z-index: 2;}
.banner h1{font-size:462.5%;font-family:Inter,serif;text-transform:none;color:#fff}
.banner h4{font-size:22px;color:#fff;font-weight:400}



.banner .btn-light,a.b-btn{font-size:14px;text-transform:uppercase}
.banner .text-banner{position:absolute;padding:30px 20px;top:38%;left:0;width:100%;z-index:3;text-align:center}
a.b-btn{color:#fff;min-height:60px;display:inline-block;min-width:240px;flex-direction:row;padding:19px 4px;font-weight:500;border-radius:10px}
.btn-one.b-btn{background:#06c0c1}
.btn-one.b-btn:hover{background:#0c9c9d}
.btn-sec.b-btn{background:#06821a}
.btn-sec.b-btn:hover{background:#0b771c}
.button-ctn{justify-content:center;column-gap:20px;margin-top:40px}
.banner h1 span{font-size:31px}
.banner h2{font-size:23px;font-weight:200;margin-top:50%;text-transform:uppercase}
.banner .btn-light{z-index:2;position:relative;border:none;background:0 0;display:inline-flex;color:var(--bs-white);font-family:var(--primary-font);font-weight:700;
    line-height:32px;text-align:left;text-indent:20px;width:auto}
.feaatures-sec h4,.feaatures-sec h6,.govr-name,.govrr-body h3,.intro-btn,.ministr-img,.news-btn,.step-head{text-align:center}
.curve img{width:100%}

.achieve-wrap .achieve-img {width:40%;}
.achieve-wrap {margin-bottom:20px;justify-content: center;}


.banner video{height:100%;object-fit:fill;width:100vw}
.five-step{position:relative;padding-top:50px;max-width:94%;margin:0 auto 120px}
.step-head{position:absolute;top:-25px;z-index:4;left:50%;translate:-50%;width:330px;height:52px;background:#fff;border-radius:50px;color:#002f33;font-weight:600;font-size:26px;padding:12px 0 0}
.step-cont:first-child{border:none}span.number{font-family:Roboto,serif;font-size:56px;color:#daecdd;font-weight:600}
.step-cont{padding-left: 0;max-width:335px;margin:0 auto;column-gap:14px;position:relative}
.header-wrp h4,.intro-btn{display:inline-block;font-size:14px;font-weight:500;text-transform:uppercase}
.header-wrp h4{background:linear-gradient(90deg,#06c0c1 0,#06821a 35%,#06821a 100%);color:transparent;background-clip:text}
.header-wrp h2{color:#002f33;font-size:350%;margin-bottom:60px}
.intro-btn,.mini-name h6,.mini-name p,footer a,footer p{color:#fff}
.intro-text-wrp p{line-height:31px;font-weight:400}
.intro-btn{height:54px;min-width:180px;flex-direction:row;padding:13px 4px;background:#06821a;border-radius:10px}
.govr-proj-sm::after,.govr-proj::after,.mini-name{border-bottom-right-radius:20px;border-bottom-left-radius:20px}
.intro-btn:hover{background:#0e6c1d}
.step-cont::after{position:absolute;content:"";width:1px;height:100%;background:#ccd5d6;left:-15px;top:0}
.step-cont.no-after::after{display:none}
.ministr-intro{width:20%}




.header-wrp{display:flex;justify-content:space-between;align-items:anchor-center}
.ministr-img{width:23%;display:grid;width: 23%;display: grid;
    flex: auto;
    height: 330px;}
.ministr-img img{border-top-left-radius:20px;border-top-right-radius:20px}
.mini-name{background-color:#029b9f;padding-top:20px}
.govrr-body{background-color:#e6f3ea;padding:50px 12px}
.govrr-body h3{font-size:32px;color:#002f33;font-weight:600;margin-bottom:30px}
.govr-mg img{border-radius:12px}
.govr-name{position:absolute;bottom:-26px;background:#06c0c1;width:95%;max-height:80px;padding-left:12px;padding-top:12px}
.govr-proj img,.govr-proj-sm img,.llcwrapper{border-radius:20px}
.govr-name p{color:#fff;font-size:14px;font-weight:300}
.govr-name h5{margin:0;font-size:20px}
.proj-d-btn,span.view{font-size:14px;text-decoration:underline}
.govrr-project{background:url(../images/bg-projct.png) no-repeat;padding: 50px 20px 260px;
    background-size: 100% 100%;
    background-position: top left;}
.govr-proj{width:58%;padding:0}
.govr-proj-sm{width:40%;padding:0}



.projs-cont{column-gap:25px;margin-bottom:30px}
.govr-proj-sm::after,.govr-proj::after{position:absolute;content:'';width:100%;height:70%;background:#002f33;background:linear-gradient(180deg,rgba(0,47,51,0) 0,#002f33 100%);bottom:0;left:0}
.govrr-project .header-wrp h2{color:#fff;margin-bottom:40px}
.proj-btn{position:absolute;bottom:30px;z-index:3;width:100%;display:flex;justify-content:space-between;padding:0 35px;color:#fff}
.llcfour,.llcone,.llcthree,.llctwo{padding:35px 0; width:20%;}span.pro-name{font-size:22px}
.llctwo.green {background-color: #07a9ac;} 
.llcwrapper{background:#06c0c1;overflow:hidden;position:relative;max-width:1300px;margin:0 auto}
.dep-box-cont,.department .header-wrp h2{margin-bottom:20px}
.feaatures-sec h4{font-size:60px;width:100%;font-weight:600;margin:0;padding-bottom:15px;line-height:36px}
.feaatures-sec h6{font-size:16px;font-weight:400}h6.covr{position:relative;margin-top:-14px}
.llctwo{background-color:#029b9f}
.llcthree{background-color:#067b7f}
.llcfour{background-color:#0a6165}
.llcfour span{font-size:16px}hr.count-divr{margin:40px 12px}
.department,.latest-newes{padding:50px 12px}
.dep-box img{border-radius:15px;-webkit-filter:grayscale(100%);filter:grayscale(100%)}
.dept-text{position:absolute;border-radius:15px;padding:20px 30% 20px 20px;bottom:0;color:#fff;z-index:2;width:100%;height:100%;left:0;background:rgba(0,47,51,.9);
    display:flex;flex-direction:column;justify-content:space-between}
.dept-text img{border-radius:0}



.dept-text h5{font-weight:400}
.dept-text p{color:#fff;font-weight:400}
.proj-d-btn{text-transform:uppercase;font-weight:500;color:#fff;display:none}
.dept-text:hover .proj-d-btn{display:block;transition:.5s}
.dept-text:hover{background:#06c0c1;transition:.5s;background:linear-gradient(180deg,#06c0c1 0,rgba(6,130,26,.6) 76%)}
.dep-box-cont{column-gap:20px}
.dep-cont{width:46.3%}

.dept-wrap {
    width: 50%;
    display: flex;column-gap: 20px;
}
.dept-wrap .dep-box {
    width: 47.2%;
}


.dep-box{width:23.8%}


.dep-cont p{font-size:18px;padding-right:20%;margin-bottom:10px}
.department .intro-btn{min-width:250px}
.tender-anns{background-color:#ebfaf9;padding:50px 12px}
.tender-anns .header-wrp h2{font-size:275%;margin-bottom:20px}
.tender-anns .header-wrp{text-align:center;display:block}
.news-cont-wrap{height:523px;border-radius:10px;background:#fff;overflow:hidden;position:relative}
.news-cont{width:48.4%}



.news-btn,.news-btn::after{width:100%;position:absolute}
.news-box-cont{column-gap:42px}
.news-text{padding:30px;max-height:520px}
.newes-line{border-top:1px solid #c1d5e1;padding:20px 0 0}
.newes-line:first-child{border:none;padding:0}
.newes-line h3{color:#06c0c1;font-size:15px;font-weight:500}
.newes-line p{color:#002f33;font-size:18px}
.newes-img img{border-top-right-radius:10px;border-top-left-radius:10px}
.news-btn{background-color:#06c0c1;color:#fff;display:block;border-bottom-right-radius:10px;border-bottom-left-radius:10px;bottom:0;padding:16px 0}
.news-btn.green{background-color:#06821a}
.news-btn.green:hover{background-color:#086c18}
.news-btn:hover{background-color:#0cacad}
.news-btn::after{content:"";height:50px;background:#fff;background:linear-gradient(180deg,#fff 0,#fff 81%);left:0;top:-50px}
.new-latst{background:#fff;border-radius:20px;margin:5px;padding:30px 0 0;width:100%}
.new-latst .dates h6{color:#06c0c1;margin-bottom:12px;padding:0 16px;font-size:14px}
.new-latst p{padding:0 16px;font-size:20px}





.new-latst img{border-bottom-right-radius:20px;border-bottom-left-radius:20px}
.latest-newes .intro-btn{width:220px}
.le-news-cont{column-gap:20px}
footer{background:#002f33;color:#fff;padding-top:100px}footer p a{font-weight:400;font-size:14px}footer p{margin-bottom:6px}
.address p{font-size:12px;font-weight:400;line-height:26px;margin-top:21px;}
footer ul{padding:0;margin:0}footer ul li{list-style:none;margin-right:20px;margin-top:18px;float:left}
span.small{font-size:20px;text-transform:uppercase;font-weight:600;margin-bottom:15px;display:block}
.bottom-part{max-width:1290px;margin:40px auto 0;border-top:1px solid #59787a;padding:20px 0}
.foot-alingleft{text-align:left;color:#59787a;font-size:14px}
.foot-alingright{text-align:right;color:#59787a;font-size:14px}

.owl-carousel .owl-nav button.owl-prev {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex
;
    align-items: center;
    justify-content: center;
    background: url(../images/slide-left-arow.png) #fff no-repeat;
    background-position: center;
    position: absolute;
    left: -25px;
    top: 58%;
    transition: 0.5s;
}
.owl-carousel .owl-nav button.owl-prev span {
    display: none;
}

.blog-slider.owl-carousel .owl-nav button.owl-next {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex
;
    align-items: center;
    justify-content: center;
    background: url(../images/slide-right-arow.png) #fff no-repeat;
    background-position: center;
    position: absolute;
    right: -25px;
    top: 58%;
    transition: 0.5s;
}

.blog-slider.owl-carousel .owl-nav button.owl-prev {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;align-items: center;
    justify-content: center;
    background: url(../images/slide-left-arow.png) #fff no-repeat;
    background-position: center;
    position: absolute;
    left: -25px;
    top: 58%;
    transition: 0.5s;
}

.owl-carousel .owl-nav button.owl-next span {
    display: none;
}
.owl-carousel .owl-nav.disabled {
    display: block;
}

#goTop a {
    background: #06821A;
    color: #fff;
    width: 50px;
    height: 50px;
    justify-content: center;
    border-radius: 50%;
    align-items: center;
    text-decoration: none;
    transition: opacity 0.3s linear;
    border: 1px solid #fff;
}
#goTop {
    position: fixed;
    right: 15px;
    bottom: 15px;
    z-index: 2;
}
.sub-banner.banner h1 {text-align:center; max-width: 1320px; margin: 0 auto;font-size: 46px;}
.breadcrumb ul {padding:0; margin: 0;font-size: 14px; letter-spacing: 0.03em;    display: flex;column-gap: 12px;list-style: none;}
.breadcrumb ul li a {color:#A0A0A0;}
.breadcrumb ul li {color: #06821A; }
.breadcrumb {padding-top: 20px;}
.breadcrumb .row {margin:0;}
.project-image img {border-radius: 15px;}
.project-image h4 {color:#002F33; font-size: 26px; line-height: 40px;}

.project-cont{display:flex; align-items: center;}
.projct-tx-btn {background:#0E6C1D; padding:12px;color:#fff;border-radius:8px;font-size:14px;font-weight:600;text-transform:uppercase;max-width: 140px;height:48px;
   display: flex;text-align: center;align-items: center;justify-content: center;}

 .projct-tx-btn:hover {background:#0e6c1d;}

 .project-image h3 {color:#C4E3CC;font-size: 56px;}
 .project-image {padding: 50px 12px;}
 .color-bg {background: #E6F4EB;}

.events-contg {padding-top: 40px;}
.events-contg h3 {color:#002F33; font-size: 26px;margin-bottom: 30px;}
 .eve-row {width: 23%;position: relative;}


 .events-cont {
    display: flex;column-gap: 12px;
    flex-wrap: wrap;
    row-gap: 12px;
}

.eve-row:hover span.overlay {
    display: block;
    transition: 0.5s;
}

.eve-row span.overlay {
    background: #065986;
    opacity: .8;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 30% 0;
    display: none;
    transition: .5s;
}
.tender-wrp {column-gap:4%;}
.tender-cont{margin-bottom: 20px;
    box-shadow: 0px 3px 6px #00000029;padding: 26px 16px;
    border-radius: 12px;width:30%;
}
.tender-cont h6 {color:#62727C; font-size: 16px;font-weight: 500;}
.tender-cont h6 span {color:#06821A;margin: 0;}

.tender-cont h3 {color:#002F33; font-weight: 600; min-height: 61px; display: flex; align-items: center;}

.tender-cont h4 {color:#0D5C5F;font-size: 16px;}
.ntce {width:44.5%}


.btn-wrap .projct-tx-btn:hover {background:#0D5C5F;}
.btn-wrap .projct-tx-btn img {margin-right: 6px;position: relative;top: -2px;}
.dat-wrap {display: flex;justify-content: space-between;margin-bottom: 20px;}
.btn-wrap {display: flex;column-gap: 12px;}

.top-row {display: flex;justify-content: space-between;}

.press-item .btn-wrap {justify-content: space-between;display: flex;}
.press-item .ntce {display: flex;flex-direction: column;width: auto;justify-content: center;align-items: center;}
.press-item .ntce span {color: #62727C;font-size: 14px;display: block;margin-top: 6px;}
p.press-p {margin: 38px 0;}

 .staff-item.tender-cont { width: 22.0%;text-align: center;}
 .staff-item.tender-cont h3 {color:#06821A; font-size: 22px;
    min-height:auto;margin: 0 0 8px 0;align-items: center;justify-content: center;}

  .staff-item.tender-cont h6 {font-size: 16px;color:#62727C; font-weight: 600;}


  .contact-wrap h3 {color:#06821A;}
.contact-wrap {background-color:#E6F3E9; padding:30px 12px;}
.contact-wrap a {color:#06821A;}
.addre-wrap .ico {
    float: left;
    padding-bottom: 40px;
    margin-right: 12px;
}
.addre-wrap {
    margin-top: 40px;
}
.addre-wrap .text {line-height: 24px;}




/****** resposive *******/

@media (max-width:600px) {

.sub-banner img.desktop-bnr {display:none}

div.sub-banner img.mobile-bnr {display:block}
.sub-banner  img.desktop-bnr {display:none}

}


@media (max-width:767px) {


    .addre-wrap .ico.mpb-pp {padding-bottom: 80px;}

    .phone-mob {display: flex;column-gap: 12px;
    padding-left: 20px;}

    .blog-slider.owl-carousel .owl-nav button.owl-next {right:0; bottom: -43px;}
    .blog-slider.owl-carousel .owl-nav button.owl-prev {left:0;bottom: -43px;}
    .order-top {order:-2}
     div.tender-cont {width:100%;}
    
    .call-footer-first,  .call-footer {width: 48%;}
    div.banner .owl-carousel .owl-item img.mobile-bnr {display:block}
    .banner .owl-carousel .owl-item img.desktop-bnr {display:none}
    .llcfour,.llcone,.llcthree,.llctwo{width:50%;}


.banner .button-ctn {display: block;}
.banner .button-ctn .btn-one {margin-bottom: 12px;}

  div.header-wrp h2 { font-size: 16px;}
  div.intro-text-wrp p {line-height: 24px;font-size: 13px;}
  section.govrr-body h3 {font-size: 24px;}
 div.govr-mg {width: 100%; max-width: 300px;}
 div.header-wrp h2 {font-size: 25px;}
 div.header-wrp {display: block;margin-bottom: 30px;}
.department {padding: 0px 12px;}
 
 .dep-cont p { padding-right: 0;}
 .dept-wrap {display:block;}
 div.dept-wrap .dep-box {width: 100%;margin-bottom: 20px;}

div.dep-box {width: 100%;}

div.news-cont {width: 100%;margin-bottom: 60px;}

footer { padding-top: 40px;}
footer .contact-left {margin-bottom: 40px;}
.download-wrap {margin-top: 40px;}
.copy-left {text-align: center;}
.copy-rght {text-align: center;margin-bottom: 20px;}
.staff-item.tender-cont h3, .staff-item.tender-cont h6 {font-size: 14px;}
div.eve-row {width: 48%;}

.achieve-wrap .achieve-img {width:100%;}



    
}






@media (max-width:990px) {

div.banner.sub-banner .text-banner {top: 39%;}
.navbar-expand-lg.header .navbar-nav {padding-top:0}
.desk-ph {display: none;}
.staff-item.tender-cont {width: 48%;}

.sub-banner img.mobile-bnr {display:none}

a.navbar-brand {width: 98px;position:inherit;top: 0;left: 0;translate: 0%;}
.ntce {
    width: 100%;
    display: inline-block;
    text-align: center;
}
.projct-tx-btn {width: 380px;margin: 0 auto 12px auto;}
    .events-contg h3 {font-size: 18px;}
    .eve-row {width: 40%;}
    .events-contg {padding-top: 0;}

    .tender-cont {width:48%;}
  .btn-wrap {display: block;}

  .tender-contg {padding: 0 14px;}
 


    .project-image {padding: 30px 12px;}

    .breadcrumb {padding: 30px 12px;}
    .white-cont-hd{min-height: 70px;}

    .project-image h4 {font-size: 20px;line-height: 32px;}
    .download-wrap {margin-top:30px;}
.banner .owl-carousel .owl-item img.mobile-bnr {display:none}
    section.govrr-project {background-image:none;background-color:#021718; padding-bottom: 40px; margin-bottom: 40px;}

    .dep-box {width: 48.5%;}
    .dep-cont {width: 100%;margin-bottom: 20px;}
   div.dept-wrap {width: 100%;}
   .dept-wrap .dep-box {width: 48.5%;}
   .dep-box-cont {row-gap: 20px;}
   .tender-anns .header-wrp h2 {font-size: 30px;}
   .newes-line p {font-size: 14px;}
   .news-cont {width: 47%;}
  .new-latst p {font-size: 16px;}
  span.small {font-size: 14px;}



    div.navbar-brand {position:inherit;}
    .desktop-nav {display:none;}
 div.contact-info {margin-top: 0;}
 .offcanvas.mobile-view {display:block;}
 a.mobile-view {display:block;}
 .offcanvas.offcanvas-start {top: -40px;height: 100vh;}
 .offcanvas-body {height: 100vh;padding-bottom: 150px;padding-right: 0px;padding-left: 0px;padding-top: 0;}
 div.white-cont-hd {flex-direction: inherit;align-items: inherit;padding:12px;}
 .navbar-nav .position-static {border-bottom:1px solid #DAECDD;}

.navbar-expand-lg .navbar-nav a.nav-link {display: flex; justify-content: space-between; font-size: 15px;}
.sub-banner.banner h1 {font-size: 24px;}
.banner h1 {font-size: 24px;}
.banner h4 {font-size: 14px;}
.banner .text-banner {top:29%;}
.banner.sub-banner .text-banner{top:50%;}
a.b-btn {min-height: 48px;min-width:180px;padding: 13px 4px;}
.step-head {width: 231px;height: 52px;border-radius: 50px;font-size: 20px;}

.five-contr{flex-wrap: nowrap;overflow-y: scroll;}
.step-cont {width: 340px;max-width:none;padding-bottom: 16px;}
.five-text {padding-right: 16px;}
.intro-text-wrp .right {width:100%;}

.five-step {margin-bottom: 0px;}
.header-wrp h2 {color: #002f33;font-size: 28px;margin-bottom: 10px;}
.four-eight {width: 30% !important;}

.intro-text-wrp .lft {display: none;}
.ministr-img {width: 60%;margin-top: 22px;max-width: 300px; margin-bottom: 40px;height: 100%;}
.govr-name h5 { font-size: 14px;}
.govr-mg {width: 49%;margin-bottom: 30px;}
.govr-proj {width: 100%;}
.govr-proj-sm {width: 100%; margin-bottom: 20px;margin-top: 20px;}
span.pro-name {font-size: 16px;}
.feaatures-sec h4 {font-size: 30px;}
.count {padding:0 20px;}



    
}


@media (min-width:991px) {
    .banner .owl-carousel .owl-item img.mobile-bnr {display:none;}

    .sub-banner img.mobile-bnr {display:none}

    .five-step {margin-bottom: 0px;}
    span.number {font-size: 37px;}
    span.five-text {font-size: 14px;padding-right: 12px;}
    .banner h1 {font-size: 30px;}

    .govr-name h5 {font-size: 16px;}
    .govr-proj {width: 56%;}

    span.small,.new-latst p {font-size:14px;}
    .news-cont {width: 47%;}
    .tender-anns .header-wrp h2 {font-size: 30px;}
    .newes-line p {font-size: 14px;}
    .dept-text h5 {font-size: 14px;}
    .feaatures-sec h4 {font-size: 32px;}
    .llcwrapper { margin: 0 16px 0 16px;}
    .header-wrp h2 {font-size: 30px;}

    .dep-box {
        width: 22.8%;
    }

    .dept-text p {font-size: 12px;}

    .step-cont{width: 20%;}
    
    


    
}


@media (max-width:1200px) {
     .mobile-view {display:none;}
    .navbar-brand {width: 130px;position: absolute;top: 0; left:36px;}
    .navbar-expand-lg .navbar-nav a.nav-link {font-size: 13px; white-space:nowrap;}
    .white-cont-hd {width:100%;position: relative;flex-direction: column-reverse;align-items: end;}
    .navbar-expand-lg .navbar-collapse {flex-direction: column-reverse; align-items: self-end;}
    .navbar-expand-lg .navbar-nav {padding-top: 30px;padding-bottom: 20px;}

        .contact-info { margin-top: 12px;}
        .phone-details .label {display: none;}
        .phone-details span.number {top:10px;position: relative;font-size:14px;}



}



@media (min-width:1201px) {
    .five-contr {row-gap: 50px;}
    .govr-name h5 {
        font-size: 20px;
    }
    .feaatures-sec h4 {font-size: 52px;}
    .five-step {margin-bottom: 20px;}
    .banner h1 {font-size:52px;}

    span.five-text {font-size: 16px;}

    span.number {font-size: 56px;}

    .dept-text h5 {font-size: 22px;}

    .newes-line p {font-size: 18px;}
    .dept-text p {font-size: 15px;}
    .header-wrp h2 { font-size:40px;}
    span.small, .new-latst p {font-size:20px;}

     .mobile-view {display:none;}
    .white-cont-hd {width:100%;}
   .navbar-expand-lg .navbar-nav a.nav-link {font-size: 13px; white-space:nowrap;}
   .phone-details span.number { font-size: 14px; line-height: 16px;}
    .phone-border, .phone-icon { padding: 9px;line-height: 12px;width: 38px;height: 33px;}
    .contact-info {margin-left: 12px; align-items:center;}
    .navbar-expand-lg .navbar-nav {white-space:nowrap;}


}

@media (min-width:1440px) {
    .tender-anns .header-wrp h2 {font-size: 275%;}
    .phone-border, .phone-icon {padding: 12px;width: 46px;height: 46px;text-align: center;}

    .navbar-brand {width:auto;}
    .white-cont-hd {width: 90%;}
    .navbar-expand-lg .navbar-nav a.nav-link {font-size: 16px; white-space:inherit;}
    .phone-details span.number {font-size: 22px; line-height: 43px;}


}