@charset "utf-8";

* {

    padding: 0;

    margin: 0;

    box-sizing: border-box;

}

body,

html {

    width: 100%;

    margin: 0;

    padding: 0;

    overflow-x: hidden;

}

.mob-dis

{

	display:none;

}

.desk-img

{

	display:block !important;

}

.mob-img



{

	display:none !important;

}



.projects-bg

{

	display:block;

}

.mob-project-bg

{

	display:none;

}

@media screen and (max-width: 2560px) {

.navbar {

    padding: 40px 85px;

    box-shadow: 0px 5px 15px #eee;

}

.navbar-nav {

    margin-left: 20%;

}

.navbar-expand-lg .navbar-nav .nav-link {

    padding-right: 80px;

    padding-left: 0px;

    font-size: 25px;

}

.sidenav a {

    font-size: 25px;

}

.banner

{

	width:100%;

}

.discover-btn {

    top: 85%;

    left: 55%;

}

.discover-btn p {

    font-size: 25px;

}

.btn-discover {

    margin-top: -9%;

    margin-left: -12%;

}

.plus-sign {

    width: 92%;

}

.carousel-caption h2 {

    font-size: 75px;

    line-height: 70px;

}

.carousel-caption p {

    font-size: 32px;

    line-height: 44px;

}

.carousel-caption {

    text-align: left;

    top: 24%;

}

.about-us-title {

    display: flex !important;

    padding-left: 28%;

}

.about-para h6 {

    font-size: 38px;

    line-height: 50px;

    padding-top: 20%;

}

.about-bottom-line {

    width: 13.5%;

}

.about-title h2 {

    font-size: 90px;

}

.about-overlay h1 {

    font-size: 375px;

}

.about-details p {

    font-size: 36px;

    padding-right: 14%;

    padding-left: 1%;

    text-align: justify;

}

.rght-arrow {

    font-size: larger;

}

.details-btn {

    margin-left: 1%;

    padding-top: 0%;

    margin-top: 4%;

}

.btn.btn-about, .btn.btn-project{

    font-size: 25px;

    padding-top: 25px;

    padding-bottom: 20px;

    padding-left: 30px;

    padding-right: 50px;

}

.project-slider {

    margin-top: -5%;

    margin-left: 5%;

    padding: 6%;

}

.projects-title h4 {

    font-size: 66px;

    margin-bottom: -20px;

}

.projects-bottom-line {

    width: 65%;

}

.projects-title h2 {

    font-size: 90px;

    margin-bottom: -15px;

}

.projects-title p {

    font-size: 30px;

    font-family: 'rubiklight';

    line-height: 42px;

    padding-top: 15%;

    padding-bottom: 5%;

}



.capabilities-div p, .capabilities-div-second p {

    font-size: 26px;

}



.lft-capabilities-para {

    font-size: 38px;

    padding-left: 16%;

    line-height: 44px;

    padding-top: 8%;

}

.capabilities-heading-hr {

    margin-top: 0%;

    width: 85%;

}

.capabilities-heading-right {

    font-size: 90px;

    padding-top: 5%;

    margin-bottom: -5%;

}

.capabilities-title {

    font-size: 32px;

    padding-top: 10%;

}

.railway-track p{

    padding-top: 13%;

}

.electricity p{

    padding-top: 3%;

}

.capabilities-knowmore {

    font-size: 23px;

    padding-top: 22px;

    padding-bottom: 18px;

    padding-left: 30px;

    padding-right: 50px;

}

a.footer-nav-link {

    font-size: 22px;

}



.footer-nav-item {

    padding-left: 70px;

    padding-right: 47px;

}

.footer-line {

    width: 60%;

    padding-top: 4%;

}

.social-icon p {

    font-size: 24px;

}

.get-in-touch p, .get-in-touch p a {

    font-size: 21px;

}

.svg-inline--fa { 

    font-size: 40px;

}

.dropdown-item {

    padding: 1rem 1.5rem;

    font-size: 24px;

}

.footer-nav{

    margin-left: 10%;

}

.cl-logo h6 {

    font-size: 32px;

    line-height: 42px;

}

}

/* @media screen and (max-width:1920px) and (max-height:1080px) */

@media screen and (max-width:1920px){

.navbar-expand-lg .navbar-nav .nav-link {

    padding-right: 84px;

    font-size: 22px;

}

.dropdown-item {

    padding: 1rem 1.5rem;

    font-size: 20px;

}

.sidenav a {

    font-size: 20px;

}

.navbar-nav {

    margin-left: 8%;

}

.carousel-caption {

    top: 20%;

}

.carousel-caption h2 {

    font-size: 54px;

    line-height: 57px;

}

.carousel-caption p {

    font-size: 26px;

    line-height: 38px;

}

.discover-btn p {

    font-size: 23px;

}

.discover-btn {

    top: 84%;

    left: 53%;

}

.plus-sign {

    width: 85%;

}

.btn-discover {

    margin-top: -10%;

    margin-left: -9%;

}

.about-para h6 {

    font-size: 30px;

    line-height: 38px;

    padding-top: 20%;

}

.about-title h2 {

    font-size: 80px;

}

a.footer-nav-link {

    font-size: 17px;

}

.footer-nav-item {

    padding-left: 56px;

    padding-right: 30px;

}

.about-bottom-line {

    width: 16%;

}

.about-overlay h1 {

    font-size: 280px;

}

.about-details p {

    font-size: 24px;

    

}

.details-btn {

    margin-left: 1%;

    padding-top: 0%;

    margin-top: 4%;

}

.btn.btn-about, .btn.btn-project {

    font-size: 24px;

    padding-top: 20px;

    padding-bottom: 20px;

    padding-left: 25px;

    padding-right: 45px;

}

.capabilities-heading-hr {

    margin-top: 0%;

    width: 82%;

}

.projects-title h4 {

    font-size: 54px;

    margin-bottom: -15px;

}

.projects-title h2 {

    font-size: 80px;

    margin-bottom: -22px;

}

.projects-bottom-line {

    width: 77%;

}

.projects-title p {

    font-size: 26px;

    line-height: 40px;

    padding-top: 20%;

    padding-bottom: 10%;

}

.lft-capabilities-para {

    font-size: 30px;

    padding-left: 25%;

    line-height: 38px;

    padding-top: 10%;

}

.capabilities-heading-right {

    font-size: 80px;

    padding-top: 5%;

    margin-bottom: -7%;

}

.capabilities-heading-hr {

    margin-top: 0%;

    width: 100%;

}

.capabilities-title {

    font-size: 30px;

    padding-top: 15%;

}

.capabilities-div p, .capabilities-div-second p {

    font-size: 20px;

    padding-bottom: 15%;

}

.capability-1 p {

    padding-top: 20%;

}

.water-supply p{

    padding-top: 8%;

}

.capabilities-knowmore {

    font-size: 21px;

    padding-top: 16px;

    padding-bottom: 18px;

    padding-left: 20px;

    padding-right: 45px;

    bottom: 5%;

}

.footer-line {

    width: 40%;

    padding-top: 4%;

}

.cl-logo h6 {

    font-size: 26px;

    line-height: 40px;

}

.get-in-touch p, .get-in-touch p a {

    font-size: 18px;

}

}

