.ProjectBanner {
  background: url(../images/projectBanner.webp);
}

.aboutBanner {
  background: url(../images/aboutBanner.webp);
}

.galleryBanner {
  background: url(../images/treeplant1.webp);
}

.newsBanner {
  background: url(../images/newsBanner.webp);
}

.productBanner {
  background: url(../images/productBanner.webp);
}

.serviceBanner {
  background: url(../images/serviceBanner.webp);
}

.txtDecNone {
  text-decoration: none;
}

.CommonMainSec {
  position: relative;
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-position: center;
}
.CommonMainSec:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(236deg, rgba(28, 74, 223, 0.25) 26.27%, rgba(255, 0, 124, 0.27) 100%);
}
@media screen and (max-width: 450px) {
  .CommonMainSec .aboutWrapp {
    transform: translate(-38%, -70%) !important;
  }
}
@media screen and (max-width: 450px) {
  .CommonMainSec .newsWrapp {
    transform: translate(-25%, -70%) !important;
  }
}
.CommonMainSec .CommonSecWrap {
  position: absolute;
  top: 44%;
  left: 11%;
  transform: translate(-14%, -50%);
}
@media screen and (max-width: 1200px) {
  .CommonMainSec .CommonSecWrap {
    transform: translate(-22%, -50%);
    left: 14%;
  }
}
@media screen and (max-width: 992px) {
  .CommonMainSec .CommonSecWrap {
    transform: translate(-22%, -45%);
  }
}
@media screen and (max-width: 576px) {
  .CommonMainSec .CommonSecWrap {
    transform: translate(-19%, -50%);
  }
}
@media screen and (max-width: 450px) {
  .CommonMainSec .CommonSecWrap {
    left: 22%;
  }
}
.CommonMainSec .CommonSecWrap .heading {
  color: #fff;
  font: 64px/84px "Raleway-500";
}
@media screen and (max-width: 992px) {
  .CommonMainSec .CommonSecWrap .heading {
    font: 40px/50px "Raleway-400";
  }
}
@media screen and (max-width: 576px) {
  .CommonMainSec .CommonSecWrap .heading {
    font: 32px/42px "Raleway-400";
    margin-bottom: 24px;
  }
}
.CommonMainSec .arrowTxt {
  text-decoration: none;
  position: absolute;
  top: 78%;
  left: 46%;
  transform: translate(-14%, -50%);
  text-align: center;
}
@media screen and (max-width: 1200px) {
  .CommonMainSec .arrowTxt {
    transform: translate(-22%, -50%);
  }
}
@media screen and (max-width: 992px) {
  .CommonMainSec .arrowTxt {
    transform: translate(-22%, -45%);
  }
}
@media screen and (max-width: 576px) {
  .CommonMainSec .arrowTxt {
    transform: translate(-37%, -80%) !important;
  }
}
.CommonMainSec .arrowTxt .smallHead {
  font: 16px/26px "Raleway-700";
  color: #fff;
  text-align: center;
  letter-spacing: 3.2px;
  text-transform: uppercase;
  margin-bottom: 30px;
}
@media screen and (max-width: 576px) {
  .CommonMainSec .arrowTxt .smallHead {
    font: 14px/24px "Raleway-700";
    margin-bottom: 20px;
  }
}
.CommonMainSec .arrowTxt .downArrow {
  background: transparent;
  border: none;
}
.CommonMainSec .imgWrap {
  position: absolute;
  left: 11%;
  transform: translate(-14%, 0%);
  bottom: 0;
}
.CommonMainSec .imgWrap img {
  opacity: 0.3;
  height: 280px;
}
@media screen and (max-width: 576px) {
  .CommonMainSec .imgWrap img {
    height: 145px;
  }
}

