@import url("../font/afacad.css");
@import url("../font/nelphim.css");

/* text styles */
.main-subhead {
  color: #2b2e8a;
  font-family: "afacad";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  margin: 0;
}
.main-head {
  color: #2b2b2b;
  font-family: "nelphim";
  font-size: 39px;
  font-style: normal;
  font-weight: 400;
  line-height: 60px;
  margin: 0; /* 153.846% */
}
.main-head span {
  font-family: "nelphim-italic" !important;
}
.main-para {
  color: #8f8f8f;
  font-family: "afacad";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
  text-align: justify;
}
.carousel-address {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 7px;
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translate(-50%, 0);
}
.carousel-address img {
  width: 20px !important;
  height: 20px !important;
}
.carousel-address h6 {
  color: #fff;
  text-align: center;
  font-family: "afacad";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0;
}
/* end */

/* counter section */
.counter-section {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 53px;
}
.counter-div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
/* .counter-div h2 {
  color: #2b2e8a;
  text-align: center;
  font-family: "nelphim";
  font-size: 49px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
} */
.counter-div div h2 {
  color: #2b2e8a;
  text-align: center;
  font-family: "nelphim";
  font-size: 49px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0;
}
.counter-div div span {
  color: #2b2e8a;
  text-align: center;
  font-family: "nelphim";
  font-size: 49px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.counter-div p {
  color: #2b2b2b;
  text-align: center;
  font-family: "afacad";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.vertical-line {
  width: 66px;
  height: 0px;
  transform: rotate(90deg);
  border: 1px solid #9e9e9e;
  background: #9e9e9e;
}

/* end */

/* about section */
.about-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 22px;
}
.about-section-text-part {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 9px;
}
.about-us-btn {
  color: #e31e24;
  font-family: "afacad";
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.about-us-btn img {
  width: 69px;
  margin-left: 15px;
  transition: all 0.3s;
}

/* end */

/* project */
.view-project-btn {
  display: flex;
  align-items: center;
  color: #e31e24;
  font-family: "afacad";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.view-project-btn img {
  width: 40px !important;
  margin-left: 10px !important;
  transition: all 0.3s !important;
}
.project-carousel-subhead {
  color: #2b2e8a;
  text-align: center;
  font-family: "afacad";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
}
.project-carousel-head {
  color: #2b2b2b;
  text-align: center;
  font-family: "nelphim";
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.project-arrow-btn {
  width: 99px;
  height: 60px;
}
#project-carousel.owl-theme .owl-nav {
  margin-top: 0px;
  position: absolute;
  z-index: 999999999999;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -40%);
  width: 90%;
  display: flex;
  justify-content: space-between;
}
#project-carousel.owl-theme .owl-dots,
.owl-theme .owl-nav {
  margin-top: 30px;
}
#project-carousel.owl-theme .owl-nav [class*="owl-"]:hover {
  background: transparent !important;
}
/* end */

/* our team section*/
.our-team-bg {
  background: url("../img/background/our-team-bg-img.webp");
  background-repeat: no-repeat;
  background-size: cover;
}
.our-team-text-section {
  display: flex;
  width: 100%;
  max-width: 605px;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
}
.our-team-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 9px;
}
.our-team-btn {
  color: #e31e24;
  font-family: "afacad";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.our-team-btn img {
  width: 40px;
  margin-left: 10px;
  transition: all 0.3s;
}

.our-team-blue-bg {
  width: 100%;
  height: 100%;
  background: rgba(34, 37, 110, 0.6);
  padding: 67px 55px;
}

.our-team-counter-div {
  display: flex;
  /* width: 440px; */
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 40px;
}

.counter-first-div {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.counter-details {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.counter-details div h2 {
  color: #fff;
  text-align: center;
  font-family: "nelphim";
  font-size: 49px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0;
}
.counter-details div span {
  color: #fff;
  text-align: center;
  font-family: "nelphim";
  font-size: 49px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.counter-details h6 {
  color: #a8a8a8;
  text-align: center;
  font-family: "afacad";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.our-team-vertical-line {
  width: 66px;
  height: 0px;
  transform: rotate(90deg);
  border: 1px solid #ffffff;
}
/* end */

/* service */
.service-carousel-change-btn {
  color: #8f8f8f !important;
  font-family: "afacad" !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: normal !important;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .service-carousel-change-btn.active {
  background-color: transparent !important;
  border: none !important;
  /* border-bottom: 1px solid #2b2e8a !important; */
  color: #2b2e8a !important;
  font-weight: 500;
  text-decoration-line: underline !important;
  text-decoration-style: solid !important;
  text-decoration-skip-ink: auto !important;
  text-decoration-thickness: 6% !important; /* 1.08px */
  text-underline-offset: 50% !important; /* 9px */
  text-underline-position: from-font !important;
  outline: none !important;
}
.nav-tabs {
  border-bottom: none !important;
}
.service-carousel-div {
  width: 100%;
  position: relative;
}
.service-carousel-div h6 {
  position: absolute !important;
  left: 50% !important;
  bottom: 0px !important;
  transform: translate(-50%) !important;
  color: #fff;
  text-align: center;
  font-family: "afacad";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px; /* 166.667% */
}
.services-arrow-btn {
  width: 99px;
  height: 60px;
}

#service-carousel-plumbing.owl-theme .owl-nav {
  margin-top: 30px;
}
#service-carousel-plumbing.owl-theme .owl-nav [class*="owl-"]:hover {
  background: transparent !important;
}
#service-carousel-plumbing.owl-theme .owl-nav {
  margin-top: 30px;
  gap: 20px;
  display: flex;
  justify-content: center;
}
#service-carousel-firefighting.owl-theme .owl-nav [class*="owl-"]:hover {
  background: transparent !important;
}
/* end */

/* our presence */
.our-presence-bg {
  background: url("../img/background/our-presence-bg-img.webp");
  background-repeat: no-repeat;
  background-size: cover;
}
.our-presence-text-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 35px;
}
.our-presence-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 9px;
}
.map-list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 50px;
}
.map-list-inner {
  display: flex;
  width: 180px;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
}
.map-list-inner span {
  color: #fff;
  font-family: "afacad";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.bg-light-blue {
  background: #eaeaf3;
}
.md-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
.md-text p {
  color: #8f8f8f;
  font-variant-numeric: slashed-zero;
  font-feature-settings: "dlig" on, "ss04" on, "liga" off;
  font-family: "afacad";
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: justify;
}
/* end */

/* contact */
.contact-div {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 70px;
}
.contact-inner-div {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9px;
}
.contact-details-div {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
.contact-details-inner-div {
  display: flex;
  flex-direction: column;
  width: auto;
  justify-content: start;
  align-items: start;
  gap: 10px;
  max-width: 255px;
}
.contact-details-inner-div2 {
  display: flex;
  align-items: center;
  gap: 10px;
}
.contact-details-inner-div img {
  width: 24px;
}
.contact-details-inner-div2 img {
  width: 24px;
}
.contact-details-inner-div a {
  color: #2b2b2b;
  font-family: "afacad";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 166.667% */
}
.contact-details-inner-div2 a {
  color: #2b2b2b;
  font-family: "afacad";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 166.667% */
  max-width: 255px;
}
.contact-map {
  width: 100%;
  height: 100%;
}

/* end */

/* clients  */
.client-div {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.client-card {
  display: flex;
  width: 100%;
  height: 136px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  background: #fff;
}
.our-client-card {
  display: flex;
  width: 100%;
  height: 136px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  background: #eaeaf3;
}
.client-card-2 {
  display: flex;
  width: 100%;
  height: 136px;
  padding: 28px 72px 29px 71px;
  justify-content: center;
  align-items: center;
  background: #fff;
}
.our-client-card-2 {
  display: flex;
  width: 100%;
  height: 136px;
  padding: 28px 72px 29px 71px;
  justify-content: center;
  align-items: center;
  background: #eaeaf3;
}
.client-card-3 {
  display: flex;
  width: 100%;
  height: 136px;
  padding: 40px 42px;
  justify-content: center;
  align-items: center;
  background: #fff;
}
.our-client-card-3 {
  display: flex;
  width: 100%;
  height: 136px;
  padding: 40px 42px;
  justify-content: center;
  align-items: center;
  background: #eaeaf3;
}
.client-card-4 {
  display: flex;
  width: 100%;
  height: 136px;
  padding: 42px 37px 43px 38px;
  justify-content: center;
  align-items: center;
  background: #fff;
}
.our-client-card-4 {
  display: flex;
  width: 100%;
  height: 136px;
  padding: 42px 37px 43px 38px;
  justify-content: center;
  align-items: center;
  background: #eaeaf3;
}
.client-card-5 {
  display: flex;
  width: 100%;
  height: 136px;
  padding: 27px 63px 28px 64px;
  justify-content: center;
  align-items: center;
  background: #fff;
}
.our-client-card-5 {
  display: flex;
  width: 100%;
  height: 136px;
  padding: 27px 63px 28px 64px;
  justify-content: center;
  align-items: center;
  background: #eaeaf3;
}
.client-card-6 {
  display: flex;
  width: 100%;
  height: 136px;
  padding: 33px 69px 34px 70px;
  justify-content: center;
  align-items: center;
  background: #fff;
}
.our-client-card-6 {
  display: flex;
  width: 100%;
  height: 136px;
  padding: 33px 69px 34px 70px;
  justify-content: center;
  align-items: center;
  background: #eaeaf3;
}
.client-card-7 {
  display: flex;
  width: 100%;
  height: 136px;
  padding: 0px 19px;
  justify-content: center;
  align-items: center;
  background: #fff;
}
.our-client-card-7 {
  display: flex;
  width: 100%;
  height: 136px;
  padding: 0px 19px;
  justify-content: center;
  align-items: center;
  background: #eaeaf3;
}
.client-card-8 {
  display: flex;
  width: 100%;
  height: 136px;
  justify-content: center;
  align-items: center;
  background: #fff;
}
.our-client-card-8 {
  display: flex;
  width: 100%;
  height: 136px;
  justify-content: center;
  align-items: center;
  background: #eaeaf3;
}
.client-card-9 {
  display: flex;
  width: 100%;
  height: 136px;
  padding: 44px 46px 45px 45px;
  justify-content: center;
  align-items: center;
  background: #fff;
}
.our-client-card-9 {
  display: flex;
  width: 100%;
  height: 136px;
  padding: 44px 46px 45px 45px;
  justify-content: center;
  align-items: center;
  background: #eaeaf3;
}
.client-card-10 {
  display: flex;
  width: 100%;
  height: 136px;
  padding: 35px 48px 36px 47px;
  justify-content: center;
  align-items: center;
  background: #fff;
}
.our-client-card-10 {
  display: flex;
  width: 100%;
  height: 136px;
  padding: 35px 48px 36px 47px;
  justify-content: center;
  align-items: center;
  background: #eaeaf3;
}
/* .client-card img {
  width: 100%;
} */
.client-img-1 {
  max-width: 100%;
  max-height: 100%;
}
.client-img-2 {
  width: 65px;
  height: 79px;
}
.client-img-3 {
  width: 124px;
  height: 56px;
}
.client-img-4 {
  width: 134px;
  height: 51px;
}
.client-img-5 {
  width: 82px;
  height: 81px;
}
.client-img-6 {
  width: 70px;
  height: 69px;
}
.client-img-7 {
  width: 170px;
  height: 30px;
}
.client-img-8 {
  width: 161px;
  height: 30px;
}
.client-img-9 {
  width: 117px;
  height: 47px;
}
.client-img-10 {
  width: 113px;
  height: 65px;
}

/* .client-card .img-default {
  display: flex; Default image is visible
}

.client-card .img-hover {
  display: none; Hide hover image by default
}

.client-card:hover .img-default {
  display: none; Hide the default image on hover
}

.client-card:hover .img-hover {
  display: flex; Show the hover image on hover
}

.client-card-2 .img-default {
  display: flex; Default image is visible
}

.client-card-2 .img-hover {
  display: none; Hide hover image by default
}

.client-card-2:hover .img-default {
  display: none; Hide the default image on hover
}

.client-card-2:hover .img-hover {
  display: flex; Show the hover image on hover
}

.client-card-3 .img-default {
  display: flex; Default image is visible
}

.client-card-3 .img-hover {
  display: none; Hide hover image by default
}

.client-card-3:hover .img-default {
  display: none; Hide the default image on hover
}

.client-card-3:hover .img-hover {
  display: flex; Show the hover image on hover
}

.client-card-4 .img-default {
  display: flex; Default image is visible
}

.client-card-4 .img-hover {
  display: none; Hide hover image by default
}

.client-card-4:hover .img-default {
  display: none; Hide the default image on hover
}

.client-card-4:hover .img-hover {
  display: flex; Show the hover image on hover
}

.client-card-6 .img-default {
  display: flex; Default image is visible
}

.client-card-6 .img-hover {
  display: none; Hide hover image by default
}

.client-card-6:hover .img-default {
  display: none; Hide the default image on hover
}

.client-card-6:hover .img-hover {
  display: flex; Show the hover image on hover
}

.client-card-7 .img-default {
  display: flex; Default image is visible
}

.client-card-7 .img-hover {
  display: none; Hide hover image by default
}

.client-card-7:hover .img-default {
  display: none; Hide the default image on hover
}

.client-card-7:hover .img-hover {
  display: flex; Show the hover image on hover
}

.client-card-8 .img-default {
  display: flex; Default image is visible
}

.client-card-8 .img-hover {
  display: none; Hide hover image by default
}

.client-card-8:hover .img-default {
  display: none; Hide the default image on hover
}

.client-card-8:hover .img-hover {
  display: flex; Show the hover image on hover
}

.client-card-9 .img-default {
  display: flex; Default image is visible
}

.client-card-9 .img-hover {
  display: none; Hide hover image by default
}

.client-card-9:hover .img-default {
  display: none; Hide the default image on hover
}

.client-card-9:hover .img-hover {
  display: flex; Show the hover image on hover
} */
/* end */

/* team page */
.team-subhead {
  color: #2b2b2b;
  font-family: "nelphim";
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.team-member-div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: #f1f1f1;
}
.team-member-name p {
  color: #8f8f8f;
  text-align: center;
  font-family: "afacad";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0;
}
.team-member-name h5 {
  color: #2b2b2b;
  text-align: center;
  font-family: "afacad";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0;
}
.team-member-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
.team-member-experience p {
  color: #2b2e8a;
  font-family: "afacad";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.our-certification-div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 33px;
}
.our-certification-brand-logo {
  display: flex;
  align-items: center;
  gap: 31px;
  align-self: stretch;
  flex-wrap: wrap;
}
.gst-logo {
  width: 80px;
  height: 80px;
}
.r-logo {
  width: 80px;
  height: 80px;
}
.msme-logo {
  width: 209px;
  height: 80px;
}
.ipa-logo {
  width: 141px;
  height: 80px;
}
.iso-logo {
  width: 80px;
  height: 80px;
}
/* end */

/*  contact page */
.contacts-details-div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 51px;
}
.head-office-div {
  display: flex;
  max-width: 475px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
.head-office-inner-div {
  display: flex;
  align-items: start;
  gap: 14px;
  align-self: stretch;
}
.contact-link {
  color: #8f8f8f;
  font-family: "afacad";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0;
}
.branch-details-div {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
}
.branch-office-div {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 20px;
}
.branch-office-inner-div {
  display: flex;
  max-width: 320px;
  align-items: flex-start;
  gap: 20px;
}
.branch-text {
  color: #2b2b2b;
  font-feature-settings: "liga" off;
  font-family: "nelphim";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0;
}
.branch-para {
  color: #8f8f8f;
  font-family: "afacad";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
/* end */

/* career page */
.career-form-div {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 20px;
  align-self: stretch;
  flex-wrap: wrap;
}
.career-name-input {
  display: flex;
  width: 48%;
  padding: 14px 15px;
  align-items: center;
  gap: 10px;
  border: 1px solid #eaeaf3;
  color: #8f8f8f;
  font-family: "afacad";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.resume-div {
  display: flex;
  padding: 57px 184px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border: 2px dashed #eaeaf3;
  position: relative;
}
.resume-name-input {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.resume-div p {
  color: #8f8f8f;
  font-family: "afacad";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.submit-btn {
  color: #e31e24;
  font-family: "afacad";
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border: none !important;
  background: none !important;
  display: flex;
  align-items: center;
  gap: 15px;
  transition: all 0.3s;
}
.submit-btn:hover {
  gap: 30px;
}
.submit-btn img {
  width: 69px;
}

/* end */

/* projects page */
.projects-carousel-change-btn {
  color: #8f8f8f;
  font-family: "afacad";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .projects-carousel-change-btn.active {
  color: #2b2e8a !important;
  font-family: "afacad" !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: normal !important;
  text-decoration-line: underline !important;
  text-decoration-style: solid !important;
  text-decoration-skip-ink: none !important;
  text-decoration-thickness: 13% !important; /* 2.34px */
  text-underline-offset: 25% !important; /* 4.5px */
  text-underline-position: from-font !important;
}
.projects-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
}
.projects-card-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  align-self: stretch;
}
.project-card-name {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
}
.project-card-name h3 {
  color: #2b2b2b;
  font-family: "nelphim";
  font-size: 31px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0;
}
.project-card-name a {
  color: #e31e24;
  font-family: "afacad";
  font-size: 18px;
  min-width: 90px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.project-card-location {
  display: flex;
  align-items: center;
  gap: 8px;
}
.project-card-location p {
  color: #2b2e8a;
  font-family: "afacad";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0;
}
.next-page-btn {
  color: #e31e24;
  font-family: "afacad";
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: flex;
  align-items: center;
  gap: 10px;
}
.next-page-right-arrow {
  width: 40px;
}

/* end */

/* project details page */
.product-details-location-text {
  color: #2b2e8a;
  font-family: "afacad";
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0;
}
.project-date-btn {
  color: #e31e24;
  font-family: "afacad";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.navigation-btn {
  color: #e31e24;
  font-family: "afacad";
  font-size: 25px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
  align-items: center;
  gap: 5px;
}
.navigation-project-name {
  color: #2b2b2b;
  font-family: "nelphim";
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0;
}
.navigation-btn-img {
  width: 40px;
}

/* end */

/* responsive */
@media only screen and (max-width: 992px) {
  .map-list-inner {
    width: 150px;
  }
}
@media only screen and (max-width: 768px) {
  .main-head {
    font-size: 32px;
    line-height: 40px;
  }
  .counter-section {
    gap: 10px;
  }
  .carousel-address {
    bottom: 50px;
    left: 0;
    transform: translate(0, 0);
    width: 100%;
  }
  .contact-details-div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
  .contact-details-inner-div {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    gap: 10px;
    flex-wrap: wrap;
    max-width: 100%;
  }
  #project-carousel.owl-theme .owl-nav {
    display: none;
  }
  .our-certification-brand-logo {
    gap: 20px;
  }
  .project-card-name h3 {
    font-size: 25px;
  }
  .project-card-name a {
    font-size: 16px;
  }
  .project-card-location p {
    font-size: 16px;
  }
  .contact-map {
    width: 100%;
    height: 400px;
  }
  .resume-div {
    padding: 60px;
    width: 100%;
  }
  .submit-btn {
    font-size: 18px;
  }
  .submit-btn img {
    width: 60px;
  }
  .map-list {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 50px;
    justify-content: center;
    width: 100%;
  }
}
@media only screen and (max-width: 575px) {
  .counter-section {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    align-content: center;
    gap: 40px;
    flex-wrap: wrap;
  }
  .counter-div div h2 {
    font-size: 31px;
  }
  .counter-div div span {
    font-size: 31px;
  }
  .counter-div p {
    font-size: 16px;
  }
  .line-hidden-mobile {
    display: none;
  }
  .our-team-blue-bg {
    padding: 30px;
  }
  .project-carousel-head {
    font-size: 18px;
  }
  .counter-section {
    gap: 50px;
  }
  .navigation-project-name {
    font-size: 20px;
  }
  .navigation-btn {
    font-size: 20px;
  }
  .navigation-btn-img {
    width: 35px;
  }
}
@media only screen and (max-width: 480px) {
  .counter-section {
    gap: 40px;
  }
  .navigation-project-name {
    font-size: 18px;
  }
  .navigation-btn {
    font-size: 18px;
  }
  .navigation-btn-img {
    width: 30px;
  }
  .product-details-location-text {
    font-size: 18px;
  }
}
@media only screen and (max-width: 460px) {
  .main-subhead {
    font-size: 14px;
  }
  .main-head {
    font-size: 25px;
    line-height: 40px; /* 160% */
  }
  .main-para {
    font-size: 16px;
  }
  .about-us-btn {
    font-size: 18px;
  }
  .about-us-btn img {
    width: 50px;
  }
  .carousel-address h6 {
    font-size: 14px;
  }
  .service-carousel-change-btn {
    font-size: 16px !important;
  }
  .carousel-address img {
    width: 16px !important;
    height: 16px !important;
  }
  .counter-details div h2 {
    font-size: 31px;
  }
  .counter-details h6 {
    font-size: 16px;
  }
  .map-list-inner span {
    font-size: 14px;
  }
  .map-list {
    gap: 20px;
  }
  .view-project-btn img {
    width: 35px !important;
  }
  .project-card-name h3 {
    font-size: 21px;
  }
  .project-card-name a {
    font-size: 14px;
  }
  .project-card-location p {
    font-size: 14px;
  }
  .team-subhead {
    font-size: 21px;
  }
  .contact-link {
    font-size: 14px;
  }
  .branch-text {
    font-size: 16px;
  }
  .branch-para {
    font-size: 14px;
  }
  .submit-btn {
    font-size: 16px;
  }
  .submit-btn img {
    width: 50px;
  }
  .client-img-1 {
    width: 91.5px;
    height: 39px;
  }
  .client-img-2 {
    width: 48.75px;
    height: 59.25px;
  }
  .client-img-3 {
    width: 93px;
    height: 42px;
  }
  .client-img-4 {
    width: 100.5px;
    height: 38.25px;
  }
  .client-img-5 {
    width: 61.5px;
    height: 60.75px;
  }
  .client-img-6 {
    width: 52.5px;
    height: 51.75px;
  }
  .client-img-7 {
    width: 127.5px;
    height: 22.5px;
  }
  .client-img-8 {
    width: 120.797px;
    height: 22.5px;
  }
  .client-img-9 {
    width: 87.75px;
    height: 35.25px;
  }
  .client-img-10 {
    width: 84.75px;
    height: 48.75px;
  }
  .counter-section {
    gap: 30px;
  }
}
@media only screen and (max-width: 420px) {
  .map-list-inner {
    width: 138px;
    gap: 10px;
  }
  .counter-div {
    max-width: 77px;
  }
  .navigation-project-name {
    font-size: 16px;
  }
  .navigation-btn {
    font-size: 16px;
  }
  .navigation-btn-img {
    width: 25px;
  }
  .main-head {
    font-size: 21px;
    line-height: 30px;
  }
  .product-details-location-text {
    font-size: 16px;
  }
  .project-date-btn {
    font-size: 16px;
  }
}
@media only screen and (max-width: 360px) {
  .counter-section {
    gap: 10px;
  }
  .navigation-project-name {
    font-size: 14px;
  }
  .navigation-btn {
    font-size: 14px;
  }
  .navigation-btn-img {
    width: 20px;
  }
  .main-head {
    font-size: 16px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 320px) {
}