/* 

@media screen and (max-height: 940px) and (max-width: 1920px)

{

.discover-btn {

    top: 85%;

    left: 53%;

}

} */

/* @media screen and (max-height: 900px) and (max-width: 1600px) */

@media screen and (max-width: 1600px){

.navbar-nav {

    margin-left: 3%;

}

.dropdown-item {

    padding: 1rem 1.5rem;

    font-size: 18px;

}

.navbar-expand-lg .navbar-nav .nav-link {

    padding-right: 70px;

    font-size: 20px;

}

.carousel-caption h2 {

    font-size: 46px;

    line-height: 48px;

}

.sidenav a {

    font-size: 21px;

}

.carousel-caption p {

    font-size: 21px;

    line-height: 32px;

}

.discover-btn {

    left: 52%;

}

.about-para h6 {

    font-size: 26px;

    line-height: 36px;

    padding-top: 30%;

}

.about-overlay h1 {

    font-size: 180px;

}

.capabilities-heading-right {

    font-size: 62px;

}

.capabilities-heading-hr {

    margin-top: 0%;

    width: 98%;

}

a.footer-nav-link {

    font-size: 16px;

}

.footer-nav-item {

    padding-left: 46px;

    padding-right: 23px;

}

.capabilities-div p, .capabilities-div-second p {

    font-size: 18px;

}

.capabilities-knowmore {

    font-size: 18px;

    padding-top: 8px;

    padding-bottom: 8px;

    padding-left: 15px;

    padding-right: 40px;

    bottom: 5%;

}

.carousel-caption h2 {

    font-size: 43px;

    line-height: 45px;

}

.carousel-caption {

    text-align: left;

    top: 20%;

}

.discover-btn p {

    font-size: 21px;

}

.about-bottom-line {

    width: 14%;

}

.about-overlay h1 {

    font-size: 230px;

}

.btn.btn-about, .btn.btn-project {

    font-size: 21px;

    padding-top: 20px;

    padding-bottom: 20px;

    padding-left: 20px;

    padding-right: 40px;

}

.projects-title h4 {

    font-size: 48px;

    margin-bottom: -15px;

}

.projects-title h2 {

    font-size: 70px;

    margin-bottom: -22px;

}

.projects-bottom-line {

    width: 84%;

}

.projects-title p {

    font-size: 22px;

    line-height: 36px;

    padding-top: 20%;

    padding-bottom: 10%;

}

.about-details p {

    font-size: 20px;

}

.projects-bottom-line {

    width: 93%;

}

.capabilities-heading-hr {

    margin-top: 0%;

    width: 82%;

}

.capability-1 p {

    padding-top: 15%;

}

.water-supply p {

    padding-top: 4%;

}

.capabilities-heading-right {

    font-size: 60px;

}

.lft-capabilities-para {

    font-size: 26px;

    padding-left: 20%;

    line-height: 31px;

}

.about-title h2 {

    font-size: 60px;

}

.projects-bottom-line {

    width: 82%;

}

.capabilities-title {

    font-size: 22px;

}

.footer-nav-item {

    padding-left: 37px;

    padding-right: 23px;

}

.footer-nav {

    margin-left: 8%;

}

.cl-logo h6 {

    font-size: 24px;

    line-height: 38px;

}

.get-in-touch p, .get-in-touch p a {

    font-size: 16px;

}



}

/* @media screen and (max-height: 900px) and (max-width: 1440px) */



