/* SECURITY RPODUCT MODAL CSS */
.width-500{
  width: 500px!important;
}
.modal-inner-security{
  background-color: #ebebeb;
  width:100%;
  padding:30px;
  border-radius:3px;
}
.security-prdct-heading i, h4{
  display: inline-block;
}
.security-prdct-heading h4{
  font-size: 19px;
  color: #1976d2;
}
.security-prdct-content p{
  text-align: justify;
  margin-top: 8px;
  font-size: 16px;
  line-height: 1.8;
}
.security-btn{
    font-size: 13px!important;
    border-radius: 3px!important;
    padding: 8px 8px!important;
}
.mb-1{
  margin-bottom: 1%;
}
.security-close{
  left: 95.8%!important;
  top: 18px!important;
  font-size: 16px;
  color: black!important;
}
.security-bg-color{
  background-color:#727272!important;
}
/* VALIDATION-MSG */
 .validamsg{
  color: red;
  width: 32%!important;
  font-weight: bold;
  left: 85%!important;
  top: 14%!important;
 }
/* Top-Header LOGO Item
 * -------------------------- */
.brand{
  display: inline-block;
  float: left;
  width: 45%;
  /* margin-top: 12.5px; */
}
.logo-brand{
  display: inline-block;
  float: left;
}
.brand_name {
    display: inline-block;
    overflow: hidden;
    font-weight: 700;
    font-size: 55px;
    line-height: 62px;
    color: #5ab7de;
    vertical-align: bottom;
}
.brand_name img{
  width: 85px;
}
.brand-slogan {
  display: inline-block;
  position: relative;
  top: 12px;
  left: 10px;
  float: left;
}
.brand-slogan-title{
  color: #555;
  font-size: 24px;
  line-height: 1.5;
  margin-bottom: 0.2px;
  font-family: "Roboto", sans-serif;
  /* font-weight: 700; */
  margin-top: 7px;
  margin-left: 2px;
}
.mt-1{
  margin-top: 1px;
}
.m-0{
  margin: 0px!important;
}
.mr-4{
  margin-right: 4%!important;
}
.top-header-right{
  margin-top: 7px;
    position: relative;
    font-size: 24px;
    clear: right;
    float: right;
}
.topheader-right-div{
  float: right;
  clear:right;
  /* margin-top: 6px */
}
.topheader-right-div a:first-child{
  clear: right;
  display: block;
  position: relative;
  /* top: 10px; */
  left: -13px;
}
.topheader-right-div a:last-child{
  clear: right;
  display: block;
}
.topheader-right-div a p{
  font-size: 22px;
  margin-top: 0px;
  font-weight: 100;
}
.topheader-right-div a i{
    font-size: 34px;
    position: relative;
    top:4px
}
.topheader-right-div a img{
  width: 188px;
  height: 65px;
  position: relative;
  top: -7px;
  left: -10px;
}
.pt-6{
  padding-top: 6px!important;
}
.pt-9{
  padding-top: 9px!important;
}
.pl-6{
  padding-left: 6%
}
/* Pre-loader Item
 * -------------------------- */

 .spinner-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 999999;
    }
        .mesh-loader {
        overflow: hidden;
        height: 100%;
        width: 100%;
    }
    
    .mesh-loader .circle {
        width: 25px;
        height: 25px;
        position: absolute;
        background: #03A9F4;
        border-radius: 50%;
        margin: -12.5px;
        -webkit-animation: mesh 3s ease-in-out infinite;
        animation: mesh 3s ease-in-out infinite -1.5s;
    }
    
    .mesh-loader > div .circle:last-child {
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
    }
    
    .mesh-loader > div {
        position: absolute;
        top: 50%;
        left: 50%;
    }
    
    .mesh-loader > div:last-child {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    
    @-webkit-keyframes mesh {
      0% {
        -webkit-transform-origin: 50% -100%;
                transform-origin: 50% -100%;
        -webkit-transform: rotate(0);
                transform: rotate(0);
      }
      50% {
        -webkit-transform-origin: 50% -100%;
                transform-origin: 50% -100%;
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
      }
      50.00001% {
        -webkit-transform-origin: 50% 200%;
                transform-origin: 50% 200%;
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
      }
      100% {
        -webkit-transform-origin: 50% 200%;
                transform-origin: 50% 200%;
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
      }
    }
    @keyframes mesh {
      0% {
        -webkit-transform-origin: 50% -100%;
                transform-origin: 50% -100%;
        -webkit-transform: rotate(0);
                transform: rotate(0);
      }
      50% {
        -webkit-transform-origin: 50% -100%;
                transform-origin: 50% -100%;
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
      }
      50.00001% {
        -webkit-transform-origin: 50% 200%;
                transform-origin: 50% 200%;
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
      }
      100% {
        -webkit-transform-origin: 50% 200%;
                transform-origin: 50% 200%;
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
      }
    }
    /* Demo-Slider Item
 * -------------------------- */
    .call-for-demo {
        position: fixed;
        top: 250px;
        right: -117px;
        font-size: 13px;
        text-align: center;
        z-index: 99;
        color: #3a4172;
        font-family: 'NunitoSans-Bold';
        transition: all 0.6s ease-in-out;
        -webkit-transition: all 0.6s ease-in-out;
    }
    .call-for-demo:hover{
        right: 0;
        transition: all 0.6s ease-in-out;
        -webkit-transition: all 0.6s ease-in-out
    }
    .call-for-demo p {
        opacity: 0;
        filter: alpha(opcity=0);
        margin-top: 12px;
        font-weight: bold;
        margin-bottom: 3px;
        margin-left: 25px;
        margin-bottom: 3px;
        transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
    }
    .call-for-demo:hover p {
        opacity: 1;
        filter: alpha(opcity=100);
        color:white;
        transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
    }
    .call-for-demo span {
        display: flex;
        background: #fff;
        line-height: 40px;
        padding-right: 12px;
        border-radius: 12px 0 0 12px;
        color: #1a78d2;
        letter-spacing: 0.4px;
        transition: all 0.6s ease-in-out;
        -webkit-transition: all 0.6s ease-in-out;
    }
    .call-for-demo span i img{
        width: 28px;
        position: relative;
        top:0px;
    }
    .call-for-demo:hover span {
        box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
        transition: all 0.6s ease-in-out;
        -webkit-transition: all 0.6s ease-in-out;
        font-size: 15px;
    }
    .call-for-demo span i {
        width: 50px;
        height: 42px;
        background: #1a78d2;
        display: block;
        float: left;
        margin-right: 10px;
        padding: 7px 0;
        color: #fff;
        border-radius: 8px 0 0 8px;
        line-height: normal;
    }
    .ga-call-demo-p{
        color:white;
    }
    .ga-call-demo-p-js{
        color:#1976D2!important;
    }
 /* Drop-Down Item
 * -------------------------- */
 .ga-dropdown-menu{
    min-width: 773px!important;
    left: 2%;
    min-height: 428px;
    border-top: none!important;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3)!important;
    border: 1px solid #cecccc!important
    }
 /* Product-Slider Item
 * -------------------------- */
 .carousel-inner > .item > img,
 .carousel-inner > .item > a > img {
   width: 70%;
   margin: auto;
 }
 .ga-carousel-control{
     background:none;
     color: black;
     background-image: none!important;
     top:10em;
     width:0em;
     left: -2em
 }
 .carouselimage{
     width:50%!important;
     float: left
 }
 .ga-pd{
  padding: 0 30px;
  top: -1.5em;
 }
 .ga-erp-heading{
        padding:0px;
        text-align: left;
 }
  /* Service-Sevtion Item
 * -------------------------- */
 .ga-service-padding{
	padding-top: 60px;
	padding-bottom: 0px;
}
.ga-service-padding h2{
        text-align: center
}
 /* services-heading */
 .ga-services-heading{
        position: relative;
        top:-4em;
 }
 .ga-service-icon{
	color: #1976d2 !important;
	background: #fff !important;
	padding-top: 0px !important
}
.service-arrow-icon{
        position: relative;
        top: 1px;
        left: 5px;
}
/* Client item */
/* -------------------------- */
.client-h2{
        text-align:center;
        padding: 0px;
      }
      /* Slider */
      
      .slick-slide {
          margin: 0px 20px;
      }
      
      .slick-slide img {
          width: 100%;
      }
      
      .slick-slider
      {
          position: relative;
          display: block;
          box-sizing: border-box;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
                  user-select: none;
          -webkit-touch-callout: none;
          -khtml-user-select: none;
          -ms-touch-action: pan-y;
              touch-action: pan-y;
          -webkit-tap-highlight-color: transparent;
      }
      
      .slick-list
      {
          position: relative;
          display: block;
          overflow: hidden;
          margin: 0;
          padding: 0;
      }
      .slick-list:focus
      {
          outline: none;
      }
      .slick-list.dragging
      {
          cursor: pointer;
          cursor: hand;
      }
      
      .slick-slider .slick-track,
      .slick-slider .slick-list
      {
          -webkit-transform: translate3d(0, 0, 0);
             -moz-transform: translate3d(0, 0, 0);
              -ms-transform: translate3d(0, 0, 0);
               -o-transform: translate3d(0, 0, 0);
                  transform: translate3d(0, 0, 0);
      }
      
      .slick-track
      {
          position: relative;
          top: 0;
          left: 0;
          display: block;
      }
      .slick-track:before,
      .slick-track:after
      {
          display: table;
          content: '';
      }
      .slick-track:after
      {
          clear: both;
      }
      .slick-loading .slick-track
      {
          visibility: hidden;
      }
      
      .slick-slide
      {
          display: none;
          float: left;
          height: 100%;
          min-height: 1px;
      }
      [dir='rtl'] .slick-slide
      {
          float: right;
      }
      .slick-slide img
      {
          display: block;
          width: 115px!important;
      }
      .slick-slide.slick-loading img
      {
          display: none;
      }
      .slick-slide.dragging img
      {
          pointer-events: none;
      }
      /* Gaurav CSS CHANGE */
      .slick-initialized .slick-slide
      {
          display: block;
          opacity: 0.9;
          transition: all 0.6s;
          cursor: pointer;
          margin-top: 1.5em
      }
      /* Gaurav hover CSS CHANGE */
      .slick-initialized .slick-slide:hover{
        opacity: 1;        
      }
      .slick-initialized .slick-slide:hover img{
        filter: grayscale(0);
      }
      /* Gaurav END CSS */
      .slick-loading .slick-slide
      {
          visibility: hidden;
      }
      .slick-vertical .slick-slide
      {
          display: block;
          height: auto;
          border: 1px solid transparent;
      }
      .slick-arrow.slick-hidden {
          display: none;
      }
