.case-studies {
    width: 100%;
    background-image: url(../svg/cs-bg.svg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 60px 0;
}

h3.case-study-heading {
    min-height: auto;
    font-size: 38px;
    color: #22243b;
    font-family: 'Poppins', sans-serif;
    font-weight: 900;
    line-height: 57px;
    margin: 0;
}
p.heading-back-para {
    width: 100%;
    color: #051623;
    font-size: 14px;
    margin-bottom: 35px;
}

.casestudy-slider {
    width: 100%;
    padding: 10px 0;
}

.case-study-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.cs-list-left {
    width: 40%;
}

.cs-list-right {
    width: 59%;
}

.view-more-list {
    width: 59%;
    margin-left: auto;
}

.padding-none {
    width: 100%;
    padding: 0;
}

.case-study-list .side-gallery img {
    width: 100% !important;
    height: auto !important;
}

.casestudy-list-head h3 {
    width: 100%;
    color: #000;
    font-size: 33px;
    line-height: 46px;
    font-weight: 600;
}

.casestudy-list-head p {
    width: 100%;
    font-size: 13px;
    line-height: 24px;
}

ul.casestudy-list {
    width: 100%;
    padding-left: 25px;
    list-style-type: none;
    margin-bottom: 15px;
}

ul.casestudy-list li {
    width: 100%;
    font-size: 13px;
    margin-bottom: 8px;
    line-height: 24px;
    position: relative;
}

ul.casestudy-list li::before {
    content: '';
    position: absolute;
    background-image: url(../svg/check.svg);
    width: 13px;
    height: 13px;
    left: -22px;
    top: 5px;
    background-repeat: no-repeat;
}

.cs-lists .learn-more,
.view-more-list .learn-more {
    width: 100%;
    margin-top: 20px;
}

.cs-lists .learn-more a,
.view-more-list .learn-more a {
    text-decoration: none;
    display: flex;
    align-items: center;
    transition: .2s;
    width: 180px;
    height: 45px;
    gap: 5px;
    position: relative;
}

.cs-lists .learn-more a span.learn-more-button,
.view-more-list .learn-more a span.learn-more-button {
    background-color: #fff;
    padding: 10px 25px;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 36px;
    font-size: 14px;
    transition: .2s;
    position: absolute;
    left: 0;
    color: #000;
}

.cs-lists .learn-more a span.learn-more-arrow,
.view-more-list .learn-more a span.learn-more-arrow {
    background-color: #051623;
    color: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .2s;
    position: absolute;
    left: 132px;
}

.cs-lists .learn-more a:hover,
.view-more-list .learn-more a:hover {
    transition: .2s;
}

.cs-lists .learn-more a:hover .learn-more-button,
.view-more-list .learn-more a:hover .learn-more-button {
    background-color: #051623;
    color: #fff;
    transition: .2s;
    left: 45px;
}

.cs-lists .learn-more a:hover .learn-more-arrow,
.view-more-list .learn-more a:hover .learn-more-arrow {
    background-color: #fff;
    box-shadow: 0px 3px 6px #00000029;
    color: #000;
    transition: .2s;
    left: 0;
}
.case-study-lists .owl-nav {
    position: absolute;
    top: 48%;
    width: 100%;
}
.case-study-lists .owl-prev {
    background: url(../png/right-arrow-3.png) no-repeat !important;
    width: 30px;
    height: 33px;
    transform: rotate(180deg);
	left: -100px;
    position: absolute;
}
.case-study-lists .owl-nav .owl-prev span, .case-study-lists .owl-nav .owl-next span {
    display: none;
}
.case-study-lists .owl-nav .owl-next {
    right: -100px;
    position: absolute;
}
.case-study-lists .owl-next {
    background: url(../png/right-arrow-3.png) no-repeat !important;
    width: 30px;
    height: 33px;
}


/*******our-demo************/

.mobile-screens {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.mobile-screens::before {
    content: '';
    width: 100%;
    height: 460px;
    position: absolute;
    background-image: url(../png/demo-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    bottom: 90px;
}

.mobile-screens .text-center img {
    width: 100%;
    height: auto;
}

ul.list-inline {
    width: 250px;
    height: auto;
}

.brand-app {
    width: 58%;
    display: flex;
    justify-content: space-between;
	margin-left: 38px;
}

.brand-app a {
    width: 49%;
}

.brand-app a img {
    width: 100%;
}

h3.demo-heading {
    min-height: auto;
    color: #000;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: left;
    padding: 0px 23px;
}


/*******contact us**********/

section.message_sect {
    width: 100%;
    padding-bottom: 40px;
    background: #fff;
}

.info-col {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 15px 0;
}

.contant_message_form_part ul {
    padding: 0;
    list-style-type: none;
    width: 100%;
}

li.two_sect_contact {
    min-height: 80px;
    width: 48.5%;
    position: relative;
}

li.one_sect_contact {
    width: 100%;
    min-height: 160px;
    position: relative;
}

li.one_sect_contact textarea {
    width: 100%;
    font-size: 12px!important;
    border: none;
    border-bottom: 1px solid rgba(62, 62, 62, .16);
    padding: 12px 0!important;
}

li.one_sect_contact textarea:focus {
    box-shadow: none;
}

.contact-information {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: #fff;
    box-shadow: 0px 3px 17px #48484829;
    border-radius: 10px;
}

.contact-info {
    width: 43%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    background: linear-gradient(135deg, #0068BA, #5BBDFF);
    border-radius: 5px;
    padding: 30px;
    align-content: flex-start;
    gap: 10px;
    text-align: left;
    color: #fff;
}

.contact-information .inner_message_form {
    width: 57%;
    padding: 15px 20px;
}

.contact-info h5 {
    width: 100%;
    font-size: 20px;
}

.contact-info p {
    width: 100%;
    font-size: 13px;
    font-weight: 400;
    padding-bottom: 15px;
    border-bottom: 1px solid #8fc1e7;
}

ul.contact-us {
    width: 100%;
    list-style-type: none;
    font-size: 14px;
    margin: 10px 0;
}

ul.contact-us li {
    width: 100%;
    margin-bottom: 50px;
    position: relative;
}

ul.contact-us li span {
    width: 35px;
    height: auto;
    background-color: #0E64BC;
    color: #fff;
    padding: 10px;
    border-radius: 50%;
    position: absolute;
    left: -45px;
    top: -5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contant_message_form_part ul li label {
    width: 100%;
    color: #051623;
    font-size: 13px;
    margin-bottom: 0;
    position: absolute;
    top: -15px;
}

.info_col.send-msg {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.info_col.send-msg li.two_sect_fields {
    width: 48% !important;
    height: auto;
}

.info_col.send-msg input#submitBtn_new {
    width: 48% !important;
    font-size: 14px;
    border-radius: 5px;
    transition: .2s;
}

.info_col.send-msg input#submitBtn_new:hover {
    border: 1px solid #f1c600;
    background-color: transparent;
    transition: .2s;
}

.contant_message_form_part ul li input:-internal-autofill-selected {
    background-color: transparent !important;
}


/*******clients-section********/

.our-clients-head {
    width: 60%;
    margin: 0 auto;
    text-align: center;
    padding: 25px 0 0 0;
}

.our-clients-head h6 {
    font-size: 55px;
    font-weight: 700;
    color: #000;
}

.our-clients-head p {
    font-size: 16px;
    color: #000;
    line-height: 24px;
}

.our-clients ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin:0;
}

.our-clients ul li {
    border: 1px solid #1b79e445;
    border-top: 0;
    padding: 13px;
    border-right: 0;
    align-items: center;
    justify-content: center;
	list-style:none;
}

.our-clients ul li img {
    width: 162px;
    object-fit: contain;
}


.our-clients ul li:first-child,
.our-clients ul li:nth-child(7),
.our-clients ul li:nth-child(13),
.our-clients ul li:nth-child(19) {
    border-left: 0;
}


/*********awards************/

section.awards-section {
    width: 100%;
    height: 616px;
    padding: 60px 0;
}

.awards {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.award-left {
    width: 40%;
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0px 60px 0px;
}

.award-left h5 {
    width: 100%;
    color: #007FAE;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 5px;
}

.award-left b>img {
    width: 100px;
    height: auto;
    margin-bottom: 10px;
}

.award-left h3 {
    width: 100%;
    font-size: 38px;
    color: #000;
    font-weight: 900;
    line-height: 57px;
    margin: 0;
}

.award-left h3 i {
    font-style: normal;
    color: #0060ad;
}

.award-left p {
    width: 86%;
    font-size: 14px;
}

.awards-left-image {
    width: 100%;
}


/***/

.award-right {
    width: 50%;
    position: relative;
}

.award-info {
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 8px;
    padding: 15px;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    width: 160px;
    height: auto;
    position: absolute;
    bottom: -40px;
    left: -65px;
}

.award-info>span {
    width: 100%;
    text-align: left;
    line-height: 8px;
}

.award-right-info {
    width: 100%;
    position: relative;
}

.award-right-info-1 .award-right-info::before,
.award-right-info-2 .award-right-info::before {
    content: '';
    position: absolute;
    background-image: url(../svg/grey-dots.svg);
    width: 60px;
    height: 45px;
    background-repeat: no-repeat;
    right: -30px;
    bottom: -55px;
    background-size: contain;
}

.award-right-info-1 .award-right-info::before {
    right: 90px;
    top: -15px;
}

.award-right-info>img {
    width: 235px;
    height: auto;
}

.award-info b {
    width: 100%;
    color: #05B0F0;
    font-size: 20px;
}

.award-info p {
    width: 100%;
    color: #4E4E4E;
    font-size: 13px;
    margin: 0;
}

.award-info p span {
    color: #05B0F0;
}

.award-right-info-2 {
    position: absolute;
    top: 163px;
    right: 144px;
}
.award-right-info-3 {
    position: absolute;
    top: 328px;
    right: 0px;
}


/**************************contact-us-page******************************/

.banner-sec.contact-us-banner {
    background: #fff;
    height: auto;
}

.contact-section {
    width: 100%;
    margin: 0 auto;
    /* margin-top: 20px; */
}

.contact-section img {
    width: 100%;
}


/**************************case-study******************************/

.banner-bottom {
    width: 90%;
    margin: 0 auto;
}

.banner-content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.banner-head {
    width: 49%;
}

.kar-water {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.kar-water h4 {
    width: 100%;
    color: #000;
    font-size: 40px;
}

h6.cs-subhead {
    width: 100%;
    font-size: 20px;
    line-height: 30px;
}

.kar-water p {
    width: 100%;
    line-height: 28px;
    color: #282828;
    font-size: 14px;
}


/******/

.new-banner-sec {
    width: 50%;
    background: #fff;
}

.kar-bans {
    width: 100%;
}

.kar-bans .img-banner {
    width: 100%;
}


/*******cs-box******/

div.cs-box {
    width: 100%;
    transition: background-color .6s ease-in-out;
    scroll-behavior: smooth;
    z-index: 9999;
    display: inline-block;
}

div.cs-box .case-studies {
    background: transparent;
    padding: 0;
}

div.cs-box .case-studies .case-study-list {
    padding: 40px 0;
    height: auto;
}

.color-yellow {
    background-color: #fcdb67;
}

.color-darkblue {
    background-color: #014258;
}

div.cs-box.color-darkblue .case-studies .case-study-list.white-text,
div.cs-box.color-darkblue .case-studies .case-study-list.white-text .casestudy-list-head h3 {
    color: #fff;
}
div.cs-box.color-darkblue .project-chemical li{
    min-height: 110px;
    background-color: #0F5066
}
.color-darkblue .case-study-list.white-text .casestudy-list li::before {
    filter: invert(1);
}


/**********clients*********/


/* .client-banner .contact-section {
    width: 50%;
} */

.client-right.new-client-full {
    width: 100%;
}
.client-right.new-client-full .clients-logo .logo {
    width: 18%;
    padding: 9px;
    margin: 5px;
    min-height: 100px;
}   


/********************/

.resp_menu_click {
    display: none;
}

.ham-menu,
.close_spans {
    display: none;
}

.menu-sections {
    width: 60%;
}

.header-section {
    justify-content: space-between;
}

.footer-list h4 {
    position: relative;
}

.footer-list h4::before {
    content: '';
    position: absolute;
    width: 40px;
    height: 2px;
    border: 1px solid #61afee;
    bottom: -8px;
}


/************banner-text**************/

.banner-text-heading {
    width: 100%;
    position: relative;
}

.banner-text-heading h1 {
    position: absolute;
    width: 100%;
    z-index: 1;
    font-size: 33px;
    line-height: 34px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    text-align: center;
    top: 35px;
}

.banner-text-heading h1 span {
    background: #0060ad;
    color: #fff;
    padding: 10px 35px;
    border-radius: 50px;
    display: inline-block;
}

.banner-text-heading h1 strong {
    width: 100%;
    display: flex;
    margin-top: 15px;
    justify-content: center;
}

.banner-res-img {
    display: none;
}


/***********************nav-tab******************************/

.nav-tab-management {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 40px 0;
}

.nav-tab-management .tab-head,
.nav-tab-management .tab-content {
    width: 100%;
}

.nav-tab-management .tab-head #nav-tab {
    justify-content: space-between;
}

.nav-tab-management .tab-head .nav-tabs,
.nav-tab-management .tab-head .nav-tabs .nav-link.active,
.nav-tab-management .tab-head .nav-tabs .nav-link:focus,
.nav-tab-management .tab-head .nav-tabs .nav-link:hover {
    border: none;
}

.nav-tab-full {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    height: auto;
    align-items: center;
    padding: 40px 0;
    justify-content: space-between;
}

.nav-tab-full .res-nav-content {
    width: 39%;
}

.nav-tab-management .tab-head #nav-tab a.nav-item {
    width: 19%;
    color: #000;
    margin-bottom: 20px;
    font-size: 13px;
    box-shadow: 2px 4px 6px rgba(227, 227, 227, 0.82);
    border: none;
    border-radius: 8px;
    padding: 10px;
    text-align: center;
}

.nav-tab-management .tab-head #nav-tab a.nav-item.active,
.nav-tab-management .tab-head #nav-tab a.nav-item:hover {
    background: linear-gradient(#00adef, #0060ad);
    color: #fff;
    border: none;
}

.nav-tab-full .tab-solution-list {
    width: 59%;
    list-style-type: none;
    font-size: 14px;
}

.nav-tab-full .tab-solution-list li {
    position: relative;
    line-height: 34px;
}

.nav-tab-full .tab-solution-list li::before {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    background-image: url(../404.html);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    left: -20px;
    top: 10px;
}


/******ggk******/

section.ggk-info,
.challenge-section,
.innovation-section,
.solution-section,
.result-section {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.ggk-container {
    width: 90%;
    margin: 0 auto;
}
.ggk-solution{
    width: 100%;
    display: flex;
    /* background-image: url(../../new-images/smart-water-management/drop-water.jpg);
    background-repeat: no-repeat;
    background-size: cover; */
    background-color: #000000;

}

.challenge-section,
.solution-section,
.innovation-section,
.result-section {
    padding: 35px 0;
}
.challenge-img img,
.solution-img img,
.innovation-img img,
.result-img img {
    width: 100%;
}

.challenge-info h4,
.innovation-info h4,
.result-info h4 {
    width: 100%;
    font-size: 48px;
    margin-bottom: 20px;
    position: relative;
    color: #000;
}
.solution-info h4{
    width: 100%;
    font-size: 48px;
    margin-bottom: 20px;
    position: relative;
    color: white;
}
.challenge-info p,
.solution-info p,
.innovation-info p,
.result-info p {
    width: 100%;
    line-height: 28px;
    color: #000;
    font-size: 14px;
}

.challenge-info h4::before,
.solution-info h4::before,
.innovation-info h4::before,
.result-info h4::before {
    content: '';
    position: absolute;
    width: 20%;
    height: 4px;
    bottom: -5px;
    background-color: rgb(0 173 239);
}

.challenge-info h4::after,
.innovation-info h4::after,
.result-info h4::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 4px;
    left: 0;
    bottom: -5px;
    background-color: #1a2e35;
}
.solution-info h4::after{
    content: '';
    position: absolute;
    width: 20px;
    height: 4px;
    left: 0;
    bottom: -5px;
    background-color: #0060ad;
}
.ttp-info .challenge-info ul,
.ttp-info .innovation-info ul,
.ttp-info .result-info ul {
    width: 100%;
    line-height: 28px;
    color: #000;
    font-size: 14px;
    list-style-type: none;
}
.ttp-info .solution-info ul{
    width: 100%;
    line-height: 28px;
    color: white;
    font-size: 14px;
    list-style-type: none;  
}
.ttp-info .challenge-info ul li,
.ttp-info .solution-info ul li,
.ttp-info .innovation-info ul li,
.ttp-info .result-info ul li {
    position: relative;
    margin-bottom: 10px;
}

.ttp-info .challenge-info ul li::before,
.ttp-info .solution-info ul li::before,
.ttp-info .innovation-info ul li::before,
.ttp-info .result-info ul li::before {
    content: '';
    position: absolute;
    width: 15px;
    height: 20px;
    top: 3px;
    left: -35px;
    background-image: url(../404.html);
    background-size: contain;
    background-repeat: no-repeat;
}


/************cta-section****************/

section.cta-section {
    width: 100%;
    height: auto;
    padding: 14px 0px;
    display: flex;
    background-image: url(../png/cta.png);
    background-repeat: no-repeat;
	margin-bottom:30px;
	background-size: 100%;
}

.cta {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.cta-bg {
    width: 200px;
    height: auto;
}

.cta-bg img {
    width: 100%;
}

.cta-info {
    width: 100%;
    float: right;
}

.cta-info p {
    width: 100%;
    color: #fff;
    line-height: 38px;
    font-size: 31px;
    word-spacing: 3px;
    text-align: right;
    font-weight: 800;
}

.cta-info p span {
    width: 100%;
    display: block;
    font-size: 14px;
}

.buy.get-quote.cta-btn {
    padding: 0;
    float: right;
}

.get-quote a.get-a-quote {
    width: 165px;
    height: 50px;
    font-size: 18px;
    text-decoration: none;
    /* background: linear-gradient(180deg, #F4C126 0%, #EC6300 100%); */
    background: linear-gradient(180deg, #FFDC1E 0%, #dfc700 100%);
    border-radius: 25px;
    color: #000c13;
    font-weight: 600;
    cursor: pointer;
    transition: .5s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.get-quote a.get-a-quote:hover {
    background: linear-gradient(180deg, #dfc700 0%, #FFDC1E 100%);
    transition: .5s;
}


/******case-study********/

.case-study-list-left {
    width: 38%;
}

.case-study-list-right {
    width: 60%;
}

.column-reverse {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.new-changes-list {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
/* 
.project-info {
    width: 100%;
    display: flex;
    padding: 0;
    list-style-type: none;
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 15px;
    flex-wrap: wrap;
    align-items: flex-start;
}

.project-info li {
    width: 30%;
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
    position: relative;
}
.project-info li::after{
    position: absolute;
    content: " ";
    width: 115px;
    height: 55px;
    top: 5px;
    box-shadow: 2px -2px 0px  black ;
    left: 30px;
}
.project-info li::before{
    position: absolute;
    content: " ";
    width: 115px;
    height: 55px;
    top: 35px;
    box-shadow: -2px 2px 0px black;
    left:0px;
}
.project-info li p {
    width: 80%;
    font-size: 13px;
    margin-bottom: 0;
    line-height: 24px;
}

.project-info li h6 {
    width: 100%;
    font-size: 12px;
    font-weight: 600;
}

.project-info li div {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.project-info li span {
    width: 32px;
    height: 32px;
    background-color: #fff;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
}

.project-info li span img {
    width: 18px;
    height: auto;
} */

.cs-lists {
    width: 100%;
}

.new-cs-lists {
    margin: 15px 0;
}

.gallery {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.gallery a {
    width: 9.5%;
}

.gallery img {
    width: 100%;
    border-radius: 5px;
}

/**************casestudy****************/
.casestudy-banner {
    width: 100% !important;
    margin: 10px 0;
}
.casestudy-banner .contact-section {
    width: 90%;
    position: relative;
}
.casestudy-banner h4{
    position: absolute;
    top: 10rem;
    color: #000;
    font-size:50px;
    font-weight: 600;
   left: 18px;
}
.casestudy-banner img{
    width: 100%;
        height: 397px;
    object-fit: cover;
}
.casestudy-banner h6{
    position: absolute;
    top:14rem;
    color: #282828;
    font-size: 20px;
    font-weight: 600;
    left: 18px;
}
.casestudy-banner p {
    position: absolute;
    top: 16rem;
    width: 50%;
    line-height: 28px;
    color: #282828;
    font-size: 14px;
    left: 18px;
}
.project-chemical {
    width: 100%;
    display: flex;
    padding: 0;
    list-style-type: none;
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.project-chemical li {
    width: 28%;
    display: flex;
    flex-wrap: wrap;
    padding: 14px;
    position: relative;
    /* min-height: 110px; */
    background-color: #e1c04dd9;
    border-radius: 10px;
 }
/*.project-chemical li::after{
    position: absolute;
    content: " ";
    width: 115px;
    height: 55px;
    top: 0px;
    box-shadow: 3px -3px 0px;
    left: 30px;
}
.project-chemical li::before{
    position: absolute;
    content: " ";
    width: 115px;
    height: 55px;
    top: 35px;
    box-shadow: -3px 3px 0px;
    left: 0px;
}*/
 .project-chemical li:nth-child(3){ 
    width: 40%;
}
/* .project-chemical li:nth-child(3)::before{
top: 45px;
}
.project-chemical li:nth-child(3)::after{
 left: 115px;
}  */
.project-chemical  li p {
    width: 80%;
    font-size: 13px;
    margin-bottom: 0;
    line-height: 20px;
}

.project-chemical  li h6 {
    width: 100%;
    font-size: 15px;
    font-weight: 600;
}

.project-chemical  li div {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.project-chemical  li span {
    width: 32px;
    height: 32px;
    background-color: #fff;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
}

.project-chemical  li span img {
    width: 18px !important;
    height: auto !important;
}

/*********ggk banner************/
/* .banner-image{
    background-image: url(../../new-images/smart-water-management/drop-water.jpg);
    background-size: cover;
    background-repeat: no-repeat;

} */
.contact-us .client-banner .contact-section h4 {
    position: absolute;
    top: 160px;
    font-size:60px;
    color: #334f74;
    font-weight: 600;
    left: 20px;
}

/*-------- Contact-page --------------*/
.contact-information .contact-info {border-radius: 28px 0px 0px 28px;padding: 20px;/* background: transparent; */background: linear-gradient(86deg, #0060ad, #00adefa8);}
.contact-information .info_col.send-msg input#submitBtn_new {height: 46px;font-size: 14px !important;width: 35% !important;box-shadow: none;outline: none;}
.contact-information .contact-info h5 {font-size: 36px;font-weight: 900;}
.contact-information .contact-info p {font-size: 15px;}
.contact-information li.two_sect_contact {width: 48%;}
ul.contact-us li span {background: #fff;color: #0060ad;}
.contact-information {
    width: 87%;
    margin: 0 auto;
    border-radius: 28px;
    padding: 0px 0px 0px 0px;
}
.contact-information .inner_message_form {
    padding: 27px 20px;
}
.contact-us {
    width: 100%;
}
.main-footer .col-md-3:nth-child(2) {padding-left: 152px;}
input#demo {
    padding-left: 10px !important;
}
ul.contact-us li a {color: #fff;text-decoration: none;}
/*-------- End Contact-page --------------*/

.awards-left-image img {
    /*max-width: 113px;margin-right: 10px;*/
}
.awards-left-image img {
    box-shadow: 0px 0px 10px #e1e1e1;
    border-radius: 10px;
    margin-right: 10px;
	width: 139px;
	margin-bottom: 10px;
}
.header-top h6 a:hover {
    color: #0060ad;
}