@media screen and (max-width: 1440px){

    .navbar {

        padding: 30px 60px;

        box-shadow: 0px 5px 15px #eee;

    }

    .navbar-expand-lg .navbar-nav .nav-link {

        padding-right: 60px;

        font-size: 18px;

    }

    .navbar-nav {

        margin-left: 0%;

    }

    .sidenav a {

        font-size: 20px;

    }

    .dropdown-item {

        padding: 0.8rem 1.5rem;

        font-size: 16px;

    }

    .carousel-caption h2 {

        font-size: 40px;

        line-height: 40px;

    }

    .carousel-caption p {

        font-size: 20px;

        line-height: 28px;

    }

    .btn-discover {

        margin-top: -10%;

        margin-left: -10%;

    }

    .discover-btn {

        left: 51%;

    }

    .about-para h6 {

        font-size: 24px;

        line-height: 28px;

        padding-top: 20%;

    }

    .about-title h2 {

        font-size: 62px;

    }

    .about-bottom-line {

        width: 16.5%;

    }

    .about-overlay h1 {

        font-size: 210px;

    }

    .about-details p {

        font-size: 18px;

    }

    .details-btn {

        margin-left: 1%;

        padding-top: 0%;

        margin-top: 3%;

    }

    .btn.btn-about, .btn.btn-project {

        font-size: 20px;

        padding-top: 16px;

        padding-bottom: 16px;

        padding-left: 20px;

        padding-right: 25px;

    }

    .projects-title h4 {

        font-size: 46px;

        margin-bottom: -15px;

    }

    .projects-title h2 {

        font-size: 62px;

        margin-bottom: -22px;

    }

    .projects-bottom-line {

        width: 84%;

    }

    .projects-title p {

        font-size: 20px;

        line-height: 32px;

        padding-top: 20%;

        padding-bottom: 10%;

    }

    .lft-capabilities-para {

        font-size: 24px;

        padding-left: 20%;

        line-height: 28px;

    }

    .capabilities-heading-right {

        font-size: 62px;

    }

    .capabilities-heading-hr {

        margin-top: 0%;

        width: 95%;

        margin-left: 0%;

    }

    .capabilities-div p, .capabilities-div-second p {

        font-size: 16px;

    }

    .rght-arrow {

        font-size: 26px;

    }

    .capabilities-knowmore {

        font-size: 16px;

        padding-top: 10px;

        padding-bottom: 10px;

        padding-left: 15px;

        padding-right: 20px;

        bottom: 5%;

    }

    .footer-nav-item {

        padding-left: 25px;

        padding-right: 25px;

    }

    .footer-line {

        width: 56%;

        padding-top: 0%;

    }

    .cl-logo h6 {

        font-size: 22px;

        line-height: 36px;

    }

    .svg-inline--fa {

        font-size: 32px;

    }

    .get-in-touch p, .get-in-touch p a {

        font-size: 14px;

    }

}

/* @media screen and (max-width: 1366px) and (max-height: 778px)  */

@media screen and (max-width: 1366px) {

    .navbar {

        padding: 25px 50px;

        box-shadow: 0px 5px 15px #eee;

    }

.carousel-caption h2 {

    font-size: 36px;

    line-height: 36px;

}

.carousel-caption {

    top: 15%;

}

.plus-sign {

    width: 68%;

}

.discover-btn p {

    font-size: 16px;

}

.btn-discover {

    margin-top: -10%;

    margin-left: -16%;

}

.discover-btn {

    left: 53.4%;

}

.about-para h6 {

    font-size: 22px;

    line-height: 24px;

    padding-top: 20%;

}

.about-title {

    padding-left: 16%;

    padding-top: 5%;

}

.about-bottom-line {

    width: 17.5%;

}

.about-overlay h1 {

    font-size: 190px;

}

.about-details p {

    font-size: 16px;

}

.footer-nav {

    margin-left: 12%;

}

.btn.btn-about, .btn.btn-project {

    font-size: 16px;

    padding-top: 10px;

    padding-bottom: 10px;

    padding-left: 20px;

    padding-right: 40px;

}

.projects-title h4 {

    font-size: 42px;

    margin-bottom: -15px;

}

.projects-title p {

    font-size: 16px;

    line-height: 24px;

    padding-top: 20%;

    padding-bottom: 10%;

}

.lft-capabilities-para {

    font-size: 22px;

    line-height: 26px;

}

.capabilities-div p, .capabilities-div-second p {

    font-size: 14px;

}

.capabilities-knowmore {

    font-size: 14px;

    padding-top: 5px;

    padding-bottom: 5px;

    padding-left: 10px;

    padding-right: 30px;

    bottom: 6%;

}

.capabilities-title {

    font-size: 20px;

}

.capabilities-heading-hr {

    margin-top: 0%;

    width: 100%;

    margin-left: 0%;

}

.navbar-expand-lg .navbar-nav .nav-link {

    padding-right: 51px;

    font-size: 14px;

}

.get-in-touch p, .get-in-touch p a {

    font-size: 16px;

}

a.footer-nav-link {

    font-size: 12px;

}

.carousel-caption p {

    font-size: 16px;

    line-height: 24px;

}



.navbar-expand-lg .navbar-nav .nav-link {

    padding-right: 45px;

    font-size: 16px;

}

.sidenav a {

    font-size: 16px;

}

.cl-logo h6 {

    font-size: 20px;

    line-height: 32px;

}

.svg-inline--fa {

    font-size: 30px;

}

.get-in-touch p, .get-in-touch p a {

    font-size: 14px;

}

}

@media screen and (max-width: 1280px) and (max-height: 1024px) 

{

.navbar-nav {

    margin-left: 0%;

}

.dropdown-item {

    padding: 0.6rem 1.5rem;

    font-size: 14px;

}

.carousel-caption h2 {

    font-size: 44px;

    line-height: 45px;

}

.carousel-caption {

    text-align: left;

    top: 14%;

}

.carousel-caption p {

    font-size: 16px;

    line-height: 25px;

}

.discover-btn p {

    font-size: 17px;

}

.discover-btn {

    top: 86%;

    left: 52%;

}

.about-para h6 {

    font-size: 20px;

}

.about-overlay h1 {

    font-size: 170px;

}

.about-title h2 {

    font-size: 62px;

}

.about-bottom-line {

    width: 19%;

}

.lft-capabilities-para {

    font-size: 20px;

    padding-left: 40%;

    line-height: 25px;

    padding-top: 15%;

}

.capabilities-heading-right {

    font-size: 50px;

    padding-top: 15%;

}

.capabilities-heading-hr {

    margin-top: 3%;

    width: 86%;

}

.capabilities-title {

    font-size: 22px;

    padding-top: 11%;

}

.capabilities-div p, .capabilities-div-second p {

    font-size: 22px;

}

.capabilities {

    padding-left: 3%;

	padding-right:3%;

}

a.footer-nav-link {

    font-size: 15px;

}

.footer-nav-item {

    padding-left: 26px;

    padding-right: 23px;

}

a.footer-nav-link {

    font-size: 13px;

}

.get-in-touch p, .get-in-touch p a {

    font-size: 15px;

}

.social-icon p {

    font-size: 17px;

}

.capabilities-div p, .capabilities-div-second p {

    font-size: 16px;

}

.rght-arrow {

    font-size: 21px;

}

.capabilities-title {

    font-size: 19px;

    padding-top: 11%;

}

.about-details p {

    font-size: 16px;

}

.btn.btn-about, .btn.btn-project {

    font-size: 15px;

    padding-top: 15px;

    padding-bottom: 15px;

    padding-left: 15px;

    padding-right: 30px;

}

.capabilities-knowmore {

    font-size: 14px;

    padding-top: 12px;

    padding-bottom: 12px;

    padding-left: 10px;

    padding-right: 25px;

    bottom: 6%;

}

.projects-title p {

    font-size: 16px;

}

.about-overlay h1 {

    font-size: 185px;

}

.btn-discover {

    margin-top: -12%;

    margin-left: -14%;

}

.cl-logo h6 {

    font-size: 18px;

    line-height: 30px;

}

.svg-inline--fa {

    font-size: 24px;

}

}