/* Gaurav client css */
      .Kats-Expertise-Heading{
        display: inline-block;
        position: relative;
        top:-2px;
        padding-bottom: 2.5%
      }
      .Kats-Expertise-Heading p{
          font-size: 17px;
      }
      .Kats-Expertise-icon{
        font-size:21px;
        margin-right:15px;
        width:6%;
        margin-bottom:16px 
      }
      .client-container{
          padding-bottom:60px;
      }
      /* Dropdown-item */
      .ga-mega-dropdown{
      width: 27%;
      list-style-type: none;
      padding:0px;
      float:left;
      margin-left: 3%;
      margin-right: 3%
      }
      .ga-mega-dropdown-li{
        /* margin-bottom: -5px !important; */
        border-bottom: 1px dotted #b7b7b79c !important;
        text-align: center;
        padding-bottom: 5px
    }

    .ga-mega-dropdown-li a {
        position: relative;
        top:3px;
        text-decoration: none!important;
        color:#555;
        font-size:11.5px!important;
    }
    .ga-mega-dropdown-li:first-child{
        border-bottom: none
    }
    .ga-mega-dropdown-h4{
            margin-top: 1em !important;
            margin-left: 0em !important;
            text-align: center;
        }
        .ga-mega-dropdown-icon{
        text-align: center;
		border-bottom: 1px dotted #b7b7b79c !important;
		margin-bottom: 0em;
        padding-bottom: 1em
    }
    .ga-mega-dropdown-icon img{
        width:70px;
        margin-top:1.5em
    }
    .ga-mega-dropdown-icon-lst-img{
        width:70px;
        margin-top:2em!important;
    }
    .ga-dropdown-menu-width{
        min-width:200px!important;
        min-height:160px!important;
    }
    .ga-dropdown-menu-width-2{
        width:100%;
        margin-left: 0!important;
        margin-right: 0!important;
        margin-top: 1em!important
    }
    .ga-dropdown-menu-width-2 li{
        text-align: left!Important;
    }
    .ga-dropdown-menu-width-2 li a{
        padding-left: 1.5em!important;
    }
    .color-555{
      color: #555!important;
    }
    /* Nvabar Stickyness-item */
    /* ---------------------------------- */
    .visible-title {
        visibility: visible !important;
    }
    .fixed-header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important; 
    }
    .d-none{
      display: none!important;
    }
    .sticky-logo-ga{
      float:left;
    }
    .sticky-logo-img{
      display: none;
    }
     .sticky-logo{ 
       display: block;   
        float:left;
        width:45px;
        margin-top:4px;
    }  
    /* ERP Section Section-item */
    /* ------------------------------------ */
    .card-wrapper{
        display:inline-flex;
        width:100%;
        margin-bottom: 2.5%;
    }
    .center {
        position: relative;
        top: 50%;
        left: 50%;
        background-color: white;
        height: 66px;
        width:66px;
        border-radius: 50%;
        -webkit-transform: translate(-50%, -50%);
      }
      .center img{
    width: 44px;
    height: 44px;
    margin:11px 0 0 11px;
      }
      
      .card {
        width:50%;
        height: 266px;
        background-color: #fff;
        background: linear-gradient(#f8f8f8, #fff);
        box-shadow: 0 8px 16px -8px rgba(0,0,0,0.4);
        border-radius: 6px;
        overflow: hidden;
        position: relative;
        margin: 1.5rem;
      }
      
      .card h1 {
        text-align: left;
        font-size:26px;
      }
      
      .card .additional {
        position: absolute;
        width: 174px;
        height: 100%;
        background: linear-gradient(#dE685E, #EE786E);
        transition: width 0.4s;
        overflow: hidden;
        z-index: 2;
      }
      
      .card.green .additional {
        background: #1976d2;
      }
      
      
      .card:hover .additional {
        width: 100%;
        border-radius: 0 5px 5px 0;
      }
      
      .card .additional .user-card {
        width: 174px;
        height: 100%;
        position: relative;
        float: left;
      }
      
      .card .additional .user-card::after {
        content: "";
        display: block;
        position: absolute;
        top: 10%;
        right: -2px;
        height: 80%;
        border-left: 2px solid rgba(0,0,0,0.025);
      }
      
      .card .additional .user-card .level,
      .card .additional .user-card .points {
        top: 15%;
        color: #fff;
        text-transform: uppercase;
        font-size: 0.75em;
        font-weight: bold;
        background: rgba(0,0,0,0.15);
        padding: 0.125rem 0.75rem;
        border-radius: 100px;
        white-space: nowrap;
      }
      
      .card .additional .user-card .points {
        top: 85%;
      }
      
      .card .additional .user-card svg {
        top: 50%;
      }
      
      .card .additional .more-info {
        width:300px;
        float: left;
        position: absolute;
        left: 210px;
        height: 100%;
        padding: 0px 14px 0px 2px;
      }
      
      .card .additional .more-info h1 {
        color: #fff;
        margin-bottom: 0;
      }
      
      .card.green .additional .more-info h1 {
        color: #ffffff;
        /* text-align: center; */
        font-size: 26px;
        margin-left: 20px;
        margin-top: 28px!important;
        margin-bottom: 0.7em!important
      }
      
      .card .additional .coords {
        margin: 0 1rem;
        color: #fff;
        font-size: 1rem;
      }
      
      .card.green .additional .coords {
        color: #325C46;
      }
      
      .card .additional .coords span + span {
        float: right;
      }
      
      .card .additional .stats {
        font-size: 2rem;
        display: flex;
        margin-top: 2.3rem;
        /* position: relative;
        bottom: 1rem;
        left: 1rem;
        right: 1rem;
        top: auto; */
        color: #fff;
      }
      
      .card.green .additional .stats {
        color: #325C46;
      }
      
      .card .additional .stats > div {
        flex: 1;
        color:white;
        text-align: center;
      }
      
      .card .additional .stats i {
        display: block;
      }
      
      .card .additional .stats div.title {
        font-size: 10.5px;
        margin-bottom: 3%;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 1.7px;
      }
      
      .card .additional .stats div.value {
        font-size: 1.5rem;
        font-weight: bold;
        line-height: 1.5rem;
      }
      
      .card .additional .stats div.value.infinity {
        font-size: 2.5rem;
      }
      
      .card .general {
        width:66%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
        box-sizing: border-box;
        padding:5%;
        padding-left: 4%;
        padding-top: 0;
      }
      .card .general p{
          text-align: justify;
          position:relative;
          top:2.9em;
          line-height: 32px;
          font-size: 17px;
      }
      
      .card .general .more {
        position: absolute;
        bottom: 1rem;
        right: 1rem;
        font-size: 0.9em;
        font-weight: bold;
      }
      .card-wrapper .card.green .additional .more-info a{
        position: relative;
        left: 1.8em;
        top: 2em;
        font-weight: bold;
        color: white;
      }
      .ga-erp-section{
          padding-top:0px!important;
      }
      .ga-genral-p{
        position:relative;
        top:2em;
      }
      .value{
        display: none!important;
      }

/* Service page CSS */
      .single-service-contents{
        padding: 75px 0 0px;
      }
      .service-sidebar.sidebar-wrapper {
      background-color: #f1f1f1;
      padding: 20px;
      margin-bottom: 35px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
  }
  /* .widget {
      margin-bottom: 45px;
      margin: 0 auto;
      width: 50%;
      text-align: center
  } */
  .service-sidebar.sidebar-wrapper h2 {
      font-size: 24px;
      line-height: 36px;
      margin-top: 0px;
      text-transform: capitalize;
      font-weight: normal;
      padding-bottom: 0;
  }
  
  h2.widget-title {
      font-size: 12px;
      line-height: 30px;
      margin-bottom: 20px;
      text-transform: uppercase;
      font-weight: 700;
      font-family: inherit;
  }
   ul{
     margin:0px;
     padding:0px;
     list-style: none;
   }
   .widget .service-list li{
      padding: 6% 0%;
      border-bottom: 1px dotted;
      border-color: #cccccc;
      cursor: pointer;
      transition: all 0.5s;
  }
  .widget .download-wrap {
      position: relative;
      margin-bottom: 10px;
  }
  .widget .download-wrap a {
      background-color: #E9E9E9;
      color: #5C5D6A;
      border: 2px solid #E1E1E1;
      display: block;
      font-size: 12px;
      padding: 10px;
      font-weight: 700;
      line-height: 18px;
      text-transform: uppercase;
      position: relative;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
  }
  .widget .download-wrap a span {
      display: block;
      font-weight: normal;
      font-size: 10px;
  }
  .widget .download-wrap a i {
      position: absolute;
      top: 9px;
      right: 8px;
      width: 38px;
      height: 38px;
      line-height: 38px;
      text-align: center;
      color: #A7A7A7;
      border: 2px solid #A7A7A7;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -o-border-radius: 100%;
      border-radius: 100%;
  }
  .single-service-content .single-service-thumb {
      margin-bottom: 40px;
  }
  .single-service-content .single-service-thumb img {
      width: 100%;
      max-height:312px
  }
  .single-service-content h2 {
      margin-bottom: 30px;
  }
  .ga-align{
    font-size: 20px;
  }
  .service-list li a{
    position: relative;
    left: 6px;
    text-align: center;
    top: -1px;
    color:#555;
    text-decoration: none;
  }
  .ga-service-width{
    width: 90%!important;

  }
  .ga-service-section-block{
    display: inline-block;
    width: 100%;
    height: auto;
    margin-bottom:4%;
  }
  .ga-service-section-block .container .col-md-12 .col-md-6:last-child{
    width: 45%!important;
    margin-left: 5%!important;
  } 
  .module-main-div{
    width: 95%;
    margin-left: 5%;
    /* background: #1891ec; */
    padding: 32px 25px;
    /* box-shadow: 0 8px 16px -8px rgba(0,0,0,0.4); */
    border-radius: 6px;
  }
  .service-bg{
    background-color:#1891ec
  }
  .ga-module-border{
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-color: #1515159e;
    border-right-style: dotted;
    border-right-width: 1px;
  }
  .w-100{
    width: 100% !important;
  }
  .ga-about-intro{
    margin-left:0%
  }
  .ga-service-modules{
    color:#575757!important;
    padding-top:0px!important;
    width: 35px!important;
    margin-top: -9px!important;
    margin-left:0%;
    text-align: center!important;
    margin-bottom:4%;
    position: relative;
    top: 3px;
  }
  .ga-service-modules-p{
    text-align:justify;
    color: white;
    font-size: 17px!important;
    line-height: 31px;
  }
  .ga-service-modules-h3{
  font-size: 18px;
  line-height: 28px;
  color: #646464;
  margin: 0px;
  margin-bottom: 3%;
  margin-left:0em
  }
  .fa-bell-o:before, 
  .fa-hdd-o:before, 
  .fa-lightbulb-o:before, 
  .fa-code:before, .fa-compress:before, .fa-html5:before{
    position: relative;
    top:15px
  }
  .product-section-main-div{
    width: 100%;
    background-color:#f1f1f1;
    padding:35px 35px;
    margin-bottom:2%;
    border: 1px solid #e3e3e3e6;
  }
  .product-section-main-div-ul{
  list-style: circle;
  margin-left:3em;
  margin-bottom:3.5%;
  }
  .product-section-main-div-ul-li{
    font-size: 17px;
    margin-bottom: 0.8em;
    line-height:2
  }
  .product-section-main-div p{
      font-size: 17px;
      word-spacing: 5px;
      line-height: 33px;
      margin-bottom: 3.5%
  }
  .ga-prdct-lineBtn{
    /* margin-bottom: 2em!important; */
    border-radius:2px!important;
    color:white!important;
  }
  .border-r{
    border-right: 0px!important;
  }
  .border-b{
    border-bottom: 0px!important;
  }
  .info-blocks{
    transition: all 0.4s;
  }
  /* .info-blocks:hover{
    background-color: #3684cf;
    box-shadow: 0 8px 16px -8px rgba(0,0,0,0.4)
  } */
  .info-blocks:hover .ga-service-modules-h3{
    color: white!important;
  }
  /* Video-Section-start */
  .product-video{
    width:90%;
    position: relative;
    background: #e6e6e6;
    max-height:450px;
    margin-left: auto;
    margin-right:auto;
    margin-bottom:6%;
  }
  .product-video-inner-left{
    width: 100%;
    background-size: cover;
    display:inline;
    float: left;
    padding:30% 42%;
  }
  .product-video-inner-left:after{
  background-color: #575757;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    opacity: 0.84;
    width: 100%;
    margin-left:2%;
    z-index: 10;
  }
  .product-video-inner-right{
    display: inline;
    float: left;
    width: 100%;
    padding-top: 142px;
    padding-right:26%;
    padding-left: 45px
  }
  .product-video-inner-right p {
    font-size:16px;
    line-height:1.6;
    word-spacing: 2px;
  }
  .product-video-play-btn{
    background-color: #fff;
    border-radius: 15px;
    display: inline-block;
    color: #6e6e6e;
    height: 55px;
    width: 80px;
    position: relative;
    font-size: 20px;
    z-index: 99;
    line-height: 55px;
    opacity: 0.8;
    padding-left:36%
  }
  .video-title{
    font-size: 32px;
    color: #333;
    position: relative;
    top: -0.5em;
    font-weight:500;
  }
  .service-icon-bg{
    max-width: 70px;
    max-height: 70px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 7px;
    text-align: center;
    background: #f0f0f0;
    padding-top: 21px;
    border-radius: 50%;
    margin-bottom:6%;
    border: 1px solid #8d8d8d;
    box-shadow: 0 8px 16px -8px rgba(0,0,0,0.4);
  }
  .p-t-0{
    padding-top:0px!important
  }
  
  /* Services Skills-item */
  .skills-margin-bt{
    margin-bottom: 0%!important;
    padding-bottom: 2.5%!important;
    font-size: 14px;
    font-weight: 500;
    color: #555;
  }
  .ga-panel-service-mb{
    margin-bottom: 3%!important;
  }
  .margin-btm-3{
    margin-bottom: 3px!important;
  }
  .service-list li:hover, 
  .service-list li:active{
    background-color: #ececec;
    padding-left: 12px
  }
  .single-service-contents .service-sidebar {
    display: none;
  }
  .client-icon{
    width:120px!important;;
  }
  /* Demo modal form */
  .demo-frm-modal{
    position: fixed;
    top: 215px;
    right: 0px;
    width: 56px;
    text-align: center;
    z-index: 999;
    background: #3a3333;
    color: #352e2e;
    height: 45px;
    border: 2px solid white;
    border-radius: 8px 0px 0px 8px;
    cursor: pointer;
  }
  .demo-icon{
    width: 38px;
    position: relative;
    
    font-weight: 800;
    color: white;
    left: 6px;
}

  .modal-inner-main{
    width: 100%;
    height: 100%;
    position: relative;
    display:flex;
  }
  .modal-inner-main h3{
    margin-bottom: 6px;
    color: #4c4c4c;
  }
  .modal-inner-main p{
    margin-bottom: 2em
  }
  .modal-frm-div{
    width: 50%;
    float: left;
    display: inline-block;
    position: relative;
    background-color: #f1f1f1;
    padding: 20px 35px;
  }
  .modal-adrs-div{
    width: 50%;
    float: left;
    display: inline-block;
    position: relative;
    background-color: #005a9f;
    padding: 29px 35px;
  }
  .ga-demo-input{
    border: none;
    padding-bottom: 7px;
    box-shadow: none;
    font-size: 15px;
    outline: none;
    padding-left: 49px;
    border-bottom: 2px solid #005a9f6b;
    background: #f1f1f1
  }
  .ga-form-group{
    position: relative;
    margin-bottom: 35px;
  }
  .demo-email-icon{
    width: 27px!important;
    top: 1px!important;
  }
 .adrs-heading{
   color:white;
   margin-bottom: 35px!important;
 }
 .adrs-sub-heading{
   color: white;
    font-size: 19px;
    margin-bottom: 12px
 }
 .adrs-box{
   margin-bottom: 12%;
 }
 .adrs-p{
  color: white;
  margin-bottom: 1px!important
 }
  .button-close{
    position: absolute!important;
    z-index: 999;
    top: 6px;
    left: 6px;
    color: white;
    left: 97%;
    opacity: 1
  }
  .mob-demo-icon{
    left:-2px!important;
  }
  .demo-btn{
    border-radius: 5px !important;
    position: relative;
    top: -0.5em;
    padding: 8px 22px
  }
  .pd-0{
    padding: 0px!important;
  }
  .modal-width{
    width: 800px!important;
  }
  .d-i{
    display: inline!important;
  }
  .ga-model-body{
    display:grid;
    background-color: #f1f1f1
  }
  .demo-form-icon{
    width: 35px;
    position: absolute;
    top: -5px;
    left: 2px
  }
  .form-control{
    transition: all 0.2s!important;
    margin-bottom: 2%;
  }
  .input-height{
    height: 50px!important;
  }
  .text-area-ht{
    height: 140px!important;
  }
  .form-control:focus{
    outline: 0!important;
    box-shadow: none!important;
    border-color: #0677ce!important;
  }
  /* SUCCESS, TECHNOLOGY, BECOME-A-PARTNER  */
  .sucess-banner-img{
    width: 100%;
    max-height: 350px;
  }
  #sucess-section{
    padding: 50px 0px; 
  }
  .pd-btm-0{
    padding-bottom: 18px!important;
    margin: 23px 0;
  }
  .sucess-decription {
    font-size: 20.5px;
    line-height: 1.8;
    word-spacing: 3px;
}
.success-service-icon-bg{
  max-width: 70px!important;
  max-height: 70px!important;
  height: 70px!important;
  width: 70px!important;
  box-shadow: 0px 0px 5px 2px #e3e3e3;
}
.ga-sucess-icon{
  position: relative;
  top: 5px;
  left: 1px
}
.ga-sucess-flex-caption{
  margin-right: 18%!important;
  bottom: 130px!important
}
.ga-sucess-flex-caption h3{
  color:#fff!important;
}
.sucess-section-decor{
  background-color: #f3f3f3
}
.ga-form-control{
  height: 50px!important;
  margin-bottom:2%!important;
}
.quote-left{
  position: relative;
  right: 1%
}
.quote-right{
  position: relative;
  left: 1%;
}
.techno-lang-main-div{
  width: 100%;
  display: inline-block;
  padding: 15px 15px;
  border: 1px solid #e8e8e8;
  box-shadow: 1px 1px 2px 0px #ececec;
  transition: all 0.4s;
}
.techno-lang-main-div:hover{
  background: #36a2ff;
    color: white;
}
.ga-techonoly-lang-li{
  display: inline-block;
  width: 100%;
  margin-bottom: 2%;
  padding: 4px 28%;
}
.ga-techonoly-lang-div{
  width: 22%;
  display: inline-block;
  float: left;
  margin: auto;
}
.w-72{
  width: 72%!important;
}
.ga-techonoly-lang-div img {
  width: 30px!important;
  margin: 0px!important;
  float: left!important;
  top: -1px;
  position: relative
}
.ga-techonoly-lang-div-p{
  position: relative;
  top: 4px;
  font-size: 16px;
  text-align: left;
}
.ga-technology-lang-head{
  margin-bottom: 6%!important;
}
.career-p{
  margin-top: 4%!important;
  text-align: justify;
  margin-bottom: 4%
}
.p-align-subhead{
  font-size: 17.5px;
  line-height: 33px;
  word-spacing: 4px;

}
.font-sze-18{
  font-size: 18px;
}
.w-97{
  width: 97%!important;
}
.font-sze-16{
  font-size: 16px;
}
.mb-7{
  margin-bottom:7%!important;
}
.mb-2-5{
  margin-bottom: 2.5!important;
}
.mb-8{
  margin-bottom:8%!important;
}
.mb-0{
  margin-bottom: 0%!important;
}
.mb-4{
  margin-bottom: 4%!important;
}
.mb-5{
  margin-bottom: 5%!important;
}
.mb-6{
  margin-bottom: 6%!important;
}
.mb-3-5{
  margin-bottom: 3.5%;
}
.mb-3{
  margin-bottom:3%;
}
.mt-0{
  margin-top: 0px!important;
}
.mt-2{
  margin-top: 2%!important;
}
.mt-4{
  margin-top: 4%!important;
}
.mt-5{
  margin-top: 5%!important;
}
.ml-5{
  margin-left: 5.5em!important
}
.ml-2{
  margin-left: 2%!important;
}
.color-fff{
  color: white;
}
.our-process-p{
  line-height: 2;
}
.career-li{
  line-height: 2!important;
  padding-bottom: 2%!important;
  font-size: 18px!important;
}
/* top-header css */
.socia-main{
  display: block;
  height: 30px;
  float: left;
}
.socia-home-div{
  width:14%;
  float: right;
}
/*  BANNER CLASS */
.bg-banner-mg{
  margin-left: -1.8em
}
/* P-Alignment */
.p-subheading-align{
  font-size: 18px;
  line-height: 37px;
  word-spacing: 4px
}
.p-align{
  font-size: 17.5px;
  line-height: 33px;
  word-spacing: 4px;
  margin:22px 0px;
}

.p-info-align{
  font-size: 17.2px!important;
  line-height: 1.7;
  margin-top: 3.5%;
  word-spacing: 2px;
}
.about-p-align{
  font-size: 17.5px;
  line-height: 33px;
  letter-spacing: 1px;
  margin-bottom: 4%;
}
/* Footer logo */
.footer-logo{
  display: block;
    width: 120px;
    margin-left: -12%;
}
  /* Gaurav Media-query-css start */
    /* ---------------------------------- */
    @media (max-width:600px){
      .modal-width{
        width: 100%!important;
      }
      .modal-frm-div{
        width: 100%;
      }
      .modal-adrs-div{
        width: 100%;
      }
      .sticky-logo-ga{
        margin-top:-3em;
      }
      /* for top header padding:0 */
      .pt-6{
        padding-top: 0px
      }
      .logo-brand{
        display: inline-block;
        float: left;
        width: 15%;
      }
      .brand-slogan{
        float: left;
        width: 85%;
        top: 2px;
      }
      .brand-slogan-title{
        font-size: 20px;
        position: relative;
        top: 2px;
      }
      .top-header{
        min-height: 180px;
      }
      .brand{
        width: 100%;
      }
      .topheader-right-div a i{
        font-size: 25px;
        left: 4px;
        top:3px;
      }
      .topheader-right-div{
        width: 100%;
        margin-top: -4%;
      }
      .topheader-right-div a p{
        font-size: 21px;
      }
      .topheader-right-div a:first-child{
        left:-22%;
        margin-bottom: 2%;
      }
      .topheader-right-div a img{
        left: 28%;
        width: 163px;
        height: 55px;
      }
      .brand_name img{
        width: 50px;
        margin-top: -10px;
      }
      .ga-dropdown-menu{
          min-width: 100%!important;
          color:white!important;
          border: none!important;
          height: 900px;
      }
      .ga-mega-dropdown{
          width: 100%
      }
      .ga-mega-dropdown-h4{
          color: white;
      }
      .ga-mega-dropdown-li a{
        color:white!important;
      }
/* MODULES DIV */
.module-main-div{
  padding-top: 10px;
  padding-bottom: 20px;
}
.service-icon-bg{
  margin-top: 10px
}
  /* ERP-Section-Media query */
  .card-wrapper{
    display: block;
  } 
  .card{
    width:100%;
    margin:0px;
    margin-bottom:10%;
    height: 275px;
  }
  .card .additional .more-info{
    width: 58%;
    left: 120px;
    padding-left: 0px;
    margin-top: 5%;
  }
  .card .additional .stats > div{
    flex: 2.5;
  }
  .card .additional{
    width: 35%
  }
  .card .additional .user-card{
    width:100%
  }
  .card .general{
    width:65%;
    font-size: 12px;
    padding: 0px 18px;
    padding-top: 7px;
  }
  .card h1{
    font-size: 24px;
    margin-top: 15px;
    margin-bottom: 0px!important;
  }
  .card .general p{
    top: 0.8em;
    font-size: 14px;
    line-height: 1.8;
  }
  .card .general .more{
    right: 0.5rem;
    font-size: 0.9em;
  }
  .card:hover .center{
    left:22%
  }
  .card.green .additional .more-info h1{
    margin-left:2px;
  }
  .card-wrapper .card.green .additional .more-info a{
    left: 0.8em;
    top: 2.2em;
  }
  .card .additional .stats{
    margin-top: 2.5rem;
    margin-left: -8px;
  }
  .card .additional .stats div.value{
    display:none
  }
  .card .additional .stats i{
    font-size:15px
  }
  .center img{
    width: 44px !important;
  }
  .ga-lineBtn-res{
    margin:14px 0px 20px!important;
  }
  /* Viedo Responsive Item */
  .ga-service-section-block .container .col-md-12 .col-md-6:last-child{
    width: 100%!important;
  }
  .product-video-inner-left{
    display: inline-block;
    float:none;
  }
  .product-video-inner-left:after{
    margin-left: 4.5%!important;
  }
  .product-video-inner-right{
    padding-top: 30px;
    padding-right: 5%
  }
  .product-video-inner-right p{
    font-size: 15px;
    margin-bottom: 16%
  }
  .product-video-play-btn{
    padding-left: 65%;
  }
  .video-title{
    left: 4.3%;
  }
  /* Card Responsive item */
  .card .additional .stats div.title{
    font-size: 9.5px;
    margin-bottom: 3%;
    font-weight: bold;
    text-transform:none;
    letter-spacing: 0.7px
  }
  /* Sucess, techno, become a partner */
  #sucess-section{
    padding: 30px 30px;
    padding-top: 30%
  }
  .sucess-decription{
    margin-left: 10%;
  }
  .ga-service-modules-h3{
    margin-bottom: 6%
  }
  .aligncenter-p{
    margin-top: 15%;
  }
  .ga-techonoly-lang-li{
    padding: 4px 12%
  }
  .ga-techonoly-lang-div-p{
    font-size: 14px;
    left: 20%;
  }
  .socia-home-div{
    width: 42%!important;
  }
  /* Sucess, techno, become a partner */
  .about-text h2{
    text-align: center!important
  }
  /* footer{
    text-align:center;
  } */
  .ga-module-border{
    border-right: 0px;
    border-right-width: 0px;
  }
  .border-b{
    border-bottom: 1px solid #a2a2a2!important;
  }
  }
  /* MEDIA QUERY ENDS HERE */

