* {
    margin: 0;
    padding: 0;
    user-select: none;
    box-sizing: border-box;}

@font-face{
    font-family:OpenSans-Regular;
    src:url(../fonts/OpenSans-Regular.eot);
    src:url(../fonts/OpenSans-Regular.eot?#iefix) format('embedded-opentype'),
        url(../fonts/OpenSans-Regular.ttf) format('truetype'),
        url(../fonts/OpenSans-Regular.woff) format('woff'),
        url(../fonts/OpenSans-Regular.svg) format('svg');
    font-weight:normal;
}@font-face {
    font-family: OpenSans-Semibold;
    src: url(../fonts/OpenSans-Semibold.eot);
    src:  url(../fonts/OpenSans-Semibold.eot?#iefix) format('embedded-opentype'),
          url(../fonts/OpenSans-Semibold.ttf) format('truetype'),
          url(../fonts/OpenSans-Semibold.woff) format('woff'),
          url(../fonts/OpenSans-Semibold.svg) format('svg');
    font-weight: normal;
}@font-face {
    font-family: OpenSans-Bold;
    src:  url(../fonts/OpenSans-Bold.eot);
    src:  url(../fonts/OpenSans-Bold.eot?#iefix) format('embedded-opentype'),
          url(../fonts/OpenSans-Bold.ttf) format('truetype'),
          url(../fonts/OpenSans-Bold.woff) format('woff'),
          url(../fonts/OpenSans-Bold.svg) format('svg');
    font-weight: normal;
}


.position-absolute{position:absolute;}
.position-relative{position:relative;}
.no-padding{padding:0;}
.no-margin{margin:0;}
.padding-10{padding:10px;}
.padding-15{padding:15px;}
.padding-20{padding:20px;}
.padding-40{padding:40px;}
.padding-left-15{padding-left:15px;}
.padding-left-30{padding-left:30px;}
.padding-left-25{padding-left:25px;}
.padding-left-64{padding-left:64px;}
.padding-left-0 {padding-left:0;}
.padding-right-0 {padding-right:0;}
.padding-top-40{padding-top:40px;}
.padding-top-15{padding-top:15px;}
.padding-left-right{padding-left:90px; padding-right:90px;}
.padding-left-right-40{padding-left:40px; padding-right:40px;}
.padding-top-bottom-40{padding-top:40px; padding-bottom:40px;}
.padding-top-bottom-20{padding-top:20px; padding-bottom:20px;}
.padding-top-bottom-10{padding-top:10px; padding-bottom:10px;}
.padding-top-bottom-5{padding-top:5px; padding-bottom:5px;}
.margin-top-5{margin-top:5px;}
.margin-top-10{margin-top:10px;}
.margin-top-20{margin-top:20px;}
.margin-top-25{margin-top:25px;}
.margin-top-30{margin-top:30px;}
.margin-top-40{margin-top:40px;}
.margin-top-55{margin-top:55px;}
.margin-top-minus-35{margin-top:-35px;}
.margin-right-10{margin-right:10px;}
.margin-right-25{margin-right:25px;}
.margin-right-35{margin-right:35px;}
.margin-bottom-5{margin-bottom:5px;}
.margin-bottom-10{margin-bottom:10px;}
.margin-bottom-15{margin-bottom:15px;}
.margin-bottom-20{margin-bottom:20px;}
.margin-bottom-30{margin-bottom:30px;}
.margin-left-10{margin-left:10px;}
.margin-left-20{margin-left:20px;}
.margin-auto{margin:0 auto;}
.color-white{color: #ffffff;}
.color-red{color:#e02874;}
a {text-decoration: none;}
.width-1920{max-width: 1920px; margin:0 auto;}
body {
    background-color: #ffffff;
    font-family: OpenSans-Regular;
    color: #333333;
    font-size: 16px;
    line-height: 28px;
}

.social-media {margin-bottom: 0; text-align: right;padding-top: 25px;}
.social-media ul li{display: inline; list-style-type: none;margin:5px;font-size: 20px;}
.social-media a{color: #044f8a;}
.header{position: relative; z-index: 99;}
.logo{float: left; margin: 5px 0;}
/* .enquiry-btn {float: right; margin-top: 55px;} */
header .read-more-blue{background-color: #005cba; color: #fff; font-family: OpenSans-Bold;font-size: 15px;padding: 10px ;text-transform: uppercase;border: 1px solid transparent; border-radius: 0;}
.read-more{background-color: #ed1c24; color: #fff; font-size: 15px;padding: 7px 10px ;border: 1px solid transparent; border-radius: 0;font-family: OpenSans-Bold;}
.read-more-white{background-color: #ffffff; color: #005cba; font-size: 15px;padding: 7px 10px ;border: 1px solid transparent; border-radius: 0;font-family: OpenSans-Bold;}

.navbar {background-color: #044f8a;padding:2px 5px 5px 5px;}
.dropdown .dropdown-menu {display: none;}
.dropdown:hover > .dropdown-menu, .dropend:hover > .dropdown-menu {display: block; margin-top: 0.125em; margin-left: 0.125em;border-radius: 0;min-width: 200px;border-left:5px solid #005cba}
.navbar-nav .nav-link { color: #ffffff; font-size: 18px;}
.navbar-nav .nav-link .active, .navbar-nav .nav-link.show { color: var(--bs-navbar-active-color); border-bottom: 2px solid #ffffff;}
.active {border-bottom: 2px solid #ffffff;}
.navbar-nav li{margin: 0 10px;}
.carousel-caption {  
  right: auto;
  bottom: 3.25rem;
  left: 0;
  padding: 30px 50px;
  color: #fff;  
  background-color: rgb(4, 79, 138, 0.8);}
.carousel-caption h3{font-size: 35px;font-family: OpenSans-Bold;line-height: 50px;}
.carousel-caption span{color: #ff9600;}

.heading{font-size: 30px;color: #044f8a;font-family: OpenSans-Semibold;}
.heading-border{border: 2px solid #044f8a;width: 70px;margin-bottom: 20px;}
.heading-white{font-size: 30px;color: #ffffff;font-family: OpenSans-Semibold;margin-bottom: 10px;}
.heading-border-white{border: 2px solid #ffffff;width: 70px;margin-bottom: 20px;}
.sub-heading{font-size: 22px;color: #044f8a;font-family: OpenSans-Semibold;margin-bottom: 10px;}
.sub-heading-white{font-size: 22px;color: #ffffff;font-family: OpenSans-Semibold;margin-bottom: 10px;}
.intro{background-image: url(../images/intro-bg.jpg);padding: 40px 0;background-repeat: no-repeat;background-size: cover;}
.grey-box{background-color: #eeeded;min-height: 540px; margin:10px 0;}
.vision-360{background-image: url(../images/360-degree.jpg);background-repeat: no-repeat;background-size: cover;}
.vision-360-1{background-image: url(../images/360-vision-1.jpg);background-repeat: no-repeat;background-size: cover;}
.vision-360-2{background-image: url(../images/vision-360-1.jpg);background-repeat: no-repeat;background-size: cover;}
.dendrite {background-image: url(../images/dendrite.jpg);background-repeat: no-repeat;background-size: cover;}
.dendrite-1 {background-image: url(../images/dendrite-2.jpg);background-repeat: no-repeat;background-size: cover;}
.spire-pump {background-image: url(../images/spire-pump-2.jpg);background-repeat: no-repeat;background-size: cover;}
.content{padding:50px 50px 20px 50px;; text-align: center;}
.product-content{padding: 40px; text-align: left;}
/* .industry-box{position: relative; background: #ffffff;box-shadow: 2px 2px 5px #c2c2c2;text-align: center;padding:0; margin: 10px 10px 30px 10px;}
.industry-name{font-size: 18px;background-color: #044f8a; color: #ffffff; font-family: OpenSans-SemiBold;padding: 10px;} */
.industry-box{text-align: center;padding:0; margin: 10px 10px 30px 10px;}
.industry-name{font-size: 20px;background-color: #ffffff; color: #044f8a; font-family: OpenSans-SemiBold;padding: 10px;}
.solution{background-color: #044f8a;padding: 40px 0;color: #ffffff;text-align: center;}
.solution h3{font-size: 18px;margin-top: 20px;font-family: OpenSans-SemiBold;}
.products-footer{padding: 60px 0;}
.product-box{position: relative; margin: 0 auto;text-align: center;margin:10px auto;max-width:508px;}
.product-box p{position: absolute; bottom: 0;text-align: center;color: #ffffff;font-family: Opensans-SemiBold;font-size: 25px;padding: 20px;line-height: 35px;}


footer{background-color: #717d84; color: #ffffff;padding-top:30px;font-size: 14px;}
footer h4{font-size: 18px;font-family: OpenSans-Bold;margin-bottom: 20px;}
footer img{width: 150px;}
footer ul{padding-left: 5px;list-style-type: none;}
footer a{color: #ffffff;}
footer .fa-map-marker-alt, footer .fa-phone-alt, footer .fa-envelope{font-size: 20px;text-align: center;color: #ffffff;margin-right: 10px;}
.footer-copyright{background-color: #000000;padding: 5px;font-size: 14px;}
.copyright{text-align: left;}
.ojaswi{text-align: right;font-size: 13px;}
.contact{text-align: center;}
.contact .fa-map-marker-alt, .contact .fa-phone-alt, .contact .fa-envelope{font-size: 40px;text-align: center;color: #044f8a;}
.inner-page{padding: 40px 0;}
.grey-box ul{list-style-type: none;padding-left: 5px;}
.grey-box ul li{background-image: url(../images/bullete.png);background-repeat: no-repeat;background-position: 1px 8px;
  padding-left: 20px;}
  .inner-page ul{list-style-type: none;padding-left: 5px;}
  .inner-page ul li{background-image: url(../images/bullete.png);background-repeat: no-repeat;background-position: 1px 8px;
    padding-left: 20px;}



@media (max-width: 767px) {
 .industry-verticals .carousel-inner .carousel-item > div {
    display: none;
  }
 .industry-verticals .carousel-inner .carousel-item > div:first-child {
    display: block;
  }
}
.industry-verticals .carousel-inner .active{border: none;;}
.industry-verticals .carousel-inner .carousel-item.active,
.industry-verticals .carousel-inner .carousel-item-next,
.industry-verticals .carousel-inner .carousel-item-prev {
  display: flex;
}
.industry-verticals .carousel-control-next, .carousel-control-prev {width: 5%;}
.industry-verticals .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");margin-left: -55px;
}
.industry-verticals .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");margin-right: -55px;
}


/* medium and up screens */
@media (min-width: 768px) {

 .industry-verticals .carousel-inner .carousel-item-end.active,
  .industry-verticals .carousel-inner .carousel-item-next {
    transform: translateX(25%);
  }

  .industry-verticals .carousel-inner .carousel-item-start.active, 
  .industry-verticals .carousel-inner .carousel-item-prev {
    transform: translateX(-25%);
  }
  .dropend:hover > .dropdown-menu {
    position: absolute;
    top: 0;
    left: 100%;
  }
  .dropend .dropdown-toggle {
    margin-left: 0.5em;
  }
}

.industry-verticals .carousel-inner .carousel-item-end,
.industry-verticals .carousel-inner .carousel-item-start { 
  transform: translateX(0);
}



/*Responsive*/
@media (min-width: 1200px) and (max-width: 1366px) {
    .navbar-expand-lg .navbar-nav .nav-link {padding-right: .3rem; padding-left: .3rem;}
    .dendrite {min-height: 540px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .2rem;
        padding-left: .2rem;
        font-size: 15px;} 
        .grey-box {min-height: 550px;} 
       
}



@media (min-width: 768px) and (max-width: 991px) {
.carousel-caption{padding:20px 50px;}
.carousel-caption h3{margin-top: 30px;}
.grey-box{min-height: 400px; margin:10px 0;}
.spire-img{display: none;}
}


@media (min-width: 480px) and (max-width: 767px) {
.carousel-caption {
    position: relative;
    right: auto;
    bottom: auto;
    left: auto;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
    background-color: #044f8a;
  }
.carousel-caption h3{ font-size: 25px;line-height: 40px;}
.carousel-control-next-icon, .carousel-control-prev-icon {display: none;}  
.copyright{text-align: center;}
.ojaswi{text-align: center;}
.grey-box{background-color: #eeeded;min-height: 350px; margin:10px 0;}
.grey-box{min-height: 400px; margin:10px 0;}
.spire-img{display: none;}

}

@media (min-width: 321px) and (max-width: 479px) {
  .carousel-caption {
    position: relative;
    right: auto;
    bottom: auto;
    left: auto;  
    padding: 1.25rem 0.25rem;
    color: #fff;
    text-align: center;
    background-color: #044f8a;
  }
  .carousel-caption h3{ font-size: 25px;line-height: 40px;}
  .carousel-control-next-icon, .carousel-control-prev-icon {display: none;}
  .copyright{text-align: center;}
  .ojaswi{text-align: center;}
  .grey-box{background-color: #eeeded;min-height: 300px; margin:10px 0;}
  .grey-box{min-height: 400px; margin:10px 0;}
  .spire-img{display: none;}
}


@media only screen and (max-width: 320px) {
  .carousel-caption {
    position: relative;
    right: auto;
    bottom: auto;
    left: auto;  
    padding: 1.25rem 0.25rem;
    color: #fff;
    text-align: center;
    background-color: #044f8a;
  }
  .carousel-caption h3{ font-size: 25px;line-height: 40px;}
  .carousel-control-next-icon, .carousel-control-prev-icon {display: none;}
  .copyright{text-align: center;}
  .ojaswi{text-align: center;}
  .grey-box{min-height: 200px;}
  .grey-box{min-height: 400px; margin:10px 0;}
  .spire-img{display: none;}
}