@media screen and (max-width: 1280px) and (max-height: 778px) 

{

.capabilities-div p, .capabilities-div-second p {

    font-size: 14px;

}



.social-icon p {

    font-size: 15px;

}

.footer-nav-item {

    padding-left: 18px;

    padding-right: 30px;

}

a.footer-nav-link {

    font-size: 12px;

}

.get-in-touch p, .get-in-touch p a {

    font-size: 14px;

}

}



@media screen and (max-width: 1280px) and (max-height: 610px) 

{

.navbar-expand-lg .navbar-nav .nav-link {

    padding-right: 45px;

    font-size: 16px;

}

.discover-btn {

    top: 86%;

    left: 52.4%;

}

/* .about-overlay h1 {

    font-size: 141px;

} */

.projects-title h2 {

    font-size: 55px;

    margin-bottom: -15px;

}

.projects-bottom-line {

    width: 88%;

}

.footer-nav-item {

    padding-left: 20px;

    padding-right: 24px;

}

.lft-capabilities-para {

    font-size: 20px;

    padding-left: 30%;

    line-height: 25px;

    padding-top: 10%;

}

.navbar-nav {

    margin-left: 0%;

}

.cl-logo h6 {

    font-size: 17px;

    line-height: 28px;

}

.get-in-touch p, .get-in-touch p a {

    font-size: 12px;

}

}

@media screen and (max-width: 1240px){

    .footer-nav-item {

        padding-left: 20px;

        padding-right: 20px;

    } 

    .footer-line {

        width: 65%;

        padding-top: 0%;

    }

    .navbar-nav {

        margin-left: -2%;

    }

    .cl-logo h6 {

        font-size: 16px;

        line-height: 26px;

    }

    .get-in-touch p, .get-in-touch p a {

        font-size: 14px;

    }

}

@media screen and (max-width: 1024px)

{

.carousel-caption h2 {

    font-size: 30px;

    line-height: 30px;



}

.dropdown-item {

    padding: 0.6rem 1.5rem;

    font-size: 12px;

}

.carousel-caption {

    text-align: left;

    top: 6%;

}

.discover-btn {

    top: 83%;

    left: 50%;

}

.btn-discover {

    margin-top: -10%;

    margin-left: -17%;

}



.navbar-expand-lg .navbar-nav .nav-link {

    padding-right: 80px;

    font-size: 13px;

}

.about-para h6 {

    font-size: 16px;

    line-height: 20px;

    padding-top: 15%;

}

.img-logo {

    width: 50%;

}

.navbar-nav {

    margin-left: -20%;

}

.navbar-expand-lg .navbar-nav .nav-link {

    padding-right: 40px;

    font-size: 13px;

}

.about-details p {

    font-size: 15px;

}

.projects-title p {

    font-size: 14px;

}

.lft-capabilities-para {

    font-size: 16px;

    padding-left: 28%;

    line-height: 22px;

}

.capabilities-title {

    font-size: 15px;

    padding-top: 11%;

}

.capabilities-div p, .capabilities-div-second p {

    font-size: 12px;

}

.capabilities-knowmore {

    font-size: 12px;

    padding-top: 10px;

    padding-bottom: 10px;

    padding-left: 10px;

    padding-right: 25px;

    bottom: 6%;

}

.capabilities-heading-right {

    font-size: 50px;

    margin-left: -5%;

}

.capabilities-heading-hr {

    margin-top: 0%;

    width: 100%;

    margin-left: 0%;

}

.about-title h2 {

    font-size: 50px;

}

.about-title {

    padding-left: 22%;

    padding-top: 2%;

}

.about-overlay h1 {

    font-size: 145px;

}

.about-details p {

    font-size: 13px;

}

.btn.btn-about, .btn.btn-project {

    font-size: 13px;

    padding-top: 12px;

    padding-bottom: 12px;

    padding-left: 10px;

    padding-right: 25px;

}

.rght-arrow {

    font-size: 18px;

}

.details-btn {

    margin-left: 65%;

    padding-top: 0%;

    margin-top: -7%;

}

.details-btn {

    margin-left: 1%;

    padding-top: 0%;

    margin-top: 3%;

}

.projects-title h2 {

    font-size: 50px;

    margin-bottom: -15px;

}

.projects-bottom-line {

    width: 97%;

}

.footer-nav-item {

    padding-left: 20px;

    padding-right: 10px;

}

.footer-link {

    padding-bottom: 2%;

}

.get-in-touch p, .get-in-touch p a, .sub-footer p {

    font-size: 11px;

}

.footer-line {

    width: 82%;

    margin-top: -5%;

}

.footer-nav {

    margin-left: 5%;

}

.cl-logo h6 {

    font-size: 14px;

    line-height: 24px;

}

.svg-inline--fa {

    font-size: 22px;

}

}

