* {
  font-family: "Roboto", serif !important;
}



body {
  scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;

  color: #3e3e3e;
}

#header {
  padding-top: 20px;

  padding-bottom: 10px;

  border-bottom: 2px solid #374c9f;

  border-color: rgba(55, 76, 159, 0.5);
}

.pd50 {
  padding-top: 50px;

  padding-bottom: 50px;
}

header a[title="home"] img {
  margin-top: 10px;
}

header a {
  transition: 0.3s;
}

header a:hover {
  color: #374c9f;
}

header nav {
  border-color: transparent !important;
}

.primary-color {
  color: #374c9f;
}

#slider h2 {
  font-size: 40px;

  color: #333;
}

#slider #caption {
  top: 100px;
}

.btn-primary {
  background-color: #374c9f !important;

  border-radius: 0;
}

footer {
  background-color: #4271aa !important;
}

footer h3 {
  color: #fff;
}

footer p {
  color: #fff;

  font-size: 16px;

  line-height: 27px;
}

footer a {
  color: #fff !important;

  font-size: 16px;
}

.scrollToTop {
  text-decoration: none;

  cursor: pointer;

  position: fixed;

  bottom: -50px;

  right: 15px;

  z-index: 999;

  transition: 1.5s ease;
}

.scrollToTop.show {
  left: unset;

  bottom: 80px;
}

.scrollToTop.hide {
  left: -50px;

  right: unset;
}

.scrollToTop i {
  color: #374c9f;

  font-size: 22px;

  padding-left: 11px;

  padding-top: 8px;
}

.caption-inner h2 {
  font-size: 35px;

  font-weight: 700;

  letter-spacing: 2px;

  max-width: 500px;

  margin-bottom: 30px;

  color: #fff;
}

.text-primary {
  color: #374c9f !important;
}

.menu {
  padding: 15px 0px;
}

.nav-link {
  color: #353535;

  font-size: 17px;

  text-transform: uppercase;

  font-weight: 600;
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;

    padding-left: 2.5rem;
  }
  .quick-link-flex{
    justify-content: end !important;
  }
}

.logodiv {
  display: flex;

  justify-content: center;

  align-content: center;

  align-items: center;
}

.logodiv h4 {
  margin: 0;

  color: #1d387e;

  font-weight: bold;

  font-size: 20px;
}

.logodiv p {
  font-size: 14px;
}

.logodiv p {
  font-size: 16px;

  margin: 0;

  letter-spacing: 0.5px;

  color: #0a1040;

  font-weight: 600;
}

a:hover {
  text-decoration: none;
}

.navbar-brand{
  display: flex;
  align-items: center;
}

.navbar-brand > h1{
  font-size: 27px;
    font-weight: 500;
    color: #4271aa;
}

@media (max-width: 1200px) {
  .caption-inner h2 {
    font-size: 22px;

    font-weight: 700;

    letter-spacing: 2px;

    max-width: 350px;

    margin-bottom: 10px;
  }
}

@media (max-width: 436px) {
  .logodiv img {
    height: 50px;

    margin-right: 0px;
  }

  .logodiv h4 {
    font-size: 18px;
  }

  .logodiv p {
    font-size: 11px;
  }

  .navbar-brand {
    margin-right: 0;
  }

  .caption-inner h2 {
    font-size: 14px;

    font-weight: 700;

    letter-spacing: 2px;

    max-width: 100%;

    margin-bottom: 10px;
  }
}

.vendor.page-title-section::before {
  content: "";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: rgba(0, 0, 0, 0.6);

  /* z-index: 1; */
}

.vendor.page-title-section {
  min-height: 420px;

  position: relative;

  /* --mask:

    radial-gradient(78.26px at 50% calc(100% - 105px),#000 99%,#0000 101%) calc(50% - 70px) 0/140px 100%,

    radial-gradient(78.26px at 50% calc(100% + 70px),#0000 99%,#000 101%) 50% calc(100% - 35px)/140px 100% repeat-x;

  -webkit-mask: var(--mask);

          mask: var(--mask); */
}

.vendor.about-page-title-section {
  background: url(../img/banner/industry-banner-two.jpg) !important;
}

.vendor.contact-page-title-section {
  background: url(../img/banner/contact-bnr.jpg) !important;
}

.vendor.flow-page-title-section {
  background: url(../img/banner/flow-management.jpg) !important;
}

.vendor.level-page-title-section {
  background: url(../img/banner/level-banner.jpg) !important;
}

.vendor.projects-page-title-section {
  background: url(../img/banner/project-banner.jpg) !important;
}

.vendor.instrumentation-page-title-section {
  background: url(../img/banner/instrumentation-banner-two.jpg) !important;
}

.vendor.construction-page-title-section {
  background: url(../img/banner/construction-banner-two.jpg) !important;
}

.vendor.page-title-section .container {
  position: absolute;

  left: 0;

  right: 0;

  color: #fff;

  /* z-index: 99; */

  bottom: 40%;
}

.vendor.page-title-section ul {
  list-style: none;

  text-transform: uppercase;
}

.vendor.page-title-section h1 {
  color: #fff;

  margin-bottom: 30px;

  letter-spacing: 3px;

  font-size: 60px;

  font-weight: 400 !important;

  text-align: center;
}

.list-inline-item {
  display: inline-block;

  margin: auto 25px;
}

.vendor.page-title-section a {
  color: #fff;
}

.vendor li.highlight {
  position: relative;

  padding: 1px 10px 4px;
}

.vendor li.highlight::before {
  content: "";

  display: block;

  z-index: -1;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: #108992;
}

.list-inline > .highlight {
  font-size: 20px !important;
}

.bglight {
  background: #eff3ff;
}

.visionbox {
  padding: 20px;

  margin: 30px 0px;
}

.visionbox h3 {
  background: #323c96;

  color: #fff;

  padding: 15px;

  font-size: 20px;

  text-transform: uppercase;

  max-width: 200px;

  text-align: center;

  margin-bottom: 20px;

  border-top-right-radius: 20px;

  border-bottom-left-radius: 20px;
}

.nav-item.active .nav-link {
  color: #4271aa;
}

.form-group label {
  text-transform: uppercase;

  letter-spacing: 1px;

  font-size: 16px;

  font-weight: 500;
}

.contact-us .bgwhite {
  background-color: #fff;
}

.br-20 {
  border-radius: 20px;

  overflow: hidden;
}

.contactbox .contact-information {
  text-align: center;

  max-width: 200px;

  margin: auto;

  margin-bottom: 30px;
}

.contact-us p {
  color: #6c757d;
}

.contactbox {
  padding: 30px 0px;
}

.contact-icon {
  width: 60px;

  height: 60px;

  display: flex;

  align-items: center;

  justify-content: center;

  background: #323c96;

  color: #fff;

  border-radius: 100%;

  font-size: 32px;

  margin: auto;

  margin-bottom: 15px;
}

.contact-information p,
.contact-information a {
  color: #6c757d;
}

.form-control {
  padding: 20px;

  min-height: 45px;

  padding: 7px 20px;

  background: #f8f9fa;

  border: 1px solid #ddd;

  border-width: 1px 1px 1px 1px;

  border-radius: 0;
}

.form-control:focus {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);

  outline: 0;

  border: 1px solid #69727d;
}

#contact-form {
  max-width: 700px;

  margin: auto;
}

.btn-submit {
  background: #323c96;

  color: #fff;

  padding: 10px 50px;

  text-transform: uppercase;

  border-radius: 0px;
}

.sub-title {
  text-transform: uppercase;

  font-weight: 600;
}

.titleimage > img {
  display: block;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;

    padding-left: 1.5rem;
  }
  .home-about-img > img{
    max-width: 425px !important;
  }
  .home-about-img::after{
    width: 425px !important;
    height: 472px !important;
    right: 6% !important;
  }
  .valv-card{
    min-height: 405px !important;
  }
  .valv-md-top{
  margin-top: 50px !important;
  }
  .check-lg-icon{
    min-width: 35px !important;
  }
  .product-flex > div > img{
    max-width: 392 !important;
  }
  .lrg-img{
    max-width: 350px !important;
  }

}

@media (max-width: 991px) {
  .vendor.page-title-section {
    min-height: 300px;

    position: relative;
  }

  footer h3 {
    font-size: 20px;
  }

  footer p,
  footer a,
  .f_bg p,
  .f_bg a {
    font-size: 14px;
  }

  .contact-us .container {
    padding-top: 0px;
  }

  .contact-us p.pd30 {
    padding-top: 0px;

    padding-bottom: 30px;
  }

  .quick-link-flex{
    display: none !important;
  }
  
}

@media (max-width: 575px) {
  .navbar.navbar-expand-lg {
    padding: 10px 0px;
  }

  .vendor.page-title-section {
    min-height: 220px;

    position: relative;
  }

  h2 {
    font-size: 1.7rem;
  }

  .p-5 {
    padding: 1rem !important;
  }

  .visionbox {
    padding: 0px;

    margin: 30px 0px;
  }

  .visionbox h3 {
    font-size: 18px;
  }
      .contact-title, .contact-para {
        text-align: start !important;
    }
    .copyright-top{
      margin-top: 20px !important;
    }
}

/* .mm-navbar {
  background: #4271aa !important;

  color: #fff;
}

.mm-listitem_selected {
  color: #4271aa !important;
} */

p {
  color: #444a4f;
}

@media (max-width: 991px) {
  .h3,
  h3 {
    font-size: 1.3rem;
  }
}

.bgservice {
  background: url(../img/slider-bg.jpg) no-repeat bottom center;

  background-attachment: fixed;
}

.link {
  background: #fff;

  display: flex;

  align-items: center;

  justify-content: center;
}