/* Modules features */
  .info-blocks-hover:hover{
    background-color: #3d91e2;
    box-shadow: 0px 0px -0px rgba(0,0,0,0.4);
  }
  /* CONTACT PAGE */
  .content-main-box{
    display: inline-block;
    width: 100%;
    margin-bottom: 4%;
  }
.contact-icon-bg{
  width:65px!important;
  height:65px!important;
  float: left;
  border: 0!important;
}
.contact-details-div{
  display: inline-block;
  width: 80%;
  float: left;
}
.contact-details-div h3{
  margin-top: 3%;
  font-weight: 300;
  margin-bottom: 3%;
  font-size: 20px;
  color: #1891ec;
}
.contact-icon-bg i{
  font-size: 25px;
    color: white;
}
.contact-icon-bg{
  background-color: #1891ec!important;
  margin-right: 5%;
}
.contact-title{
  color: #1891ec;
  margin-bottom: 6%;
  font-weight: 400;
}
.contact-title i{
  margin-right: 5%;
  font-size: 32px;
  margin-left: 2%;
  color: #1891ec;
}
.contact-p span{
  font-size: 15px;
  line-height: 1.9;
}
.contact-input-i{
  position: absolute;
    top: 21.3%;
    left: 5.5%;
    font-size: 19px;
    color: #1891ec;
}
.mt-8-2{
  margin-top: 8.5%
}
.f-l{
  float: left!important;
}
.pd-0{
  padding: 0px!important;
}
.m-0{
  margin: 0px!important;
}