@media screen and (max-width: 800px)

{

.sidenav {  

    background-size: 100% 40%;

}

.carousel-caption h2 {

    font-size: 21px;

    line-height: 23px;

}

.carousel-caption p {

    font-size: 13px;

    line-height: 15px;

}

.discover-btn p {

    font-size: 13px;

}

.btn-discover {

    margin-top: -15%;

    margin-left: -18%;

}

.plus-sign {

    width: 42%;

    margin-right: 25%;

    margin-top: 14%;

}

.about-overlay h1 {

    font-size: 115px;

}

.about-para h6 {

    font-size: 16px;

    line-height: 18px;

    padding-top: 12%;

}

.about-us-title {

    padding-left: 24%;

}

.about-details p {

    font-size: 14px;

}

.lft-capabilities-para {

    font-size: 16px;

    padding-left: 38%;

    line-height: 18px;

}

.capabilities-heading-right {

    font-size: 37px;

    padding-top: 15%;

    margin-left: -15%;

}

.capabilities-heading-hr {

    margin-top: 0%;

    width: 100%;

    margin-left: -8%;

}

.capabilities-div p, .capabilities-div-second p {

    font-size: 10px;

    line-height: 11px;

}

.rght-arrow {

    font-size: 14px;

}

.capabilities-title {

    font-size: 11px;

    padding-top: 11%;

}

.capabilities-knowmore {

    font-size: 11px;

    bottom: 5%;

    padding-top: 8px;

    padding-bottom: 8px;

    padding-left: 10px;

    padding-right: 20px;

}

.footer-nav-item {

    padding-left: 10px;

    padding-right: 0px;

}

a.footer-nav-link {

    font-size: 12px;

}

.get-in-touch {

    padding-top: 0%;

    text-align: right;

}

.btn.btn-about, .btn.btn-project {

    font-size: 12px;

    padding-top: 12px;

    padding-bottom: 12px;

    padding-left: 15px;

    padding-right: 30px;

}

.details-btn {

    margin-left: 1%;

    padding-top: 0%;

    margin-top: 3%;

}

.projects-title p {

    font-size: 10px;

    line-height: 17px;

}

.about-bottom-line {

    width: 16%;

}

.projects-bottom-line {

    width: 100%;

}

.projects-title h4 {

    font-size: 28px;

    margin-bottom: -13px;

}

.projects-title h2 {

    font-size: 37px;

    margin-bottom: -15px;

}

.discover-btn {

    top: 83%;

    left: 51%;

}

.get-in-touch p, .get-in-touch p a {

    font-size: 12px;

}

.get-in-touch p:last-child{

    margin-left: -22%;

}

.footer {

    padding-left: 15px;

    padding-right: 15px;

}

.no-pad{

    padding-right: 2%;

}

.get-in-touch h3 {

    font-size: 25px;

    margin-bottom: -7%;

    margin-top: 14%;

}

.social-icon p {

    font-size: 18px;

}

.about-title h2 {

    font-size: 37px;

}

}

@media screen and (max-width: 768px){

    .plus-sign {

        width: 42%;

        margin-right: 34%;

        margin-top: 18%;

    }

    .about-bottom-line {

        width: 19%;

    }

    .about-details p {

        font-size: 12px;

    }

    .projects-title h4 {

        font-size: 28px;

        margin-bottom: -8px;

    }

    .lft-capabilities-para {

        font-size: 16px;

        padding-left: 40%;

        line-height: 18px;

        padding-top: 5%;

    }

    .capabilities-knowmore {

        font-size: 10px;

        bottom: 5%;

        padding-top: 5px;

        padding-bottom: 5px;

        padding-left: 10px;

        padding-right: 15px;

    }

    .get-in-touch p, .get-in-touch p a {

        font-size: 11px;

    }

}

@media screen and (max-width: 480px)