.link a {
  width: 40px;

  height: 40px;

  display: inline-block;

  display: flex;

  align-items: center;

  justify-content: center;

  background: #fff;

  border-top-left-radius: 5px;

  color: #323c96;

  border-top-right-radius: 5px;

  margin: auto 3px;

  margin-top: auto;

  margin-top: -20px;

  z-index: 999;

  position: relative;
}

.sub_category .content {
  background: url(../img/service_box_shape1.png) no-repeat top right #f3f1f2;

  padding: 20px;

  margin-top: -20px;

  position: relative;

  z-index: 999;

  max-width: 95%;

  margin: auto;

  margin-top: auto;

  margin-top: -50px;

  border-top: 2px solid #374c9f;

  transition: 0.4s;
}

.subtitle {
  font-weight: bold;

  text-transform: uppercase;

  letter-spacing: 1px;
}

.pj-subtitle {
  font-weight: 300 !important;

  font-size: 25px;

  color: #4271aa;
}

.project-img > img {
  border-radius: 0px 50px 50px;
}

.project-img-two > img {
  border-radius: 50px 50px;
}

.project-img-three {
  position: relative;

  z-index: 1;
}

.project-img-three::after {
  position: absolute;

  border: 15px solid #4271aa;

  content: "";

  width: 80%;

  height: 80%;

  z-index: -1;

  margin-top: 45px !important;
}

.project-img-three > img {
  border-radius: 50px 50px;

  max-width: 450px;
}

.project-img-three-overlap {
  position: absolute;

  z-index: 1;

  right: 10%;

  bottom: 71px;
}

.project-img-three-overlap > img {
  border-radius: 25px 25px;
}

.project-sidecaption {
  position: absolute;

  padding: 10px 30px;

  left: -10%;

  top: 9%;

  margin: 0 auto;

  text-align: center;

  /* padding-top: 5px; */

  background: #ffffff;

  /* padding-bottom: 0; */

  transform: rotate(-90deg);

  border-radius: 0px 0px 0px 22px;
}

.prj-date {
  position: absolute;

  padding: 5px 20px;

  right: 0%;

  top: 0%;

  text-align: center;
}

.product-btn-caption {
  position: absolute;

  /* padding-top: 10px;

    padding-left: 10px; */

  right: 0%;

  bottom: 0%;

  /* margin: 0 auto;

    text-align: center;

    background: #ffffff;

    border-radius: 22px 0px 0px 0px; */
}

.prj-date > p {
  color: #4271aa;
}

.project-sidecaption > h5 {
  color: #4271aa;

  font-weight: 500;
}

.vmicon {
  width: 60px;

  height: 60px;
}

.vmbox {
  box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.1);

  background-color: #fff;

  border-left: 2px solid #374c9f;
}

.vmbox .break {
  border-bottom: 1px solid #eee;
}

.vmbox .title {
  display: flex;

  align-items: center;
}

.vmbox .vmicon {
  margin-right: 20px;
}

.vmbox .title,
.vmbox .content {
  padding: 30px 40px;
}

.product-list{
  /* list-style-type: none; */
  padding: 0px !important;
}
.product-list > li{
  color: #444a4f !important;

}


/* end aboutus */

/* service */

.servicebox img {
  height: 400px;

  object-fit: cover;

  object-position: left;

  width: 100%;
}

.servicebox {
  position: relative;

  margin: 2px;
}

.servicebox::after {
  content: "";

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  background: linear-gradient(
    to bottom,
    rgba(45, 45, 45, 0) 0%,
    rgba(45, 45, 45, 0.2) 60%,
    rgb(55, 76, 159) 100%
  );

  color: #fff;

  z-index: 1;
}

.servicebox .content {
  position: absolute;

  left: 15px;

  right: 15px;

  bottom: 5%;

  z-index: 2;

  padding: 10px;
}

.servicebox .content h4 {
  color: #fff;

  font-size: 38px;
}

.servicebox .content span {
  color: #ddd;
}

.projectdiv {
  border-bottom: 1px solid #ddd;

  padding-bottom: 50px;

  margin-bottom: 50px;
}

.projectdiv:last-child {
  border: none;

  padding-bottom: 0px;
}

.subbox span {
  background: #000;

  color: #fff;

  padding: 5px 10px;

  display: inline-block;

  text-transform: uppercase;
}

.pjbox {
  position: relative;

  transition: 3s ease;

  margin: 2px;
}

.pjbox::after {
  content: "";

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  background: linear-gradient(
    to bottom,
    rgba(45, 45, 45, 0) 0%,
    rgba(45, 45, 45, 0.2) 60%,
    rgb(55, 76, 159) 100%
  );

  color: #fff;

  z-index: 1;
}

.pjbox .content {
  position: absolute;

  bottom: 30px;

  left: 10%;

  right: 10%;

  z-index: 2;
}

.pjbox .pdiv {
  background: #fff;

  font-size: 18px;

  padding: 10px;
}

.pjbox .pdiv p {
  margin: 0;
}

.pjgallery img {
  transition: 2s ease;

  max-height: 276px;

  width: 100%;

  object-fit: cover;
}

.pjgallery .gimg {
  margin: 2px;
}

.pjgallery div {
  overflow: hidden;
}

.pjgallery div:hover img {
  transform: scale(1.1);
}

.pjdetail p {
  font-size: 17px;
}

.projects button[aria-expanded="false"] .more,
.projects button[aria-expanded="true"] .less {
  display: block;
}

.projects button[aria-expanded="false"] .less,
.projects button[aria-expanded="true"] .more {
  display: none;
}

.sl-overlay {
  background: #000;
}

.btn-link {
  font-weight: 400;

  color: #364a98;

  background-color: transparent;
}

.solution-categories {
  list-style: none !important;

  margin: 0 !important;

  padding: 0 !important;

  background: aliceblue !important;
}

.solution-categories li a {
  color: #162035;

  display: block;

  font-size: 16px;

  font-weight: 600;

  padding-left: 30px;

  padding-right: 20px;

  transition: all 500ms ease;

  position: relative;
}

.solution-categories li {
  border-bottom: 1px solid #fff;

  cursor: pointer;
}



 .solution-categories li a:hover {
  color: #4271aa !important;

  transition: all 0.3s ease-in-out;
}

blockquote {
  background-color: #fff;

  padding: 15px 30px;

  border: 1px solid #f4f4f6;

  border-radius: 0;

  border-left: 2px solid #01305e;

  margin-bottom: 30px;

  box-shadow: 2px 1px 15px -9px rgba(66, 68, 90, 1);
}

blockquote > p {
  font-size: 17px;
}

.process-step-item {
  position: relative;

  border-radius: 40px;

  display: flex;

  align-items: center;

  padding: 30px;

  margin-bottom: 30px;

  transition: all 0.3s ease-in-out;

  overflow: hidden;
}

.process-step-no {
  position: relative;

  margin-right: 32px;

  z-index: 1;
}

.process-step-content {
  position: relative;

  z-index: 1;
}

.process-step-no h2 {
  font-size: 50px;

  font-weight: 700;

  color: #4271aa;

  transition: all 0.3s ease-in-out;
}

.process-step-content h3 {
  font-size: 20px;

  font-weight: 600;

  text-transform: capitalize;

  margin-bottom: 10px;

  transition: all 0.3s ease-in-out;
}

.process-step-content p {
  margin: 0;

  transition: all 0.3s ease-in-out;
}

.process-step-item.active:before,
.process-step-item:hover:before {
  height: 100%;

  top: 0;

  bottom: auto;
}

.process-step-item::before {
  content: "";

  display: block;

  position: absolute;

  top: auto;

  bottom: 0;

  left: 0;

  right: 0;

  background: #01305e;

  width: 100%;

  height: 0;

  transition: all 0.4s ease-in-out;

  z-index: 0;
}

.process-step-item.active .process-step-content p,
.process-step-item.active .process-step-content h3,
.process-step-item.active .process-step-no h2,
.process-step-item:hover .process-step-content p,
.process-step-item:hover .process-step-content h3,
.process-step-item:hover .process-step-no h2 {
  color: #fff;
}

.project-card > img {
  border-radius: 20px;
}

.svcrow {
  margin-bottom: 100px;
}

.whatWedo-media-section {
  position: relative;

  margin-left: 30px;

  margin-right: 0px;
}

/* .whatWedo-media-section img {

    width: 100%;

} */

.whatWedo-media-content {
  position: absolute;

  top: 35px;

  left: -28px;
}

.whatWedo-media-content:before {
  position: absolute;

  top: -15px;

  right: -15px;

  bottom: 15px;

  left: 15px;

  content: "";

  /* background-color: whitesmoke; */

  z-index: 0;
}

.whatWedo-media-inner {
  position: relative;

  z-index: 1;

  padding: 20px 25px;

  display: inline-block;

  background: linear-gradient(
    to right,
    rgba(1, 48, 94, 1) 0%,
    rgba(66, 113, 170, 1) 100%
  );
}

.whatWedo-media-inner > h3 {
  font-size: 25px;
}

.whatWedo-media-content::after {
  border-top-color: #00173c;
}

.whatWedo-media-content:after {
  position: absolute;

  left: 0px;

  bottom: -60px;

  content: "";

  z-index: 0;

  width: 0;

  height: 0;

  border-top: 60px solid #4271aa;

  border-left: 30px solid transparent;
}