/* TOOLTIP HOVER CSS */

.field-tip .tip-content {
    position:absolute;
    z-index: 9999;
    top: 36%; /* - top padding */
    right:9999px;
    width:200px;
    margin-right: 5%; /* width + left/right padding */
    padding:10px;
    color:#fff;
    background:#f7f7f7;
    border-left: 2px solid #1976d2;
    -webkit-box-shadow:2px 2px 5px #aaa;
       -moz-box-shadow:2px 2px 5px #aaa;
            box-shadow:2px 2px 5px #aaa;
    opacity:0;
    -webkit-transition:opacity 250ms ease-out;
       -moz-transition:opacity 250ms ease-out;
        -ms-transition:opacity 250ms ease-out;
         -o-transition:opacity 250ms ease-out;
            transition:opacity 250ms ease-out;
}
    /* <http://css-tricks.com/snippets/css/css-triangle/> */
    .field-tip .tip-content:before {
        content:' '; /* Must have content to display */
        position:absolute;
        top:4%;
        left: 100%; /* 2 x border width */
        width:0;
        height:0;
        margin-top:-8px; /* - border width */
        border:8px solid transparent;
        border-left-color:#333;
    }
    .tip-content:before:nth-child(4){
      top: 35%!important;
    }
    .field-tip:hover .tip-content {
      right: 27%;
      opacity: 1;
    }
    .tip-content h5{
      color: #555;
      padding-bottom: 8px;
      border-bottom: 1px dotted #555;
    }
    .tip-content p{
      color: #555;
      line-height: 25px;
    }
    .mt-11{
      margin-top: 11%;
    }
    .mt-18{
      margin-top:18%;
    }
    .mt-25{
      margin-top:25%;
    }
    /* SOME MAGIC CSS */
    .adrs-p-txt-none span{
      display:none
      
    }
    .adrs-p-txt-change:after{
      content: "+91-9910137776, +91-991014090 ,Gaurav Kumar (+91) 99101-37776" 
    }
    /* ACCORDIAN HOVER */
    .accord-hover{
      transition: all 0.5s;
    }
    .accord-hover:hover{
      background-color: white!important;
      color:#555!important;
    }
    .accord-hover:hover .accord-hover-i{
      color: #555!important;
    }
    .mr-23-5{
      margin-right: 23.5%!important;
    }