{

    .sidenav a {

        padding: 15px 8px 9px 30px;

        font-size: 20px;

    }

    .sidenav {

        background-size: 100% 101%;

    }

    .fa-arrow-right{

        margin-bottom: 0%;

        font-size: 16px;

    }

.desk-img

{

	display:none !important;

}

.mob-img



{

	display:block !important;

}

.bg-image {

    background-image: url(../images/homepage/slider-bg.png);

    /* background-repeat: no-repeat; */

    /* background-position-y: 91%; */

    background-size: 80%;

}

.slider {

    padding-left: 5%;

    padding-right: 5%;

}

.discover-btn p {

    font-size: 14px;

}

.about-us-title {

    padding-left: 14%;

}

.about-para h6 {

    font-size: 24px;

    line-height: 27px;

}

.about-title {

    padding-left: 2%;

    padding-top: 2%;

}

.about-bottom-line {

    width: 34%;

    padding-top: 3%;

}

.about-overlay h1 {

    font-size: 78px;

    padding-top: 5%;

}

.about-us-title {

    padding-left: 5%;

    margin-top: 11%;

}

.about-details {

    display: flex;

    padding-left: 6%;

}

.about-details p {

    font-size: 18px;

    padding-right: 3%;

}

.details-btn {

    margin-left: 0%;

    padding-top: 0%;

    margin-top: 0%;

}

.our-projects {

    padding-left: 5%;

    padding-right: 6%;

     background-image: url(../images/homepage/mob-project-bg.png);

     margin-top: 5%;

}

.projects-title{

    padding-top: 5%;

}

.projects-bg {

    position: absolute;

    width: 204%;

    right: 0%;

    top: 11%;

    top: -35%;

    transform: rotate(-12deg);

    z-index: -1;

}

.projects-title h4 {

    font-size: 30px;

    margin-bottom: -10px;

}

.projects-bottom-line {

    width: 38%;

}

.projects-title h2 {

    font-size: 42px;

}

.projects-title p {

    font-size: 18px;

    padding-top: 3%;

    padding-bottom: 2%;

    line-height: 24px;

}

.btn.btn-about, .btn.btn-project {

    font-size: 14px;

    padding-top: 12px;

    padding-bottom: 12px;

    padding-left: 15px;

    padding-right: 30px;

}

.project-slider {

    margin-top: 9%;

    margin-left: 0%;

    padding: 1%;

}

.capabilities {

    /* background-image: url(../../images/capabilities/mob-capabilities.png); */

    background-image: none;

    background-color: #fafafa;

    background-repeat: no-repeat;

    background-size: cover;

    padding: 5%;

    margin-top: 0%;

    position: relative;

}

.mob-bg-image {

    position: absolute;

    width: 30%;

    left: 0%;

    top: 3%;

    z-index: 0;

}

.capabilities-div {

    padding: 4%;

    padding-right: 1%;

    margin-top: 5%;

    -ms-flex: 0 0 42%;

    flex: 0 0 42%;

    max-width: 42%;

    margin-right: 5%;

    padding-bottom: 5%;

}

.capabilities-div-last{

    padding: 4%;

    -ms-flex: 0 0 90% !important;

    flex: 0 0 90% !important;

    max-width: 90% !important;

}

.indicators-animation {

    bottom: -8rem;

    right: 14rem;

    width: 16%;

    height: 6rem;

    z-index: 999;

    transform: rotate(90deg);

}

.capabilities-heading-right {

    font-size: 42px;

    padding-left: 20%;

    padding-top: 0%;

}

.capabilities-heading-hr {

    margin-top: 4%;

    width: 50%;

    margin-left: 5%;

}

.lft-capabilities-para {

    font-size: 20px;

    padding-left: 30%;

    line-height: 24px;

}

.no-dis

{

display:none;

}

.road-works {

    width: 42%;

}

.mob-dis {

    display: block;

    margin-top: 10%;

    padding-left: 8%;

}

.about-para h6 {

    font-size: 20px;

    line-height: 24px;

    padding-top: 0%;

    padding-left: 20%;

}

.about-title h2 {

    font-size: 42px;

}

.about-us-title {

    padding-left: 5%;

    margin-top: 22%;

    display: block !important;

}

.indicators-animation li.active .number {

    opacity: 0;

}

.indicators-animation .line {

    width: 1.2rem;

    height: 1px;

    top: 100%;

    left: -1rem;

}

.indicators-animation .circle {

    top: 40%;

    left: -35px;

}

.discover-btn {

    top: 75%;

    left: 57%;

}

.plus-sign {

    width: 60%;

    margin-right: 14%;

    margin-top: 6%;

}

.carousel-caption h2 {

    font-size: 32px;

    line-height: 30px;

}

.carousel-caption p {

    font-size: 20px;

    line-height: 28px;

}

.carousel-control-next, .carousel-control-prev {

    

    top: -50%;

    opacity: 1;

}



.carousel-caption {

    position: relative;

    left: 0;

    padding-left: 5%;

    padding-right: 5%;

    padding-top: 10%;

    padding-bottom: 10%;

    background-color: #f4f4f4;

    text-align: left;

    

}

.capabilities-title {

    font-size: 13px;

    padding-top: 11%;

}

.mob-capabilities

{

    width:90%;

    position: relative;

    opacity: 1;

}

.overlay-mob-capabilities

{

	width:50%;

	left: 28.3%;

}

.capabilities-div p, .capabilities-div-second p {

    font-size: 12px;

    margin-bottom: 20%;

    line-height: 16px;

}

.railway-track p {

    padding-top: 3%;

}

.real-estate p{

    padding-top: 10%;

}

.capabilities-div-last p

{

	margin-top:5%;

	margin-bottom:5% !important;

}

.navbar-brand {

    margin-right: -5rem;

}

.navbar {

    padding: 20px 20px;

    z-index: 99;

}

.get-in-touch p, .get-in-touch p a {

    margin-top: 0%;

    text-align: right;

    color: #cbcbcb;

    font-size: 12px;

}

.footer {

    padding-left: 10px;

    padding-right: 10px;

}

.svg-inline--fa {

    font-size: 24px;

    margin-top: -30%;

}

.social-icon ul li {

    margin-right: 10%;

}

.footer hr{

    border-bottom: 1px solid #acacac;

    width: 120%;

    margin-left: -10%;

}

.sub-footer p {

    font-size: 12px;

}

.project-slider .carousel-control-next, .project-slider .carousel-control-prev {

    top: 37%;

}

.client-logo {

    width: 90%;

}

.cl-logo {

    padding-left: 5%;

    padding-right: 5%;

    padding-top: 10%;

    padding-bottom: 10%;

}

.cl-logo h6 {

    font-size: 17px;

    line-height: 30px;

}

.project-slider .carousel-control-next {

    left: 90%;

}

.project-slider .carousel-control-prev {

    left: 0%;

    background-color: #eee;

}

}

@media screen and (max-width:414px) and (max-height:896px) 

{

	.carousel-caption h2 {

    font-size: 30px;

    line-height: 26px;

    

}

.about-para h6 {

    font-size: 18px;

    line-height: 22px;

}

.about-title h2 {

    font-size: 40px;

}

.about-overlay h1 {

    font-size: 67px;

}

.about-bottom-line {

    width: 37%;

    padding-top: 3%;

}

.about-details p {

    font-size: 16px;

    padding-right: 3%;

}

.details-btn {

    margin-left: 0%;

    padding-top: 0%;

    margin-top: 3%;

}

.projects-bottom-line {

    width: 42%;

}

.projects-title p {

    font-size: 16px;

    padding-top: 3%;

    padding-bottom: 2%;

    line-height: 24px;

}

.lft-capabilities-para {

    font-size: 18px;

    padding-left: 30%;

    line-height: 22px;

}

.capabilities-heading-hr {

    margin-top: 4%;

    width: 54%;

    margin-left: 5%;

}

.projects-title h2 {

    font-size: 40px;

}

.capabilities-heading-right {

    font-size: 40px;

    padding-left: 20%;

    padding-top: 0%;

}

.social-icon {

    margin-left: -25%;

}

.sub-footer p {

    font-size: 11px;

}

.discover-btn {

    top: 75%;

    left: 52%;

}

.plus-sign {

    width: 65%;

    margin-right: -6%;

    margin-top: -6%;

}

.indicators-animation {

    bottom: -8rem;

    right: 12rem;

    width: 16%;

    height: 6rem;

    z-index: 999;

    transform: rotate(90deg);

}

.cl-logo h6 {

    font-size: 16px;

    line-height: 26px;

}

}

