/*
Theme Name: AMRCL
Theme URI: https://rinixweb.com/
Author: RAJU GANTYADA
Author URI: https://rinixweb.com/
Version: 1.3
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
Developer : Sureddi Ramakrishna;
*/

.inr-cnt p{
    text-align : justify;
}

@font-face {
	font-family: 'Mont-Regular';
	src: url('assets/fonts/Mont-Regular.eot');
	src: local('☺'), url('assets/fonts/Mont-Regular.woff') format('woff'), url('assets/fonts/Mont-Regular.ttf') format('truetype'), url('assets/fonts/Mont-Regular.svg') format('svg');
	font-style: normal;
}

@font-face {
    font-family: 'Mont-Bold';
    src: url('assets/fonts/Mont-Bold.eot');
    src: url('assets/fonts/Mont-Bold.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/Mont-Bold.woff2') format('woff2'),
         url('assets/fonts/Mont-Bold.woff') format('woff'),
         url('assets/fonts/Mont-Bold.ttf')  format('truetype'),
         url('assets/fonts/Mont-Bold.svg#Mont') format('svg');
}

@font-face {
    font-family: 'Mont-SemiBold';
    src: url('assets/fonts/Mont-SemiBold.eot');
    src: url('assets/fonts/Mont-SemiBold.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/Mont-SemiBold.woff2') format('woff2'),
         url('assets/fonts/Mont-SemiBold.woff') format('woff'),
         url('assets/fonts/Mont-SemiBold.ttf')  format('truetype'),
         url('assets/fonts/Mont-SemiBold.svg#Mont') format('svg');
}