.product-sub-title {
  font-weight: 400;

  color: #fff;

  font-size: 30px;

  padding: 10px 20px;

  font-weight: 400;

  background: linear-gradient(360deg, #4271aa, transparent);

  border-radius: 3px;

  margin-bottom: 30px;
}

.align-txt {
  text-align: right;
}

.credit-txt,
.credit-txt > a {
  font-size: 14px;

  font-weight: 300;
}

.footer-logo > a {
  margin-bottom: 25px;
  display: flex;
  align-items: center;
}
.footer-logo > a > h1{
  font-size: 27px;
    font-weight: 500;
    color: #fff;
}
.footer-logo > a > img{
  
    margin-right: 15px;
    max-width: 90px;
}

.product-img-flex {
  display: flex;
}

/* .product-img-flex > div > img{

	border-radius: 20px;

} */

.product-img {
  position: relative;
}

.product-img > img {
  width: 100%;

  display: block;

  margin: 0 auto;
}

.filter {
  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  position: absolute;

  background: linear-gradient(to top, #162035, transparent);

  display: flex;

  justify-content: flex-end;

  align-items: center;

  flex-direction: column;

  opacity: 1;

  transition: 0.6s;
}

.filter-black {
  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  position: absolute;

  /* background: linear-gradient(to top, rgba(0,0,0,0.6), transparent); */

  display: flex;

  justify-content: flex-end;

  /* align-items: center; */

  flex-direction: column;

  opacity: 1;

  transition: 0.6s;

  /* border-bottom-left-radius: 35px;

	border-bottom-right-radius: 35px; */
}

.filter-txt {
  color: #fff;

  font-size: 15px;

  padding-left: 20px;

  padding-right: 20px;
}

.filter-txt-white {
  color: #fff;

  font-weight: 400;

  font-size: 25px;

  margin-left: 20px;

  margin-bottom: 55px;

  /* margin-bottom: 25px; */
}

.mt-home-lg-top {
  margin-top: 80px;
}

.card-text {
  font-size: 18px;

  text-align: justify;
}

.caption {
  background-color: aliceblue;

  min-height: 150px;

  display: flex;

  align-items: center;

  justify-content: center;

  padding-left: 10px;

  padding-right: 10px;

  box-shadow: -1px 5px 12px 0px rgba(0, 0, 0, 0.45);
}

.construction-caption {
  background-color: aliceblue;

  min-height: 85px;

  display: flex;

  align-items: center;

  justify-content: center;

  padding-left: 10px;

  padding-right: 10px;

  box-shadow: -1px 5px 12px 0px rgba(0, 0, 0, 0.45);
}

.caption > h4,
.construction-caption > h4 {
  font-weight: 400;

  font-size: 20px;

  line-height: 24pt;

  text-align: center;

  margin-bottom: 0px;
}

.digital-block {
  background-color: #fff;

  border-left: 2px solid #162035;

  box-shadow: 10px 10px 12px -4px rgba(0, 0, 0, 0.32);

  padding: 10px 10px;
}

.side-heading {
  color: #fff;

  font-weight: 300;

  padding-top: 15px;

  padding-bottom: 15px;
}

.sidehd {
  background-color: #2d4e76 !important;
}

.valv-lg-top{
  margin-top: 50px !important;
}

.dropdown-menu {
  padding-top: 0px;

  padding-bottom: 0px;
}

.dropdown-item {
  padding: 0.45rem 1.5rem !important;
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: #fff;

  text-decoration: none;

  background-color: #4271aa;

  transition: all 0.5s ease-in-out;
}

.dropdown-item.active,
.dropdown-item:active {
  color: #fff !important;

  text-decoration: none !important;

  background-color: #4271aa !important;
}

.about-inner-content {
  padding-left: 50px;
}

.instrumentaion-block {
  background-color: aliceblue;

  padding: 25px 50px;

  box-shadow: -1px 5px 12px 0px rgba(0, 0, 0, 0.45);

  position: relative;
}

.arrow {
  background: rgba(0, 0, 0, 0) url(/img/logo/triangle-icon.png) no-repeat scroll
    0 0;

  height: 80px;

  left: 0;

  position: absolute;

  top: 0;

  width: 70px;
}

.scope {
  padding: 20px 20px;

  border: 1px solid #4271aa;

  border-radius: 20px;
}

.scope > div > div > h5 {
  font-weight: 500;

  font-size: 17px;

  line-height: 20pt;
}

.mt-lg-top {
  margin-top: 50px;
}

.instrumentation-tab {
  margin-top: 70px;
}

.homeCarousel,
.truck-flex-lg {
  display: none;
}

.hd-title {
  color: #4271aa;

  font-size: 40px;

  font-weight: 500;

  margin-bottom: 25px;
}

.home-about-section {
  padding: 100px 0px;
}

.home-about-section {
  background-color: whitesmoke;
}

.home-request-section {
  padding-top: 200px;

  padding-bottom: 100px;
}

.home-product-section {
  padding-top: 100px;

  padding-bottom: 150px;
}

.pdr-content {
  position: relative;
}

.pdr-content > img {
  border-radius: 35px;

  width: 100%;

  display: block;

  margin: 0 auto;
}

.home-about-para {
  padding-left: 50px;
}

.home-about-img {
  display: flex;

  justify-content: center;
}

.home-about-img > img {
  position: relative;

  z-index: 1;

  border-radius: 35px;
}

.home-about-img::after {
  content: "";

  position: absolute;

  background-color: #4271aa;

  width: 465px;

  height: 500px;

  /* z-index: 1; */

  top: 0%;

  right: 16%;

  transform: rotate(173deg);

  border-radius: 35px;
}
.product-para > b{
  color: #4271aa !important;
}

.staff-img-flex {
  display: flex;

  justify-content: center;
}

.staff-img-flex > img {
  position: relative;

  margin-top: -127px;
}

.staff-img-flex::after {
  content: "";

  position: absolute;

  background-color: #4271aa;

  width: 540px;

  height: 230px;

  z-index: -1;

  top: 0%;

  right: 0%;

  border-radius: 35px;
}

.request-padding {
  padding-right: 50px;
}

.prj-caption > h5 {
  font-weight: 500;

  color: #4271aa;

  margin-left: 10px !important;

  font-size: 25px;
}

.prj-lnk {
  display: flex;

  align-items: center;

  margin-left: 10px;

  color: #4271aa;

  margin-top: 25px;

  font-size: 17px;
}

.cs-about-img-area {
  top: -43%;

  right: -41%;

  position: absolute;
}

.reveal-img-wrap {
  overflow: hidden;
}

.reveal-img-wrap .reveal-img-inner img {
  -o-object-fit: cover;

  object-fit: cover;

  width: 100%;

  height: 100%;

  border-radius: 30px 0px 0px 30px;
}

.division-count {
  width: 50px;

  height: 50px;

  font-size: 22px;

  font-weight: bold;

  background: #4271aa;

  border-radius: 100%;

  display: flex;

  align-content: center;

  justify-content: center;

  align-items: center;

  margin-right: 10px;
}

/* end projects */

.hdlogo {
  max-width: 120px;
}

.sendmail-btn {
  background: #4271aa;

  border-radius: 30px;

  color: #fff;

  float: inline-end;

  font-size: 17px;

  padding: 9px 15px;

  margin-top: 25px;

  display: flex;

  align-items: center;
}

.sendmail-btn:hover {
  color: #fff;

  transition: 0.5s ease-in-out;

  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.about-us-section {
  padding: 100px 0px 100px 0px;

  background-color: #edf7f7;
}

.servicepage-section {
  background: url(/img/backimg/about-section-bg.png), #fff;

  background-repeat: no-repeat;

  background-position: center center;

  background-size: cover;

  padding: 150px 0px 150px 0px;
}

.servicepage-section-two {
  background: url(/img/backimg/project-bg.png), #f5f5f5;

  background-repeat: no-repeat;

  background-position: center center;

  background-size: cover;

  padding: 100px 0;
}

.servicepage-section-three,
.projectpage-section, .projectblue-section {
  padding: 100px 0px;
}

.projectpage-section {
  background: url(../img/backimg/footer-bg.svg) no-repeat;

  background-repeat: no-repeat;

  background-position: bottom right;

  background-size: auto;
}

.projectblue-section {
  background-color: aliceblue;
}

.other-company-section {
  padding: 100px 0px 100px 0px;

  background: linear-gradient(to top, #e6f9fa 20%, #b8eef2 100%);

  position: relative;
}

.certification-section {
  padding: 100px 0px 100px 0px;

  background: linear-gradient(to top, #e6f9fa 20%, #b8eef2 100%);
}

.home-service-section {
  background-color: whitesmoke;

  padding: 200px 0px 300px 0px;
}

.service-section {
  padding: 70px 0px 70px 0px;
}

.contact-us {
  padding: 100px 0;

  background: url(../img/backimg/about-us-bg.svg) no-repeat;

  background-position: bottom left;

  background-size: auto;
}

.map-section {
  margin-bottom: -10px;
}

.ardor-title,
.gfc-sub-title {
  font-weight: 300;

  font-size: 45px;

  color: #000;

  position: relative;
}

.ardor-title > span {
  color: #4271aa;

  font-weight: 600;
}

.process-box::before {
  content: "";

  position: absolute;

  top: 0;

  left: 25px;

  bottom: 0;

  border-right: 3px dashed #ddd;

  z-index: 1;
}

.gfc-para {
  font-weight: 400;

  font-size: 15px;

  line-height: 31px;

  text-align: justify;

  color: #000000 !important;
}

.company-para {
  font-weight: 400;

  font-size: 17px;

  line-height: 31px;

  text-align: justify;
}

.company-para > b {
  font-size: 18px;
}

.contact-para {
  font-weight: 300;

  font-size: 16px;

  line-height: 31px;

  color: #fff !important;

  margin-bottom: 0px;
}

.contact-para-left {
  min-width: 53px;
}

.home-about-content {
  padding: 0px 50px;
}

.service-margin-bottom {
  flex-flow: wrap;

  gap: 20px;

  margin-bottom: 10px;
}

.service-bg {
  height: 196px;

  width: 307px;

  background-size: contain;

  background-repeat: no-repeat;

  max-width: 47%;

  display: flex;

  justify-content: center;

  align-items: center;

  border-radius: 20px;

  position: relative;
}

.service-margin-right {
  margin-right: 10px;
}

.contact-info {
  width: 80px;

  font-weight: 400;

  font-size: 20px;
}

.contact-block {
  margin-top: 35px;

  margin-bottom: 40px;
}

.footer-link {
  margin-right: 35px;

  font-size: 16px;
}

.footer-txt {
  font-size: 20px;

  text-align: end;

  color: #fff !important;
}

.copy-txt {
  font-size: 13px;

  text-align: end;
}

.contactus-info {
  font-size: 16px;
}

.service-flex-img {
  float: left;

  padding-right: 15px;

  position: relative;
}

/* .service-flex-img > img {



  max-width: 260px;



} */

.service-inner-img {
  max-width: 260px;
}

.service-box {
  /* background: #f3f6f6; */

  background-color: #fff;

  margin-bottom: 70px;

  overflow: hidden;

  -webkit-box-shadow: inset -1px -2px 20px -5px rgba(54, 54, 55, 1);

  -moz-box-shadow: inset -1px -2px 20px -5px rgba(54, 54, 55, 1);

  box-shadow: inset -1px -2px 20px -5px rgba(54, 54, 55, 1);
}

.service-title {
  font-size: 20px;

  font-weight: 600;

  line-height: 22pt;

  text-align: start;

  color: #1163de;
}

.span {
  font-size: 16px;

  font-weight: 600;
}

.sidecaption {
  position: absolute;

  top: 16%;

  left: -17%;

  margin: 0 auto;

  text-align: center;

  padding-top: 5px;

  background: #1163de;

  padding-bottom: 0;

  transform: rotate(-90deg);
}

.side-text {
  font-size: 14px;

  font-weight: 500;

  line-height: 30.72px;

  text-align: center;

  margin-bottom: 10px;

  padding: 0px 12px;

  color: #fff;
}

.xs-menu-icon.fixed {
  display: none;

  position: absolute;

  left: 30px;

  z-index: 9;
}

.top_row ul {
  list-style: none;

  padding: 0;

  margin: 0;
}

.top_row ul li {
  display: inline-block;
}

ul.acanav li a {
  display: flex;

  gap: 8px;

  font-size: 14px;
}

.open-time {
  color: #fff;

  display: flex;

  gap: 8px;

  align-items: center;

  font-size: 15px;
}

.logoimg {
  margin-right: 15px;
  max-width: 90px;

  /* max-width: 100px; */
}

.nav-head {
  position: relative;

  background: whitesmoke !important;
}

.homeCarousel {
  position: relative;

  z-index: 99;
}

.gfc-nav {
  background-color: whitesmoke;
}

.logotitle {
  color: #fff;

  font-size: 20px;

  font-weight: 500;
}

.slogan {
  font-size: 15px;

  display: block;

  color: #f2b55a !important;
}

.ardor-navbar > li > a {
  color: #3e4961;
}

.ardor-navbar > li > a:hover {
  color: #4271aa !important;
}

.nav-item > .nav-link {
  font-weight: 500;

  font-size: 16px;
}

.text-right > p {
  justify-content: end;
}

.about-image {
  position: relative;

  display: flex;

  /* justify-content: end;

    padding-top: 150px;

    margin-right: 40px; */
}

.about-img-2 img {
  /* border: 10px solid whitesmoke; */

  /* aspect-ratio: 1 / 1.22;

  object-fit: cover; */

  border-radius: 40px;

  /* max-width: 415px; */
}

.about-img-1 {
  position: absolute;

  bottom: -15%;
  right: 5%;

  width: 100%;

  max-width: 300px;
  z-index: 999;
}

.about-img-1 > img {
  border-radius: 40px;
  border: 15px solid #fff;
}

.home-header-content {
  position: absolute;

  bottom: 0;

  left: 0;

  z-index: 9999;

  padding-bottom: 130px;

  text-align: left;

  max-width: 528px;
}

.home-header {
  font-weight: 700;

  font-size: 36px;

  color: #fff;

  margin-bottom: 20px;
}

.home-header-info {
  font-size: 16px;

  font-weight: 400;

  color: #fff;
}

.inner-nav-head {
  position: relative;
}

.page-banner-section {
  background-image: url(/img/banner/servicebanner2.jpg) no-repeat bottom center;

  min-height: 350px;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #fff;

  position: relative;
}

.page-banner-section::after {
  content: "";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: rgba(38, 2, 2, 0.7);
}

.carousel-caption {
  text-align: left;

  position: absolute;

  top: 40%;
}

.caption-inner {
  max-width: 528px;
}

.service-bdr {
  border-radius: 15px;
}

.list-inline > li > a {
  font-size: 16px !important;
}

.list-inline > .list-inline-item {
  font-size: 16px !important;
}

.experience-title {
  position: relative;
  font-weight: 700 !important;
  padding: 10px 100px 10px 25px;
  font-size: 24px !important;
  display: inline-block;
  color: #1163de;
  margin-bottom: 25px;
}

.experience-title::before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 100%;
  height: 40px;
  background: url(../img/about/strike-pattern.png);
  /* background-position: center center; */
  background-repeat: no-repeat;
}

.mm-navbar {
  background-color: #4271aa !important;
}

.mm-listitem_selected {
  color: #4271aa !important;
}

.mm-page {
  overflow: hidden !important;
}

.footerlogo {
  max-width: 120px;
}

.service-inner-padding {
  display: flex;

  justify-content: center;

  align-items: center;
}

.service-inner-padding {
  padding-top: 30px;

  padding-bottom: 50px;
}

.about-content {
  padding-left: 100px;
}

.vm-content {
  display: flex;

  justify-content: center;
}

.process-box .vm-content .content {
  width: 90%;

  margin-left: 15px;
}

.vm-title {
  font-size: 22px;

  font-weight: 600;

  line-height: 36px;

  text-align: left;

  color: #2d5696;
}

.process-box {
  position: relative;
}

.footer-left {
  margin-top: 20px;
}

.about-desc {
  position: relative;

  margin-bottom: 100px;
}

.about-desc-title {
  font-size: 35px;

  background-color: #4271aa;

  text-align: center;

  color: #fff;

  padding: 10px 0px;
}

.about-second-section {
  padding: 70px 0px 70px 0px;

  background: url(../img/about/oceans.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  position: relative;

  /* background-color: whitesmoke !important; */
}

.about-desc-para {
  color: #fff !important;
}

.service-second-section {
  background-color: whitesmoke;

  padding: 100px 0px 70px 0px;
}

.gfc-sub-para {
  font-size: 17px;

  margin-top: 20px;
}

.heading-title {
  margin-bottom: 65px;
}

.habout-content {
  padding-left: 100px;
}

.habout-content > h5 {
  font-weight: 400 !important;

  color: #4271aa;

  font-size: 21px;

  text-align: right;
}

.habout-content > h4 {
  font-weight: 500 !important;

  font-size: 37px !important;

  text-align: right;
}

.habout-content > p {
  text-align: right;
}

.combine-svc-btn {
  background-color: #4271aa;

  padding: 15px 20px;
}

.contact-title {
  color: #fff;

  margin-bottom: 25px;

  font-weight: 400;

  font-size: 22px;
}

.useful-lnk {
  list-style-type: none;

  padding: 0px;
}

.end-footer-txt {
  margin-bottom: 0px;

  text-align: center;

  font-size: 14px;

  color: #fff;
}

.end-footer {
  background-color: #4271aa;
}

.count {
  background-color: #fff;

  width: 95px;

  height: 95px;

  display: flex;

  justify-content: center;

  align-items: center;

  border-radius: 100%;

  border: 2px dotted #4271aa;
}

.count > h4 {
  font-size: 40px;
}

.company-flex {
  display: flex;

  justify-content: center;
}

.company-flex > img {
  max-width: 300px;
}

.about-inner-content > h5,
.contact-inner-content > h5 {
  font-weight: 300 !important;

  font-size: 18px;

  color: #4271aa;

  display: flex;
}

.choose-list {
  list-style-type: none;

  padding: 0px 0px;
}

.choose-list > li > h5 {
  font-size: 20px;

  color: #4271aa;
}

.choose-list > li > h5 > svg {
  margin-right: 12px;
}

.why-choose-content {
  box-shadow: 0px 0px 20px 0px rgba(20, 39, 82, 0.1);

  padding: 20px 30px;
}

.service-blog > div > img {
  max-width: 90px;
}

.service-blog-content {
  padding-left: 30px;
}

.service-blog {
  display: flex;

  background: #fff;

  padding: 15px 15px;

  position: relative;

  align-items: center;
}

.process-date-show {
  font-size: 22px;

  color: #4271aa;

  font-weight: 400;
}
.core-top {
  margin-top: 50px;
}

.mm-navbar__title{
  font-size: 25px !important;
  color: #fff !important;
}

.valv-card, .pump-card{
  border-radius: 20px !important;
}

.valv-card > .card-body, .pump-card > .card-body{
  background-color: #2d4e76 !important;
  border-bottom-left-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}



.product-flex-left{
  margin-left: 50px;
}
.solution-catimg > img{
  max-width: 73px;
}
@media (min-width: 1400px) {
  .container {
    max-width: 1350px !important;
  }

  .gfc-sub-para {
    font-size: 17px;

    padding-left: 200px;

    padding-right: 200px;

    margin-top: 20px;
  }

  .break-lg {
    display: none !important;
  }
  .valv-card{
    min-height: 423px !important;
  }
  .pump-card{
    min-height: 423px !important;
  }
}

@media (max-width: 1399px) and (min-width: 1200px) {
  .home-header {
    font-size: 32px !important;
  }

  .dtr-feature-box,
  .dtr-feature-box-green {
    min-height: 412px;
  }

  .project-sidecaption {
    left: -11% !important;
  }

  .whatWedo-media-inner > h3 {
    font-size: 23px;
  }

  .whatWedo-media-inner {
    padding: 15px 20px;
  }

  .project-sidecaption {
    left: -15% !important;

    top: 8% !important;
  }

  .project-img-three > img {
    max-width: 430px !important;
  }

  .project-img-three-overlap {
    right: -2% !important;

    bottom: 67px !important;
  }

  .project-img-three::after {
    margin-top: 45px !important;

    margin-left: 70px !important;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0rem !important;

    padding-left: 2.5rem !important;
  }

  .home-content {
    margin-top: 0px !important;

    padding-right: 20px !important;
  }

  .break-lg {
    display: block !important;
  }

  .home-about-img::after {
    right: 7%;

    transform: rotate(174deg);
  }

  .staff-img-flex::after {
    width: 475px;
  }

  .staff-img-flex > img {
    margin-top: -68px;
  }
  .home-request-section {
    padding-top: 150px;
    padding-bottom: 100px;
  }
  .about-img-1 {
    right: -7% !important;
  }
  .valv-card{
    min-height: 370px;
  }
  .pump-card{
    min-height: 392px !important;
  }
}

@media (min-width: 1200px) {
  .phone-break {
    display: none;
  }
  .product-flex > div > img{
  max-width: 350px !important;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .carousel-caption {
    left: 10%;
  }

  .home-header {
    font-size: 28px !important;
  }

  .ardor-title {
    /* font-size: 30px; */
    font-size: 45px;
  }

  .home-about-image {
    padding: 0px 0px;
  }

  .about-content {
    padding: 0px 20px;
  }

  .about-inner-content {
    padding-left: 0px !important;
  }

  .service-bdr {
    max-width: 265px;
  }

  .sendmail-btn {
    margin-top: 20px;
  }

  .home-about-content {
    padding: 0px 30px;
  }

  .service-inner-img {
    max-width: 250px !important;
  }

  .service-title {
    padding-left: 0px;
  }

  .dtr-feature-box,
  .dtr-feature-box-green {
    min-height: 425px;
  }

  .iso-txt {
    font-size: 25px;
  }

  .habout-content > h4 {
    font-size: 30px !important;
  }

  .abt-flex {
    align-items: center;
  }

  .about-desc-title {
    font-size: 32px;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.6rem !important;

    padding-left: 0.6rem !important;

    font-size: 16px !important;
  }

  .vendor.page-title-section h1 {
    font-size: 58px !important;
  }

  .vendor.page-title-section {
    min-height: 400px !important;

    position: relative;
  }

  .about-image {
    margin-right: 0px !important;
  }

  .project-sidecaption {
    left: -18% !important;
  }

  .process-step-no h2 {
    font-size: 40px !important;
  }

  .process-step-item {
    padding: 20px !important;
  }

  .pj-subtitle {
    font-size: 19px !important;
  }

  .project-content-list > ul > li {
    font-size: 16px !important;
  }

  .project-content-list > ul {
    padding-left: 20px !important;
  }

  .whatWedo-media-inner {
    padding: 15px 18px !important;
  }

  .whatWedo-media-inner > h3 {
    font-size: 20px !important;
  }

  .project-img-three > img {
    max-width: 390px !important;
  }

  .project-img-three::after {
    margin-top: 45px !important;

    margin-left: 85px !important;
  }

  .project-img-three-overlap {
    right: 0% !important;

    bottom: -85px !important;
  }

  .about-inner-content {
    padding-left: 30px !important;
  }

  .product-sub-title {
    font-size: 27px !important;
  }

  .cs-about-img-area {
    top: -12%;

    right: -42%;

    position: absolute;
  }

  .home-service-section {
    padding: 100px 0px 100px 0px;
  }

  .home-content {
    margin-top: 0px !important;

    padding-right: 20px !important;
  }

  .hd-title {
    font-size: 37px;
  }

  .inverted-bottom-radius {
    --r: 19px !important;

    --s: 35px !important;

    --x: 92px !important;

    --y: 0px !important;
  }

  .filter-txt-white {
    font-size: 22px;

    margin-left: 6px;
    margin-bottom: 65px;
    /* margin-bottom: 37px; */
  }

  /* .home-about-img::after {
    width: 450px !important;
    height: 500px !important;
    right: 3% !important;
  } */

  .staff-img-flex::after {
    width: 480px;

    height: 210px;

    top: 22%;

    right: 0%;
  }

  .staff-img-flex > img {
    margin-top: -29px;
  }
   .home-request-section, .servicepage-section{
    padding-top: 150px !important;
    padding-bottom: 100px;
  }
  .about-img-1 {
    bottom: -22% !important;
    right: -7% !important;
  }
  .pump-card{
    min-height: 405px !important;
  }
 
}

@media (min-width: 768px) {
  .svc-img {
    display: flex;

    justify-content: center;
  }

  .follow-us {
    display: flex;

    justify-content: center;
  }
  .product-flex{
  display: flex !important;
  justify-content: center !important;
  }
  .check-align-items{
    align-items: center !important;
  }

  .check-icon{
  min-width: 35px !important;
  height: 35px !important;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .nav-head {
    position: relative !important;
  }

  .ardor-title {
    font-size: 45px;
  }

  .service-inner-img {
    max-width: 330px;
  }

  .contactimg-flex {
    display: flex;

    justify-content: center;
  }

  .vendor.page-title-section .container {
    bottom: 40% !important;
  }

  .dtr-feature-box,
  .dtr-feature-box-green {
    min-height: auto !important;

    width: 85%;

    margin-left: auto;

    margin-right: auto;

    padding: 30px 30px !important;
  }

  .iso-txt {
    font-size: 25px;
  }

  .truck-flex-sm > img {
    max-height: 300px;

    right: 15% !important;
  }

  .client-count-section {
    padding-top: 100px !important;
  }

  .ftr-top-md {
    margin-top: 35px;
  }

  .habout-content > h4 {
    font-size: 35px !important;
  }

  .company-flex > img {
    max-width: 235px !important;
  }

  .about-desc-title {
    font-size: 30px !important;
  }

  .about-desc {
    margin-bottom: 65px !important;
  }

  .vendor.page-title-section h1 {
    font-size: 55px !important;
  }

  .vendor.page-title-section {
    min-height: 350px !important;

    position: relative;
  }

  .about-image {
    margin-right: 0px !important;
  }

  .about-img-2 img {
    max-width: 385px !important;
  }

  .about-img-2 {
    margin-top: -25px;
  }

  .about-image-hide {
    padding-bottom: 50px !important;
  }

  /* .project-sidecaption {

    left: 8% !important;

    top: 16% !important;

  } */

  .project-sidecaption {
    left: 6% !important;

    top: 16% !important;
  }

  .project-sidecaption > h5 {
    font-size: 25px;
  }

  .project-img-hide > img {
    border-radius: 0px 50px 50px;

    max-width: 425px;
  }

  .project-img-hide {
    margin-top: 50px;

    margin-bottom: 50px;
  }

  .whatWedo-media-content {
    left: -30px !important;
  }

  .whatWedo-media-inner {
    padding: 15px 20px !important;
  }

  .whatWedo-media-inner > h3 {
    font-size: 23px !important;
  }

  .project-img-three::after {
    width: 60% !important;

    margin-left: 100px !important;
  }

  .product-sub-title {
    font-size: 27px !important;
  }

  .solution-categories > li {
    display: block !important;
  }

  .solution-categories > li > a {
    padding-left: 0px !important;
  }

  .side-heading {
    font-size: 20px !important;

    text-align: center !important;
  }

  .product-content-list ul li {
    font-size: 16px !important;
  }

  .product-sub-title {
    font-size: 26px !important;
  }

  .process-step-no h2 {
    font-size: 45px !important;
  }

  .solution-categories li a {
    padding-right: 0px !important;

    margin-top: 10px !important;
  }

  .home-service-section {
    padding: 100px 0px !important;
  }

  .cs-about-img-area {
    position: relative;

    top: 0%;

    left: 0%;

    margin-top: 45px;
  }

  .reveal-img-wrap .reveal-img-inner img {
    border-radius: 30px 30px;
  }

  

  .home-content {
    margin-top: 0px !important;
  }

  .mt-home-lg-top {
    margin-top: 0px !important;
  }

  .mt-home-md-top {
    margin-top: 70px !important;
  }
  .filter-txt-white {
    margin-bottom: 70px !important;
  }
  .home-content {
    margin-right: 0px !important;
  }
  .home-content > .hd-title {
    font-size: 38px !important;
  }
  .br-hide {
    display: none !important;
  }
  .home-about-img{
    margin-bottom: 65px !important;
  }
  .staff-img-flex > img{
    margin-top: 50px !important;
  }
  .staff-img-flex::after{
    top: 55% !important;
    right: 10% !important;
  }
  .about-img-1 {
    bottom: -8% !important;
  }
   .about-image-hide{
    padding-top: 70px !important;
   }
   .valv-card{
    min-height: 347px !important;
   }
   .solution-categories > li > .solution-catimg{
    display: flex !important;
    justify-content: center !important;
   }
   .solution-categories > li > a{
    text-align: center !important;
   }
    .check-lg-icon{
    min-width: 35px !important;
  }
   .lrg-img{
    max-width: 350px !important;
  }
    .footer-contact-info{
    justify-content: start !important;
    margin-top: 50px !important;
  }
  .copyright-top{
    margin-top: 0px !important;
  }
  .pump-card{
    min-height: 368px !important;
  }
}

@media (max-width: 991px) and (min-width: 576px) {
  .svcrow {
    margin-bottom: 55px !important;
  }

  .whatWedo-media-section {
    margin-bottom: 38px;
  }
  .sm-hide{
    display: none !important;
  }
}

@media (max-width: 575px) and (min-width: 350px) {
  .svcrow {
    margin-bottom: 20px !important;
  }
  .home-request-section {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }
  .tech-table > tbody > tr{
    font-size: 18px !important;
  }
  .check-align{
    align-items: flex-start !important;
  }
}

@media (max-width: 767px) and (min-width: 576px) {
  .nav-head {
    position: relative !important;
  }

  .carousel-caption {
    text-align: center !important;

    top: 20%;
  }

  .home-header {
    font-size: 25px !important;
  }

  .home-header-info {
    font-size: 14px;
  }

  .caption-inner {
    max-width: 100%;
  }

  .about-img {
    max-width: 400px !important;
  }

  .ardor-title {
    font-size: 45px;
  }
  .product-flex{
    display: block !important;
    text-align: center !important;
  }

  .service-bdr {
    max-width: 265px;
  }

  .contact-bottom {
    margin-bottom: 30px;
  }

  .contact-form {
    margin-top: 50px !important;
  }

  .cbox {
    width: 75%;

    margin-left: auto;

    margin-right: auto;
  }

  .vendor.page-title-section {
    min-height: 300px !important;
  }

  .vendor.page-title-section .container {
    bottom: 35% !important;
  }

  .vendor.page-title-section h1 {
    font-size: 50px !important;
  }

  .showsm {
    display: none !important;
  }

  .flexsm {
    position: relative;
  }

  .dtr-feature-box,
  .dtr-feature-box-green {
    padding: 30px 30px 30px 30px;
  }

  .client-count-section {
    padding-top: 100px !important;
  }

  .iso-txt {
    font-size: 25px;
  }

  .truck-flex-sm > img {
    max-height: 275px !important;

    right: 0% !important;
  }

  .habout-content > h4 {
    font-size: 30px !important;
  }

  .habout-content > h4 > br {
    display: none;
  }

  .company-flex > img {
    max-width: 200px !important;
  }

  .about-desc-title {
    font-size: 28px !important;
  }

  .about-desc {
    margin-bottom: 65px !important;
  }

  .servicepage-section {
    padding: 100px 0px 50px 0px;
  }

  .globe-flex {
    margin-top: 25px;
  }

  .about-img-2 img {
    max-width: 380px;
  }

  .project-img-hide > img {
    border-radius: 0px 50px 50px;

    max-width: 415px;
  }

  .project-sidecaption {
    left: -4% !important;

    top: 16% !important;
  }

  .project-content-list > ul > li {
    font-size: 16px !important;
  }

  .project-content-list > ul {
    padding-left: 18px !important;
  }

  .project-img-three-overlap {
    right: -5% !important;

    bottom: 40px !important;
  }

  .sidebar {
    margin-bottom: 65px !important;
  }

  .product-content-list ul li {
    font-size: 16px !important;
  }

  .product-sub-title {
    font-size: 26px !important;
  }

  .process-step-no h2 {
    font-size: 45px !important;
  }
  .cs-about-img-area {
    position: relative;
    top: 0%;
    left: 0%;
    margin-top: 45px;
  }
  .reveal-img-wrap .reveal-img-inner img {
    border-radius: 30px 30px;
  }
  .home-service-section {
    padding-top: 50px !important;
    padding-bottom: 100px !important;
  }
  .home-content {
    margin-right: 0px !important;
  }
  .home-content > .hd-title {
    font-size: 38px !important;
  }
  .br-hide {
    display: none !important;
  }
  .pdr-content {
    margin-bottom: 70px !important;
    max-width: 80% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .filter-txt-white {
    margin-bottom: 65px !important;
  }
    .home-about-img{
    margin-bottom: 65px !important;
  }
  .home-about-img > img{
    max-width: 400px !important;
  }
  .home-about-img::after{
    width: 400px !important;
    height: 444px !important;
    right: 13% !important;
  }
   .staff-img-flex > img{
    margin-top: 50px !important;
    margin-bottom: -100px !important;
  }
  .staff-img-flex::after{
    display: none !important;
  }
   .about-image-hide{
    padding-top: 50px !important;
   }
   .about-img-1 {
    bottom: -9% !important;
    right: -2% !important;
   }
   .about-img-1 > img {
    max-width: 300px !important;
   }
   .solution-catimg{
    margin-left: 25px !important;
   }
   .solution-categories li a{
    font-size: 20px !important;
    font-weight: 500 !important;
   }
   .valv-card{
    max-width: 70% !important;
    margin-left: auto !important;
    margin-right: auto !important;
   }
   .product-list > li{
    font-size: 19px !important;
   }
   .check-icon {
    max-width: 30px !important;
    
  }
    .check-align-items{
    align-items: flex-start !important;
  }
  .product-flex > div > img{
    max-width: 400px !important;
  }
  .butterfly-valv{
    margin-top: -90px !important;
  }
  .check-align{
    align-items: flex-start !important;
  }
  .check-lg-icon{
    max-width: 30px !important;
  }
  .vendor-content-area{
    margin-bottom: 25px !important;
  }
  .pump-card{
    max-width: 70% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
      .logoimg {
        max-width: 80px !important;
    }
        .footer-logo > a > img {
        max-width: 80px !important;
    }
}

@media(max-width: 767px) and (min-width: 420px){
  .vendor.page-title-section h1{
    margin-bottom: 10px !important;
  }
}

@media (max-width: 767px) and (min-width: 350px) {
  .svc-img {
    text-align: center;
  }

  .svc-img > a > .imgone {
    margin-right: 0px !important;

    margin-bottom: 20px;
  }

  .svc-img > a > img {
    border-radius: 100%;

    max-width: 250px;

    display: block;
  }

  .global-iso {
    margin-top: 30px;
  }

  .useful-lnk {
    display: none;
  }

  .contact-title {
    margin-bottom: 10px;
  }

  .reservation-top {
    margin-top: 25px;
  }

  .follow-us {
    display: flex;

    justify-content: start;
  }

  .about-image-hide {
    padding-bottom: 50px !important;
  }

  .project-img-hide {
    margin-top: 50px;

    margin-bottom: 50px;
  }
  .home-product-section {
    padding-top: 100px !important;
    padding-bottom: 80px !important;
  }
  .valv-sm-top{
    margin-top: 50px  !important;
  }
  .product-flex-left{
    margin-left: 0px !important;
  }
  .product-flex-mb{
    margin-bottom: 50px !important;
  }
  .top-align{
    margin-top: -50px !important;
  }
  .align-txt {
    text-align: left  !important;
  }
  .footer-contact-info{
    justify-content: start !important;
    margin-top: 30px !important;
  }
}

@media (max-width: 575px) and (min-width: 420px) {
  .nav-head {
    position: relative !important;
  }

  .about-img-1 > img {
    max-width: 300px !important;
  }

  .about-img-2 img {
    max-width: 375px !important;
  }

  .project-img-hide > img {
    border-radius: 0px 50px 50px;

    max-width: auto !important;
  }

  .project-sidecaption > h5 {
    font-size: 25px;
  }

  .project-card-flex {
    margin-top: 30px;
  }

  .project-card-flex > .project-card > img {
    max-width: 300px !important;
  }

  .whatWedo-media-inner {
    padding: 15px 20px !important;
  }

  .whatWedo-media-inner > h3 {
    font-size: 22px !important;
  }

  .project-img-three > img {
    max-width: 100% !important;
  }

  .whatWedo-media-section {
    margin-bottom: 100px !important;
  }

  .project-img-three-overlap {
    right: 7% !important;

    bottom: -60px !important;
  }

  .project-img-three-overlap > img {
    max-width: 220px !important;
  }

  .product-sub-title {
    font-size: 26px !important;
  }

  .product-content-list ul li {
    font-size: 16px !important;
  }

  .process-step-no h2 {
    font-size: 45px !important;
  }

  .product-img-flex {
    display: block !important;
  }

  .product-img {
    max-width: 85% !important;

    margin-left: auto !important;

    margin-right: auto !important;

    margin-bottom: 25px !important;
  }
  .cs-about-img-area {
    position: relative;
    top: 0%;
    left: 0%;
    margin-top: 45px;
  }
  .reveal-img-wrap .reveal-img-inner img {
    border-radius: 30px 30px;
  }
  .home-service-section {
    padding-top: 50px !important;
    padding-bottom: 100px !important;
  }
  .home-content {
    margin-right: 0px !important;
  }
  .home-content > .hd-title {
    font-size: 32px !important;
  }
  .br-hide {
    display: none !important;
  }
  .pdr-content {
    margin-bottom: 70px !important;
    max-width: 85% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .filter-txt-white {
    margin-bottom: 65px !important;
  }
    .home-about-img{
    margin-bottom: 65px !important;
  }
  .home-about-img > img{
    max-width: 385px !important;
  }
  .home-about-img::after{
    width: 385px !important;
    height: 428px !important;
    right: 16% !important;
  }
     .staff-img-flex{
      display: none !important;

     }
      .about-image-hide{
    padding-top: 50px !important;
   }
   .about-img-1 {
    bottom: -9% !important;
    right: -7% !important;
   }
   .about-img-1 > img {
    max-width: 280px !important;
    border: 10px solid #fff !important;
   }
   .wave-pattern-bottom {
    bottom: -28% !important;
   }
   .solution-catimg{
    margin-left: 25px !important;
   }
   .solution-categories li a{
    font-size: 20px !important;
    font-weight: 500 !important;
   }
   .valv-card{
    max-width: 70% !important;
    margin-left: auto !important;
    margin-right: auto !important;
   }
    .product-list > li{
    font-size: 18px !important;
   }
   .check-icon {
    max-width: 30px !important;
    
  }
    .check-align-items{
    align-items: flex-start !important;
  }

  .product-flex > div > img{
    max-width: 350px !important;
  }
   .ardor-title {
    font-size: 45px;
  }
  .sm-hide{
    display: none !important;
  }
  .vendor-content-area > .breadcrumbs > ol{
    justify-content: center !important;
  }
      .pump-card {
        max-width: 70% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
       .logoimg {
        max-width: 78px !important;
    }
     .footer-logo > a > img {
        max-width: 78px !important;
    }
   
}

@media (max-width: 575px) and (min-width: 468px) {
  .project-img-hide > img {
    max-width: 430px !important;
  }
}

@media (max-width: 450px) and (min-width: 420px) {
  .sidecaption {
    top: 14% !important;

    left: -16% !important;
  }
}

@media (max-width: 575px) and (min-width: 350px) {
  .ardor-title::before {
    width: 95px;
  }

 

  .product-flex{
    display: block !important;
    text-align: center !important;
  }

  .contact-bottom {
    margin-bottom: 30px;
  }

  .contact-form {
    margin-top: 50px !important;
  }

  .contactimg-flex {
    display: flex;

    justify-content: center;
  }

  .vendor.page-title-section {
    min-height: 285px !important;
  }

  .vendor.page-title-section .container {
    bottom: 35% !important;
  }

  .vendor.page-title-section h1 {
    font-size: 40px !important;
  }

  .footer-left {
    margin-bottom: 20px;
  }

  .dtr-feature-box,
  .dtr-feature-box-green {
    padding: 25px 25px;
  }

  .iso-txt {
    font-size: 23px;
  }

  .truck-flex-sm > img {
    max-height: 265px !important;

    right: 0% !important;
  }

  .habout-content > h4 {
    font-size: 28px !important;
  }

  .contact-title {
    font-size: 24px;
  }

  .contact-title,
  .contact-para {
    text-align: center;
  }

  .follow-us {
    display: flex;

    justify-content: center !important;
  }

  .company-flex > img {
    max-width: 185px !important;
  }

  .about-desc-title {
    font-size: 25px !important;
  }

  .about-desc {
    margin-bottom: 45px !important;
  }

  /* .servicepage-section {
    padding: 100px 0px 50px 0px;
  } */

  .globe-flex {
    margin-top: 25px;
  }

  .project-img-hide > img {
    border-radius: 50px 50px 50px !important;
  }

  .project-sidecaption {
    display: none !important;
  }

  .process-date {
    display: block !important;

    font-size: 22px;

    color: #4271aa;

    font-weight: 400;
  }

  .contact-us-form {
    padding-right: 20px !important;

    padding-left: 20px !important;

    padding-top: 0px !important;

    padding-bottom: 0px !important;
  }

  .project-card-flex > .project-card {
    display: flex !important;

    justify-content: center !important;

    margin-bottom: 30px;
  }

  .whatWedo-media-section {
    margin-bottom: 38px;
  }

  .sidebar {
    margin-bottom: 65px !important;
  }
  .butterfly-valv{
    margin-top: -100px !important;
  }
}

@media (max-width: 419px) and (min-width: 350px) {
  .nav-head {
    position: relative !important;
  }

  .caption-inner {
    max-width: 100%;
  }

  .carousel-caption {
    display: none;
  }

  .service-bdr {
    max-width: 170px;
  }

  .contact-info {
    width: auto;

    margin-right: 10px !important;

    font-size: 16px;
  }

  .caption {
    background-color: #f3f6f6;

    padding: 10px 0px;

    min-height: 87px;

    display: flex;

    justify-content: center;

    align-items: center;
  }

  .caption > div > h4 {
    color: #1163de;

    font-size: 18px;

    line-height: 22pt;

    font-weight: 600;
  }

  .caption > div {
    padding: 10px 15px;
  }

  .sidecaption {
    top: 16% !important;

    left: -18% !important;
  }

  .side-text {
    font-size: 14px !important;
  }

  .sidecaption {
    top: 15% !important;

    left: -17% !important;
  }

  .flexsm {
    position: relative;
  }

  .showsm {
    width: 90%;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 35px;
  }

  .logoimg {
    margin-right: 5px !important;
    max-width: 70px !important;
  }

  .service-title {
    font-size: 17px !important;
  }

  .gfc-para {
    font-size: 14px !important;
  }

  .service-box {
    margin-bottom: 35px !important;
  }

  .service-title {
    font-size: 17px;
  }

  .about-image-hide {
    padding-top: 50px !important;

    justify-content: center !important;
  }

  .about-img-1 {
    display: none !important;
  }

  .about-img-2 {
    display: flex !important;

    justify-content: center !important;
  }

  .about-img-2 img {
    max-width: 340px;
  }

  .project-img-three > img {
    max-width: 100% !important;
  }

  .whatWedo-media-inner > h3 {
    font-size: 22px !important;
  }

  .whatWedo-media-inner {
    padding: 12px 20px !important;
  }

  .project-img-three-overlap {
    display: none !important;
  }

  .product-sub-title {
    font-size: 25px !important;
  }

  .product-content-list ul li {
    font-size: 16px !important;
  }

  .process-step-no h2 {
    font-size: 40px !important;
  }

  .product-img-flex {
    display: block !important;
  }

  .product-img {
    max-width: 95% !important;

    margin-left: auto !important;

    margin-right: auto !important;

    margin-bottom: 25px !important;
  }
  .cs-about-img-area {
    position: relative;
    top: 0%;
    left: 0%;
    margin-top: 45px;
  }
  .reveal-img-wrap .reveal-img-inner img {
    border-radius: 30px 30px;
  }
  .home-service-section {
    padding-top: 50px !important;
    padding-bottom: 100px !important;
  }
  .home-content {
    margin-right: 0px !important;
  }
  .home-content > .hd-title {
    font-size: 32px !important;
  }
  .br-hide {
    display: none !important;
  }
  .pdr-content {
    margin-bottom: 70px !important;
    max-width: 95% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .filter-txt-white {
    margin-bottom: 65px !important;
  }
    .home-about-img{
    margin-bottom: 65px !important;
  }
 
  .home-about-img::after{
    display: none !important;
  }
  .staff-img-flex{
      display: none !important;

     }
  .wave-pattern-bottom{
    bottom: -29% !important; 
  }
  .servicepage-section{
    padding: 80px 0px !important;
  }
   .solution-categories li a{
    font-size: 18px !important;
    font-weight: 500 !important;
   }
   .valv-card{
    max-width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
   }
   .solution-catimg > img{
    max-width: 83px !important;
   }
     .product-list > li{
    font-size: 18px !important;
   }
   .check-icon {
    max-width: 30px !important;
    
  }
    .check-align-items{
    align-items: flex-start !important;
  }
  .vendor-content-area > .breadcrumbs{
    display: none !important;
  }
   .ardor-title {
    font-size: 38px;
  }
      .pump-card {
        max-width: 90% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .footer-logo > a > img {
        margin-right: 5px !important;
        max-width: 70px !important;
    }

  /* .product-flex > div > img{
    max-width: 350px !important;
  } */
}

@media (max-width: 599px) and (min-width: 576px) {
  .carousel-caption {
    text-align: left !important;

    top: 3%;
  }
}

@media (min-width: 576px) {
  .process-date {
    display: none !important;
  }

  .project-card-flex {
    display: flex !important;
  }
}

@media (min-width: 992px) {
  .home-about-image-show {
    display: none;
  }

  .truck-flex-sm {
    display: none;
  }

  .habout-md {
    display: none;
  }

  .about-image-hide {
    display: none !important;
  }

  .project-img-hide {
    display: none !important;
  }
}

@media(max-width: 991px) and (min-width: 420px){
   .servicepage-section {
    padding: 80px 0px 120px 0px !important;
  }

}
   


@media (max-width: 991px) and (min-width: 350px) {
  .top_row {
    display: none !important;
  }

  .bg-light {
    color: #fff !important;
  }

  .home-about-image {
    display: none;
  }

  .home-about-image-show {
    display: flex;

    justify-content: center;

    margin-top: 20px;
  }

  .about-us-section {
    padding: 100px 0px 70px 0px;
  }

  .home-contact-flex {
    display: flex;

    justify-content: center;
  }

  .home-about-content {
    padding: 0px 0px;
  }

  .contact-us {
    padding: 80px 0px 100px 0px !important;
  }

  .gfc-nav {
    background-color: transparent !important;

    padding-bottom: 0px !important;

    padding-top: 0px !important;
  }

  .logotitle {
    color: #1163de !important;

    font-size: 20px !important;
  }

  .copy-txt {
    text-align: start;
  }

  .footer-txt {
    text-align: start;
  }

  .dtr-feature-box,
  .dtr-feature-box-green {
    min-height: auto !important;
  }

  .truck-flex-lg {
    display: none;
  }

  .truck-flex-sm {
    display: flex;

    justify-content: center;
  }

  .truck-flex-sm > img {
    position: absolute;

    z-index: 999;

    bottom: -27%;

    right: 0%;
  }

  .habout-content > h5,
  .habout-content > h4,
  .habout-content > p {
    text-align: start;
  }

  .habout-content {
    padding-left: 0px;
  }

  .habout-lg {
    display: none;
  }

  .habout-md {
    margin-bottom: 30px;
  }

  .habout-content > h4 > br {
    display: none;
  }

  /* .logoimg {
    max-width: 90px !important;
  } */

  .about-inner-content {
    padding-left: 0px !important;
  }

  .about-image {
    display: none;
  }

  .about-image-hide {
    display: block;

    position: relative;

    display: flex;

    /* justify-content: end; */

    /* padding-top: 80px; */
  }

  .brhide {
    display: none !important;
  }

  /* .servicepage-section {
    padding: 80px 0px 120px 0px !important;
  } */

  .mvc-background {
    background-color: transparent !important;
  }

  .mv-block {
    background-color: rgba(15, 63, 122, 0.5) !important;

    border: 2px inset #fff;

    margin-bottom: 35px;

    min-height: auto !important;
  }

  .our-mv-bg {
    padding: 100px 0px 100px !important;
  }

  .project-img-hide {
    display: block;
  }

  .project-img-hide > img {
    border-radius: 0px 50px 50px;
  }

  .project-img {
    display: none !important;
  }
  .home-about-para {
    padding-left: 0px !important; 
  }
  .home-request-section {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .request-padding {
    padding-right: 0px !important;
  }
  .core-md-top, .core-top {
  margin-top: 35px !important;
  }
  .contact-us-form{
    margin-top: 50px !important;
  }
   .valv-md-top{
  margin-top: 50px !important;
  }
 
}

@media (min-width: 420px) {
  .showsm {
    display: none;
  }
}

@media (max-width: 1279px) and (min-width: 992px) {
  .footer-txt,
  .copy-txt {
    text-align: start !important;
  }
}

.breadcrumbs ol {
  display: flex;

  flex-wrap: wrap;

  list-style: none;

  padding: 0;

  margin: 0;

  font-size: 16px;

  font-weight: 400;
}

.breadcrumbs ol li + li::before {
  content: "\f111";

  font-family: "FontAwesome";

  font-size: 6px;

  /* display: inline-block; */

  padding-right: 10px;

  padding-left: 10px;
}

.breadcrumbs > ol > li {
  font-size: 20px !important;
}

.breadcrumbs > ol > .current {
  color: #fff !important;

  font-weight: 700;
}

.about-content-list ul,
.project-content-list ul,
.product-content-list ul {
  margin: 0;

  padding: 0;

  list-style: none;
}

.about-content-list ul li {
  position: relative;

  text-transform: capitalize;

  margin-bottom: 20px;

  display: flex;

  align-items: center;
}

.product-content-list ul li {
  position: relative;

  margin-bottom: 20px;

  display: flex;

  align-items: center;

  font-size: 18px;
}

.project-content-list {
  padding-top: 25px;

  padding-bottom: 25px;
}

.project-content-list > ul > li {
  display: flex;

  font-size: 18px;
}

.whatwedo-flex {
  display: flex;

  align-items: center;

  margin-bottom: 20px;
}

.our-mv-section {
  position: relative;
}

.our-mv-bg {
  position: relative;

  background-image: url(/img/banner/about-inner-banner.jpg);

  background-size: cover;

  background-repeat: no-repeat;

  background-attachment: fixed;

  padding: 100px 0px 150px;
}

.our-mv-bg::before {
  content: "";

  display: block;

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  background: #222;

  opacity: 85%;

  width: 100%;

  height: 100%;

  z-index: 0;
}

.business-type {
  font-weight: 300 !important;
}

.mission-vision-box {
  position: relative;

  border: 1px solid var(#ffffff1a);

  box-shadow: 0px 4px 30px 0px #0000000a;

  border-radius: 40px;

  margin-top: -200px;

  overflow: hidden;

  z-index: 1;
}

.mission-vision-nav ul {
  list-style: none;

  text-align: center;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 0;

  margin: 0;

  background-color: #fff;

  border-bottom: 1px solid #ebebeb;

  overflow: hidden;
}

.mission-vision-nav ul li {
  width: 33.33%;

  position: relative;

  display: inline-block;

  text-align: center;
}

.mission-vision-nav ul li:last-child {
  padding-right: 0;
}

.mission-vision-nav ul li .nav-link {
  display: block;

  width: 100%;

  background: transparent;

  border: none;

  border-radius: 0;

  color: #222;

  font-size: 20px;

  font-weight: 600;

  line-height: 1.2em;

  padding: 30px;

  text-transform: capitalize;

  transition: all 0.3s ease-in-out;
}

.mission-vision-nav ul li .nav-link img {
  max-width: 40px;

  margin-right: 20px;

  transition: all 0.3s ease-in-out;
}

.mvv-img {
  border-radius: 40px;

  max-width: 500px;
}

.mv-block {
  /* background-color: rgba(66, 113, 170,0.6); */
  background-color: rgba(15, 63, 122, 0.5);

  padding: 30px 25px;

  /* min-height: 325px; */

  border: 1px solid #fff;
  /* border-left: 1px solid #fff;
 */

  /* border:2px inset #fff; */

  transition: 0.3s ease-in;
}
.letter {
  background-color: #021d3d;
  min-width: 35px;
  max-height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid #fff;
}

.mv-side-block {
  min-height: 321px;
}

.mv-title {
  font-size: 35px;

  margin-left: 20px;
}

.mvv-para {
  font-size: 18px;

  text-align: justify;

  line-height: 24pt;
}

.contact-info-item {
  display: flex;

  flex-wrap: wrap;

  /* align-items: center; */

  margin-bottom: 40px;
}

.contact-info-item .icon-box {
  position: relative;

  background-color: #4271aa;

  border-radius: 10px;

  height: 60px;

  width: 60px;

  display: flex;

  justify-content: center;

  align-items: center;

  margin-right: 20px;

  transition: all 0.5s ease-in-out;
}

.contact-info-item .icon-box::before {
  content: "";

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: #222;

  border-radius: 10px;

  width: 100%;

  height: 100%;

  transform: scale(0);

  transition: all 0.4s ease-in-out;

  z-index: 0;
}

.footer-contact-info {
  display: flex;
  justify-content: center;
}

.contact-info-content {
  width: calc(100% - 80px);
}

.contact-info-content > p > a {
  color: #6c757d !important;
  text-decoration: none !important;
}

.contact-info-content h3 {
  font-size: 22px;

  font-weight: 500;

  text-transform: capitalize;

  margin-bottom: 10px;
}

.contact-info-block {
  margin-top: 50px;
}

.contact-us-form {
  background-color: #ffffff;

  border: 1px solid #f5f5f5;

  box-shadow: 0px 4px 30px 0px #0000000a;

  border-radius: 40px;

  padding: 40px;
  border-top: 2px solid #4271aa;
  border-bottom: 2px solid #4271aa;
}

.ardor-form-control {
  font-size: 16px !important;

  font-weight: 400 !important;

  background-color: #fff !important;

  color: #81848a !important;

  border: 1px solid #ebebeb !important;

  border-radius: 10px !important;

  outline: none !important;

  box-shadow: none !important;

  padding: 15px 15px !important;
}

.mt-lg-top {
  margin-top: 25px;
}

/* .mvc-background {
  background-color: rgba(36, 117, 214, 0.6);
} */

.inverted-bdr-radius {
  padding-top: 100px;

  padding-bottom: 100px;
}

.inverted-radius {
  --r: 20px;

  --s: 30px;

  --x: 95px;

  --y: -5px;

  aspect-ratio: 1;

  border-radius: var(--r);

  --_m: /calc(2 * var(--r)) calc(2 * var(--r)) radial-gradient(#000 70%, #0000
        72%);

  --_g: conic-gradient(at calc(100% - var(--r)) var(--r), #0000 25%, #000 0);

  --_d: (var(--s) + var(--r));

  mask: calc(100% - var(--_d) - var(--x)) 0 var(--_m),
    100% calc(var(--_d) + var(--y)) var(--_m),
    radial-gradient(var(--s) at 100% 0, #0000 99%, #000 calc(100% + 1px))
      calc(-1 * var(--r) - var(--x)) calc(var(--r) + var(--y)),
    var(--_g) calc(-1 * var(--_d) - var(--x)) 0,
    var(--_g) 0 calc(var(--_d) + var(--y));

  mask-repeat: no-repeat;
}

.inverted-bottom-radius {
  --r: 19px;

  --s: 40px;

  --x: 95px;

  --y: 0px;

  aspect-ratio: 1;

  border-radius: var(--r);

  --_m: /calc(2 * var(--r)) calc(2 * var(--r)) radial-gradient(#000 70%, #0000
        72%);

  --_g: conic-gradient(
    from 90deg at calc(100% - var(--r)) calc(100% - var(--r)),
    #0000 25%,
    #000 0
  );

  --_d: (var(--s) + var(--r));

  mask: calc(100% - var(--_d) - var(--x)) 100% var(--_m),
    100% calc(100% - var(--_d) - var(--y)) var(--_m),
    radial-gradient(var(--s) at 100% 100%, #0000 99%, #000 calc(100% + 1px))
      calc(-1 * var(--r) - var(--x)) calc(-1 * var(--r) - var(--y)),
    var(--_g) calc(-1 * var(--_d) - var(--x)) 0,
    var(--_g) 0 calc(-1 * var(--_d) - var(--y));

  mask-repeat: no-repeat;
}

.home-content {
  /* margin-top: 45px; */
  margin-right: 50px;
}

.wave-pattern-bottom {
  background: url(../img/wave.png) !important;

  position: absolute;

  bottom: -16%;

  left: 0;

  z-index: 1;

  height: 200px;

  width: 100%;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: top center;

  transform: rotate(360deg);
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.dropdown:hover > .dropdown-menu {
  -webkit-animation: fadeIn 1s ease-in-out both;

  animation: fadeIn 1s ease-in-out both;

  display: block !important;
}