@media screen and (max-width:414px) and (max-height:736px) 

{

.discover-btn {

    top: 75%;

    left: 52%;

}

.indicators-animation {

    right: 13rem;

}

.about-title h2 {

    font-size: 40px;

}

.projects-title h2 {

    font-size: 42px;

}

.projects-title h4 {

    font-family: 'baloo_bhaina_2regular';

    font-size: 31px;

}

.capabilities-heading-right {

    font-size: 38px;

}

.capabilities-heading-hr {

    width: 54%;

}

.social-icon {

    margin-left: -25%;

}

.sub-footer p {

    font-size: 11px;

}

.rght-arrow {

    font-size: 15px;

}

}

@media screen and (max-width:412px){

    .indicators-animation {

        right: 12rem;

    }

    .projects-bottom-line {

        width: 44%;

    }

    .img-logo {

        width: 42%;

    }

    .sidenav a {

        font-size: 16px;

    }

    .btn.btn-about, .btn.btn-project {

        font-size: 14px;

        padding-top: 12px;

        padding-bottom: 10px;

        padding-left: 15px;

        padding-right: 25px;

    }

    .capabilities-knowmore {

        bottom: 5%;

        padding-top: 4px;

        padding-bottom: 4px;

        padding-left: 10px;

        padding-right: 15px;

    }

    .capabilities-heading-hr {

        width: 51%;

    }

}

@media screen and (max-width: 393px){

    .navbar-brand {

        margin-right: -15rem;

    }

    .capabilities-div { 

        margin-right: 7%;

    }

    .capabilities-div p, .capabilities-div-second p {

        font-size: 11px;

        margin-bottom: 20%;

        line-height: 14px;

    }

    .capabilities-knowmore {

        bottom: 5%;

        padding-top: 4px;

        padding-bottom: 4px;

        padding-left: 10px;

        padding-right: 15px;

        font-size: 10px;

    }

    .water-supply p{

        padding-top: 17%;

    }

    .carousel-caption h2 {

        font-size: 26px;

        line-height: 24px;

    }

    .carousel-caption p {

        font-size: 18px;

        line-height: 26px;

    }

}

@media screen and (max-width:384px){

    .about-para h6 {

        font-size: 16px;

        line-height: 20px;

    }

    .plus-sign {

        width: 60%;

        margin-right: -6%;

        margin-top: -6%;

    }

    .carousel-caption h2 {

        font-size: 24px;

        line-height: 24px;

    }

    .carousel-caption p {

        font-size: 16px;

        line-height: 24px;

        padding-top: 2%;

    }

    .indicators-animation {

        bottom: -7rem;

        right: 12rem;

        width: 16%;

        height: 6rem;

        z-index: 999;

        transform: rotate(90deg);

    }

    .about-title h2 {

        font-size: 38px;

    }

    .about-bottom-line {

        width: 38%;

        padding-top: 3%;

    }

    .about-overlay h1 {

        font-size: 60px;

    }

    .about-details p {

        font-size: 13px;

        padding-right: 3%;

    }

    .rght-arrow {

        font-size: 13px;

    }

    .btn.btn-about, .btn.btn-project {

        font-size: 12px;

        padding-top: 12px;

        padding-bottom: 12px;

        padding-left: 15px;

        padding-right: 25px;

    }

    .projects-title h4 {

        font-size: 26px;

        margin-bottom: -2px;

    }

    .projects-title p {

        font-size: 14px;

        padding-top: 3%;

        padding-bottom: 2%;

        line-height: 20px;

    }

    .lft-capabilities-para {

        font-size: 16px;

        padding-left: 32%;

        line-height: 20px;

    }

    .capabilities-heading-hr {

        width: 58%;

        margin-left: 3%;

    }

    .capabilities-heading-right {

        font-size: 36px;

    }

    .projects-title h2 {

        font-size: 38px;

    }

    .navbar-brand {

        margin-right: -20rem;

    }

    .img-logo {

        width: 40%;

    }

	.capabilities-div-last p {

    margin-top: 5%;

    margin-bottom: 7% !important;

}

.capabilities-knowmore {

    bottom: 5%;

    padding-top: 6px;

    padding-bottom: 6px;

    padding-left: 8px;

    padding-right: 14px;

    font-size: 10px;

}

.social-icon ul li {

    margin-right: 7%;

}

.social-icon {

    margin-left: -22%;

}

.get-in-touch p, .get-in-touch p a {

    margin-top: 0%;

    text-align: right;

    color: #cbcbcb;

    font-size: 11px;

}

.sub-footer p {

    font-size: 10px;

}

.svg-inline--fa {

    font-size: 22px;

    margin-top: -30%;

    margin-left: 1%;

}

.capabilities-heading-right {

    font-size: 40px;

    padding-left: 17%;

    padding-top: 0%;

}

.cl-logo h6 {

    font-size: 14px;

    line-height: 24px;

}

}

@media screen and (max-width:375px) and (max-height:812px)