html {font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

* {outline:0; box-sizing:border-box; background-repeat:no-repeat;}

body,div,span,table,tr,th,td,tbody,strong,thead,br,img,input,textarea,h1,h2,h3,h4,h5,h6,button,center,left,right,p,a,ul,li,ol,em,b,u,hr {margin:0; padding:0;}

h1,h2,h3,h4,h5,h6,strong,b {font-weight:700; font-family: 'Mont-Bold'; color:#000;}

ul,ol,li {list-style:none;}
img {border:0; max-width:100%; height:auto;}
a,a:hover,input[type="submit"],button { outline:0;}
a,a:hover {text-decoration:none;}

body { color:#000; line-height:24px; font-family: 'Mont-Regular';}

svg{ display:none;}
p { margin-bottom:10px;}
a {color:#000;}
a:hover {color:#000;}
.container {margin:0px auto; width:1217px;}
.clear{ clear:both;}




/*               POP UP            */

#overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
z-index: 100;
display: none;
}

.cnt223 a {
    text-decoration: none;
    display: inline-block;
    width: 100%;
}

.popup-onload{
width: 100%;
margin: 0 auto;
display: none;
position: fixed;
z-index: 101;
top: 0;
}

.cnt223 {
    max-width: 550px;
    height: auto;
    margin: 50px auto;
    background: #fff;
    position: relative;
    z-index: 103;
    padding: 15px 15px;
    border-radius: 5px;
    box-shadow: 0 2px 5px #000;
}

.cnt223 p{
    clear: both;
    color: #555555;
    /* text-align: justify; */
    font-size: 20px;
    font-family: sans-serif;
}

.cnt223 p a{
color: #d91900;
font-weight: bold;
}

.cnt223 .x{
float: right;
height: 35px;
left: 22px;
position: relative;
top: -25px;
width: 34px;
}

.cnt223 .x:hover{
cursor: pointer;
}

.pop-cnt img {
    display: block;
    width: 100%;
}

.pop-btn-close a {
    color: #fff;
   
  
}

.pop-btn-close {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #093eab;
    color: #fff!important;
    padding: 5px 10px 10px 15px;
    border-radius: 0 0 0 40px;
    z-index: 999;
}

div#overlay {
    display: none!important;
}

/*            HEADER          */



.top-bar{
    display: table;
    width: 100%;
    padding: 5px 0;
    background: rgb(3,77,162);
 /*background: linear-gradient(90deg, rgba(3,77,162,1) 0%, rgba(0,140,69,1) 100%); update 04.07.2024*/
 background: linear-gradient(90deg, rgb(11 162 190 / 85%) 0%, rgb(34 180 212 ) 100%);
}

   
 



.top-bar p {
    margin: 0;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    padding-left: 30px;
    background-size: 20px;
    background-position: left center;
    background-repeat: no-repeat;
}

.top-bar p.top-phn{
	background-image: url(assets/icons/call-w.png);
}
.top-bar p.top-news{
	background-image: url(assets/icons/news-w.png);
}
.top-bar p a {
    color: #fff;
    font-size: 14px;
}
.top-left, .top-right {
    width: 50%;
    float: left;
}
.top-right{
	text-align: right;
}

.top-right p {
    color: #fff;
    padding: 0;
    display: inline-block;
    padding-top: 10px;
}
.top-right ul{
    display: inline-block;
}
.top-right ul li {
    display: inline-block;
}
.top-right ul li a {
    font-size: 0;
    display: inline-block;
    width: 25px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.top-right ul li.fb a{
    background-image: url(assets/icons/fb.png);
}
.top-right ul li.in a{
    background-image: url(assets/icons/insta.png);
}

.top-right ul li.yt a{
    background-image: url(assets/icons/yt.png);
}

.top-right ul li.twt a{
    background-image: url(assets/icons/twt.png);
}




.logo-sec {
    display: table;
    width: 100%;
	padding: 5px 0;
}
.logo-inr-sec {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.logo-inr-sec img {
    max-width: 90px;
}

.logo1, .logo2{
	width: 10%;
	float: left;
}
.logo-text{
	width: 80%;
	float: left;
}
.logo-text h2 {
    font-size: 35px;
    line-height: 38px;
    font-weight: 600;
    padding-top: 26px;
    text-transform: uppercase;
}

.menu-sec {
    display: table;
    width: 100%;
    background-color: #f7f7f7;
    z-index: 9999;
}
.menu-sec ul li {
    padding: 0 16px;
    margin: 0;
    float: left;
    position: relative;
    transition-duration: 0.5s;
}
.menu-sec ul li:hover {
    background-color: #fff;
    transition-duration: 0.5s;
}
.menu-sec ul li:last-child:after {
    content: '';
    position: absolute;
    width: 2px;
    height: 16px;
    background-color: #034da2;
    top: 19px;
    right: 0;
}
.menu-sec ul li:before {
    content: '';
    position: absolute;
    width: 2px;
    height: 16px;
    background-color: #034da2;
    top: 19px;
    left: 0;
}
/*.menu-sec ul li:last-child {
    margin-right: 0;
}

.menu-sec ul li:first-child {
    margin-left: 0;
}*/
.menu-sec ul li a {
    padding: 15px 0 15px 20px;
    font-size: 15px;
    line-height: 24px;
    display: inline-block;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: left center;
    position: relative;
    font-family: 'Mont-Semibold';
}

.menu-sec ul li a:hover {
    color: #008c45;
}

.menu-sec ul li a:hover:after {
    width: 100%;
    transition-duration: 0.5s;
}

.menu-sec ul li a:after {
    position: absolute;
    content: '';
    width: 0%;
    height: 2px;
    background-position: center;
    background-color: #008c45;
    top: 0;
    left: 0;
    right: 0;
    transition-duration: 0.5s;
    margin: 0 auto;
}

.menu-sec ul li.nav-home a{
	background-image: url(assets/icons/home.png);
}
.menu-sec ul li.nav-about a{
	background-image: url(assets/icons/about.png);
}
.menu-sec ul li.nav-vskp a{
	background-image: url(assets/icons/vskp.png);
}
.menu-sec ul li.nav-bza a{
	background-image: url(assets/icons/bza.png);
}
.menu-sec ul li.nav-go a{
	background-image: url(assets/icons/goap.png);
}
.menu-sec ul li.nav-why a{
	background-image: url(assets/icons/why.png);
}
.menu-sec ul li.nav-order a{
	background-image: url(assets/icons/orders.png);
}
.menu-sec ul li.nav-tender a{
	background-image: url(assets/icons/orders.png);
}
.menu-sec ul li.nav-tender a{
	background-image: url(assets/icons/tenders.png);
}
.menu-sec ul li.nav-gallery a{
	background-image: url(assets/icons/gallery.png);
}
/*.menu-sec ul li.media a{
    background-image: url(assets/icons/media.png);
}*/

.menu-sec ul li.nav-contact a{
	background-image: url(assets/icons/at.png);
}
.menu-sec ul li.nav-project a{
	background-image: url(assets/icons/project.png);
}

.menu-sec ul li:hover ul.sub-menu{
	display: block;
}


.menu-sec li.nav-about, .menu-sec li.nav-project, .menu-sec li.nav-gallery {
    background-image: url(assets/icons/down-arrow.png);
    background-size: 8px;
    background-position: right 2px center;
    background-repeat: no-repeat;
}


ul.sub-menu {
    display: none;
    position: absolute;
    top: 54px;
    left: 0;
    background-color: #e5e5e5;
    min-width: 220px;
    z-index: 999;
}
ul.sub-menu li {
    display: inline-block;
    width: 100%;
    transition-duration: 0.5s;
    position: relative;
    padding: 0;
}

ul.sub-menu li:before, ul.sub-menu li:after{
	content: none!important;
}

ul.sub-menu li a {
    display: inline-block;
    width: 100%;
    padding: 10px 0px 10px 30px!important;
    background-position: left 8px center;
}

ul.sub-menu li a:hover{
    color: #004ba2;
}

ul.sub-menu li a:after{
	content: none!important;
}

ul.sub-menu li:hover{
	background-color: transparent;
	transition-duration: 0.5s;
    color : #fff;
}

ul.sub-menu li:after, ul.sub-menu li:last-child:after{
    content: ''!important;
    position: absolute!important;
    width: 0;
    height: 100%;
    top: 0;
    right: 0;
    background: linear-gradient( 90deg, rgb(3 77 162 / 0%) 0%, rgba(0,140,69,1) 100%);
    z-index: -1;
    transition-duration: 0.5s;
}

ul.sub-menu li:hover:after {
    width: 100%;
    transition-duration: 0.5s;
}

.menu-sec ul.sub-menu li.vision a{
    background-image: url(assets/icons/vision.png);
}
.menu-sec ul.sub-menu li.logo a{
     background-image: url(assets/icons/logo.png); 
    
}
.menu-sec ul.sub-menu li.bm a{
    background-image: url(assets/icons/bod.png);
}
.menu-sec ul.sub-menu li.team a{
    background-image: url(assets/icons/team.png);
}
.menu-sec ul.sub-menu li.leader a{
    background-image: url(assets/icons/leader.png);
}
.menu-sec ul.sub-menu li.cm a{
    background-image: url(assets/icons/cm.png);
}
.menu-sec ul.sub-menu li.md a{
    background-image: url(assets/icons/md.png);
}
.menu-sec ul.sub-menu li.nav-vskp a{
	background-image: url(assets/icons/vskp.png);
}
.menu-sec ul.sub-menu li.nav-bza a{
	background-image: url(assets/icons/bza.png);
}
.menu-sec ul.sub-menu li.nav-go a{
	background-image: url(assets/icons/goap.png);
}
.menu-sec ul.sub-menu li.nav-shsr a{
	background-image: url(assets/icons/rail.png);
}
.menu-sec ul.sub-menu li.tram a{
	background-image: url(assets/icons/tram.png);
}
.menu-sec ul.sub-menu li.nav-video a{
	background-image: url(assets/icons/video.png);
}
.menu-sec ul.sub-menu li.nav-media a{
    background-image: url(assets/icons/media.png);
}
.menu-sec ul.sub-menu li{
    background-image : none;
}

.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0px 2px 10px 0px #292929;
    z-index: 99;
}

.mobile-menu{
    display: none;
    position:relative;
}


/*              Banner Section          */
.banner-sec{
    display: block;
    width: 100%;
    position : relative;
}

.banner-sec img{
    display: block;
    width: 100%;
}

.owl-controls {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 9;
    text-align: center;
}

/*.owl-nav {
    position: absolute;
    top: 0;
    right: 20px;
}

.owl-nav .owl-prev, .owl-nav .owl-next{
    display : inline-block;
    font-size : 0;
    width : 40px;
    height : 40px;
    background-color : #fff;
}*/

.owl-controls .owl-dot {
    display: inline-block;
    width: 15px;
    height: 15px;
   background-color: #008a47;
   /* background-color: #efea6d */
    border-radius: 100%;
    text-align: center;
    margin-right: 10px;
    border: 2px solid #ffffff;
}

.owl-controls .owl-dot:last-child{
    margin-right : 0;
}

.owl-controls .owl-dot.active{
    background-color : #034da1;
}

 /*              Updates Section            */

.update-sec{
    display: table;
    width: 100%;
    padding: 10px 0 5px;
    /* ( background: linear-gradient(90deg, rgba(3,77,162,1) 0%, rgba(0,140,69,1) 100%);update to below 04072024*/
    background: linear-gradient(90deg, rgb(24 127 146 / 85%) 0%, rgb(34 180 212) 100%);
}

.update-sec p{
    width: 10%;
    float: left;
    color: #fff;
}
.update-sec marquee{
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    width: 80%;
    float: left;
}





 /*              About Section            */

.about-sec{
    display: table;
    width: 100%;
    padding: 40px 0;
}

.abt-right{
    width: 35%;
    float: left;
}

.abt-left{
    width: 60%;
    float: right;
}

.abt-img {
    text-align: center;
    position: relative;
    overflow : hidden;
}

.abt-img .circle-img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.circle-img {
        -webkit-animation: rotation 35s infinite linear;
}

@-webkit-keyframes rotation {
        from {
                -webkit-transform: rotate(0deg);
        }
        to {
                -webkit-transform: rotate(359deg);
        }
}

.abt-img img {
    width: 100%;
    display: block;
}

.abt-cnt h2 {
    font-size: 34px;
    line-height: 38px;
    margin: 60px 0 35px;
    background: linear-gradient(90deg, rgba(0,140,69,1) 0%, rgba(3,77,162,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.abt-cnt p{
    font-size: 17px;
    line-height: 32px;
    margin-bottom: 40px;
    text-align : justify;
}

h2.line{
    position: relative;
    padding-left: 85px;
    color: #034da2;
}

h2.line:after {
    content: '';
    position: absolute;
    width: 70px;
    height: 3px;
    top: 15px;
    left: 0;
    background: linear-gradient(90deg, rgba(3,77,162,1) 0%, rgba(0,140,69,1) 100%);
}

.abt-btn a {
    padding: 10px 50px 10px 10px;
    border: 1px solid #016c74;
    display: inline-block;
    position: relative;
    border-radius: 5px;
    transition-duration: 0.5s;
    background-image: url(assets/icons/arrow.png);
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 25px;
}

.abt-btn a:after {
    content: '';
    position: absolute;
    width: 20%;
    height: 100%;
    right: 0;
    top: 0;
    background: linear-gradient(
90deg
, rgba(3,77,162,1) 0%, rgba(0,140,69,1) 100%);
    z-index: -1;
    border-radius: 50% 0 0 50%;
    transition-duration: 0.5s;
}

.abt-btn a:hover:after{
    width: 100%;
    border-radius: 0;
}

.abt-btn a:hover{
    color: #fff;
    background-position: right 10px center;
}


/*            Media Section             */

.media-sec{
    padding: 40px 0;
    display: table;
    width: 100%;
    background-color: #f1f1f1;
}

.media-sec .media-list{
    width: 22%;
    float: left;
    margin-left: 2%;
}
.media-sec .media-list:first-child{
    margin-left: !important;
}

.media-sec h2{
    font-size: 24px;
    line-height: 28px;
    display: inline-block;
    margin-bottom: 20px;
}

.media-sec .pic-cnt .pic-img, .media-sec .vid-cnt .vid-img {
    width: 49%;
    float: left;
    margin-bottom: 6px;
    position: relative;
}
.media-sec .news-cnt .news-img{
    width: 29%;
    float: left;
    margin-left: 5px;
    margin-bottom: 6px;
    position: relative;

}

.inr-cnt .pic-cnt .pic-img{
    position : relative;
}

.inr-cnt .pic-cnt .pic-img img{
    display : block;
    width : 100%;
}
.media-sec .pic-img a, .media-sec .news-img a, .media-sec .vid-img a,  .pic-cnt .pic-img a{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    background-position: center;
    transition-duration: 0.5s;
    background-repeat: no-repeat;
    background-size: 35px;
}
.pic-img:hover a, .vid-img:hover a, .news-img:hover a {
    background-color: #00000061;
    background-image: url(assets/icons/link.png);
}

.media-sec .pic-cnt .pic-img:nth-child(even), .media-sec .vid-cnt .vid-img:nth-child(even), .media-sec .news-cnt .vid-img:nth-child(even) {
    float: right;
}


.media-sec img{
    position: relative;
    z-index: 9;
    display: block;
    width: 100%;
    border-radius: 5px;
}

.media-sec img:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #000;
    z-index: 999;
}
.media-sec img:hover{
    cursor: pointer;
}
.media-sec img:hover:after{
    top: 0;
}
.pic-cnt marquee {
    background-image: url(assets/img/bg.jpg);
    background-size: cover;
    background-position: center;
    padding: 5px;
    max-height : 175px;
}

.pic-cnt marquee ul li {
    margin-bottom: 15px;
    font-size: 14px;
    padding-left: 25px;
    background-size: 15px;
    background-position: top 5px left;
    background-repeat: no-repeat;
    background-image: url(assets/icons/inr-list.png);
}





.mfp-gallery {
    position: absolute;
    z-index: 999;
    width: 100%;
    height: 100%;
    background-color: #00000091;
}
.mfp-figure, .mfp-iframe-holder {
    background-color: #fff;
    max-width: 800px;
    height: auto;
    margin: 40px auto 0;
    text-align: center;
    padding: 15px;
    position: relative;
    border-radius: 5px;
}
.mfp-figure figure {
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
}
button.mfp-close {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    font-size: 26px;
    padding: 5px;
    z-index: 999;
    line-height: 18px;
    background-color: rgb(3,77,162);
    color: #fff;
    border-radius: 0px 0px 0px 10px;
}
img.mfp-img {
    max-height: 100%!important;
}
.mfp-preloader {
    display: none;
}

iframe.mfp-iframe {
    width: 100%;
    min-height: 400px;
}



/*            ROUTE MAP              */

.route-map-sec {
    display: table;
    width: 100%;
    padding: 40px 0;
    background-image: url(assets/img/map-bg.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 9;
}
.route-map-sec:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0.5;
}
.route-map{
    display: inline-block;
    width: 35%;
    float: right;
}

.route-map iframe{
    border: none;
}

.routes-list{
    width: 63%;
    float: left;
}

/*----- Tabs -----*/
.tabs {
    width: 100%;
    display:inline-block;
}
 
    /*----- Tab Links -----*/

.tab-links {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.tab-links:after {
    display:block;
    clear:both;
    content:'';
}    
 
.tab-links li {
    list-style: none;
    display: block;
    float: left;
    background-color: #fff;
    min-width: 150px; 
    border-left: 1px solid #000;
}
.tab-links li:first-child{
    border-left: none;
}
 
.tab-links a {
    padding: 10px 20px;
    display: inline-block;
    width: 100%;
    border-radius: 2px 2px 0px 0px;
    font-size: 16px;
    font-weight: 600;
    transition: all linear 0.3s;
    text-align: center;
    text-decoration: none;
    background-image: url(assets/icons/metro.png);
    background-repeat: no-repeat;
    background-position: left 16px center;
    background-size: 25px;
}

.tab-links li.active a, .tab-links li a:hover {
    background-color: #d0fbff!important;
}
 
.tab-links a:hover {
    text-decoration:none;
}
 
li.active a, li.active a:hover {
    background-color:#FFF;
    color:#4C4C4C;
}
 
/*----- Content of Tabs -----*/

.tab-content {
    width:100%;
    border-radius:3px;
    padding:15px;
}
 
.tab {
    display:none;
}
 
.tab.active {
    display:block;
}

.tab-content ul {
    width: 50%;
    float: left;
}

.tab-content ul li {
    padding: 15px 0 15px 35px;
    color: #fff;
    position: relative;
}
.tab-content ul li:after {
    content: '';
    position: absolute;
    top: 9px;
    left: -10px;
    z-index: 9;
    background-image: url(assets/icons/locator.png);
    width: 38px;
    height: 38px;
    background-size: 27px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    border-radius: 100%;
}


.feat-sec {
    display: table;
    padding: 40px 0;
    width: 100%;
    background-size: cover;
    background-image: url(assets/img/feat-bg.jpg);
    background-position: center;
}

.feat-cnt {
    width: 4%;
    float: left;
}

.feat-list {
    width: 58%;
    float: right;
}

.feat-list ul li {
    width: 24%;
    float: left;
    text-align: center;
    margin-right: 1.33%;
    margin-bottom: 15px;
    padding: 20px 0;
    background: linear-gradient(-180deg, rgb(0 140 69 / 0%) 0%, rgba(3,77,162,1) 100%);
    border-radius: 5px;
}

.feat-list ul li h4{color: #fff;}
.feat-list ul li:nth-child(4), .feat-list ul li:nth-child(8){
    margin-right: 0;
}

.feat-list ul li img {
    max-width: 100px;
    border-radius: 100%;
    padding: 10px;
    overflow: hidden;
    background-color: #efefef;
    transition-duration: 0.5s;
}

.feat-list ul li:hover img {
    transform: scale(1.1);
    transition-duration: 0.5s;
    background-color: #fff;
}







/*         Footer Section        */

.footer-sec {
    display: inline-table;
    width: 100%;
    padding: 40px 0;
    background-color: #002a5a;
}
.ftr-count p {
    margin: 0;
}
.ftr-count p strong{
    color : #fff;
}
.ftr-count {
    text-align: center;
    padding-bottom: 20px;
    color: #fff;
    border-bottom: 2px;
    border-bottom-style: dashed;
    border-color: #ffffffc2;
}

.ftr-menu ul li {
    display: inline-block;
}

.ftr-menu {
    text-align: center;
    padding: 0 0 20px;
    border-bottom: 2px;
    border-bottom-style: dashed;
    border-bottom-color: #ffffffc2;
}

.ftr-menu ul li a {
    display: inline-block;
    color: #c3c3c3;
    padding: 5px 15px;
    border-left: 1px solid #f1f1f1;
    font-size: 14px;
    line-height: 18px;
}
.ftr-menu ul li a:hover{
    color: #fff;
}
.ftr-menu ul li:first-child a{
    border: none;
}

.cpy-sec {
    text-align: center;
    padding: 15px 0 0;
}


.cpy-sec p {
    color: #c7c7c7;
    margin: 0;
    font-size: 14px;
}

.cpy-sec img{max-width: 15px;margin-bottom: -2px;}

.cpy-sec a{color: #fff;}

/*        INNER PAGE STYLES        */

.inr-bnr-title {
    padding: 30px 0 125px;
    text-align: center;
    background-image: url(assets/img/banner1.gif);
    background-position: center;
    background-size: cover;
    display : none;
}
.inr-bnr-title h2 {
    font-size: 34px;
    line-height: 38px;
}


.inr-cnt {
    padding: 60px 0;
}
.inr-cnt h2 {
    font-size: 28px;
    line-height : 32px;
    margin-bottom: 15px;
    background: linear-gradient(90deg, rgba(0,140,69,1) 0%, rgba(3,77,162,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.inr-cnt h3{
    margin-bottom: 10px;
}
.inr-cnt p{
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 20px;
}
.inr-cnt a {
    color: #008c45;
}
.inr-cnt a:hover {
    color: #034da2;
}

.abt-box{
    display: inline-block;
    width: 100%;
    margin-bottom: 40px;
}

.abt-inr-left, .abt-inr-right{
    width: 50%;
    float: left;
}

.abt-box-img{
    width: 35%;
    float: left;
    margin: 0 2% 0 0;
}

.abt-box-img.right{
    float: right;
    margin: 0 0 0 2%;
}

.abt-box-img img{
    display: block;
    width: 100%;
    border-radius: 10px;
}
.abt-box-cnt{
    width: 63%;
    float: left;
}

.about-page h2 {
    font-size: 24px;
}

.abt-box ul li {
    padding-left: 25px;
    margin-bottom: 10px;
    background-image: url(assets/icons/inr-list.png);
    background-size: 16px;
    background-position: left center;
    background-repeat: no-repeat;
}





.why-metro-page h2 {
    text-align: center;
    margin-bottom: 30px;
}
.why-sec {
    margin-bottom: 40px;
}
.why-metro-page table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 30px;
}

.why-metro-page table tr:first-child{
    background: linear-gradient(90deg, rgb(11 162 190 / 85%) 0%, rgba(34, 180, 212, 1) 100%);/* linear-gradient(90deg, rgba(0,140,69,1) 0%, rgba(3,77,162,1) 100%);*/
    color: #fff;
}
.why-metro-page td, th {
  border: 1px solid #dddddd;
  padding: 8px;
  text-align: center;
}

.why-sec img{
    display: block;
    width: 100%;
}

.why-metro-cnt{
    max-width: 85%;
    margin: 0 auto;
}

.logo-cnt .logo-img {
    width: 30%;
    float: left;
}

.logo-page .logo-img {
    margin-top: 115px;
}

.logo-cnt .logo-inr-cnt {
    width: 65%;
    float: right;
}


.cm-cnt{
    max-width: 90%;
    margin: 0 auto;
    display : inline-block;
}
.cm-cnt .cm-img {
    width: 25%;
    float: left;
    
}
.cm-cnt .cm-img img{
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
.cm-cnt .cm-img h4{
    text-align: center;
}
.cm-cnt .cm-img p{
    font-size: 12px;
    text-align: center;
    line-height : 18px;
}
.cm-cnt .cm-inr-cnt {
    width: 70%;
    float: right;
}

.cm-inr-cnt ul li {
    padding: 7px 0 7px 30px;
    list-style: none;
    background-image: url(assets/icons/inr-list.png);
    background-size: 20px;
    background-position: left center;
    background-repeat: no-repeat;
}


.timeline-block {
    margin-bottom: 100px;
    padding-left: 60px;
    position: relative;
}

.timeline-block ul li {
    padding-left: 25px;
    margin-bottom: 15px;
    background-size: 13px;
    background-image: url(assets/icons/inr-list.png);
    background-position: left top 5px;
    background-repeat: no-repeat;
    font-size: 14px;
}
.timeline-block:before {
    content: '';
    position: absolute;
    width: 80px;
    height: 110px;
    top: -50px;
    left: 22px;
    border-top: 8px solid #b3b3b3;
    border-left: 8px solid #b3b3b3;
    border-radius: 20px 0 0 0;
}
.timeline-block:after {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    top: -72px;
    left: 72px;
    border-radius: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.timeline-block.k14:after {
    background-image: url(assets/img/2014.png);
}
.timeline-block.k15:after {
    background-image: url(assets/img/2015.png);
}
.timeline-block.k16:after {
    background-image: url(assets/img/2016.png);
}
.timeline-block.k17:after {
    background-image: url(assets/img/2017.png);
}
.timeline-block.k18:after {
    background-image: url(assets/img/2018.png);
}
.timeline-block.k19:after {
    background-image: url(assets/img/2019.png);
}
.timeline-block.k20:after {
    background-image: url(assets/img/2020.png);
}
.timeline-block.k21:after {
    background-image: url(assets/img/2021.png);
}
.timeline-block.k22:after {
    background-image: url(assets/img/2022.png);
}
.timeline-block.k23:after {
    background-image: url(assets/img/2023.png);
}
.timeline-block.k24:after {
    background-image: url(assets/img/2024.png);
}
.timeline-block.k25:after {
    background-image: url(assets/img/2025.png);
}
.goap-page{
    padding-top : 80px;
}

.team-cnt .team-box {
    width: 24%;
    float: left;
    margin-right: 1.33%;
    margin-bottom: 20px;
    padding: 30px 0;
    background-color: #fff3e0;
    text-align: center;
    border-radius: 10px;
    position: relative;
    z-index: 9;
    border: 3px solid #fff3e0;
    overflow: hidden;
}
.team-cnt .team-box:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 50%;
    top: 0;
    left: 0;
    background-color: #e2e2e2;
    z-index: -1;
    border-radius: 0 0 20px 20px;
}



.team-cnt .team-box:nth-child(4), .team-cnt .team-box:nth-child(8) {
    margin-right: 0;
}

.team-img {
    display: inline-block;
    width: 100%;
}

.team-img img {
    max-width: 152px;
    margin: 0 auto 20px;
    display: block;
    border-radius: 10px;
}

.team-name h3 {
    font-size: 17px;
    margin-bottom: 0;
}
.team-name p {
    font-size: 11px;
    margin: 0;
    line-height: 16px;
    text-align: center;
    min-height: 40px;
}


.lead-box {
    display: inline-block;
    width: 100%;
    margin-bottom: 40px;
}

.lead-box .lead-left {
    width: 25%;
    float: left;
    text-align: center;
}

.lead-box .lead-right{
    width: 73%;
    float: right;
}


.lead-box .lead-img {
    display: inline-block;
    width: 100%;
}

.lead-box .lead-img img {
    max-width: 75%;
    border-radius : 10px;
}
.lead-name h3 {
    margin-bottom: 0px;
}
.lead-name p {
    font-size: 13px;
    margin-bottom: 0;
    line-height: 20px;
    text-align : center;
}

.connect-cnt{
    display: inline-block;
    width: 100%;
}

.connect-cnt h3 {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 30px;
}
.connect-cnt h4 {
    margin: 15px 0 14px;
}

.connect-left {
    width: 32%;
    float: left;
    padding: 10px;
    background-color: #e5f1ff;
    border-radius: 10px;
    position: relative;
    z-index: 9;
    margin-right: 2%;
}

.connect-cnt .connect-left:last-child{
    margin-right : 0;
}
.connect-left:after {
    content: '';
    position: absolute;
    width: 90px;
    height: 90px;
    top: 5%;
    right: 11%;
    background-image: url(assets/img/at.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    opacity: 0.3;
}
.connect-right {
    width: 65%;
    float: right;
    padding : 10px;
}

.connect-cnt p:last-child {
    margin-bottom: 0;
}

.connect-cnt p {
    padding-left: 40px;
    background-size: 21px;
    background-repeat: no-repeat;
    background-position: top left;
    font-size: 13px;
    line-height: 22px;
    margin-bottom: 10px;
}

.connect-cnt p.cntct-loc{
    background-image: url(assets/icons/map.png);
}

.connect-cnt p.cntct-phn{
    background-image: url(assets/icons/phn.png);
}

.connect-cnt p.cntct-mail{
    background-image: url(assets/icons/mail.png);
}

.connect-cnt p a{
    color: #000;
}
.connect-cnt .cntct-map{
    border-radius :5px;
    overflow : hidden;
    margin-top : 20px;
}


/*.connect-form ul li:nth-child(1), .connect-form ul li:nth-child(3){
    width: 49%;
    float: left;
}

.connect-form ul li:nth-child(2), .connect-form ul li:nth-child(4){
    width: 49%;
    float: right;
}*/

.connect-form ul li {
    margin-bottom: 14px;
}

.connect-form ul li input {
    width: 100%;
    padding: 10px 15px;
    border-radius: 3px;
    border: 1px solid #9e9e9e;
    font-size: 14px;
    line-height: 18px;
}

.connect-form ul li textarea{
    width: 100%;
    min-height: 150px;
    border-radius: 3px;
    font-size: 16px;
    padding: 10px;
    border: 1px solid #9e9e9e;
}

.connect-cnt .connect-left:last-child:after{
    content : none;
}

.connect-form ul li input[type="submit"]{
    width: auto;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    background-color: #034da2;
    transition-duration: 0.5s;
    padding: 15px 30px;
    border: none;
}

.connect-form ul li input[type="submit"]:hover{
    cursor: pointer;
    background-color: #008c45;
    transition-duration: 0.5s;
}

.connect-map iframe {
    display: block;
}

.connect-map {
    border: 2px solid #464646;
    border-radius: 5px;
    overflow: hidden;
}


/*     Vision & Mission Page   */

.vision-cnt{
    display : inline-block;
    width : 100%;
}

.vision-page{
    background-size : contain;
    background-position : center;
    background-image : url(assets/img/map-bg.png);
    background-repeat : no-repeat;
}

.vision-sec{
    padding : 20px;
    border-radius : 5px;
}

.mission-sec{
    padding : 20px;
    border-radius : 5px;
}

.vision-page p {
    text-align: justify;
    margin-bottom : 0;
    font-size : 18px;
    line-height : 24px;
}


.vision-cnt h3{
    background: linear-gradient(90deg, rgba(0,140,69,1) 0%, rgba(3,77,162,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size : 24px;
    padding-left : 65px;
    position : relative;
}

.vision-cnt h3:after {
    content: '';
    position: absolute;
    top: 11px;
    left: 0;
    width: 55px;
    height: 3px;
    background: linear-gradient(90deg, rgba(0,140,69,1) 0%, rgba(3,77,162,1) 100%);
}

.vision-cnt strong{
    color : #008c45;
}

.tender-page tr td:nth-child(3) {
    min-width: 100px;
}

.tender-page tr td:nth-child(2) {
    text-align : left!important;
}


.gallery-page .media-sec{
    background-color : #fff;
    padding : 0;
}

.gallery-page .media-sec .pic-cnt .pic-img, .gallery-page .media-sec .vid-cnt .vid-img {
    /*width: 24%;*/
    /*float: left;*/
    /*margin-right: 12.33%;*/
    width: 29%;
    float: left;
    margin-right: 2rem;

    
}

.gallery-page .media-sec .pic-cnt .pic-img:nth-child(4), .gallery-page .media-sec .vid-cnt .vid-img:nth-child(4), .gallery-page .media-sec .pic-cnt .pic-img:nth-child(8), .gallery-page .media-sec .pic-cnt .pic-img:nth-child(12),.gallery-page .media-sec .pic-cnt .pic-img:nth-child(16), .gallery-page .media-sec .pic-cnt .pic-img:nth-child(20), .gallery-page .media-sec .pic-cnt .pic-img:nth-child(24), .gallery-page .media-sec .pic-cnt .pic-img:nth-child(28), .gallery-page .media-sec .pic-cnt .pic-img:nth-child(32), .gallery-page .media-sec .pic-cnt .pic-img:nth-child(36), .gallery-page .media-sec .pic-cnt .pic-img:nth-child(40), .gallery-page .media-sec .pic-cnt .pic-img:nth-child(42){
    margin-right : 0;
}

.gallery-page img{
    margin-bottom : 10px;
}

.gallery-page h3{
    text-align : center;
}


.project-cnt .project-box {
    width: 24%;
    float: left;
    text-align: center;
    margin-right : 1.33%;
}
.project-cnt .project-box:last-child{
    margin-right : 0;
}
.project-cnt .project-box a{
    display : inline-block;
    width : 100%;
}
.project-cnt .project-box img{
    display : block;
    width : 100%;
    margin-bottom : 15px;
}


.inr-cnt th {
    font-family: 'Mont-Bold';
    font-size: 17px;
}
/*         Mobile Navagation         */
.showhide {display:none; color:#fff; width:auto; float:right; text-align:left; cursor:pointer; padding:10px 0 5px; margin:0 0 0 20px; }
.showhide:hover {color:#fff;}
.showhide b.txtl {float:left; text-align:left; font-size:20px; line-height:30px; font-weight:normal; text-transform:uppercase; margin:0 5px 0 0;}
.showhide b.txtr {float:right; text-align:right; font-size:24px; line-height:24px; font-weight:600; margin-top:2px;}

.mobinav {display:none; width:100%; color:#000; box-sizing:border-box; z-index:11; position:absolute; left:0; top:45px; background: #f7f7f7;}
.mobinav ul {float:left; margin:5px 0 0 0; padding:0; display:block; width:100%; box-sizing:border-box;}
.mobinav ul li {float:left; margin:0; display:block; width:100%; box-sizing:border-box; position:relative;}
.mobinav ul li a {width:100%; padding:10px 0 10px 22px; display:block; line-height:normal; text-align:left; text-decoration:none; text-transform:capitalize; color:#000; font-size:16px; transition-duration:1s; }
.mobinav ul li.current-menu-item a {color:#fff;}
.mobinav ul li a:hover, .mobinav ul li:hover ul li a:hover {color:#000;}
.mobinav ul li ul { float:left; padding:0 0 0 15px;}
.mobinav ul li ul li ul{ margin:0 0 5px;}
.mobinav ul li ul li a{ color:#000; padding:5px 15px;}
.mobinav ul li ul li.current-menu-item a, .mobinav ul li ul li a:hover{ color:#ff0000;}

.mobinav ul li a:after{content : none;}


.mobinav ul li a.drop { font-size:0; position:absolute; right:10px; top:0; width:100px; height:100%; background-image:url(images/plus-icon.png); background-position: right center; background-repeat:no-repeat;}

.mobinav ul li a.drop.open {background-image:url(images/minus-icon.png);}

.mobinav .hd-whats{ margin:0; padding:10px;}
.mobinav .hd-whats a{ color:#fff; margin:0; display:inline-block; width:100%;}

.mobinav ul.sub-menu li a:last-child {display: none;}


.mobinav ul.sub-menu{
    position: relative;
    top: 0;
}


.inr-bnr-title-desk {
    position: relative;
    display: block;
    width: 100%;
}

.inr-bnr-title-desk img {
    width: 100%;
    display: block;
}

.inr-bnr-title-cnt {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 30px;
    left: 0;
}

.inr-bnr-title-cnt h2 {
    font-size: 34px;
}

.inr-cnt h3 pre {
    font-family: 'Mont-Bold';
    font-size: 24px;
}

.station-sec {
    padding: 30px 0;
    display: table;
    width: 100%;
    background-color: #edf6ff;
}

.station-sec h2 {
    font-size: 28px;
    text-align: center;
    margin-bottom: 40px;
    line-height: 40px;
    border-bottom: 1px dashed #b3b3b3;
    padding-bottom: 10px;
}

.station-list{
    display : inline-block;
    width : 100%;
    margin-bottom : 40px;
}

.station-list ul {
    width: 25%;
    float: left;
}

.station-list h3 {
    font-size: 22px;
    margin-bottom: 40px;
    min-height: 52px;
}

.station-list h3 span {
    margin-top: 6px;
    display: inline-block;
    font-family: 'Mont-Regular';
    font-size: 15px;
}

.station-list ul li {
    padding: 10px 0 10px 25px;
    position: relative;
}

.station-list ul li {
    padding: 0 0 30px 25px;
    position: relative;
    font-size: 18px;
    border-left: 3px dashed #034da2;
}

.station-list ul li:after {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    left: -11px;
    top: 0px;
    background-color: #008c46;
    border-radius: 100%;
}


.station-list ul li:last-child {
    padding-bottom: 0;
}
/* Responsive */

@media screen and (max-width:1680px) {
    .inr-bnr-title{
        padding: 30px 0 200px;
    }
}
@media screen and (max-width:1600px) {
    
    .inr-bnr-title{
        padding: 30px 0 135px;
    }
	
}
@media screen and (max-width:1440px) {
    
}
@media screen and (max-width:1366px) {
    
    .inr-bnr-title{
        padding: 30px 0 125px;
    }
}
@media screen and (max-width:1280px) {
    
}
@media (min-width:992px) and (max-width:1199px) {
	.container{ width:970px;}
	
	.menu-sec ul li a {padding: 15px 0 15px 18px;font-size: 12px;}
	.menu-sec ul li{padding : 0 12px;}
}
@media screen and (max-width:991px) {
	.container{ width:720px;}
    .main-menu{display: none;}
    .mobile-menu{display: block;}
    .showhide {display:block;}
    
    .menu-sec li.nav-about, .menu-sec li.nav-project, .menu-sec li.nav-gallery{background-position: right 14px top 18px; }
    ul.sub-menu{background-color : transparent;}

    .abt-right, .abt-left, .feat-list{width: 100%;}
    .media-sec .media-list{width: 100%;float: left;margin-left: 0;}

    .routes-list{width: 100%;margin-bottom: 20px;}
    .route-map{width: 100%;}
    
    .station-list ul {
        width: 50%;
        float: left;
    }
    
    .team-cnt .team-box {
        width: 32%;
        margin-right : 2%!important;
    }
    .team-cnt .team-box:nth-child(3), .team-cnt .team-box:nth-child(6), .team-cnt .team-box:nth-child(9){
        margin-right : 0!important;
    }
    .team-name h3{
        font-size : 15px;
    }
    .team-name p{
        font-size : 10px;
    }
}
@media screen and (max-width:767px) {
	.container{ width:100%; padding:0 15px;}
	
	.inr-bnr-title{display : block;}
	.inr-bnr-title-desk{display : none;}
	
	.logo1, .logo2{width : 20%;}
	.logo-text{width : 60%;}
	.logo-text h2{font-size: 15px;line-height: 24px;padding-top: 13px;}
    .logo-inr-sec{width: 100%;}
	.logo-inr-sec img {max-width: 65px;}

    .update-sec p{width: 20%;font-size: 14px;}
    .update-sec marquee{width: 80%;font-size: 14px;}

    .abt-cnt h2{font-size: 26px;line-height: 28px;margin-bottom: 20px;}

    h2.line{padding-left: 55px;}
    h2.line:after{width: 45px;top: 10px;}

    .abt-cnt p{font-size: 14px;}
    .why-metro-cnt{max-width: 100%;margin: 0 auto;}

    .logo-cnt .logo-img,.logo-cnt .logo-inr-cnt, .cm-cnt .cm-img, .cm-cnt .cm-inr-cnt, 
    .feat-cnt, .feat-list, .cm-cnt .cm-inr-cnt, .cm-cnt .cm-img, .logo-cnt .logo-inr-cnt, .logo-cnt .logo-img, .mission-sec, .vision-sec{width: 100%;}
    
    .feat-list ul li{width : 49%; float : left;}
    .feat-list ul li:nth-child(even){margin-right : 0!important;}
    .feat-list ul li:nth-child(4){margin-right: 1.33%;}
    .feat-list ul li h4{font-size : 14px;}

    .inr-bnr-title {padding: 30px 0 80px;}
    .inr-bnr-title h2 {font-size: 24px;}
    .team-cnt .team-box {width: 100%;margin-right: 0;padding: 15px;}

    .connect-left, .connect-right {width: 100%; margin-bottom: 40px;}

    .abt-box-img, .abt-box-cnt{width: 100%;}
    
    .logo-page .logo-img {margin-top: 0;}
    
    .gallery-page .media-sec .pic-cnt .pic-img, .gallery-page .media-sec .vid-cnt .vid-img{width:49%;margin-right : 0; }
    .gallery-page .media-sec .pic-cnt .pic-img:nth-child(even), .gallery-page .media-sec .vid-cnt .vid-img:nth-child(even){float: right; }
    
    .menu-sec ul li:hover {background-color: #fff0; transition-duration: 0.5s;}
    
    .project-cnt .project-box{width : 100%; margin-bottom : 20px;margin-right : 0;}
    
    .station-list ul {
        width: 100%;
        float: left;
    }


}
@media screen and (max-width:667px) {
	
}
@media screen and (max-width:640px) {
	
}
@media screen and (max-width:568px) {
	
}
@media screen and (max-width:533px) {
	
}
@media screen and (max-width:480px) {
	
	
}
@media screen and (max-width:414px) {
	
}
@media screen and (max-width:375px) {
	
}
@media screen and (max-width:360px) {
	
}
@media screen and (max-width:320px) {
	
}