.row{
margin-right: 0px;
    margin-left: 0px;
    }
#np .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {

    display: block !important;

}


#np .owl-prev {

    float: left;

    padding: 0px 15px 5px;

    color: #fff;

    background: #3bb7e7;

    border-radius: 3px;

    margin: 20px;

}


#np .owl-next {

    float: left;

    padding: 0px 15px 5px;

    color: #fff;

    background: #3bb7e7;

    border-radius: 3px;

    margin: 20px;

}

#np .owl-nav.disabled {

    position: absolute;

    left: 500px;

    bottom: -41px;

}


.section-bg-invoive {

    background-color: #f3e9e9!important;

}


#np .category-item{

    border:none;
}

#np .category-item:hover{

    background:none;
}

#np .category-item:hover .cat__title, .category-item:hover span
{
  color:#000;
}

#testimonial .owl-prev{
    opacity:0;
}


#testimonial .owl-next{
    opacity:0;
}

.add-video{
position: relative;
width: 100%;
  overflow: hidden;
  }

.add-video video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.hero-overlay{
     position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color:#000000a1;
  z-index:1;

}

.z-2{
    z-index: 2;
}

.section-bg-4 .category-item .icon-element {
    background-color: #ffffff !important;
    color: #ffffff !important;
    padding: 10px;
}

.section-bg-4 .category-item {
    border-radius:0px !important ;
    border: 1px solid #ffffff !important;

}

.section-bg-4 .category-item a {
    color: #ffffff;

}

#np .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {

    display: none !important;

}

.section-bg-4 .category-item:hover .icon-element.mb-3 {
    background: #fff !important;
    color: #000 !important;
}

.process-box{
    background: #fff;
    padding: 10px;
    border-radius: 15px;
    position: relative;
    box-shadow: 2px 2px 7px 0 #00000057;
}
.process-left:after{
        content: "";
    border-top: 15px solid #ffffff;
    border-bottom: 15px solid #ffffff;
    border-left: 15px solid #ffffff;
    border-right: 15px solid #ffffff;
    display: inline-grid;
    position: absolute;
    right: -15px;
    top: 42%;
    transform: rotate(45deg);
    box-shadow: 3px -2px 3px 0px #00000036;
    z-index: 1;
}
.process-right:after{
        content: "";
    border-top: 15px solid #ffffff00;
    border-bottom: 15px solid #ffffff;
    border-left: 15px solid #ffffff;
    border-right: 15px solid #ffffff00;
    display: inline-grid;
    position: absolute;
    left: -15px;
    top: 42%;
    transform: rotate(45deg);
    box-shadow: -1px 1px 3px 0px #0000001a;
    z-index: 1;
}
.process-step{
    background: #3bb7e7;
    text-align: center;
    width: 80%;
    margin: 0 auto
;    color: #fff;
    height: 100%;
    padding-top: 8px;
    position: relative;
    top: -26px;
    border-radius: 0px 0px 10px 10px;
    box-shadow: -6px 8px 0px 0px #00000014;
}
.process-point-right{
    background: #ffffff;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 8px solid #00bcd4;
    box-shadow: 0 0 0px 4px #5c5c5c;
    margin: auto 0;
    position: absolute;
    bottom: 40px;
    left: -60px;
}
.process-point-right:before{
    content: "";
    height: 144px;
    width: 11px;
    background: #5c5c5c;
    display: inline-grid;
    transform: rotate(36deg);
    position: relative;
    left: -50px;
    top: -0px;
}
.process-point-left{
    background: #ffffff;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 8px solid #00bcd4;
    box-shadow: 0 0 0px 4px #5c5c5c;
    margin: auto 0;
    position: absolute;
    bottom: 40px;
    right: -60px;
}
.process-point-left:before {
    content: "";
    height: 144px;
    width: 11px;
    background: #5c5c5c;
    display: inline-grid;
    transform: rotate(-38deg);
    position: relative;
    left: 50px;
    top: 0px;

}

.process-last:before{
    display: none;
}
.process-box p{
    z-index: 9;
}
.process-step p{
    font-size: 20px;
}
.process-step h2{
    font-size: 39px;
}
.process-step:after{
    content: "";
    border-top: 8px solid #3bb7e700;
    border-bottom: 8px solid #3bb7e7;
    border-left: 8px solid #3bb7e700;
    border-right: 8px solid #3bb7e7;
    display: inline-grid;
    position: absolute;
    left: -16px;
    top: 0;
}
.process-step:before{
    content: "";
    border-top: 8px solid #ff000000;
    border-bottom: 8px solid #3bb7e7;
    border-left: 8px solid #3bb7e7;
    border-right: 8px solid #ff000000;
    display: inline-grid;
    position: absolute;
    right: -16px;
    top: 0;
}
/*.process-line-l{
    background: white;
    height: 4px;
    position: absolute;
    width: 136px;
    right: -153px;
    top: 64px;
    z-index: 9;
}
.process-line-r{
    background: white;
    height: 4px;
    position: absolute;
    width: 136px;
    left: -153px;
    top: 63px;
    z-index: 9;
}*/

#num .icon-element{
padding:0px;}

#contact-page .icon-element{
 line-height:100px;
 }

.sm-img {
    width: 50px;
}


#vendor-prof .imageThumb {
height: 120px;
width: 120px;
border: 2px solid;
  padding: 1px;
  cursor: pointer;






}
#vendor-prof .pip {
  display: inline-block;
  margin: 10px 10px 0 0;
}
#vendor-prof .remove {
  display: block;
  background: #444;
  border: 1px solid black;
  color: white;
  text-align: center;
  cursor: pointer;
}
#vendor-prof .remove:hover {
  background: white;
  color: black;
}