.link-list:nth-child(3) li:nth-child(5){
  display: none!important;
}
/* KATS ADVANTAGES CARD */
.card-advant-div{
  background: #f6f6f6;
    border: 1.5px solid #eaeaea;
    padding-bottom: 20px;
    transition: all 0.2s;
    cursor: pointer;
}
.card-advant-div:hover{
  box-shadow: 0 5px 15px -8px rgba(0,0,0,0.4);
}
.card-advant-div img{
  width: 100%;
  margin-bottom: 6%;
}
.card-advant-div h4{
  margin-left: 16px;
  border-bottom: 1px dotted;
  font-size: 20px;
  padding-bottom: 8px;
}
.card-advant-div p{
  margin-left: 16px;
  margin-right: 16px;
  text-align: justify;
  font-size: 17px;
  line-height: 1.7;
  margin-bottom: 6%;
}
.card-advan-ul{
  padding: 0px 16px;
  list-style: circle;
  margin-left: 16px;
}
.card-advan-ul li{
  line-height: 2;
  font-size: 15.5px;
}
/* NEW ABOUT PAGE SKILLS SECTION CSS */
.about-icon-div-skills{
  margin: 0px!important;
display: inline-block;
  margin-right: 11px;
  box-shadow: none;
  height: 50px!important;
  width: 50px!important;
  background-color:white!important;
}
.about-icon-skills{
  width: 25px!important;
    top: -4px;
}
.about-skills{
  display: inline-block;
    position: relative;
    top: -6px;
    margin-left: 5%;
    font-size: 18.5px;
    font-weight: 400;
}
.about-panel-div{
  width: 100%!important;
    background: #fff !important;
    font-size: 14px!important;
    color: #555!important;
  padding-top: 0px!important;
  padding-left: 0px!important;
  margin-bottom: 6%;
  cursor: pointer;
  transition: all 0.5s;
}
.about-panel-div:hover .about-icon-div-skills{
 border-color: #1976d2;
}
.about-panel-div:hover .about-skills{
  color: #1976d2;
}
.bg-about-image{
  background-image: url(https://s23474.pcdn.co/wp-content/uploads/2017/03/map_rr.png?id=3959) !important
}
.height-161{
  height: 161px !important;
}
/* CLIENT MORE TEXT CSS */
.more-text{
  display: inline-block;
  position: relative;
  /* left: 20%; */
  top: 27px;
  border: 1px solid #e0dedf;
  font-size: 14px;
  font-weight: bold;
  padding: 33px 8px;
  border-radius: 10px;
}
.modules-bx-shadow{
  display: inherit;
  box-shadow: 0px 0px 6px 1px #e7e7e7;
  border: 1px solid #dfdfdf;
  background: #f7f7f7;
}
.whatsap-cls{
    top: 280px!important;
    background-color: #13ff46!important;
}
.whatsap-cls a img{
width: 42px!important;
}
.whatsap-cls a{
  color: white!important;
}