{

.discover-btn {

    top: 75%;

    left: 54%;

}

.about-overlay h1 {

    font-size: 62px;

}

.indicators-animation {

    bottom: -8rem;

    right: 11rem;

    width: 14%;

    height: 6rem;

}

.indicators-animation .line {

    width: 1.2rem;

}

.about-us-title {

    padding-left: 5%;

    margin-top: 25%;

}

.capabilities-knowmore {

    bottom: 2%;

    padding-top: 5px;

    padding-bottom: 5px;

    padding-left: 8px;

    padding-right: 14px;

    font-size: 10px;

    margin-bottom: 2%;

}

.projects-title h2 {

    font-size: 46px;

}

.projects-title h4 {

    font-size: 34px;

}

.capabilities-heading-right {

    font-size: 40px;

}

.capabilities-heading-hr {

    margin-top: 3%;

    width: 60%;

    margin-left: 3%;

}

.about-overlay h1 {

    font-size: 62px;

}

.projects-bottom-line {

    width: 54%;

}

.about-bottom-line {

    width: 39%;

    padding-top: 3%;

}

.about-details p {

    font-size: 16px;

}

}

@media screen and (max-width: 375px) and (max-height: 667px) 

{

.projects-title h2 {

    font-size: 38px;

}

.projects-title h4 {

    font-size: 27px;

}

.projects-bg {

    top: -33%;

}

.lft-capabilities-para {

padding-left: 30%;

}

.capabilities-heading-right {

    font-size: 38px;

}

.capabilities-heading-hr {

    width: 56%;

    margin-left: 3%;

    margin-top: 3%;

}

.about-overlay h1 {

    font-size: 60px;

}

.about-details p {

    font-size: 14px;

}

.projects-bottom-line {

    width: 45%;

}

}

@media screen and (max-width:360px)

{

.projects-title h2 {

    font-size: 42px;

}

.indicators-animation {

    bottom: -7rem;

    right: 11rem;

    width: 14%;

    height: 6rem;

}

.cl-logo h6 {

    font-size: 13px;

    line-height: 20px;

}

.projects-title h4 {

    font-size: 30px;

}

.projects-title p {

    font-size: 14px;

}   

.projects-bottom-line {

    width:47%;

}

.capabilities-heading-right {

    font-size: 36px;

}

.capabilities-heading-hr {

    margin-top: 3%;

    width: 56%;

    margin-left: 3%;

}

.capabilities-div p, .capabilities-div-second p {

    font-size: 10px;

    margin-bottom: 20%;

    line-height: 12px;

}

.lft-capabilities-para {

    font-size: 14px;

    line-height: 18px;

}

.carousel-caption h2 {

    font-size: 24px;

}

.about-para h6 {

    font-size: 14px;

    line-height: 18px;

}

.about-title h2 {

    font-size: 36px;

}

.about-bottom-line {

    width: 38%;

    padding-top: 2%;

}

.about-overlay h1 {

    font-size: 58px;

}

.about-details p {

    font-size: 13px;

}

.projects-title h4 {

    font-size: 28px;

    margin-bottom: -8px;

}

.projects-title h2 {

    font-size: 36px;

}

}

@media screen and (max-width:320px){

    .img-logo {

        width: 35%;

    }

    .sidenav a {

        font-size: 14px;

    }

    .carousel-caption p {

        font-size: 14px;

        line-height: 22px;

        padding-top: 2%;

    }

.carousel-caption h2 {

    font-size: 20px;

}

.discover-btn {

    top: 75%;

    left: 57%;

}

.line {

    width: 1rem;

}

.indicators-animation {

    bottom: -7rem;

    right: 11rem;

    width: 0%;

    height: 6rem;

}

.about-para h6 {

    font-size: 12px;

    line-height: 16px;

}

.cl-logo h6 {

    font-size: 12px;

    line-height: 18px;

}

.line {

    width: 1.2rem;

}

.about-us-title {

    padding-left: 5%;

    margin-top: 28%;

}

.about-overlay h1 {

    font-size: 52px;

}

.about-details p {

    font-size: 12px;

}

.capabilities-heading-hr {

    margin-top: 3%;

    width: 60%;

    margin-left: 3%;

}

.btn.btn-about, .btn.btn-project {

    font-size: 10px;

    padding-top: 6px;

    padding-bottom: 6px;

    padding-left: 10px;

    padding-right: 20px;

}

.about-title h2 {

    font-size: 34px;

}

.discover-btn p {

    font-size: 10px;

}

.plus-sign {

    width: 42%;

    margin-right: -13%;

    margin-top: -8%;

}

.about-bottom-line {

    width: 40%;

    padding-top: 2%;

}

.projects-title h2 {

    font-size: 34px;

}

.projects-title h4 {

    font-size: 22px;

}

.projects-title p {

    font-size: 18px;

}

.lft-capabilities-para {

    font-size: 12px;

    line-height: 16px;

}

.projects-bottom-line {

    width: 48%;

}

.projects-title p {

    font-size: 12px;

    line-height: 16px;

}

.projects-title h4 {

    font-size: 27px;

}

.capabilities-heading-right {

    font-size: 34px;

}

.capabilities-title {

    font-size: 12px;



}

.capabilities-div p, .capabilities-div-second p {

    font-size: 9px;

    line-height: 11px;

}

.capabilities-knowmore {

    font-size: 8px;

    margin-bottom: 2%;

}

.capabilities-knowmore {

    bottom: 4%;

    padding-top: 3px;

    padding-bottom: 3px;

    padding-left: 5px;

    padding-right: 10px;

    font-size: 8px;

    margin-bottom: 2%;

}

.rght-arrow {

    font-size: 12px;

}

.svg-inline--fa {

    font-size: 18px;

    margin-top: -90%;

    margin-left: 1%;

}

.get-in-touch p, .get-in-touch p a {

    margin-top: 0%;

    text-align: right;

    color: #cbcbcb;

    font-size: 9px;

}

.sub-footer p {

    font-size: 8px;

}

}