@media screen and (max-width: 576px) {
  .businessSec .businessWarp {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (min-width: 992px) {
  .businessSec .businessWarp {
    background: url(../images/pinkCirclenew.png);
    background-repeat: no-repeat;
    background-position: right;
    background-position-y: 0%;
    background-position-x: 100%;
  }
}
.businessSec .businessWarp .businessparent {
  padding: 100px 0;
}
@media screen and (max-width: 992px) {
  .businessSec .businessWarp .businessparent {
    padding: 70px 0;
  }
}
@media screen and (max-width: 576px) {
  .businessSec .businessWarp .businessparent {
    padding: 50px 0;
  }
}
.businessSec .businessWarp .businessparent .title {
  color: #185882;
  font: 24px/34px "Raleway-600";
  letter-spacing: 0.48px;
  margin-bottom: 39px;
  width: 765px;
}
@media screen and (max-width: 1200px) {
  .businessSec .businessWarp .businessparent .title {
    width: auto;
  }
}
@media screen and (max-width: 768px) {
  .businessSec .businessWarp .businessparent .title {
    font: 22px/32px "Raleway-600";
  }
}
@media screen and (max-width: 576px) {
  .businessSec .businessWarp .businessparent .title {
    font: 20px/30px "Raleway-600";
    margin-bottom: 29px;
  }
}
.businessSec .businessWarp .businessparent .engineering .elemWrap {
  position: relative;
}
.businessSec .businessWarp .businessparent .engineering .element {
  color: #7f27ff;
  text-align: center;
  font: 20px/30px "Raleway-600";
  padding: 16px 40px;
  letter-spacing: 0.48px;
  border-radius: 20px;
  border: 1px solid #7f27ff;
  box-shadow: inset 0px 0px #7f27ff;
  transition: all 0.4s ease-in-out;
}
.businessSec .businessWarp .businessparent .engineering .element:hover {
  box-shadow: inset 0px -160px #7f27ff;
  color: white;
}
.businessSec .businessWarp .businessparent .engineering .element span {
  font: 20px/30px "Roboto-500";
}
@media screen and (max-width: 1400px) {
  .businessSec .businessWarp .businessparent .engineering .element {
    padding: 20px 18px;
  }
}
@media screen and (max-width: 1200px) {
  .businessSec .businessWarp .businessparent .engineering .element {
    font: 18px/28px "Raleway-600";
    padding: 20px 16px;
  }
}
@media screen and (max-width: 768px) {
  .businessSec .businessWarp .businessparent .engineering .element {
    padding: 16px 24px;
  }
}
@media screen and (max-width: 576px) {
  .businessSec .businessWarp .businessparent .engineering .element {
    font: 18px/28px "Raleway-600";
  }
}
.businessSec .businessWarp .businessparent .engineering .arrowImg {
  position: absolute;
  right: -24px;
  top: 27%;
}
@media screen and (max-width: 768px) {
  .businessSec .businessWarp .businessparent .engineering .arrowImg {
    display: none;
  }
}
.businessSec .businessWarp .businessparent .engineering .arrowImg hr {
  opacity: 1;
}
.businessSec .businessWarp .businessparent .engineering .arrowImg hr.blueLine {
  border-top: 1px solid #7F27FF;
  width: 25px;
}
@media screen and (max-width: 1400px) {
  .businessSec .businessWarp .businessparent .engineering .arrowImg hr.blueLine {
    width: 24px;
  }
}
.businessSec .businessWarp .businessparent .engineering .arrowDownImg {
  position: absolute;
  right: 50%;
  bottom: -40px;
}
.businessSec .businessWarp .businessparent .engineering .arrowDownImg hr {
  opacity: 1;
}
.businessSec .businessWarp .businessparent .engineering .arrowDownImg .divider {
  height: 25px;
  width: 1px;
  background-color: #7F27FF;
}
@media screen and (max-width: 576px) {
  .businessSec .businessWarp .businessparent .engineering .arrowDownImg .divider {
    height: 24px;
  }
}

.solutionSec .solutionWrap {
  display: flex;
}
@media screen and (max-width: 992px) {
  .solutionSec .solutionWrap {
    flex-wrap: wrap;
  }
}
.solutionSec .solutionWrap .solLeft {
  padding: 93px 77px 93px 105px;
  background: rgba(249, 248, 113, 0.3);
}
@media screen and (max-width: 1300px) {
  .solutionSec .solutionWrap .solLeft {
    padding: 93px 77px 93px 80px;
  }
}
@media screen and (max-width: 1200px) {
  .solutionSec .solutionWrap .solLeft {
    padding: 83px 60px 70px 60px;
  }
}
@media screen and (max-width: 992px) {
  .solutionSec .solutionWrap .solLeft {
    padding: 60px 60px 60px 60px;
  }
}
@media screen and (max-width: 576px) {
  .solutionSec .solutionWrap .solLeft {
    padding: 50px 27px 50px 27px;
  }
}
.solutionSec .solutionWrap .solLeft .desc {
  color: #404040;
  font: 16px/28px "Roboto-400";
  letter-spacing: 0.32px;
  text-align: justify;
}
.solutionSec .solutionWrap .solLeft .imgBoxWrap {
  margin-top: 83px;
}
@media screen and (max-width: 1200px) {
  .solutionSec .solutionWrap .solLeft .imgBoxWrap {
    margin-top: 50px;
  }
}
@media screen and (max-width: 576px) {
  .solutionSec .solutionWrap .solLeft .imgBoxWrap {
    margin-top: 23px;
  }
}
.solutionSec .solutionWrap .solLeft .imgBoxWrap .imBox {
  text-align: center;
}
.solutionSec .solutionWrap .solLeft .imgBoxWrap .imBox .title {
  color: #404040;
  text-align: center;
  font: 20px/35px "Raleway-600";
  letter-spacing: 0.4px;
  margin-bottom: 0;
  margin-top: 15px;
  text-transform: capitalize;
}
@media screen and (max-width: 1200px) {
  .solutionSec .solutionWrap .solLeft .imgBoxWrap .imBox .title {
    font: 18px/30px "Raleway-600";
  }
}
.solutionSec .solutionWrap .solRight {
  background: #f5ad00;
  padding: 75px 0px 5px 73px;
}
@media screen and (max-width: 1400px) {
  .solutionSec .solutionWrap .solRight {
    padding: 120px 0px 5px 60px;
  }
}
@media screen and (max-width: 1200px) {
  .solutionSec .solutionWrap .solRight {
    padding: 180px 0px 5px 60px;
  }
}
@media screen and (max-width: 992px) {
  .solutionSec .solutionWrap .solRight {
    width: 100%;
    padding: 40px 0px 40px 60px;
  }
}
@media screen and (max-width: 576px) {
  .solutionSec .solutionWrap .solRight {
    padding: 50px 0px 10px 27px;
  }
}
.solutionSec .solutionWrap .solRight .content {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}
@media screen and (max-width: 992px) {
  .solutionSec .solutionWrap .solRight .content {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 576px) {
  .solutionSec .solutionWrap .solRight .content {
    margin-bottom: 20px;
  }
}
.solutionSec .solutionWrap .solRight .content .nWrap .number {
  color: #fff;
  text-align: center;
  font: 70px/80px "Raleway-800";
  font-variant-numeric: lining-nums proportional-nums;
}
@media screen and (max-width: 1200px) {
  .solutionSec .solutionWrap .solRight .content .nWrap .number {
    font: 74px/84px "Raleway-800";
  }
}
@media screen and (max-width: 576px) {
  .solutionSec .solutionWrap .solRight .content .nWrap .number {
    font: 60px/70px "Raleway-800";
  }
}
.solutionSec .solutionWrap .solRight .content .nWrap .numberiso {
  color: #fff;
  text-align: center;
  font: 34px/44px "Raleway-800";
  font-variant-numeric: lining-nums proportional-nums;
}
@media screen and (max-width: 1200px) {
  .solutionSec .solutionWrap .solRight .content .nWrap .numberiso {
    font: 34px/44px "Raleway-800";
  }
}
@media screen and (max-width: 576px) {
  .solutionSec .solutionWrap .solRight .content .nWrap .numberiso {
    font: 34px/44px "Raleway-800";
  }
}
.solutionSec .solutionWrap .solRight .content .nWrap .plus {
  color: #fff;
  font-variant-numeric: lining-nums proportional-nums;
  font: 70px/80px "Raleway-400";
}
@media screen and (max-width: 1200px) {
  .solutionSec .solutionWrap .solRight .content .nWrap .plus {
    font: 74px/84px "Raleway-400";
  }
}
@media screen and (max-width: 576px) {
  .solutionSec .solutionWrap .solRight .content .nWrap .plus {
    font: 60px/70px "Raleway-400";
  }
}
.solutionSec .solutionWrap .solRight .content .info {
  color: #fff;
  font: 24px/34px "Raleway-600";
  letter-spacing: 0.48px;
  padding-bottom: 15px;
}
@media screen and (max-width: 576px) {
  .solutionSec .solutionWrap .solRight .content .info {
    font: 22px/32px "Raleway-600";
  }
}
.solutionSec .solutionWrap .solRight .content .manHour {
  color: #fff;
  font: 14px/22px "Raleway-600";
  letter-spacing: 0.48px;
  padding-bottom: 15px;
}
@media screen and (max-width: 576px) {
  .solutionSec .solutionWrap .solRight .content .manHour {
    font: 18px/28px "Raleway-600";
  }
}
.solutionSec .solutionWrap .solRight .content .manHour a {
  text-decoration: none;
  color: #fff;
}

.projectSec {
  padding: 120px 0;
}
@media screen and (max-width: 992px) {
  .projectSec {
    padding: 70px 0;
  }
}
@media screen and (max-width: 576px) {
  .projectSec {
    padding: 50px 15px;
  }
}
.projectSec .projectWrap .heading {
  color: #185882;
  font: 20px/35px "Raleway-600";
  letter-spacing: 0.4px;
  margin-bottom: 50px;
  text-align: justify;
}
@media screen and (max-width: 992px) {
  .projectSec .projectWrap .heading {
    font: 18px/32px "Raleway-600";
    margin-bottom: 45px;
  }
}
@media screen and (max-width: 576px) {
  .projectSec .projectWrap .heading {
    font: 16px/30px "Raleway-600";
    margin-bottom: 30px;
  }
}
.projectSec .projectWrap .title {
  color: #185882;
  font: 24px/34px "Raleway-600";
  letter-spacing: 0.48px;
  margin-bottom: 39px;
  width: 583px;
}
@media screen and (max-width: 1200px) {
  .projectSec .projectWrap .title {
    width: 590px;
  }
}
@media screen and (max-width: 768px) {
  .projectSec .projectWrap .title {
    font: 22px/32px "Raleway-600";
    width: auto;
  }
}
@media screen and (max-width: 576px) {
  .projectSec .projectWrap .title {
    font: 20px/30px "Raleway-600";
    margin-bottom: 29px;
  }
}
.projectSec .projectWrap .projLeftSec .engineering .elemWrap {
  position: relative;
}
.projectSec .projectWrap .projLeftSec .engineering .element {
  color: #7f27ff;
  text-align: center;
  font: 24px/34px "Raleway-600";
  padding: 20px 50px;
  letter-spacing: 0.48px;
  border-radius: 20px;
  border: 1px solid #7f27ff;
  box-shadow: inset 0px 0px #7f27ff;
  transition: all 0.4s ease-in-out;
}
.projectSec .projectWrap .projLeftSec .engineering .element:hover {
  box-shadow: inset 0px -160px #7f27ff;
  color: white;
}
@media screen and (max-width: 1400px) {
  .projectSec .projectWrap .projLeftSec .engineering .element {
    padding: 20px 24px;
  }
}
@media screen and (max-width: 1200px) {
  .projectSec .projectWrap .projLeftSec .engineering .element {
    font: 20px/30px "Raleway-600";
  }
}
@media screen and (max-width: 768px) {
  .projectSec .projectWrap .projLeftSec .engineering .element {
    padding: 16px 24px;
  }
}
@media screen and (max-width: 576px) {
  .projectSec .projectWrap .projLeftSec .engineering .element {
    font: 18px/28px "Raleway-600";
  }
}
.projectSec .projectWrap .projLeftSec .engineering .arrowImg {
  position: absolute;
  right: -24px;
  top: 36%;
}
@media screen and (max-width: 768px) {
  .projectSec .projectWrap .projLeftSec .engineering .arrowImg {
    display: none;
  }
}
.projectSec .projectWrap .projLeftSec .engineering .arrowImg hr {
  opacity: 1;
}
.projectSec .projectWrap .projLeftSec .engineering .arrowImg hr.blueLine {
  border-top: 1px solid #7F27FF;
  width: 25px;
}
@media screen and (max-width: 1400px) {
  .projectSec .projectWrap .projLeftSec .engineering .arrowImg hr.blueLine {
    width: 24px;
  }
}
.projectSec .projectWrap .projLeftSec .engineering .arrowDownImg {
  position: absolute;
  right: 50%;
  bottom: -40px;
}
.projectSec .projectWrap .projLeftSec .engineering .arrowDownImg hr {
  opacity: 1;
}
.projectSec .projectWrap .projLeftSec .engineering .arrowDownImg .divider {
  height: 25px;
  width: 1px;
  background-color: #7F27FF;
}
@media screen and (max-width: 576px) {
  .projectSec .projectWrap .projLeftSec .engineering .arrowDownImg .divider {
    height: 24px;
  }
}
.projectSec .sliderWrap .projectss .owl-nav button.owl-next {
  background: #f5ad00;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  align-items: center;
  display: inline-grid;
  position: absolute;
  right: 0%;
  top: 45%;
}
@media screen and (max-width: 768px) {
  .projectSec .sliderWrap .projectss .owl-nav button.owl-next {
    width: 35px;
    height: 35px;
    top: 42%;
  }
}
@media screen and (max-width: 576px) {
  .projectSec .sliderWrap .projectss .owl-nav button.owl-next {
    top: 40%;
  }
}
.projectSec .sliderWrap .projectss .owl-nav button.owl-next i {
  color: #ffffff;
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .projectSec .sliderWrap .projectss .owl-nav button.owl-next i {
    font-size: 14px;
  }
}
.projectSec .sliderWrap .projectss .owl-nav button.owl-prev {
  background: #f5ad00;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  align-items: center;
  display: inline-grid;
  position: absolute;
  left: 0%;
  top: 45%;
}
@media screen and (max-width: 768px) {
  .projectSec .sliderWrap .projectss .owl-nav button.owl-prev {
    width: 35px;
    height: 35px;
    top: 42%;
  }
}
@media screen and (max-width: 576px) {
  .projectSec .sliderWrap .projectss .owl-nav button.owl-prev {
    top: 40%;
  }
}
.projectSec .sliderWrap .projectss .owl-nav button.owl-prev i {
  color: #ffffff;
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .projectSec .sliderWrap .projectss .owl-nav button.owl-prev i {
    font-size: 14px;
  }
}

.ourProjectSec {
  padding: 100px 0 56px;
}
@media screen and (max-width: 992px) {
  .ourProjectSec {
    padding: 70px 0 56px;
  }
}
@media screen and (max-width: 576px) {
  .ourProjectSec {
    padding: 50px 0;
  }
}
.ourProjectSec .heading {
  color: #185882;
  font: 40px/52px "Raleway-500";
  padding-bottom: 24px;
  margin-bottom: 30px;
  border-bottom: 1px solid #ffe0c7;
}
@media screen and (max-width: 992px) {
  .ourProjectSec .heading {
    font: 36px/48px "Raleway-500";
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 576px) {
  .ourProjectSec .heading {
    font: 28px/38px "Raleway-500";
    padding-bottom: 15px;
    margin-bottom: 20px;
  }
}
.ourProjectSec .ourProjLeft .img-wrapper {
  overflow: hidden;
}
.ourProjectSec .ourProjLeft .img-wrapper img {
  transition: transform 0.5s ease;
  width: 100%;
}
.ourProjectSec .ourProjLeft .img-wrapper .projName {
  color: #185882;
  font: 20px/35px "Raleway-600";
  letter-spacing: 0.4px;
  margin-top: 10px;
}
@media screen and (max-width: 576px) {
  .ourProjectSec .ourProjLeft .img-wrapper .projName {
    font: 16px/26px "Raleway-600";
  }
}
.ourProjectSec .ourProjRight {
  margin-left: 60px;
}
@media screen and (max-width: 1200px) {
  .ourProjectSec .ourProjRight {
    margin-left: 45px;
  }
}
@media screen and (max-width: 992px) {
  .ourProjectSec .ourProjRight {
    margin-left: 0px;
  }
}
.ourProjectSec .ourProjRight .ourProjectList {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.ourProjectSec .ourProjRight .ourProjectList .brNone {
  border-bottom: none !important;
}
.ourProjectSec .ourProjRight .ourProjectList .subHeading {
  cursor: text;
  color: #404040;
  font: 16px/28px "Roboto-400";
  letter-spacing: 0.32px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  background: transparent;
  border-bottom: 1px solid #f5ad00;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  width: 100%;
  outline: none;
  text-align: start;
}
.ourProjectSec .ourProjRight .locationSec {
  margin-top: 40px;
}
@media screen and (max-width: 992px) {
  .ourProjectSec .ourProjRight .locationSec {
    margin-top: 30px;
  }
}
@media screen and (max-width: 576px) {
  .ourProjectSec .ourProjRight .locationSec {
    margin-top: 15px;
  }
}
.ourProjectSec .ourProjRight .locationSec .title {
  color: #185882;
  font: 24px/34px "Raleway-600";
  letter-spacing: 0.48px;
  padding-bottom: 22px;
  margin-bottom: 30px;
  border-bottom: 1px solid #ffe0c7;
}
@media screen and (max-width: 992px) {
  .ourProjectSec .ourProjRight .locationSec .title {
    font: 22px/32px "Raleway-600";
  }
}
@media screen and (max-width: 576px) {
  .ourProjectSec .ourProjRight .locationSec .title {
    font: 18px/28px "Raleway-600";
    padding-bottom: 15px;
    margin-bottom: 20px;
  }
}

.newsMediaSec {
  padding: 147px 0;
  background: #f2f2f2;
}
@media screen and (max-width: 992px) {
  .newsMediaSec {
    padding: 80px 0;
  }
}
@media screen and (max-width: 576px) {
  .newsMediaSec {
    padding: 50px 15px;
  }
}
.newsMediaSec .newsMedia a {
  text-decoration: none;
}
.newsMediaSec .newsMedia .title {
  color: #404040;
  font: 24px/34px "Raleway-600";
  letter-spacing: 0.48px;
  margin-top: 20px;
  margin-bottom: 0;
  text-transform: capitalize;
}
@media screen and (max-width: 992px) {
  .newsMediaSec .newsMedia .title {
    font: 20px/30px "Raleway-600";
    margin-top: 15px;
  }
}
@media screen and (max-width: 576px) {
  .newsMediaSec .newsMedia .title {
    font: 18px/28px "Raleway-600";
    margin-top: 15px;
  }
}

.ourProductt {
  padding-top: 100px;
}
@media screen and (max-width: 992px) {
  .ourProductt {
    padding-top: 80px;
  }
}
@media screen and (max-width: 576px) {
  .ourProductt {
    padding-top: 40px;
  }
}
.ourProductt .tab-content .tabDescWrap .waterFilItemsWrap {
  padding: 80px 0;
}
@media screen and (max-width: 992px) {
  .ourProductt .tab-content .tabDescWrap .waterFilItemsWrap {
    padding: 30px 0;
  }
}
@media screen and (max-width: 576px) {
  .ourProductt .tab-content .tabDescWrap .waterFilItemsWrap {
    padding: 25px 0;
  }
}
.ourProductt .tab-content .tabDescWrap .waterfilterLeft .content {
  font: 16px/28px "Roboto-400";
  letter-spacing: 0.32px;
  color: #404040;
  text-align: justify;
  margin-bottom: 12px;
}
.ourProductt .tab-content .tabDescWrap .mt_20 {
  margin-top: 30px;
}
.ourProductt .tab-content .tabDescWrap .applict {
  color: #185882;
  font: 24px/32px "Raleway-600";
  letter-spacing: 0.4px;
  margin-bottom: 30px;
}
@media screen and (max-width: 576px) {
  .ourProductt .tab-content .tabDescWrap .applict {
    font: 18px/28px "Raleway-600";
    margin-bottom: 20px;
  }
}
.ourProductt .tab-content .tabDescWrap .provideFollw {
  color: #185882;
  font: 24px/32px "Raleway-600";
  letter-spacing: 0.4px;
  margin-bottom: 50px;
}
@media screen and (max-width: 576px) {
  .ourProductt .tab-content .tabDescWrap .provideFollw {
    font: 18px/28px "Raleway-600";
    margin-bottom: 25px;
  }
}
.ourProductt .tab-content .tabDescWrap .vibsimList .dot:before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #F5AD00;
  position: absolute;
  margin-top: 8px;
}
.ourProductt .tab-content .tabDescWrap .vibsimList .desc {
  color: #404040;
  font: 18px/24px "Raleway-600";
  letter-spacing: 0.36px;
  padding-left: 28px;
  padding-right: 16px;
  margin-bottom: 24px;
}
@media screen and (max-width: 1400px) {
  .ourProductt .tab-content .tabDescWrap .vibsimList .desc {
    font: 16px/22px "Raleway-600";
    margin-bottom: 20px;
  }
}

.discoverProject {
  padding-bottom: 148px;
}
@media screen and (max-width: 992px) {
  .discoverProject {
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 576px) {
  .discoverProject {
    padding: 0px 15px 50px;
  }
}
.discoverProject .discoverProjectMain .tab-content .tabDescWrap .tabDesc {
  text-decoration: none;
}
.discoverProject .discoverProjectMain .tab-content .tabDescWrap .tabDesc .projHead {
  font: 20px/35px "Raleway-600";
  color: #185882;
  letter-spacing: 0.4px;
  margin-bottom: 5px;
  margin-top: 18px;
  text-transform: capitalize;
}
@media screen and (max-width: 576px) {
  .discoverProject .discoverProjectMain .tab-content .tabDescWrap .tabDesc .projHead {
    font: 18px/30px "Raleway-600";
  }
}
.discoverProject .discoverProjectMain .tab-content .tabDescWrap .tabDesc .element {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
  align-items: center;
}
.discoverProject .discoverProjectMain .tab-content .tabDescWrap .tabDesc .element .iconBOx svg {
  color: #F5AD00;
}
.discoverProject .discoverProjectMain .tab-content .tabDescWrap .tabDesc .element .locName {
  font: 16px/28px "Roboto-400";
  color: #404040;
  letter-spacing: 0.32px;
}
.discoverProject .discoverProjectMain .nav-tabs .nav-link {
  border-radius: 10px;
  border-top: 1px solid #F5AD00;
  border-left: 1px solid #F5AD00;
  background: #FFF;
  box-shadow: 3px 6px 10px 0px rgba(0, 0, 0, 0.15);
}
.discoverProject .discoverProjectMain .nav-tabs .nav-link:hover {
  outline: none;
  border-top: 1px solid #F5AD00;
  border-left: 1px solid #F5AD00;
}
.discoverProject .discoverProjectMain .nav-tabs .nav-link.active {
  background: #F5AD00;
  color: #FFF;
}
.discoverProject .discoverProjectMain .nav-tabs .nav-tabs .nav-link:focus {
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-color: none;
}
.discoverProject .discoverProjectMain .nav-tabs .nav-link:focus-visible {
  box-shadow: none;
}
@media screen and (max-width: 576px) {
  .discoverProject .discoverProjectMain .discoverProjListWrap {
    overflow-x: scroll;
  }
}
.discoverProject .discoverProjectMain .discoverProjectList {
  flex-direction: row;
  border: 0;
  -moz-column-gap: 24px;
       column-gap: 24px;
  border-bottom: 1px solid #FFE0C7;
  padding-bottom: 24px;
  margin-bottom: 36px;
  row-gap: 24px;
}
@media screen and (max-width: 576px) {
  .discoverProject .discoverProjectMain .discoverProjectList {
    margin-bottom: 30px;
    width: 360px;
  }
}
.discoverProject .discoverProjectMain .discoverProjectList .brNone {
  border-bottom: none !important;
}
.discoverProject .discoverProjectMain .discoverProjectList .tabHeading {
  color: #404040;
  font: 18px/28px "Raleway-600";
  letter-spacing: 0.36px;
  padding: 18px 30px;
}
@media screen and (max-width: 992px) {
  .discoverProject .discoverProjectMain .discoverProjectList .tabHeading {
    font: 16px/26px "Raleway-600";
    padding: 15px 25px;
  }
}
@media screen and (max-width: 576px) {
  .discoverProject .discoverProjectMain .discoverProjectList .tabHeading {
    font: 14px/24px "Raleway-600";
    padding: 12px 16px;
  }
}

.projDetailMainSec {
  background: linear-gradient(252deg, #F5AD00 0%, #7F27FF 69.34%);
  padding-top: 200px;
  padding-bottom: 74px;
}
@media screen and (max-width: 576px) {
  .projDetailMainSec {
    padding-top: 160px;
    padding-bottom: 50px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (min-width: 1200px) {
  .projDetailMainSec .projDetailLeft {
    padding-right: 17px;
  }
}
.projDetailMainSec .projDetailLeft .downArrow {
  background: transparent;
  border: none;
  margin-top: 28px;
}
@media screen and (max-width: 576px) {
  .projDetailMainSec .projDetailLeft .downArrow {
    margin-top: 12px;
  }
}
.projDetailMainSec .projDetailLeft .title {
  font: 16px/28px "Raleway-700";
  color: #FFF;
  letter-spacing: 0.32px;
  text-transform: uppercase;
  padding: 3px 10px;
  border-radius: 5px;
  border: 1px solid #FFF;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 17px;
}
@media screen and (max-width: 992px) {
  .projDetailMainSec .projDetailLeft .title {
    font: 14px/26px "Raleway-700";
  }
}
.projDetailMainSec .projDetailLeft .heading {
  color: #FFF;
  font: 40px/52px "Raleway-500";
  margin-bottom: 42px;
  text-transform: capitalize;
}
@media screen and (max-width: 992px) {
  .projDetailMainSec .projDetailLeft .heading {
    font: 30px/42px "Raleway-500";
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 576px) {
  .projDetailMainSec .projDetailLeft .heading {
    font: 26px/38px "Raleway-500";
    margin-bottom: 28px;
  }
}
.projDetailMainSec .projDetailLeft .projDescWrap .projectTitle {
  color: #FFF;
  font: 20px/35px "Raleway-800";
  letter-spacing: 0.4px;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .projDetailMainSec .projDetailLeft .projDescWrap .projectTitle {
    font: 18px/30px "Raleway-800";
  }
}
@media screen and (max-width: 576px) {
  .projDetailMainSec .projDetailLeft .projDescWrap .projectTitle {
    font: 16px/28px "Raleway-800";
  }
}
.projDetailMainSec .projDetailLeft .projDescWrap .projectContent {
  color: #FFF;
  font: 20px/35px "Raleway-600";
  letter-spacing: 0.4px;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .projDetailMainSec .projDetailLeft .projDescWrap .projectContent {
    font: 18px/30px "Raleway-600";
  }
}
@media screen and (max-width: 576px) {
  .projDetailMainSec .projDetailLeft .projDescWrap .projectContent {
    font: 16px/28px "Raleway-600";
  }
}
@media screen and (min-width: 1200px) {
  .projDetailMainSec .projectDetailRight {
    padding-left: 17px;
  }
}
.projDetailMainSec .projectDetailRight .main-img {
  border-radius: 4%;
}

.projectDescSec {
  padding: 95px 0;
}
@media screen and (max-width: 992px) {
  .projectDescSec {
    padding: 70px 0;
  }
}
@media screen and (max-width: 576px) {
  .projectDescSec {
    padding: 50px 0;
  }
}
.projectDescSec .projDetailWrap {
  padding-left: 10px;
  padding-right: 10px;
}
.projectDescSec .projDetailWrap .galldesc {
  color: #185882;
  font: 20px/35px "Raleway-600";
  letter-spacing: 0.4px;
  text-align: justify;
  margin-bottom: 0;
}
@media screen and (max-width: 992px) {
  .projectDescSec .projDetailWrap .galldesc {
    font: 18px/32px "Raleway-600";
  }
}
@media screen and (max-width: 576px) {
  .projectDescSec .projDetailWrap .galldesc {
    font: 16px/30px "Raleway-600";
  }
}
.projectDescSec .videoo {
  text-align: center;
  padding-top: 95px;
}
@media screen and (max-width: 992px) {
  .projectDescSec .videoo {
    padding-top: 60px;
  }
}
@media screen and (max-width: 576px) {
  .projectDescSec .videoo {
    padding-top: 25px;
  }
}
@media screen and (max-width: 768px) {
  .projectDescSec .videoo iframe {
    width: 500px;
    height: 323px;
  }
}
@media screen and (max-width: 576px) {
  .projectDescSec .videoo iframe {
    width: 300px;
    height: 220px;
  }
}
.projectDescSec .desc {
  color: #404040;
  font: 16px/28px "Roboto-400";
  letter-spacing: 0.32px;
  text-align: justify;
}
.projectDescSec .desc span {
  font: 16px/28px "Roboto-bold";
}
.projectDescSec .netzero {
  color: #404040;
  font: 16px/28px "Roboto-400";
  letter-spacing: 0.32px;
}
.projectDescSec .projDetailSliderWrap {
  margin-top: 95px;
}
@media screen and (max-width: 992px) {
  .projectDescSec .projDetailSliderWrap {
    margin-top: 70px;
  }
}
@media screen and (max-width: 576px) {
  .projectDescSec .projDetailSliderWrap {
    margin-top: 30px;
  }
}
.projectDescSec .projDetailSliderWrap .projFrame {
  font: 20px/35px "Raleway-600";
  color: #185882;
  letter-spacing: 0.4px;
  margin-bottom: 0;
  text-transform: capitalize;
}
@media screen and (max-width: 576px) {
  .projectDescSec .projDetailSliderWrap .projFrame {
    font: 18px/28px "Raleway-600";
  }
}
.projectDescSec .projDetailSliderWrap .gallerySec {
  -moz-column-count: 3;
       column-count: 3;
}
.projectDescSec .projDetailSliderWrap .gallerySec img {
  margin-bottom: 20px;
}
.projectDescSec .projDetailSliderWrap .projLayout {
  font: 24px/34px "Raleway-600";
  letter-spacing: 0.48px;
  color: #404040;
  text-align: center;
  margin-bottom: 46px;
}
@media screen and (max-width: 576px) {
  .projectDescSec .projDetailSliderWrap .projLayout {
    font: 20px/30px "Raleway-600";
    margin-bottom: 30px;
  }
}
.projectDescSec .projDetailSliderWrap .gallery-item a {
  text-decoration: none;
}
.projectDescSec .projDetailSliderWrap .gallery-item .pb_18 {
  margin-bottom: 16px;
}
@media screen and (max-width: 576px) {
  .projectDescSec .projDetailSliderWrap .gallery-item .pb_18 {
    margin-bottom: 10px;
  }
}
.projectDescSec .projDetailSliderWrap .projDetailSlider {
  padding-left: 80px;
  padding-right: 80px;
}
@media screen and (max-width: 768px) {
  .projectDescSec .projDetailSliderWrap .projDetailSlider {
    padding-left: 55px;
    padding-right: 55px;
  }
}
.projectDescSec .projDetailSliderWrap .projDetailSlider .img-wrapper {
  overflow: hidden;
}
.projectDescSec .projDetailSliderWrap .projDetailSlider .img-wrapper img {
  transition: transform 0.5s ease;
  width: 100%;
}
.projectDescSec .projDetailSliderWrap .projDetailSlider .owl-nav.disabled {
  display: block;
}
.projectDescSec .projDetailSliderWrap .projDetailSlider .owl-nav button.owl-next {
  background: #f5ad00;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  align-items: center;
  display: inline-grid;
  position: absolute;
  right: 0%;
  top: 41%;
}
@media screen and (max-width: 768px) {
  .projectDescSec .projDetailSliderWrap .projDetailSlider .owl-nav button.owl-next {
    width: 35px;
    height: 35px;
    top: 42%;
  }
}
@media screen and (max-width: 576px) {
  .projectDescSec .projDetailSliderWrap .projDetailSlider .owl-nav button.owl-next {
    top: 40%;
  }
}
.projectDescSec .projDetailSliderWrap .projDetailSlider .owl-nav button.owl-next i {
  color: #ffffff;
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .projectDescSec .projDetailSliderWrap .projDetailSlider .owl-nav button.owl-next i {
    font-size: 14px;
  }
}
.projectDescSec .projDetailSliderWrap .projDetailSlider .owl-nav button.owl-prev {
  background: #f5ad00;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  align-items: center;
  display: inline-grid;
  position: absolute;
  left: 0%;
  top: 41%;
}
@media screen and (max-width: 768px) {
  .projectDescSec .projDetailSliderWrap .projDetailSlider .owl-nav button.owl-prev {
    width: 35px;
    height: 35px;
    top: 42%;
  }
}
@media screen and (max-width: 576px) {
  .projectDescSec .projDetailSliderWrap .projDetailSlider .owl-nav button.owl-prev {
    top: 40%;
  }
}
.projectDescSec .projDetailSliderWrap .projDetailSlider .owl-nav button.owl-prev i {
  color: #ffffff;
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .projectDescSec .projDetailSliderWrap .projDetailSlider .owl-nav button.owl-prev i {
    font-size: 14px;
  }
}

.pipingDesignSec {
  background: url(../images/serviceBg.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.pipingDesignSec .pipingDesignn {
  background: url(../images/servicesRight.png);
  background-repeat: no-repeat;
  background-position: right;
  background-position-y: 0%;
  background-position-x: 91%;
}
@media screen and (max-width: 992px) {
  .pipingDesignSec .pipingDesignn {
    background-size: auto 40%;
    background-position-y: -11%;
  }
}
@media screen and (max-width: 576px) {
  .pipingDesignSec .pipingDesignn {
    background-size: auto 17%;
    background-position-y: -11%;
  }
}
.pipingDesignSec .pipingDesignWrap {
  padding-bottom: 100px;
}
@media screen and (max-width: 992px) {
  .pipingDesignSec .pipingDesignWrap {
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 576px) {
  .pipingDesignSec .pipingDesignWrap {
    padding-bottom: 50px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.pipingDesignSec .pipingDesignWrap .pipingParent {
  padding-top: 120px;
}
@media screen and (max-width: 768px) {
  .pipingDesignSec .pipingDesignWrap .pipingParent {
    padding-top: 90px;
  }
}
@media screen and (max-width: 576px) {
  .pipingDesignSec .pipingDesignWrap .pipingParent {
    padding-top: 50px;
  }
}
.pipingDesignSec .pipingDesignWrap .pipingParent .heading {
  font: 40px/52px "Raleway-500";
  margin-bottom: 29px;
  color: #FFF;
}
@media screen and (max-width: 992px) {
  .pipingDesignSec .pipingDesignWrap .pipingParent .heading {
    font: 30px/42px "Raleway-500";
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 576px) {
  .pipingDesignSec .pipingDesignWrap .pipingParent .heading {
    font: 26px/38px "Raleway-500";
    margin-bottom: 15px;
  }
}
.pipingDesignSec .pipingDesignWrap .pipingParent .desc {
  font: 20px/35px "Raleway-600";
  color: #FFF;
  letter-spacing: 0.4px;
  width: 449px;
  margin-bottom: 0;
}
@media screen and (max-width: 992px) {
  .pipingDesignSec .pipingDesignWrap .pipingParent .desc {
    font: 18px/32px "Raleway-600";
  }
}
@media screen and (max-width: 576px) {
  .pipingDesignSec .pipingDesignWrap .pipingParent .desc {
    font: 16px/28px "Raleway-600";
    width: auto;
  }
}
.pipingDesignSec .pipingDesignWrap .plotPlantWrap {
  padding-top: 123px;
}
@media screen and (max-width: 992px) {
  .pipingDesignSec .pipingDesignWrap .plotPlantWrap {
    padding-top: 90px;
  }
}
@media screen and (max-width: 768px) {
  .pipingDesignSec .pipingDesignWrap .plotPlantWrap {
    padding-top: 40px;
  }
}
.pipingDesignSec .pipingDesignWrap .plotPlantWrap .title {
  font: 20px/35px "Raleway-600";
  letter-spacing: 0.4px;
  color: #FFF;
}
@media screen and (max-width: 1200px) {
  .pipingDesignSec .pipingDesignWrap .plotPlantWrap .title {
    font: 16px/30px "Raleway-600";
  }
}
@media screen and (max-width: 576px) {
  .pipingDesignSec .pipingDesignWrap .plotPlantWrap .title {
    font: 12px/22px "Raleway-600";
  }
}
@media screen and (max-width: 992px) {
  .pipingDesignSec .pipingDesignWrap .plotPlantWrap .padding_0 {
    padding: 0;
  }
}
.pipingDesignSec .pipingDesignWrap .plotPlantWrap .serviceLineMobile {
  margin-top: 20px;
}
@media screen and (min-width: 992px) {
  .pipingDesignSec .pipingDesignWrap .plotPlantWrap .serviceLineMobile {
    display: none;
  }
}
.pipingDesignSec .pipingDesignWrap .plotPlantWrap .serviceLineParent {
  margin-top: 50px;
  margin-bottom: 50px;
}
@media screen and (max-width: 1200px) {
  .pipingDesignSec .pipingDesignWrap .plotPlantWrap .serviceLineParent {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 576px) {
  .pipingDesignSec .pipingDesignWrap .plotPlantWrap .serviceLineParent {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 992px) {
  .pipingDesignSec .pipingDesignWrap .plotPlantWrap .serviceLineParent img {
    display: none;
  }
}

.productItemMain {
  padding: 80px 0 !important;
}
@media screen and (max-width: 992px) {
  .productItemMain {
    padding: 70px 0 !important;
  }
}
@media screen and (max-width: 576px) {
  .productItemMain {
    padding: 20px 10px !important;
  }
}

.criticalPiping {
  padding: 100px 0;
}
@media screen and (max-width: 992px) {
  .criticalPiping {
    padding: 70px 0;
  }
}
@media screen and (max-width: 576px) {
  .criticalPiping {
    padding: 50px 10px;
  }
}
.criticalPiping .heading {
  font: 40px/52px "Raleway-500";
  color: #185882;
  text-align: center;
}
@media screen and (max-width: 1200px) {
  .criticalPiping .heading {
    font: 30px/42px "Raleway-500";
  }
}
@media screen and (max-width: 576px) {
  .criticalPiping .heading {
    font: 24px/34px "Raleway-500";
  }
}
.criticalPiping .prodItemWrap {
  margin-top: 50px !important;
}
@media screen and (max-width: 768px) {
  .criticalPiping .prodItemWrap {
    margin-top: 40px !important;
  }
}
@media screen and (max-width: 576px) {
  .criticalPiping .prodItemWrap {
    margin-top: 20px !important;
  }
}
@media screen and (max-width: 992px) {
  .criticalPiping .prodItemWrap .prodItemLeft {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 576px) {
  .criticalPiping .prodItemWrap .prodItemLeft {
    margin-bottom: 10px;
  }
}
.criticalPiping .prodItemWrap .prodItemSlider .owl-dots {
  margin-top: 40px !important;
}
@media screen and (max-width: 992px) {
  .criticalPiping .prodItemWrap .prodItemSlider .owl-dots {
    margin-top: 25px !important;
  }
}
@media screen and (max-width: 576px) {
  .criticalPiping .prodItemWrap .prodItemSlider .owl-dots {
    margin-top: 18px !important;
  }
}
.criticalPiping .prodItemWrap .prodItemSlider .owl-dots .owl-dot span {
  width: 15px;
  height: 15px;
  margin: 0px 7px;
  background: #185882;
}
@media screen and (max-width: 576px) {
  .criticalPiping .prodItemWrap .prodItemSlider .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
  }
}
.criticalPiping .prodItemWrap .prodItemSlider .owl-dots .owl-dot.active span {
  background: #f5ad00;
}
.criticalPiping .prodItemWrap .prodItemSlider .owl-dots .owl-dot:hover span {
  background: #f5ad00;
}
.criticalPiping .prodItemWrap .ItemBox {
  color: #404040;
  font: 16px/26px "Raleway-600";
  letter-spacing: 0.36px;
  padding: 16px 28px;
  border-radius: 10px;
  border-top: 1px solid #7F27FF;
  border-left: 1px solid #7F27FF;
  background: #FFF;
  box-shadow: 3px 6px 10px 0px rgba(0, 0, 0, 0.15);
  margin-bottom: 15px;
}
.criticalPiping .prodItemWrap .ItemBox:hover {
  background: #7F27FF;
  color: white;
  transition: all 0.5s;
}
.criticalPiping .prodItemWrap .ItemBox span {
  font: 18px/28px "Roboto-500";
}
@media screen and (max-width: 1200px) {
  .criticalPiping .prodItemWrap .ItemBox {
    padding: 16px 26px;
  }
}
@media screen and (max-width: 992px) {
  .criticalPiping .prodItemWrap .ItemBox {
    padding: 16px 30px;
  }
}
@media screen and (max-width: 576px) {
  .criticalPiping .prodItemWrap .ItemBox {
    padding: 12px 20px;
    font: 16px/26px "Raleway-600";
  }
}
.criticalPiping .criticalPipeWrapper {
  margin-top: 76px;
}
@media screen and (max-width: 768px) {
  .criticalPiping .criticalPipeWrapper {
    margin-top: 46px;
  }
}
@media screen and (max-width: 576px) {
  .criticalPiping .criticalPipeWrapper {
    margin-top: 20px;
  }
}
.criticalPiping .criticalPipeWrapper .solutionBox {
  color: #404040;
  font: 18px/28px "Raleway-600";
  letter-spacing: 0.36px;
  padding: 18px 30px;
  border-radius: 10px;
  border-top: 1px solid #7F27FF;
  border-left: 1px solid #7F27FF;
  background: #FFF;
  box-shadow: 3px 6px 10px 0px rgba(0, 0, 0, 0.15);
  margin-bottom: 15px;
}
.criticalPiping .criticalPipeWrapper .solutionBox:hover {
  background: #7F27FF;
  color: white;
  transition: all 0.5s;
}
.criticalPiping .criticalPipeWrapper .solutionBox span {
  font: 18px/28px "Roboto-500";
}
@media screen and (max-width: 1200px) {
  .criticalPiping .criticalPipeWrapper .solutionBox {
    padding: 16px 26px;
  }
}
@media screen and (max-width: 992px) {
  .criticalPiping .criticalPipeWrapper .solutionBox {
    padding: 16px 30px;
  }
}
@media screen and (max-width: 576px) {
  .criticalPiping .criticalPipeWrapper .solutionBox {
    padding: 12px 20px;
    font: 16px/26px "Raleway-600";
  }
}
@media screen and (min-width: 1200px) {
  .criticalPiping .criticalPipeWrapper .criticalRight {
    padding-left: 40px;
  }
}

.industryCases {
  padding-bottom: 100px;
}
@media screen and (max-width: 992px) {
  .industryCases {
    padding-bottom: 70px;
  }
}
@media screen and (max-width: 576px) {
  .industryCases {
    padding-bottom: 50px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.industryCases .industryLeft {
  padding-right: 70px;
}
@media screen and (max-width: 1400px) {
  .industryCases .industryLeft {
    padding-right: 50px;
  }
}
@media screen and (max-width: 1200px) {
  .industryCases .industryLeft {
    padding-right: 30px;
  }
}
@media screen and (max-width: 992px) {
  .industryCases .industryLeft {
    padding-right: 0px;
  }
}
.industryCases .industryLeft .heading {
  font: 36px/48px "Raleway-500";
  color: #185882;
  margin-bottom: 50px;
}
@media screen and (max-width: 1400px) {
  .industryCases .industryLeft .heading {
    font: 32px/45px "Raleway-500";
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 1200px) {
  .industryCases .industryLeft .heading {
    font: 30px/42px "Raleway-500";
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .industryCases .industryLeft .heading {
    font: 26px/36px "Raleway-500";
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 576px) {
  .industryCases .industryLeft .heading {
    font: 22px/32px "Raleway-500";
    margin-bottom: 20px;
  }
}
.industryCases .industryLeft .industrylistWrap .industrylistt {
  padding-left: 20px;
  margin-bottom: 0;
}
.industryCases .industryLeft .industrylistWrap .title {
  font: 16px/28px "Roboto-400";
  letter-spacing: 0.32px;
  color: #404040;
  text-align: justify;
}

.designCode {
  padding-bottom: 100px;
}
@media screen and (max-width: 992px) {
  .designCode {
    padding-bottom: 70px;
  }
}
@media screen and (max-width: 576px) {
  .designCode {
    padding-bottom: 50px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.designCode .DesignLeft .subhead {
  font: 24px/34px "Raleway-600";
  letter-spacing: 0.48px;
  color: #185882;
  width: 285px;
}
@media screen and (max-width: 1200px) {
  .designCode .DesignLeft .subhead {
    width: auto;
  }
}
@media screen and (max-width: 768px) {
  .designCode .DesignLeft .subhead {
    font: 22px/32px "Raleway-600";
  }
}
@media screen and (max-width: 768px) {
  .designCode .DesignLeft .subhead {
    font: 20px/30px "Raleway-600";
  }
}

.empowerSec {
  padding-bottom: 100px;
}
@media screen and (max-width: 992px) {
  .empowerSec {
    padding-bottom: 70px;
  }
}
@media screen and (max-width: 576px) {
  .empowerSec {
    padding-bottom: 50px;
  }
}
.empowerSec .empowerParent .mb_6 {
  margin-bottom: 6px;
}
.empowerSec .empowerParent .galleries {
  display: none;
}
.empowerSec .empowerParent a {
  text-decoration: none;
}
.empowerSec .empowerParent .gallBorder {
  border: 2px solid black !important;
}
.empowerSec .empowerParent .card {
  position: relative;
  overflow: hidden;
  border: none;
  border-radius: 0;
}
.empowerSec .empowerParent .card img {
  display: block;
}
.empowerSec .empowerParent .card .overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  fill: none;
  padding: 250px 0px 0px;
  background: linear-gradient(180deg, rgba(255, 126, 77, 0) 0%, rgba(127, 39, 255, 0.7) 100%);
  transition: opacity 0.5s ease;
}
@media screen and (max-width: 576px) {
  .empowerSec .empowerParent .card .overlay {
    padding: 100px 0px 0px;
  }
}
.empowerSec .empowerParent .text {
  margin-top: 18px;
  color: #185882;
  margin-bottom: 0;
  font: 20px/30px "Raleway-600";
  letter-spacing: 0.48px;
  text-transform: capitalize;
  text-align: center;
}
@media screen and (max-width: 1200px) {
  .empowerSec .empowerParent .text {
    font: 17px/27px "Raleway-600";
  }
}
@media screen and (max-width: 576px) {
  .empowerSec .empowerParent .text {
    font: 16px/26px "Raleway-600";
  }
}
.empowerSec .empowerParent .card:hover .overlay {
  opacity: 1;
  width: 100%;
  height: 100%;
  background: rgba(127, 39, 255, 0.7);
}

.border1 {
  border: 1px solid black !important;
}

.associateComp {
  padding-bottom: 80px;
}
@media screen and (max-width: 992px) {
  .associateComp {
    padding-bottom: 60px;
  }
}
.associateComp .associateCompWrap {
  display: flex;
  align-items: center;
}
.associateComp .associateCompleft {
  background: rgba(249, 248, 113, 0.3);
  padding: 30px 10px;
}
@media screen and (max-width: 576px) {
  .associateComp .associateCompleft {
    padding: 20px 10px;
  }
}
.associateComp .associateCompleft .associateCompName {
  color: #404040;
  text-align: center;
  font: 22px/32px "Raleway-600";
  letter-spacing: 0.4px;
  text-transform: capitalize;
}
@media screen and (max-width: 992px) {
  .associateComp .associateCompleft .associateCompName {
    font: 18px/28px "Raleway-600";
  }
}
.associateComp .associateCompright {
  background: rgba(249, 248, 113, 0.3);
  padding: 20px 10px;
}
@media screen and (max-width: 576px) {
  .associateComp .associateCompright {
    padding: 15px 10px;
  }
}
.associateComp .associateCompright .associateCompTitle {
  color: #404040;
  text-align: center;
  font: 43px/52px "Raleway-800";
  font-variant-numeric: lining-nums proportional-nums;
}
@media screen and (max-width: 992px) {
  .associateComp .associateCompright .associateCompTitle {
    font: 38px/48px "Raleway-800";
  }
}
@media screen and (max-width: 576px) {
  .associateComp .associateCompright .associateCompTitle {
    font: 36px/46px "Raleway-800";
  }
}/*# sourceMappingURL=style2.css.map */