/*
Theme Name: MaterialWP
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');




a,
a:focus,
a:active {
  outline: none;
}

body,
button,
input,
select,
textarea {
  font-family: 'Poppins';
  font-weight: 400;
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  color: #000;
  font-weight: 400;
  letter-spacing: normal;
  letter-spacing: -0.5px;
}

.inner-page ul {
  margin-left: 0px !important;
}

p,
ul {
  margin-bottom: 1.5em;
  font-size: 15px;
  line-height: 26px;
  color: #515164;

}

b,
strong {
  font-weight: bold;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

@media (min-width: 1200px) {
  .container {
    width: 1290px;
  }
}

.navbar.navbar,
.navbar-default.navbar {
  background: none !important;
  color: rgba(255, 255, 255, 0.84);
}

pre {
  background: #eee;
  font-size: 14px;
  font-size: 1.5rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-size: 14px;
  font-size: 1.5rem;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

sup,
sub {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  bottom: 1ex;
}

sub {
  top: 0.5ex;
}

small {
  font-size: 75%;
}

big {
  font-size: 125%;
}

.table-bordered>tbody>tr>td {
  padding: 2px 5px;
  font-size: 17px;
  color: #595959;
  line-height: 30px;
}
.mobile_banner{
  background: url(images/hero_mobile.jpeg) no-repeat left top;
  color: #fff;
    text-align: center;
    padding: 100px 15px;
    font-size: 25px;
    line-height: 34px;
}
.mobile_banner span{
  background: linear-gradient(90.00deg, #70FEFF 0.68%, #507EE0 21.07%, #9154E7 73.18%, #35C4E4 83.68%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    color: #fff;
  } 
/* Banner Start*/
.banner_title .n2-ss-item-content {
  font-family: 'Poppins' !important;
  font-weight: 200 !important;
  line-height: 48px !important;

}

.banner_title .n2-ss-item-content span {
  background: linear-gradient(90.00deg, #70FEFF 0.68%, #507EE0 21.07%, #9154E7 73.18%, #35C4E4 83.68%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
  color: #fff;
}

.banner_button .n2-ss-button-container>a {
  padding: 10px 20px !important;
  font-family: 'Poppins' !important;
  color: #fff;
  font-weight: normal;
  background: linear-gradient(#25136D, #25136D) padding-box,
    linear-gradient(to right, #ED25C1 2.56%, #A74FFF 21.85%, #F096FF 33.42%,
      #FFFFFF 51.26%, #FFFFFF 54.64%, #FF96E2 74.41%, #874FFF 84.53%, #4D25ED 95.14%) border-box !important;
  border-radius: 50em !important;
  border: 2px solid transparent !important;
}

.banner_button .n2-ss-button-container>a:hover {
  color: #fff !important;
  background: linear-gradient(#25136D, #25136D) padding-box,
    linear-gradient(to right, #4D25ED 2.56%, #874FFF 21.85%, #FF96E2 33.42%,
      #FFFFFF 51.26%, #FFFFFF 54.64%, #F096FF 74.41%, #A74FFF 84.53%, #ED25C1 95.14%) border-box !important;
}

/* Banner Close */
.mb-30 {
  margin-bottom: 30px;
}



#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
  padding: 0px 10px 0px 10px;
  color: #333 !important;
}

body .wp-paginate .current {
  color: #fff;
  background: #4c51dc;
  border: 1px solid #4c51dc;
  margin-right: 5px;
  padding: 6px 10px;
}

body .wp-paginate a {
  background: #fff;
  border: 1px solid #ccc;
  color: #666;
  margin-right: 4px;
  padding: 6px 10px;
  text-align: center;
  text-decoration: none;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li>ul,
li>ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

th {
  font-weight: bold;
}

.container {
  position: relative;
}

@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
}

#header {
  padding: 1em 0em;
  position: relative;
}

#header .header-navgtn .btn-tlak {
  box-shadow: none !important;
  background: #8785d373 !important;
  margin: 5px 0px 0 20px;
}

#header .header-navgtn .btn-tlak:hover {
  background: #474ce4 !important;
  box-shadow: none !important;
  color: #fff !important;
}

#header .logo img {
  margin-top: 5px;
}

#header .header-navgtn {
  position: relative;
  margin-top: 0px;
}

#header .header-navgtn ul li.current_page_item a {
  background: none;
  color: #1c3faa !important;
  text-decoration: none !important;
}

#header .header-navgtn ul li a {
  font-size: 14px;
  position: relative;
  color: #333;
  font-weight: normal;
  padding: 0px;
  margin: 0 20px;
  border-radius: 0px !important;
  text-transform: uppercase;
}

.entry-content .block {
  padding: 30px;
  background: #fde5cc;
  margin-bottom: 30px;
  border-radius: 30px;
}

#header .header-navgtn .btn-tlak {
  background: #8785d373 !important;
}

#header .header-navgtn ul li a:hover {
  /*color: #eee;*/
  background: none;
  color: #1c3faa !important;
  z-index: 200;
}

#header .header-navgtn ul li a.active {
  background: none;
  color: #1c3faa !important;
  z-index: 200;
}

#header .header-navgtn ul li a:hover:before,
#header .header-navgtn ul li a.active:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  bottom: 0px;
  background: none;
  color: #1c3faa !important;
  left: 0px;
  z-index: -1;
  animation: 0.8s alternate ElasticOvr;
  -webkit-animation: 0.8s alternate ElasticOvr;
  transition: all cubic-bezier(0, 0.52, 0.25, 1) 0.3s;
  -webkit-transition: all cubic-bezier(0, 0.52, 0.25, 1) 0.3s;
  -moz-transition: all cubic-bezier(0, 0.52, 0.25, 1) 0.3s;
}

#header .NAvar_toggle {
  padding: 6px 5px;
  margin: 0;
  position: absolute;
  right: 18px;
  top: 8px;
  cursor: pointer;
  border-color: transparent;
  z-index: 999;
  background: 0 0 !important;
  outline: 0;
  display: none;
}

#header .NAvar_toggle .icon-bar {
  display: block;
  width: 26px;
  height: 2px;
  border-radius: 1px;
  background: #201e5d;
  transition: all cubic-bezier(0.18, 0.84, 0.58, 1.07) 0.5s;
}

/* AI */
.whychoose_ai {
  padding: 50px 0;
  background: url(images/dotted_background.jpg) no-repeat right bottom;
}

.whychoose_ai h2 {
  margin: 0 0 50px 0;
  font-weight: 500;
}

.whychoose_ai ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.whychoose_ai ul li {
  padding: 0 0 25px 50px;
  background: url(images/tick_icon.png) no-repeat left top 5px;
}

.become_ai {
  padding: 40px 0;
  background: #c9eefe;
}

.become_ai h2 {
  margin: 0 0 20px 0;
  font-weight: 500;
}

.services_ai {
  padding: 40px 0;
  background: #f7f7f7;
}

.services_ai h2 {
  margin-bottom: 30px;
}

.services_ai .service_box {
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 30px;
}

.services_ai .service_box h2 {
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0 10px 0;
}

.services_ai .service_box ul {
  margin: 0 0 0 20px;
  padding: 0;
}

.service_box img {
  width: 40px;
  margin: 0 0 10px 0;
}

.color1 {
  background: #ebf2f7;
}

.color2 {
  background: #faeeec;
}

.color3 {
  background: #f4eef7;
}

.color4 {
  background: #f5f1df;
}

.color5 {
  background: #e1f9f4;
}

.color6 {
  background: #e9f0ff;
}

.color7 {
  background: #faeeec;
}

.color8 {
  background: #f4eef7;
}

.color9 {
  background: #f5f1df;
}


.callto_action {
  background: linear-gradient(60.65deg, #57048A -1.72%, #470E8A 6.72%, #3D148A 16.21%, #3B168A 28.86%, #1A298A 73.13%, #0E318B 87.89%);
  padding: 40px 0;
}

.callto_action h2,
.callto_action p {
  color: #fff;
}

.callto_action a {
  border: 1px solid #fff;
  padding: 10px 20px;
  border-radius: 10px;
  text-decoration: none;
  display: inline-block;
  color: #fff;
}

/* Mobile humberger menu style */
.DropBox_menu {
  background: #201e5d;
  transition: all cubic-bezier(0.18, 0.84, 0.58, 1.07) 0.5s;
}

#header .NAvar_toggle .icon-bar+.icon-bar {
  margin-top: 6px;
}

#header .innernav {
  position: absolute;
  top: 50px;
  left: 0px;
  padding: 0px;
  background: #fff;
  box-shadow: 0px 8px 30px #ddd;
  z-index: 90;
  opacity: 0;
  visibility: hidden;
  transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.5s;
  -webkit-transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
  -moz-transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
  -o-transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
}

#header ul.innernav li {
  list-style-type: none;
  font-size: 13px;
  color: #666;
  opacity: 0;
  visibility: hidden;
  transform: translate3d(0px, -12px, 0px);
  -webkit-transform: translate3d(0px, -12px, 0px);
  -moz-transform: translate3d(0px, -12px, 0px);
}

#header .header-navgtn ul.innernav li a {
  list-style-type: none;
  font-size: 13px;
  font-weight: 400;
  color: #666;
  padding: 15px 25px;
  display: inline-block;
  width: 100%;
  margin: 0px;
}

#header .header-navgtn ul.innernav li a:hover {
  text-decoration: none;
}

#header .header-navgtn ul li:hover ul.innernav {
  opacity: 1;
  visibility: visible;
  transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
  -webkit-transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
  -moz-transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
  -o-transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
}

#header .header-navgtn ul li:hover ul.innernav li {
  opacity: 1;
  visibility: visible;
  transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
  -webkit-transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
  -moz-transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
  -o-transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
}

#header .header-navgtn ul li:hover ul.innernav li:nth-child(1) {
  -webkit-transition-delay: 180ms;
  transition-delay: 180ms;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
}

#header .header-navgtn ul li:hover ul.innernav li:nth-child(2) {
  -webkit-transition-delay: 280ms;
  transition-delay: 280ms;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
}

#header .header-navgtn ul li:hover ul.innernav li:nth-child(3) {
  -webkit-transition-delay: 380ms;
  transition-delay: 380ms;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
}

#header .header-navgtn ul li:hover ul.innernav li:nth-child(4) {
  -webkit-transition-delay: 480ms;
  transition-delay: 480ms;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
}

#header .header-navgtn ul li:hover ul.innernav li:nth-child(5) {
  -webkit-transition-delay: 580ms;
  transition-delay: 580ms;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
}

#header .header-navgtn ul li:hover ul.innernav li:nth-child(6) {
  -webkit-transition-delay: 680ms;
  transition-delay: 680ms;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
}

#header .header-navgtn ul li:hover ul.innernav li:nth-child(7) {
  -webkit-transition-delay: 780ms;
  transition-delay: 780ms;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
}

#header .header-navgtn ul li:hover ul.innernav li:nth-child(8) {
  -webkit-transition-delay: 880ms;
  transition-delay: 880ms;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
}

#header .header-navgtn ul li:hover ul.innernav li:nth-child(9) {
  -webkit-transition-delay: 980ms;
  transition-delay: 980ms;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
}

.modal-header .close {
  margin-top: -2px;
  position: absolute;
  right: 25px;
  font-size: 36px;
}

@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
  }
}

/*  bhoechie tab */
div.bhoechie-tab-container {
  z-index: 10;
  padding: 0 !important;
}

div.bhoechie-tab-menu {
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}

div.bhoechie-tab-menu div.list-group {
  margin-bottom: 0;
}

div.bhoechie-tab-menu div.list-group>a {
  margin-bottom: 0;
}

div.bhoechie-tab-menu div.list-group>a:first-child {
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}

div.bhoechie-tab-menu div.list-group>a:last-child {
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}

div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa {
  color: #ffffff;
}

div.bhoechie-tab-menu div.list-group>a.active:after {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
}

div.bhoechie-tab-content {
  /* border: 1px solid #eeeeee; */
  padding-left: 20px;
  padding-top: 10px;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active) {
  display: none;
}

.list-group .list-group-item {
  display: inline-block !important;
  padding: 0;
}

a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
  background: none !important;
  outline: none !important;
}

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
  border-color: #337ab7 !important;
}

/* Products */
.section_products {
  padding: 60px 0;
  background: #fff;
}

.section_products h2 {
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 43px;
  margin: 0 0 40px 0;
  border-bottom: 1px solid #ccc;
  display: inline-block;
  padding: 0;
}

.icon_product {
  float: left;
  text-align: center;
  margin-right: 20px;
}
.icon_product .view_product{
  padding: 10px 20px !important;
  font-family: 'Poppins' !important;
  color: #fff;
  font-weight: normal;
  background: linear-gradient(#25136D, #25136D) padding-box, linear-gradient(to right, #ED25C1 2.56%, #A74FFF 21.85%, #F096FF 33.42%, #FFFFFF 51.26%, #FFFFFF 54.64%, #FF96E2 74.41%, #874FFF 84.53%, #4D25ED 95.14%) border-box !important;
  border-radius: 50em !important;
  border: 1px solid transparent !important;
  position: relative;
  z-index: 999;
  bottom: 60px;
  text-decoration: none;
}


.heading_product {
  background: linear-gradient(87deg, #44118B 10.68%, #44118B 21.07%, #44118B 23.18%, #356ee4 83.68%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
  font-size: 16px;
}

.description_product p {
  line-height: normal;
  font-size: 14px;
  margin: 0;
}

div.bhoechie-tab-menu div.list-group a {
  margin-bottom: 25px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 30px;
  display: block;
}

div.bhoechie-tab-menu div.list-group a:last-child {
  border: none;
}

.healthcare_services{
  padding: 50px 0;
}
.healthcare_services h2{
  margin-bottom: 20px;
}
.healthcare_services ul {
  margin: 0 0 0 15px;
  padding: 0;
  list-style: none;
}
.healthcare_services ul li {
  padding: 5px 0 5px 40px;
  margin-bottom: 10px;
  background: url(images/tick_icon.png) no-repeat left top 8px;
  background-size: 20px 20px;
}
/* Healthcare */
.helath_features{
  margin-bottom: 50px;
  
}
.helath_features .box_health{
  background: #f0faff;
  padding: 10px 30px;
  margin-bottom: 20px;
}
.helath_features .box_health:hover{
  background: #c2e1f6;
}
.helath_features .box_health h2{
  font-size: 20px;
  font-weight: bold;
}
.regulatory_compliences{
  padding: 50px 0;
  background: #fff9f3;
}
.regulatory_compliences h3{
  font-size: 20px;
  font-weight: bold;
}


.awsm-list-item .awsm-job-featured-image{
  display: none !important;
}


/* Clients */
.clients {
  padding: 80px 0 100px 0;
  color: #000;
  background: #F4F5FF;
}

.clients h2,
.clients p {
  color: #000;
}

/* testimonials */
.testimonials {
  padding: 50px 0 50px 0;
  background: #fff;
}


/* Menu hover Drop Down */
/* Elastic hover animation */
@-webkit-keyframes ElasticOvr {
  0% {
    top: 0;
    height: 0px;
  }

  50% {
    top: 0;
    height: 100%;
  }

  100% {
    bottom: 0px;
    height: 2px;
    color: #fff !important;
  }
}

@-moz-keyframes ElasticOvr {
  0% {
    top: 0;
    height: 0px;
  }

  50% {
    top: 0;
    height: 100%;
  }

  100% {
    bottom: 0px;
    height: 2px;
    color: #fff !important;
  }
}

@keyframes ElasticOvr {
  0% {
    top: 0;
    height: 0px;
  }

  50% {
    top: 0;
    height: 100%;
  }

  100% {
    bottom: 0px;
    height: 2px;
    color: #fff !important;
  }
}

/* Content styles */
.cssTxtElem {
  position: relative;
  padding: 12rem 0;
  text-align: center;
}

.cssTxtElem h1 {
  font-size: 35px;
  color: #3b3c4b;
  margin-bottom: 50px;
  font-weight: 800;
  margin-bottom: 10px;
}

.cssTxtElem p {
  font-size: 18px;
  color: #3b3c4b;
  margin-bottom: 50px;
  font-weight: 400;
  margin-top: 6px;
}

/* RESPONSIVE CODE*/
@media screen and (max-width: 990px) {
  .navbar-header {
    float: none;
    display: block;
    text-align: center;
  }

  .header-navgtn {
    float: none !important;
    text-align: center;
  }

  .header-navgtn .navbar-nav {
    float: none;
  }

  .header-navgtn .navbar-nav li {
    float: none;
    display: inline-block;
  }
}

@media screen and (max-width: 768px) {
  #header .navbar-header {
    float: left;
    margin: 0;
  }

  #header .NAvar_toggle {
    display: block;
  }
  .about_image{
    margin-bottom: 30px;
  }
  div.bhoechie-tab-menu div.list-group a{
    padding: 20px 20px 30px 20px;
  }
  .section_products h2{
    margin-left: 20px;
  }

}

.container {
  position: relative;
}

#header {
  padding: 0;
  z-index: 99;
  top: 0;
  width: 100%;
  background: #fff;
  border: medium none;
  position: fixed;
  height: 60px;
  box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);
}

.title-banner {
  margin-top: 0px;
  background-color: #474ce4;
  padding: 15px 0;
}

.event-section {
  padding: 80px 0 50px;
  background: #fff url(images/banner-header2.png) repeat-x left top;
}

.event-section h3 {
  text-align: center;
}

.event ul li {
  color: #333;
  opacity: inherit;
  line-height: 26px;
  padding-bottom: 30px;
  font-size: 16px;
  position: relative;
  padding-left: 50px;
}

.event h3,
.video h3 {
  color: #d30d13;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 45px;
  padding-left: 30px;
}

.upcoming {
  background: #f87f18;
  margin: 50px 0 0 0;
  padding: 40px;
  color: #ffff;
}

.upcoming span {
  letter-spacing: 5px;
  display: block;
  padding-bottom: 10px;
}

.upcoming h3 {
  padding: 0;
  margin: 0 0 50px 0;
  letter-spacing: 1.5px;
}

.upcoming a {
  font-size: 17px;
  text-align: left;
  display: block;
}

.event ul li::before {
  content: "";
  display: inline-block;
  height: 38px;
  width: 38px;
  background-size: cover;
  background-image: url(images/icon.png);
  background-repeat: no-repeat;
  margin-right: 30px;
  background-position: center center;
  vertical-align: middle;
  position: absolute;
  left: 0;
}

.event ul {
  background: #fff;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.205);
  padding: 40px;
  margin: 0;
  list-style: none;
  margin-top: 30px;
}

.carousel-wrap h4 {
  margin-bottom: 25px;
}

.title-banner h1,
.welcome h1 {
  color: #fff;
  font-weight: 500 !important;
}

.title-banner p {
  color: #fff;
  opacity: 0.4;
  letter-spacing: 0.5px;
}

.title-banner p a {
  color: #fff;
  /* opacity: 0.5; */
}

.carousel-wrap {
  max-width: 600px;
  margin-left: 50px;
  padding: 130px 50px 0px 50px;
}

/* fix blank or flashing items on carousel */
.owl-carousel .item {
  position: relative;
  z-index: 100;
  -webkit-backface-visibility: hidden;
}

/* end fix */
.owl-nav>div {
  margin-top: -26px;
  position: absolute;
  top: 50%;
  color: #cdcbcd;
}

.owl-nav i {
  font-size: 52px;
}

.owl-nav .owl-prev {
  left: -30px;
}

.owl-nav .owl-next {
  right: -30px;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/

.form-search {
  padding: 25px 0;
}

.form-search .search-query {
  border: #324b56 1px solid !important;
  height: 38px !important;
  position: relative;
}

.form-search .material-input {
  content: "\f002";
  font-family: FontAwesome;
  left: -5px;
  position: absolute;
  top: 0;
  color: #fff;
}

.form-control-wrapper .floating-label {
  left: 15px;
  top: 8px;
  color: #757f83;
  font-size: 14px;
  font-weight: 400;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/

.form-control-wrapper .form-control,
.form-control,
fieldset[disabled] .form-control:focus,
.form-control-wrapper .form-control:focus,
.form-control:focus,
fieldset[disabled] .form-control.focus,
.form-control-wrapper .form-control.focus,
.form-control.focus {
  padding: 0;
  float: none;
  border: 0;
  box-shadow: none;
  border-radius: 0;
  background: transparent;
  border-bottom: 1px solid #757575;
}

/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
  color: #474ce4;
}

a:visited {}

a:hover,
a:focus,
a:active {
  color: #474ce4;
  text-decoration: underline;
}

.navbar-brand>img {
  display: block;
  margin-top: 5px;
}

.header .menu {
  float: right;
  margin-top: 35px;
}

.header ul.menu li {
  display: inline-block;
  margin: 0 0px 0 30px;
}

.header .header-navgtn {
  float: right;
  position: relative;
}

.header .header-navgtn ul li a {
  font-size: 14px;
  position: relative;
  color: #3b3fb2;
  text-transform: uppercase;
  font-weight: 600;
  margin-right: 25px;
}

.header .header-navgtn ul li a:hover {
  /*color: #eee;*/
  background: #fff;
  z-index: 200;
}

.header .header-navgtn ul li a.active {
  color: #eee;
  background: #fff;
  z-index: 200;
}

.header .header-navgtn ul li a:hover:before,
#header .header-navgtn ul li a.active:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  bottom: 0px;
  background: #06ffcd;
  color: #fff !important;
  left: 0px;
  z-index: -1;
  animation: 0.8s alternate ElasticOvr;
  -webkit-animation: 0.8s alternate ElasticOvr;
  transition: all cubic-bezier(0, 0.52, 0.25, 1) 0.3s;
  -webkit-transition: all cubic-bezier(0, 0.52, 0.25, 1) 0.3s;
  -moz-transition: all cubic-bezier(0, 0.52, 0.25, 1) 0.3s;
}

/* Elastic hover animation */
@-webkit-keyframes ElasticOvr {
  0% {
    top: 0;
    height: 0px;
  }

  50% {
    top: 0;
    height: 100%;
  }

  100% {
    bottom: 0px;
    height: 2px;
    color: #fff !important;
  }
}

@-moz-keyframes ElasticOvr {
  0% {
    top: 0;
    height: 0px;
  }

  50% {
    top: 0;
    height: 100%;
  }

  100% {
    bottom: 0px;
    height: 2px;
    color: #fff !important;
  }
}

@keyframes ElasticOvr {
  0% {
    top: 0;
    height: 0px;
  }

  50% {
    top: 0;
    height: 100%;
  }

  100% {
    bottom: 0px;
    height: 2px;
    color: #fff !important;
  }
}

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.header {
  top: 0;
  z-index: 99;
  width: 100%;
  background: #fff;
  border: medium none;
  position: fixed;
  padding: 1em 0em;
  box-shadow: 0 7px 26px rgba(0, 0, 0, 0.1);
}

.logo {
  position: relative;
  display: inline-block;
}

.inner-header .call {
  float: right;
  color: #fff;
  font-size: 14px;
  top: 12px;
  position: relative;
}

.inner-header .call span {
  font-weight: 400;
}

.inner-header .call a {
  color: #fff;
}

.entry-title a span {
  font-size: 20px;
  font-weight: 300;
  color: #fff;
}

.entry-title strong {
  font-size: 20px;
  font-weight: 400;
}

.socail_inner {
  position: absolute;
  right: 160px;
  top: 10px;
}

.socail_inner ul {
  position: relative;
  padding: 0;
  margin: 0;
  list-style: none;
  z-index: 99;
}

.socail_inner ul li {
  display: inline-block;
  padding: 0 20px;
  border-left: #fff 1px solid;
  margin: 0;
}

.socail_inner ul li:first-child {
  border: none;
}

.socail_inner ul li a i {
  color: #fff;
  font-size: 24px;
}

.socail_inner ul li a i:hover {
  opacity: 0.8;
}

.footer_social a {
  margin: 0 10px;
}

.footer_social ul {
  position: relative;
  padding: 0;
  margin: -37px 0 20px -20px;
  list-style: none;
  z-index: 99;
}

.footer_social ul li {
  display: inline-block;
  padding: 0 20px;
  border-left: #fff 1px solid;
  margin: 0;
}

.footer_social ul li:first-child {
  border: none;
}

.footer_social ul li a i {
  color: #fff;
  font-size: 24px;
}

.footer_social ul li a i:hover {
  opacity: 0.8;
}

.wpcf7-spinner {
  position: absolute;
}

.modal-body .wpcf7 ul li {
  list-style: none;
  padding: 0 0 25px 0;
  margin: 0;
}

.modal-body .wpcf7 ul {
  padding: 0 !important;
}

.modal-content .modal-header {
  border-bottom: none;
  padding-top: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
}

.rev_slider_wrapper {}

.menu-collapser {
  position: relative;
  width: 100%;
  height: 48px;
  padding: 0 8px;
  color: #fff;
  font-size: 14px;
  line-height: 48px;
  background-color: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.menu-collapser .text_menu {
  text-align: right;
  display: block;
  position: relative;
  z-index: 9;
  left: -54px;
  color: #474ce4;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
}

.collapse-button {
  position: absolute;
  right: 8px;
  top: 50%;
  width: 40px;
  padding: 7px 10px;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  background-color: none;
  border-radius: 2px;
  cursor: pointer;
  transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  z-index: 9;
}

.collapse-button:hover,
.collapse-button:focus {
  color: #000;
  background-color: none;
}

.collapse-button .icon-bar {
  display: block;
  height: 4px;
  width: 25px;
  margin: 4px 0;
  background-color: #474ce4;
  border-radius: 5px;
}

.collapse-button .icon-bar :hover {
  color: #000;
}

ul.slimmenu {
  width: 100%;
  margin: 0;
  padding: 60px 15px;
  background: #fff;
  list-style-type: none;
  float: left;
}

ul.slimmenu {
  top: -15px;
  left: 15px;
  position: absolute;
  -webkit-box-shadow: 0 20px 25px rgba(0, 0, 0, 0.2),
    0 0 0px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 20px 25px rgba(0, 0, 0, 0.2),
    0 0 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 20px 25px rgba(0, 0, 0, 0.2), 0 0 0px rgba(0, 0, 0, 0.1) inset;
}

ul.slimmenu:before,
ul.slimmenu:after {
  content: "";
  position: absolute;
  z-index: -1;
  -webkit-box-shadow: 0 0 70px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0 0 70px rgba(0, 0, 0, 0.7);
  box-shadow: 0 0 70px rgba(0, 0, 0, 0.7);
  top: 10px;
  bottom: 10px;
  left: 0;
  right: 0;
  -moz-border-radius: 100px / 10px;
  border-radius: 100px / 10px;
}

ul.slimmenu:after {
  right: 10px;
  left: auto;
  -webkit-transform: skew(8deg) rotate(3deg);
  -moz-transform: skew(8deg) rotate(3deg);
  -ms-transform: skew(8deg) rotate(3deg);
  -o-transform: skew(8deg) rotate(3deg);
  transform: skew(8deg) rotate(3deg);
}

ul.slimmenu:before,
ul.slimmenu:after {
  content: "";
  display: table;
}

ul.slimmenu:after {
  clear: both;
}

ul.slimmenu.collapsed li {
  display: block;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.sub-menu li a i {
  padding: 0 5px 0 0;
  font-style: normal;
  font-size: 20px;
}

ul.slimmenu.collapsed li>ul {
  position: static;
  display: none;
}

ul.slimmenu.collapsed li a {
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

ul.slimmenu.collapsed li .sub-toggle {
  height: 40px;
}

ul.slimmenu li {
  position: relative;
  float: left;
  display: inline-block;
  background-color: #fff;
}

ul.slimmenu li ul {
  margin: 0;
  list-style-type: none;
}

ul.slimmenu li ul li {
  background-color: #fff;
}

ul.slimmenu li>ul {
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 999;
  display: none;
  width: 100%;
  padding: 0;
}

ul.slimmenu li>ul>li ul {
  position: absolute;
  left: 100%;
  top: 0;
  z-index: 999;
  display: none;
  width: 100%;
}

ul.slimmenu li a {
  display: block;
  padding: 15px 64px 15px 16px;
  color: #595959;
  font-size: 14px;
  font-weight: 400;
  transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -webkit-transition: background-color 0.5s ease-out;
}

ul.slimmenu li a:hover,
ul.slimmenu li.current-menu-item a {
  text-decoration: none;
  background-color: none;
  color: #fff;
  background: #009788;
}

ul.slimmenu li .sub-toggle {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  position: absolute;
  right: 0;
  top: 7px;
  z-index: 999;
  width: 48px;
  height: 100%;
  text-align: center;
  cursor: pointer;
}

ul.slimmenu li .sub-toggle:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-right: -0.25em;
  vertical-align: middle;
}

ul.slimmenu li .sub-toggle>i {
  display: inline-block;
  color: #474ce4;
  font-size: 18px;
  vertical-align: middle;
}

ul.slimmenu>li {}

ul.slimmenu>li:first-child,
ul.slimmenu>li.has-submenu+li {
  border-left: 0;
}

.header-menu {
  right: 30px;
  top: 30px;
  position: absolute;
  min-width: 300px;
  max-width: 300px;
}

.main-navigation {
  clear: both;
  display: block;
  float: left;
  width: 100%;
}

.main-navigation ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.main-navigation li {
  float: left;
  position: relative;
}

.main-navigation a {
  display: block;
  text-decoration: none;
}

.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 1.5em;
  left: -999em;
  z-index: 99999;
}

.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}

.main-navigation ul ul a {
  width: 200px;
}

.main-navigation ul ul li {}

.main-navigation li:hover>a {}

.main-navigation ul ul :hover>a {}

.main-navigation ul ul a:hover {}

.main-navigation ul li:hover>ul {
  left: auto;
}

.main-navigation ul ul li:hover>ul {
  left: 100%;
}

.main-navigation .current_page_item>a,
.main-navigation .current-menu-item>a,
.main-navigation .current_page_ancestor>a {}

/* Small menu */
.menu-toggle {
  display: none;
}

@media screen and (max-width: 600px) {

  .menu-toggle,
  .main-navigation.toggled .nav-menu {
    display: block;
  }

  .main-navigation ul {
    display: none;
  }
}

.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
  padding-left: 20px;
  padding-bottom: 40px;
}

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
  padding-right: 20px;
  padding-bottom: 40px;
}

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 2.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

.entry-content h2 {
  line-height: 40px;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
  max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
  display: none;
}

.widget ul {
  padding: 15px 0;
  margin-left: 0;
  list-style: none;
}

.widget-area ul li {
  list-style: none;
  line-height: 24px;
}

.widget .textwidget,
.widget #calendar_wrap,
.widget .tagcloud,
.widget .form-search {
  padding: 15px 0;
  line-height: 30px;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/

.panel-heading {
  padding: 0;
}

.panel-title {
  font-size: 18px;
  font-weight: 400;
  color: #fff;
}

.panel-warning>.panel-heading {
  background: none;
}

.panel {
  background: none;
  box-shadow: none;
}

.panel li {
  list-style: none;
  line-height: 30px;
}

#black-studio-tinymce-2 {
  text-align: left;
}

.site-info {
  border-top: #4d85a9 1px solid;
  text-align: center;
  padding: 30px 0 0 0;
}

.banner .banner-heading .n2-ow {
  font-weight: normal !important;
  margin-bottom: 15px !important;
  font-size: 40px !important;
}

body .n2-ss-slider .n2-ss-layer[data-sstype="content"] {
  max-width: 1290px !important;
}

body .n2-ss-slider .n2-ss-layer[data-sstype="slide"] {
  max-width: 1290px !important;
  padding: 0 !important;
}

.banner .banner-heading .n2-ow span {
  color: #1c3faa;
}

.banner .banner-text .n2-ow {
  color: #000 !important;
  font-weight: normal !important;
  margin-bottom: 15px !important;
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0.5px !important;
}

.banner-button a {
  background: #474ce4 !important;
  letter-spacing: 1.5px !important;
  font-weight: normal !important;
  font-size: 16px !important;
  color: #fff !important;
}

.banner-button a:hover {
  background: #1b3faa !important;
  color: #fff !important;
}

.menu-bar {
  float: left;
  margin: 10px 0 0 50px;
}

.btn.login {
  float: right;
  background: #2e3f9b !important;
  color: #fff !important;
  height: 36px;
  line-height: 36px;
  margin-top: 12px;
}

.btn.login:hover {
  background: #0568f6 !important;
}

.ngg-gallery-thumbnail-box {
  float: left;
  max-width: 100% !important;
  margin: 10px;
}

.banner {
  margin-top: 60px;
}

.white-main {
  display: inline-block;
  width: 100%;
}

.border_repeat {
  border-bottom: #cacaca 1px solid;
  padding: 0 0 40px 0;
  margin-bottom: 40px;
}

.border_repeat:last-child {
  border: none;
}

.our_services {
  text-align: center;
  padding: 70px 0 60px 0;
  background: #F4F5FF;
  color: #fff;
}

.our_services a {
  text-decoration: none;
}

.our_services .inner_grad {
  background: url(./images/map.png) no-repeat bottom center;
  ;
}

.our_services h2 {
  color: #000;
  text-align: center;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 43px;
  padding: 0;
  margin: 0 0 10px 0;
}

.our_services p {
  color: #000;
  margin-bottom: 10px;
}

/* ERP */
.getexperts {
  padding: 40px 0;
}

.getexperts h2 {
  margin-bottom: 20px;
}

.erp_benfits {
  padding: 50px 0;
  background: linear-gradient(60.65deg, #57048A -1.72%, #470E8A 6.72%, #3D148A 16.21%, #3B168A 28.86%, #1A298A 73.13%, #0E318B 87.89%);
}

.erp_benfits h2 {
  margin-bottom: 50px;
  color: #fff;
}

.erp_benfits .box {
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 30px;
  background: #fff;
  border: 1px solid #fff;
}

.erp_benfits .box h2 {
  font-size: 18px;
  font-weight: bold;
  color: #000;
  margin-bottom: 15px;
}

.erp_benfits .box h3 {
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 50%;
  padding: 9px 15px;
  font-size: 19px;
  font-weight: bold;
  columns: #000;
  background: white;
}

.erp_services {
  padding: 80px 0 60px 0;
}

.erp_services h2 {
  margin: 0 0 30px 20px;
}

.erp_services ul {
  margin: 0 0 0 20px;
  padding: 0;
  list-style: none;
}

.erp_services ul li {
  padding: 5px 0 25px 40px;
  margin-bottom: 10px;
  background: url(images/tick_icon.png) no-repeat left top 8px;
  background-size: 20px 20px;
}

/* Payroll */
.payroll-tools{
  padding: 50px 0;
  color: #fff;
  background: #141729;
}
.payroll-tools p{
  color: #fff;
  margin: 0;
}
.payroll_section{
  padding: 50px 0;
}
.payroll_section h2{
  margin: 0 0 15px 0;
}

/* ui/ux */
.uiux-tools {
  padding: 50px 0;
  /* background: url(images/uiuxbg.jpg) repeat left top fixed; */
  background: url(images/corevalues.jpg) no-repeat fixed;
  /* background: #f7f7f7; */
  border-top: 1px solid #f1f1f1;
}

.uiux-tools h2 {
  color: #fff;
}

.uiux-tools p {
  margin-bottom: 40px;
  color: #fff;
  font-size: 14px;
}

.uiux-tools img {
  margin: 0 0 10px 0;
}


/* ui-howitworks */
.ui-howitworks {
  padding: 50px 0;
}

.ui-howitworks p {
  margin-bottom: 50px;
}

.ui-howitworks .card-title {
  font-size: 18px;
  font-weight: bold;
}

.ui-howitworks .card-text {
  margin-bottom: 10px;
}

.ui-howitworks .card-title {
  font-size: 18px;
  font-weight: bold;
}

.our_testing{
  padding: 50px 0;
  background: #f8f8f8;
}
.testing_process{
  padding: 50px 0;
}

.crm-blocks {
  padding: 50px 0;
}

.crm-process {
  background: #e3ebfc;
  padding: 50px 0;
}

.crm-process h2 {
  margin-bottom: 20px;
}

.crm-process ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.crm-process ul li {
  padding: 0 0 15px 35px;
  background: url(images/tick_icon.png) no-repeat left top 5px;
  background-size: 20px 20px;
}


.retail-process {
  background: #fff;
  padding: 50px 0;
}

.retail-process h2 {
  margin-bottom: 20px;
}

.retail-process ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.retail-process ul li {
  padding: 0 0 15px 35px;
  background: url(images/tick_icon.png) no-repeat left top 5px;
  background-size: 20px 20px;
}
.retail-services{
  background: #fefaf1;
}
.technology-services{
  background: #f1fcff;
}
.bigdata-service{
  padding: 50px 0;
}
.bigdata-service p{
  margin-bottom: 50px;
}
.bigdata-service .list h5{
  font-size: 18px;
  font-weight: bold;
}
.bigdata-howitworks{
  background: #f3f3f3;
  padding: 30px 0;
}

.button_ourservices {
  padding: 10px 20px !important;
  font-family: 'Poppins' !important;
  color: #fff;
  margin: 20px 0 30px 0;
  font-weight: normal;
  background: linear-gradient(#25136D, #25136D) padding-box,
    linear-gradient(to right, #ED25C1 2.56%, #A74FFF 21.85%, #F096FF 33.42%,
      #FFFFFF 51.26%, #FFFFFF 54.64%, #FF96E2 74.41%, #874FFF 84.53%, #4D25ED 95.14%) border-box !important;
  border-radius: 50em !important;
  border: 2px solid transparent !important;
}

.button_ourservices:hover {
  color: #fff !important;
  background: linear-gradient(#25136D, #25136D) padding-box,
    linear-gradient(to right, #4D25ED 2.56%, #874FFF 21.85%, #FF96E2 33.42%,
      #FFFFFF 51.26%, #FFFFFF 54.64%, #F096FF 74.41%, #A74FFF 84.53%, #ED25C1 95.14%) border-box !important;
}

.button_ourservices a {
  color: #fff;
  text-decoration: none;
}

.box-wrap {
  border: 1px solid #a7a7a7;
  margin-bottom: 30px;
  padding: 30px;
  border-radius: 20px;
  text-align: left;
  min-height: 248px;
}

.box-wrap:hover {
  border: 1px solid #616CD4;
  background: #deddff66;

}
.devps_aproach{
  padding: 50px 0;
  background: #fefaf1;
}

.box-wrap h3 {
  color: #000;
}

.our_services .whitebg {
  display: inline-block;
}

.our_services .whitebg h3 { 
  font-size: 26px;
  line-height: 15px;
  padding: 0;
  margin: 5px 0 15px 0;
}

.testi {
  text-align: center;
}

.testi span {
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  display: block;
  line-height: 43px;
  /* 179.167% */
  letter-spacing: 5.28px;
  padding-top: 50px;
}

.testi em {
  color: var(--Yellow, #f2c94c);
  text-align: center;
  font-size: 62px;
  font-style: italic;
  font-weight: 400;
  line-height: 74px;
  /* 119.355% */
  letter-spacing: 0.62px;
}

.testi p {
  margin-top: 50px;
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: normal;
  font-weight: 400;
  line-height: 35px;
  letter-spacing: 0.32px;
  max-width: 600px;
  margin: 50px auto 30px;
}

.testi h4 {
  color: var(--Yellow, #f2c94c);
  text-align: center;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 82px;
  /* 205% */
  letter-spacing: 0.4px;
}

.welcome {
  color: #fff;
  padding: 30px 0 0;
}

.welcome h1 {
  font-weight: 300;
  padding: 0 0 30px 0;
  margin: 0;
  color: #fff;
}

.welcome p {
  font-size: 14px;
  line-height: 29px;
  color: #fff;
  font-weight: 400;
  max-width: 400px;
  margin-bottom: 30px;
  letter-spacing: 0.2px;
}

.inner_grad .wel_btn {
  background: #fff !important;
  float: right;
  position: absolute;
  bottom: 30px;
  right: 17%;
}

/* Services */
.services {
  padding: 100px 0;
  background: #f8f8f8;
}

.services h2 {
  color: #333;
  font-size: 40px;
  padding: 0 0 15px 0;
  margin: 0;
  font-weight: 500;
  text-align: center;
}

.services p {
  padding: 0px 0 50px 0;
  margin: 0;
  color: #565656;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.2px;
  font-weight: 400;
}

.services .thumbnail {
  padding: 0;
}

.services .caption {
  padding: 50px;
  position: relative;
}

.caption h3 {
  padding: 0 0 15px 0;
  margin: 0;
  font-weight: 500;
}

.services .caption p {
  font-size: 14px;
  padding: 0;
  margin: 0;
  text-align: left;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 15px;
}

.services .caption .btn {
  position: relative;
  top: 0;
  font-variant: JIS04;
  border-radius: 100px;
  min-height: 50px;
  min-width: 50px;
  padding: 0 25px;
  margin: 15px 0 0 0;
  color: #fff;
  right: 0;
  background: #211f5d !important;
  border-radius: 4px;
}

.services .caption .btn:hover {
  opacity: 0.8;
}

.services .caption .btn-fab {
  background: #3bafa6;
}

.services .caption .btn-fab:hover {
  background: #474ce4;
}

.services .caption .mdi-image-navigate-next:before {
  content: "\e845";
  line-height: 54px;
  color: #fff;
  font-size: 35px;
}

/* Industires */

.industires {
  background-image: linear-gradient(to right top,
      #474ce4,
      #474ce4,
      #474ce4,
      #474ce4,
      #474ce4);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 100px 0;
  text-align: center;
}

.industires h2 {
  color: #fff;
  font-size: 40px;
  padding: 0 0 15px 0;
  margin: 0;
  font-weight: 500;
  text-align: center;
}

.industires p {
  padding: 0px 0 0px 0;
  margin: 0;
  color: #fff;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.2px;
  font-weight: 400;
}

.industires ul {
  list-style: none;
  padding: 0;
  margin: 50px 0 50px 0;
  text-align: center;
}

.industires ul li {
  list-style: none;
  display: inline-block;
  min-width: 180px;
  transition: all 0.2s ease-in-out;
  opacity: 0.5;
}

.industires ul li:hover {
  transform: scale(1.1);
  opacity: 0.9;
}

.industires ul li h3 {
  display: block;
  font-size: 18px;
  color: #fff;
}

.industires ul li a {
  color: #fff;
}

.read_more {
  border-radius: 4px;
  color: #fff;
  background: #42b9a8;
  display: inline-block;
  padding: 8px 15px;
  text-align: center;
  min-width: 180px;
  font-size: 20px;
}

.read_more:hover {
  color: #fff;
  text-decoration: none;
  background: #474ce4;
}

.technology {
  background: #fff;
  padding: 100px 0;
}

.technology .head h2 {
  color: #333;
  font-size: 40px;
  padding: 0 0 15px 0;
  margin: 0;
  font-weight: 500;
  text-align: center;
}

.technology .head p {
  padding: 0px 0 50px 0;
  margin: 0;
  color: #565656;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.2px;
  font-weight: 400;
}

.technology .nav-tabs {
  padding: 0;
  margin: 0;
  background: none;
}

.technology .nav-tabs li {
  display: block;
  width: 100%;
  border-bottom: #f1f1f1 1px solid;
  padding: 0px 0;
  position: relative;
}

.technology .nav-tabs li a {
  padding: 0;
  color: #676565 !important;
  font-size: 18px;
  font-weight: 500;
  padding: 30px 30px;
  text-transform: lowercase;
}

.technology .nav-tabs li a:after {
  font-family: FontAwesome;
  content: "\f105";
  position: absolute;
  right: 20px;
  font-size: 20px;
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
}

.technology .nav-tabs li a:first-letter {
  text-transform: capitalize;
}

.technology .nav-tabs li a:hover,
.technology .nav-tabs li.active a {
  color: #38368c !important;
}

.technology .tab-content {
  position: relative;
}

.technology .tab-content .btn.btn-fab {
  margin: 0;
  padding: 7px;
  font-size: 26px;
  width: 40px;
  height: 40px;
  background: #3bafa6;
  color: #fff;
}

.technology .tab-content>.tab-pane {
  padding: 0px 0 0 90px;
  position: relative;
}

.technology .tab-content>.tab-pane h1 {
  font-size: 24px;
  font-weight: 600;
  text-transform: lowercase;
}

.technology .tab-content>.tab-pane h1:first-letter {
  text-transform: uppercase;
}

.technology .tab-content>.tab-pane p {
  line-height: 26px;
}

.callout {
  background: #fff;
  padding: 20px 0;
}

.callout .call ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.callout .call ul li {
  list-style: none;
  padding: 0 20px 0 0;
  margin: 0;
  border-right: #5f5f5f 1px solid;
  color: #5f5f5f;
  font-size: 20px;
  display: inline-block;
  font-weight: 400;
}

.callout .call ul li a {
  color: #5f5f5f;
}

.callout .call ul li:last-child {
  border: none;
  padding: 0 0 0 15px;
  margin: 0 0 0;
}

.callout .socail_right {
  float: right;
}

.callout .socail_right ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.callout .socail_right ul li {
  list-style: none;
  padding: 0 0px 0 20px;
  margin: 0;
  border-right: none;
  color: #5f5f5f;
  font-size: 25px;
  display: inline-block;
  font-weight: 400;
}

.callout .socail_right ul li strong {
  font-weight: 600;
}

.callout .socail_right ul li i.fa-search {
  color: #9e9e9e;
}

.callout .socail_right ul li a .fa-facebook {
  color: #3f51b5;
}

.callout .socail_right ul li a .fa-twitter {
  color: #03a9f4;
}

.error-404 a.btn.btn-blue {
  background: #262461 !important;
  color: #fff !important;
}

.solid-square {
  list-style: outside none;
  margin-left: 0;
  padding-top: 15px;
  padding-left: 0;
}

.solid-square li {
  padding-left: 30px;
  padding-bottom: 15px;
  line-height: 24px;
}

.solid-square li:before {
  position: relative;
  float: left;
  color: #8785d3;
  text-indent: -20px;
  speak: none;
}

.solid-square li:before {
  content: "\25A0";
  top: -3px;
}

.course-li {
  display: inline-grid;
  background: #f6f6f6;
  padding: 20px;
  max-width: 300px;
  min-width: 300px;
  margin: 15px 15px 0px 0px;
  align-content: start;
}

.about_bg_main h3,
.about_bg h3 {
  padding-top: 30px !important;
}

.about_bg {
  padding: 50px 0 50px 0;
}

.course-li p {
  min-height: 60px;
}

.course-li button {
  background: #191758;
  color: #fff;
  border: none;
  border-radius: 4px;
  padding: 5px 15px;
  margin-top: 30px;
}

.course-li button:hover {
  opacity: 0.8;
}

#primary {
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* Be VERY careful with this, breaks normal words wh_erever */
  word-break: break-all;
  /* Non standard for webkit */
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.container-fluid .col-lg-6 {
  padding: 0;
}

.image_single {
  max-height: 500px;
  overflow: hidden;
}

.image_single img {
  width: 100%;
  min-height: 500px;
}

.single_content_area {
  padding: 50px;
  max-width: 80%;
}

.single_content_area h2 {
  font-weight: 400;
  margin-bottom: 25px;
}

#content .carrer_page a {
  display: inline-block;
  color: #474ce4;
  font-weight: 600;
  padding-top: 10px;
}

#content .carrer_page article {
  position: relative;
}

#content .carrer_page article h2 {
  border-top: #e0e0e0 1px solid;
  padding: 30px 0 0 0;
  margin: 30px 0 0 0;
  font-weight: 400;
  font-size: 25px;
}

#content .carrer_page h6 {
  font-size: 14px;
  color: #595959;
}

#content .carrer_page a.apply {
  z-index: 9;
  position: relative;
  float: right;
  top: 70px;
  cursor: pointer;
  text-decoration: none;
  right: 0;
  background: #43b9a9;
  padding: 8px 15px;
  display: inline-block;
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
  border-radius: 4px;
}

#content .carrer_page a.apply:hover {
  background: #474ce4;
}

#content .carrer_page article:first-child h2 {
  border: none;
}

.carrer_page .wpcf7 ul {
  padding: 0;
}

.carrer_page .wpcf7 label {
  color: #595959;
  font-size: 14px;
}

.carrer_page .wpcf7 textarea {
  height: 70px;
}

.carrer_page .modal-content .modal-header h4 {
  top: -20px;
  position: relative;
  font-weight: 400;
  color: #595959;
  font-size: 22px;
  padding: 0;
  margin: 0;
}

.carrer_page .socail_share {
  position: absolute;
  bottom: 0;
  right: 0;
  top: -15px;
  z-index: 999;
}

#demo article+[data-readmore-toggle],
#demo article[data-readmore] {
  display: inline-block !important;
  width: auto !important;
  color: #474ce4;
}

.expertise_bg {
  padding: 50px 0 0 0;
  display: inline-block;
  width: 100%;
}

.expertise_bg ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline-block;
}

.entry-content h3 {
  margin: 0 0 20px 0;
  padding: 0;
}

.expertise_bg ul li {
  background: #f6f6f6;
  display: inherit;
  padding: 30px;
  line-height: normal;
  margin-top: 30px;
  margin-right: 30px;
}

/* Inner Page */
.inner-page-tech {
  background: #fff;
  padding: 0px 0 50px 0;
}

.inner-page-tech h2 {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 15px;
}

.inner-page-tech h2 span {
  border-left: #d6d6d6 4px solid;
  padding: 0 0 0 20px;
}

.mPS2id-target h2 span {
  border-left: #42b9a8 4px solid;
}

#navigation-menu {
  position: fixed;
  top: 15em;
  left: auto;
  bottom: auto;
  z-index: 9;
  text-shadow: none;
}

.scrolled #navigation-menu {
  top: 0em;
}

#navigation-menu ul {
  overflow: hidden;
  border-left: #efefef 2px solid;
  padding-bottom: 30px;
}

#navigation-menu li {
  padding: 20px 0;
  margin: 0;
  list-style: none;
  line-height: 30px;
  border-bottom: #efefef 1px solid;
}

#navigation-menu a {
  display: block;
  padding: 0;
  color: #525252;
  font-size: 20px;
  font-weight: 400;
}

#navigation-menu a.mPS2id-clicked {
  color: #474ce4;
  text-decoration: none;
}

#navigation-menu a.mPS2id-highlight {
  color: #42b9a8;
}

#navigation-menu a:hover,
#navigation-menu a.mPS2id-highlight {
  text-decoration: none;
}

.indust_sidebar ul {
  overflow: hidden;
  border-left: #efefef 2px solid;
  padding-bottom: 30px;
}

.indust_sidebar ul li {
  padding: 20px 0;
  margin: 0;
  list-style: none;
  line-height: 30px;
  border-bottom: #efefef 1px solid;
}

.indust_sidebar ul li a {
  display: block;
  padding: 0;
  color: #525252;
  font-size: 20px;
  font-weight: 400;
}

.indust_sidebar ul li a:focus,
.indust_sidebar ul li a:active {
  color: #525252;
}

.indust_sidebar ul li a:hover,
.indust_sidebar ul li.active a {
  color: #42b9a8;
  text-decoration: none;
}

.outer-indus {
  width: 100%;
  display: inline-block;
  margin: 0 0 -5px 0;
}

.inner-page-industry .tab-content {
  padding: 20px 0 20px 0;
}

.tab-content h2 {
  font-weight: 400;
  color: #42b9a8;
  font-size: 26px;
  border-left: #42b9a8 3px solid;
  padding: 0 0 0 20px;
  margin-bottom: 30px;
}

.tab-content h3 {
  font-size: 24px;
  font-weight: 500;
  text-transform: lowercase;
  margin-bottom: 20px;
  display: inline-block;
}

.tab-content h3::first-letter {
  text-transform: uppercase;
}

.btn-warning:not(.btn-link):not(.btn-flat) {
  background: #42b9a8;
}

.inner-page-industry a.btn-raised {
  background: #42b9a8 !important;
  color: #fff !important;
}

#content section {
  position: relative;
}

#content section h2 {
  position: relative;
  padding-top: 50px;
}

.inner-header {
  position: relative;
  right: 0;
  left: 0;
  z-index: 1030;
  margin-bottom: 0px;
  background: url(http://viennainfosys.com/wp-content/uploads/2017/05/inner_bg.jpg) no-repeat top center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.inner-header .logo {
  min-height: 88px;
  top: 6px;
  left: 5px;
}

.inner-header .header-menu {
  top: 20px;
  right: 15px;
}

.sub_outer {
  border-top: #355159 1px solid;
}

.sub_outer h1 {
  color: #fff;
  padding-bottom: 15px;
}

.inner-header .menu-collapser .text_menu {
  color: #000;
}

.inner-header .collapse-button .icon-bar {
  background: #000;
}

.move-right,
.move-left,
.move-up {
  transition: all 1s;
}

.move-up:hover {
  transition: all .5s;
  transform: translateY(-10px);
}


.move-right:hover {

  transition: all .5s;
  transform: translateX(50px);
}

.move-left:hover {
  transition: all .5s;
  transform: translateX(-50px);
}

/* About Us Page */

.heading {
  text-align: center;
  position: relative;
  padding: 0 0;
  margin: 50px 0;
}

.heading h1 {
  text-align: center;
  font-size: 40px;
}

.heading h1:after {
  content: "";
  background: url("images/line_bg.jpg") repeat-x left center;
  top: 20px;
  right: 12%;
  position: absolute;
  display: inline-block;
  width: 288px;
  height: 3px;
}

.heading h1:before {
  content: "";
  background: url("images/line_bg.jpg") repeat-x left center;
  top: 20px;
  left: 12%;
  position: absolute;
  display: inline-block;
  width: 288px;
  height: 3px;
}

.heading h1 span {
  background: #fff;
  padding: 0 50px;
}

.different_list ul {
  list-style: none;
  padding: 0 0 25px 0;
  margin: 50px 0 0 0;
  border-left: #e3e3e3 2px solid;
}

.different_list ul li {
  list-style: none;
  padding: 0 0 0 60px;
  margin: 0;
  position: relative;
}

.different_list ul li h3 {
  font-weight: 400;
}

.different_list ul li img {
  margin: 15px 0;
}

.different_con {
  padding: 50px 40px 0 0;
}

.different_con p {
  font-size: 20px;
  line-height: 36px;
  padding-bottom: 25px;
}

.different_con h2 {
  font-weight: 400;
}

.different_list ul li span.round {
  position: absolute;
  top: 75px;
  left: -28px;
  border: #e3e3e3 2px solid;
  border-radius: 100px;
  background: #fff;
  min-height: 50px;
  min-width: 55px;
  font-size: 25px;
  color: #4da8a3;
  font-weight: bold;
  text-align: center;
  line-height: 50px;
  display: inline-block;
}

.different_bottom {
  background: #f7f7f7;
  padding: 30px 0;
  text-align: center;
  margin-bottom: -50px;
}

.different_bottom h2 {
  font-weight: 400;
  line-height: 40px;
  padding: 0;
  margin: 0;
}

.different_bottom .callout_block {
  padding: 30px 20px 0 20px;
  display: inline-block;
}

.different_bottom .callout_block i {
  color: #4da8a3;
  font-size: 40px;
}

.different_bottom .callout_block h3 {
  font-weight: 400;
  padding: 20px 0 20px 0;
  font-size: 28px;
  margin: 0;
}

.contact_cener {
  text-align: center;
  font-weight: 400;
  font-size: 26px;
  padding: 0 0 30px 0;
  line-height: 36px;
  margin: 0;
}

.wpcf7 strong {
  font-size: 14px;
  font-weight: normal;
}

.wpcf7 ul {
  list-style: none;
  padding: 0 50px 0 0;
  margin: 0;
}

.wpcf7 ul li {
  list-style: none;
  padding: 0 0 25px 0;
  margin: 0;
}

.wpcf7 ul li:last-child {
  padding: 0;
}

.wpcf7 label {
  font-weight: normal;
  font-size: 14px;
  margin: 0;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="password"],
.wpcf7 select,
.wpcf7 textarea {
  width: 100%;
  border: #d2d2d2 1px solid;
  margin-top: 5px;
  padding: 0px 15px;
  font-size: 14px;
  border-radius: 4px;
  height: 40px;
}

.wpcf7 textarea {
  height: 80px;
}

.sub-heading {
  margin-bottom: 30px;
}

.sub-heading h2 {
  font-weight: 500;
  letter-spacing: 0.2px;
  font-size: 28px;
  text-align: left;
  line-height: 45px;
}

.wpcf7 .red {
  color: red;
}

.testimonial-tab .test-bg {
  padding: 0;
  background: #f5f9ff;
  min-height: 580px;
  display: inline;
  text-align: center;
}

.wpcf7 input[type="submit"] {
  background: #474ce4;
  display: block;
  width: 100%;
  border: none;
  color: #fff;
  padding: 10px 15px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  max-width: 150px;
  letter-spacing: 1.3px;
}

.right-border {
  margin-right: 5%;
}

.left-border {
  margin-left: 5%;
}

.right-border:after {
  content: "";
  border-right: #cacaca 1px solid;
  height: 452px;
  width: 1px;
  position: absolute;
  right: -66px;
  top: 0;
}

.btn-pri {
  background: #474ce4;
  display: block;
  width: 100%;
  border: none;
  margin: 15px 0 50px 0 !important;
  display: inline-block;
  color: #fff;
  padding: 15px;
  border-radius: 4px;
  font-size: 18px;
  font-weight: 500;
  position: relative;
  max-width: 200px;
}

.wpcf7 input[type="submit"]:hover {
  background-color: #344399;
}

.contact h3 {
  padding: 0px 0 30px 0;
  margin: 0;
  border-bottom: none;
  font-weight: 500;
  font-size: 24px;
}

.contact a {
  color: #595959;
  text-decoration: underline;
}

.contact a:hover {
  text-decoration: none;
}

.industry_main {
  list-style: none;
  padding: 0;
}

.industry_main li {
  list-style: none;
  padding: 15px;
  margin: 0px;
  text-align: center;
  overflow: hidden;
}

.industry_main li .hove_me {}

.industry_main li .hove_me:hover {
  opacity: 0.9;
}

.industry_callout {
  background: rgba(0, 0, 0, 0.7);
  min-height: 239px;
  max-height: 239px;
  vertical-align: middle;
  position: relative;
}

.industry_callout h3 {
  padding: 12% 15px 10px;
  margin: 0 0 15px 0;
  font-weight: 400;
  display: inline-block;
  border-bottom: #177bba 4px solid;
}

.industry_callout a {
  color: #fff;
  font-weight: 400;
  text-decoration: none;
}

.industry_callout a:hover {
  color: #fff;
  text-decoration: none;
}

.industry_callout p {
  padding: 0;
  margin: 0 auto;
  width: 70%;
  color: #fff;
  line-height: 26px;
  font-weight: 300;
}

.industry_callout a.my_btn {
  background: url(images/btn.jpg) no-repeat bottom right;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 58px;
  height: 39px;
}

.industry_callout a.my_btn:hover {
  opacity: 0.8;
}

/* Mobile */
.mobile_section1 {
  background: #92bdff;
  padding: 50px 0;
  color: #fff;
}

.mobile_section1 h2 {
  color: #fff;
}

.mobile_section1 p {
  color: #fff;
}

.app-howitworks {
  padding: 50px 0;
}

.app-howitworks .card {
  background: #eef7ff;
  border: 1px solid #e1e1e1;
}

.app-howitworks .card h5 {
  font-size: 18px;
  font-weight: bold;
}

.app-howitworks .card p {
  color: #000;
}

.mobile_howitworks {
  background: #92bdff;
  padding: 40px 0;
}

.mobile_howitworks h2 {
  margin-bottom: 40px;
}

.sp-easy-accordion>.sp-ea-single>.ea-header a {
  background: #c0d9ff !important;
  font-size: 16px !important;
  padding: 6px 13px !important;
  font-weight: normal !important;
  color: #000 !important;
}

.sp-easy-accordion>.sp-ea-single>.sp-collapse>.ea-body {
  background: #e1edfe !important;
}




/* fullstack */
.fullstack {
  padding: 50px 0;
}

.fullstack h2 {
  margin-bottom: 30px;
}

.web_steps {
  background: #fafafa;
  padding: 50px 0;
}

.web_steps h2 {
  margin-bottom: 10px;
}

.web_steps p {
  margin-bottom: 50px;
}

.web_steps .sp-tab-content p {
  margin-bottom: 20px;
}

.web_process {
  background: #e1edfe;
  padding: 40px 0;
}


body .sp-tab__lay-default>ul .sp-tab__nav-item {
  border-radius: 10px 10px 0 0 !important;
}

body .sp-tab__nav-tabs .sp-tab__nav-link {
  border-radius: 10px 10px 0 0 !important;
}

.top-industry h2 {
  font-weight: 400;
  font-size: 26px;
  padding: 0 0 20px 0;
  margin: 0;
}

.top-industry h2,
.top-industry p {
  text-align: center;
}

.our_service .heading {
  margin: 0px 0 50px 0;
}

.our_service .heading h1:before {
  left: 0;
  width: 220px;
}

.our_service .heading h1:after {
  right: 0;
  width: 220px;
}

.our_service .heading h1 {
  font-size: 30px;
}

.our_service .slides {
  list-style: none;
  padding: 0;
  margin: 0;
}

.our_service .slides li {
  list-style: none;
  margin: 15px 0 15px 0;
}

.our_service .slides li h3 {
  color: #565656;
  font-size: 20px;
  font-weight: 400;
  padding: 0 0 15px 0;
  margin: 0;
}

.application_services a.read_service {
  background: #42b9a8;
  border-radius: 4px;
  padding: 0;
  min-width: 175px;
  min-height: 45px;
  color: #fff;
  text-align: center;
  display: inline-block;
  line-height: 45px;
  font-size: 18px;
}

.application_services .heading-left {
  margin: 20px 0 30px 0;
}

.application_services .heading-left h1:after {
  top: 25px;
  width: 115px;
}

.service-block {
  background: #f6f6f6 url(images/service-block_img.jpg) no-repeat center right scroll;
  margin: 50px 0;
}

.service-block .slides {
  list-style: none;
  padding: 30px 0;
  margin: 0;
  display: inline-block;
}

.service-block .slides li {
  padding: 0 15px 0 50px;
  border-left: #ddd 1px solid;
}

.service-block .slides li:nth-child(1),
.service-block .slides li:nth-child(3),
.service-block .slides li:nth-child(5) {
  border: none;
  padding: 0 15px 0 0;
}

.service-block .slides li h4 {
  font-weight: 400;
}

.heading-extended .heading {
  margin: 0;
}

.heading-extended .heading h1:before {
  left: 0;
  width: 200px;
}

.heading-extended .heading h1:after {
  right: 0;
  width: 200px;
}

.extended_services {
  background: #fff;
  display: inline-block;
  border: #e6f3f2 1px solid;
  border-left: none;
  border-right: none;
  width: 100%;
  margin: 20px 0 50px 0;
}

.extended_services .left-block {
  background: #e6f3f2;
  position: relative;
  text-align: center;
}

.extended_services .left-block h2 {
  padding: 50px 0;
  font-size: 42px;
  max-width: 60%;
  margin: 0 auto;
  line-height: 60px;
}

.extended_services .left-block img {
  bottom: 0;
}

.extended_services .col-lg-6 {
  padding: 0;
}

.extended_services .right_block {
  padding: 24px 0 0 50px;
}

.extended_services .right_block h3 {
  padding: 0 0 10px 0;
  margin: 0;
  font-weight: 400;
}

.extended_services .callout p {
  padding: 0;
  margin: 0;
}

.extended_services .center_padding {
  display: inline-block;
  padding: 30px 0;
}

.extended_services .img {
  padding-left: 0;
}

.bot_caption h3 {
  padding: 0 25px 0 0;
  margin: 0;
  font-weight: 400;
  line-height: 34px;
  border-right: #e6e6e6 3px solid;
}

.heading-left {
  text-align: left;
  position: relative;
  padding: 0 0;
  margin: 30px 0;
}

.heading-left h1 {
  text-align: left;
  font-size: 40px;
}

.heading-left h1:after {
  content: "";
  background: url("images/line_bg.jpg") repeat-x left center;
  top: 20px;
  position: absolute;
  display: inline-block;
  width: 288px;
  height: 3px;
  margin: 0 0 0 50px;
}

.ngg-galleryoverview.default-view .ngg-gallery-thumbnail {
  background-color: transparent;
  border: none;
  margin: 0;
  margin-right: 0;
  position: relative;
  border: #dfbfc6 1px dashed !important;
  padding: 10px;
}

.inner-page {
  background: #fff;
  padding: 50px 0 0 50px;
  min-height: 47vh;
}

.inner-page-industry {
  background: #fff;
  padding: 50px 0 50px 0;
}

.para-p {
  padding-top: 50px;
  padding-bottom: 50px;
}

.inner-page h5 {
  color: #595959;
  font-size: 25px;
  line-height: 30px;
  padding: 0;
  margin-bottom: 1.5em;
}

.cal_box {
  background: #fff;
  text-align: center;
  border: #eee 1px solid;
  padding: 30px;
  margin: 0 10px;
  line-height: 30px;
}

.cal_box .icon_img {
  min-height: 65px;
}

.cal_box h3 {
  color: #595959;
  font-weight: 400;
}

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

.sticky {
  display: block;
}

.hentry {
  margin: 0 0 0px;
}

.byline,
.updated:not(.published) {
  display: none;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 0;
  padding-bottom: 50px;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}


.entry-meta {
  margin-bottom: 30px;
}

.entry-content p {
  letter-spacing: 0.5px;
  color: #333;
  line-height: 26px;
  margin-bottom: 10px;
}

.single .entry-content {
  margin-bottom: 0px;
}


.entry-meta {
  margin-bottom: 30px;
  border-bottom: #344399 2px solid;
  padding-bottom: 15px;
  color: #344399;
}


.entry-meta span,
.entry-footer span {
  margin-right: 20px;
  display: inline-block;
}

.entry-meta span:last-child,
.entry-footer span:last-child {
  margin-right: 0;
}

.entry-meta span a,
.entry-footer span a {
  color: #777;
  text-decoration: none;
  font-size: 90%;
}

.entry-meta span a:hover,
.entry-footer span a:hover {
  text-decoration: underline;
}

.entry-meta span i,
.entry-footer span i {
  color: #777;
  font-size: 80%;
}

.entry-footer .edit-link {
  float: right;
}

.entry-container {
  padding: 0px;
}

.entry-container h1 {
  margin-top: 0;
}

.entry-container h1 a {
  color: #404040;
}

.entry-container h1 a:hover {
  text-decoration: none;
  color: #3f51b5;
}

a.read-more {
  text-transform: uppercase;
  color: #404040;
  font-weight: 500;
}

a.read-more:hover {
  text-decoration: none;
  color: #3f51b5;
}

.card {
  background: #F0F5FF;
  box-shadow: none;
  border-radius: 10px;
  border: 0;
  margin-bottom: 30px;
}




.blog-main .entry-content {
  padding: 30px;
}

.card img {
  border-radius: 10px 10px 0 0;
}

.card .entry-img {
  background-color: #f4f4f4;
  border-radius: 10px 10px 0 0;
}

p#breadcrumbs {
  color: #fff;

}

p#breadcrumbs a {
  color: #fff;
  text-decoration: underline;
}

.site-footer .btn:hover {
  background: #211f5d;
  color: #fff;
}

.ngg-galleryoverview {
  margin-top: 20px;
  margin-bottom: 0;
  -webkit-transition: width 1s, height 1s, background-color 1s,
    -webkit-transform 1s;
  transition: width 1s, height 1s, background-color 1s, transform 1s;
  min-height: 100px;
}

.site-footer {
  background-color: #F4F5FF;
  padding: 60px 0 10px 0;
  color: #5f5f5f;
  text-align: left;
}

.footer_social {
  padding-top: 50px;
}

.foot-callout h3 {
  text-transform: uppercase;
  color: #505050;
  font-size: 18px;
  font-weight: bold;
  padding: 0;
  margin: 0 0 15px 0;
}

.foot-callout ul {
  padding: 0;
  margin: 0;
  width: 100%;
  display: block;
}

.foot-callout ul li a {
  font-size: 14px;
}

.foot-callout ul li a:hover {
  opacity: 0.9;
  text-decoration: none;
}

.foot-callout ul li {
  padding: 0;
  margin: 0;
  width: 100%;
  display: block;
}

.tab_content {
  line-height: 26px;
  font-weight: 400;
}

.call-action p {
  letter-spacing: 0.3px;
  opacity: 0.5;
}

.call-action {
  max-width: 500px;
  margin: 0 auto 80px;
  text-align: left;
  display: grid;
  border: #dddddd1c 1px solid;
  padding: 50px;
}

.call-action .btn {
  display: block;
}

.call-action .btn:hover {
  background: #191758 !important;
  color: #fff !important;
}

.site-footer p {
  display: inline-block;
  padding-top: 15px;
  max-width: 300px;
  font-size: 14px;
}

.site-footer a {
  color: #5f5f5f;
}

.site-footer a:hover {
  color: #474ce4;
  opacity: 1;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
#secondary {
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* Be VERY careful with this, breaks normal words wh_erever */
  word-break: break-all;
  /* Non standard for webkit */
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {}

.comments-area {
  padding: 35px;
}

.comments-title,
.comment-reply-title {
  padding-bottom: 9px;
  margin: 40px 0 20px 0;
  border-bottom: 1px solid #eee;
}

ol.comment-list {
  list-style: none;
  padding-left: 0;
}

.comment-author .avatar {
  margin-right: 25px;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  padding: 4px;
}

.comment-meta {
  margin-top: 20px;
  margin-bottom: 20px;
}

.comment-details {
  overflow: hidden;
  zoom: 1;
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #ddd;
}

.comment-details .reply {
  margin-top: 10px;
}

.comment-date a {
  font-size: 11px;
  color: #777;
  margin-right: 10px;
}

#commentform #comment {
  width: 100% !important;
}

#commentform #submit {
  position: relative;
  padding: 8px 30px;
  border: 0;
  margin: 10px 1px;
  cursor: pointer;
  border-radius: 2px;
  text-transform: uppercase;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.84);
  -webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  outline: 0 !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
  -webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  color: rgba(0, 0, 0, 0.84);
  background-color: transparent;
  border-color: #ccc;
}

#commentform #submit:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.mobmenu-left-panel .mobmenu-left-bt,
.mobmenu-right-panel .mobmenu-right-bt {
  right: 25px !important;
  top: 25px !important;
}

.mobmenur-container {
  background: #fff;
  position: absolute;
  right: 0;
  top: 16px;
  padding: 19px 10px;
}

.mobmenur-container i {
  color: #474ce4 !important;
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation,
/* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
  display: block;
}

.site-footer .menu li {
  display: inline-grid;
  padding: 0 50px 0 0;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
  max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 0 auto;
}

.wp-caption-text {
  text-align: center;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

.btn {
  position: relative;
  padding: 8px 30px;
  border: 0;
  margin: 10px 1px;
  cursor: pointer;
  border-radius: 2px;
  text-transform: uppercase;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.84);
  transition: background-color 0.2s ease,
    box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  outline: none !important;
  background: #fff !important;
  height: 50px;
  line-height: 50px;
  padding: 0 25px;
}

/*--------------------------------------------------------------
Portfolio
--------------------------------------------------------------*/
#Container .mix {
  display: none;
}

.btn:not(.btn-link):not(.btn-flat).active {
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.23), 0 10px 30px rgba(0, 0, 0, 0.19);
}

.portfolio-list .mix h4 {
  padding: 10px;
  margin: 0;
}

.portfolio-list .mix h4 a {
  color: #404040;
  font-size: 12px;
}

.portfolio-list .mix h4 a:hover {
  text-decoration: none;
  color: #3f51b5;
}

.portfolio-img {
  background-color: #ffffff;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
  border-radius: 2px;
  border: 0;
  margin-bottom: 20px;
}

.mob-menu-header-holder {
  width: 80px !important;
}

.nav-links li {
  list-style: none;
}

.nav-links li a {
  color: #f2f2f2;
  text-decoration: none;
  font-size: 18px;
  font-weight: 500;
  padding: 9px 15px;
  border-radius: 5px;
  transition: all 0.3s ease;
}

.nav-links li a:hover {
  background: #3a3b3c;
}

.nav-links .mobile-item {
  display: none;
}

.nav-links .sub-menu {
  position: absolute;
  background: #474ce4;
  width: 300px;
  line-height: normal;
  top: 52px !important;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
  padding: 0;
  margin: 0;
}

.nav-links li:hover .sub-menu,
.nav-links li:hover .mega-box {
  transition: all 0.3s ease;
  top: 70px;
  opacity: 1;
  visibility: visible;
}

.sub-menu li a {
  width: 100%;
  display: block;
  padding: 0 0 0 15px;
  font-weight: 400;
  border-radius: 0px;
}

.mega-box {
  position: absolute;
  left: 0;
  width: 100%;
  padding: 0 30px;
  top: 85px;
  opacity: 0;
  visibility: hidden;
}

.mega-box .content {
  background: #242526;
  padding: 25px 20px;
  display: flex;
  width: 100%;
  justify-content: space-between;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}

.mega-box .content .row {
  width: calc(25% - 30px);
  line-height: 45px;
}

.content .row img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.content .row header {
  color: #f2f2f2;
  font-size: 20px;
  font-weight: 500;
}

.content .row .mega-links {
  margin-left: -40px;
  border-left: 1px solid rgba(255, 255, 255, 0.09);
}

.row .mega-links li {
  padding: 0 20px;
}

.row .mega-links li a {
  padding: 0px;
  padding: 0 20px;
  color: #d9d9d9;
  font-size: 17px;
  display: block;
}

.row .mega-links li a:hover {
  color: #f2f2f2;
}

.wrapper .btn {
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  display: none;
}

.wrapper .btn.close-btn {
  position: absolute;
  right: 30px;
  top: 10px;
}

@media screen and (max-width: 970px) {
  .wrapper .btn {
    display: block;
  }

  .wrapper .nav-links {
    position: fixed;
    height: 100vh;
    width: 100%;
    max-width: 350px;
    top: 0;
    left: -100%;
    background: #242526;
    display: block;
    padding: 50px 10px;
    line-height: 50px;
    overflow-y: auto;
    box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.18);
    transition: all 0.3s ease;
  }

  /* custom scroll bar */
  ::-webkit-scrollbar {
    width: 10px;
  }

  ::-webkit-scrollbar-track {
    background: #242526;
  }

  ::-webkit-scrollbar-thumb {
    background: #3a3b3c;
  }

  #menu-btn:checked~.nav-links {
    left: 0%;
  }

  #menu-btn:checked~.btn.menu-btn {
    display: none;
  }

  #close-btn:checked~.btn.menu-btn {
    display: block;
  }

  .nav-links li {
    margin: 15px 10px;
  }

  .nav-links li a {
    padding: 0 20px;
    display: block;
    font-size: 20px;
  }

  .nav-links .drop-menu {
    position: static;
    opacity: 1;
    top: 65px;
    visibility: visible;
    padding-left: 20px;
    width: 100%;
    max-height: 0px;
    overflow: hidden;
    box-shadow: none;
    transition: all 0.3s ease;
  }

  #showDrop:checked~.drop-menu,
  #showMega:checked~.mega-box {
    max-height: 100%;
  }

  .nav-links .desktop-item {
    display: none;
  }

  .nav-links .mobile-item {
    display: block;
    color: #f2f2f2;
    font-size: 20px;
    font-weight: 500;
    padding-left: 20px;
    cursor: pointer;
    border-radius: 5px;
    transition: all 0.3s ease;
  }

  .nav-links .mobile-item:hover {
    background: #3a3b3c;
  }

  .drop-menu li {
    margin: 0;
  }

  .drop-menu li a {
    border-radius: 5px;
    font-size: 18px;
  }

  .mega-box {
    position: static;
    top: 65px;
    opacity: 1;
    visibility: visible;
    padding: 0 20px;
    max-height: 0px;
    overflow: hidden;
    transition: all 0.3s ease;
  }

  .mega-box .content {
    box-shadow: none;
    flex-direction: column;
    padding: 20px 20px 0 20px;
  }

  .mega-box .content .row {
    width: 100%;
    margin-bottom: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }

  .mega-box .content .row:nth-child(1),
  .mega-box .content .row:nth-child(2) {
    border-top: 0px;
  }

  .content .row .mega-links {
    border-left: 0px;
    padding-left: 15px;
  }

  .row .mega-links li {
    margin: 0;
  }

  .content .row header {
    font-size: 19px;
  }
}

nav input {
  display: none;
}

.body-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  padding: 0 30px;
}

.body-text div {
  font-size: 45px;
  font-weight: 600;
}

.dashicons-arrow-down-alt2:before {
  content: "\f347" !important;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 2.5em;
  border: #dfbfc6 1px dashed !important;
  padding: 10px;
}

.footer_copy {
  padding-top: 20px;
  border-top: #e4e4e4 1px solid;
  margin-top: 30px;
}

.footer_copy p {
  color: #505050;
  font-style: italic;

  width: 100%;
  max-width: 100%;
}

.footer_copy p a {
  color: #505050;
}

.footer-call-action {
  background: rgb(27, 63, 170);
  background: linear-gradient(90deg,
      rgba(27, 63, 170, 1) 0%,
      rgba(48, 54, 204, 1) 100%);
  padding: 50px 0 40px 0;
}

.footer-call-action span {
  color: #00aeef;

}

.footer-call-action p {
  color: #fff;
  padding: 0;
  margin: 10px 0 15px 0;
}

.footer-call-action h3 {
  font-size: 25px;
  padding: 0;
  margin: 0;
  font-weight: 500;
  color: #fff;
}

.footer-call-action .support_img {
  margin-top: 20px;
}

.footer-call-action h3 a {
  color: #00aeef;
}

.wedo-call-action {
  padding: 80px 0 60px 0;
  margin-top: -5px;
}

.wedo-call-action p {
  color: #25253d;
  padding: 0 0 0 0px;
  margin: 15px 0 15px 0;
  line-height: normal;
}

.wedo-call-action h2 {
  font-size: 36px;
  padding: 0 0 0 0px;
  margin: 0 0 20px 0;
  color: #000;
}


.app-callouts {
  padding: 0px 0 30px 0;
  position: relative;
}

.video_wrap {
  position: absolute;
  top: 150px;
  width: 100%;
  left: 0;
}

.app_button_more {
  margin: 30px 0 30px 0;
}

.app_texts {
  max-width: 100%;
  padding-left: 50px;
  padding-top: 15%;
}

.app-callouts h3 {
  font-size: 36px;
  padding: 0;
  margin: 0;
  color: #fff;
  padding-top: 30px;

}

.app-callouts p {
  color: #fff;
  font-size: 16px;
  margin: 15px 0 0px 0;
}

.request-callout {
  background: #fff;
  padding: 60px 0 50px 0;
}

.request-callout h2 {
  color: #000;
  text-align: center;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 43px;
  padding: 0;
  margin: 0 0 40px 0;
}

/* CTA */
.cata_section {
  padding: 80px 0 60px 0;
  color: #fff;
  background: #F4F5FF;
}

.cata_section h2 {
  color: #000;
  font-size: 36px;
}

.cata_section p {
  color: #000;
  margin-bottom: 25px;
}

.cata_section a {
  border: 1px solid #000;
  padding: 10px 20px;
  border-radius: 10px;
  text-decoration: none;
  display: inline-block;
  color: #000;
}

.cata_section a:hover {
  border: 1px solid #00aeef;
  background: #fff;
}

.test-bg h2 {
  color: #222;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 54px;
  padding: 0;

  margin: 50px 0 30px 0;
  text-align: center;
}

.test-slides {
  background-image: url(images/testimonial_bg.png);
  height: 100%;
  background-position: center;
  background-size: cover cover;
  height: 100%;
  min-height: 580px;
}

.carousel-wrap {
  max-width: 600px;
  margin-left: 50px;
  padding: 130px 50px 0px 50px;
}

.carousel-wrap h4 {
  font-size: 20px;
  padding: 0;
  margin: 0;
  color: #fff;
}

.carousel-wrap p {
  color: #fff;
  font-style: italic;
  margin: 15px 0 15px 0;
}

.social_media {
  margin: 0;
  padding: 0;
}

.social_media li {
  display: inline-block !important;
  width: auto !important;
  padding: 0 5px !important;
  font-size: 21px;
}

.owl-nav {
  display: inline-block;
  margin-top: 15px;
}

.owl-carousel .owl-item img {
  display: block;
  width: inherit !important;
  -webkit-transform-style: preserve-3d;
}

.owl-nav>div {
  margin-top: -26px;
  position: relative;
  top: inherit;
  color: #cdcbcd;
  width: 60px;
  display: inline-block;
  background: rgba(255, 255, 255, 0.2);
  margin: 0 25px 0 0px;
  text-align: center;
  height: 60px;
  border-radius: 100%;
}

.owl-nav i {
  font-size: 38px;
  padding: 10px 0;
}

.owl-nav .owl-prev {
  left: 0;
}

.owl-nav .owl-next {
  right: 0;
}

.site-content {
  background: #ffff;
  margin-top: 60px;
}

.contactinfo-section {
  padding: 0px 0 40px 0 !important;
}

.info-block-inner {
  background: #fff;
  padding: 50px;
  border: #D7D7D7 1px solid;
  margin-bottom: 38px;
  display: inline-block;
  width: calc(100% - 30px);
  text-align: left;
}

.contactinfo-section .info-block-inner h3 {
  color: #333;

}

.info-block-inner .add_me:first-child:after {
  content: '';
  border-left: #d7d7d7 1px solid;
  position: absolute;
  top: 0;
  height: 200px;
  right: 19px;
}

.white_bg {
  background: #fff;
  display: inline-block;
  width: 100%;
  padding: 0 0 30px 0;
}

.banner_inner {
  padding: 50px 0;
}

.banner_inner h2 {
  color: #000;
}

.banner_inner.single_banner {
  padding: 150px 0;
  color: #ffff;
}

.banner_inner.single_banner h2 {
  color: #fff;
  margin-bottom: 10px;
  font-size: 42px;
  font-style: normal;
  font-weight: normal;

}

body .contact {
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center;
  background-size: cover;
  position: relative;
}

body .contact::before {
  /* background: linear-gradient(90deg, rgb(27 63 170) 0%, rgb(48 54 204 / 56%) 100%); */
  width: 100%;
  height: 100%;
  content: "";
  top: 0;
  position: absolute;
}

body .payroll-b {
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center;
  background-size: cover;
  position: relative;
}

body .payroll-b::after {
  background-color: #0d0c1f;
  width: 100%;
  content: "";
  position: absolute;
}

body .contact .left-banner,
body .payroll-b .left-banner {
  padding: 80px 0;
}

.right-contact {
  border: #d7d7d7 1px solid;
  padding: 30px 30px 10px;
  background: #fff;
  text-align: left;
}

.right-contact h2 {
  color: #222;
  margin-bottom: 30px;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;

  padding-top: 0;
  margin-top: 0;
}

.right-contact .wpcf7 input[type="submit"] {
  float: right;
  margin-top: -20px;
  margin-bottom: 20px;
}

.right-contact h2 span {}

.contact_section1 {
  padding: 50px 0 10px 0;
}

.address-section {
  margin: 25px 0 0 0;
  text-align: center;
  background: url(images/bg.png) no-repeat center top;
}

.awsm-filter-item-search .awsm-job-form-control {
  padding: 0 0 0 16px !important;
  min-height: 48px;
}

.awsm-job-item h2.awsm-job-post-title a {
  color: #000;
  font-weight: 500;
}

.banner_inner.single_banner h2.entry-title {
  color: #000 !important;
}

.entry-meta {
  padding-top: 20px;
}

.awsm-job-entry-content ul {
  margin: 0 0 10px 30px;
  padding: 0;
}

.add-location {
  max-width: 400px;
  margin: 0 30px;
  display: inline-block;
  text-align: left;
}

.info-block-inner .add_me {
  position: relative;
}

.info-block-inner .add_me p {
  padding: 0;
}

.info-block-inner h3 {
  color: #333;
  padding: 0 0 0 15px;
  margin: 0;
}

.info-block-inner p {
  padding: 0 0 0 15px;
  margin: 0;
}

.info-block-inner a {
  margin: 15px 0 0 15px;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  font-size: 13px;
  border: #D2D2D2 1px solid;
  box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.08);
}

.info-block-inner .icon {
  background: #fff;
  border: #f8f8f8 5px solid;
  width: 100px;
  height: 100px;
  box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);
  display: inline-block;
  border-radius: 100%;
  text-align: center;
  line-height: 90px;
}

body .contact .left-banner h2,
body .payroll-b .left-banner h2,
body .directory_banner .left-banner h2 {
  font-size: 42px;
  margin-bottom: 20px;
  font-style: normal;
  font-weight: normal;

}

body .contact .left-banner h2 span,
body .payroll-b .left-banner h2 span,
body .directory_banner .left-banner h2 span {}

body .contact .left-banner p,
body .payroll-b .left-banner p,
body .directory_banner .left-banner p {
  padding: 0;
  margin: 0;
}

.left-banner p,
body .directory_banner .left-banner p {
  max-width: 750px;
  margin: 0 auto 30px;
}

body .contact .left-banner a,
body .payroll-b .left-banner a {
  margin: 15px 0 0 0px;
  height: 50px;
  line-height: 50px;
  padding: 0 15px;
  font-size: 13px;
  box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.08);
  text-decoration: none !important;
  width: 160px;
  margin-top: 30px !important;
  display: inline-block;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
  margin: 0 10px;
  border-radius: 0px !important;
  text-transform: uppercase;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item a.mega-menu-link:before {
  margin: 0px;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link {
  color: #1c3faa !important;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu {
  margin-top: 10px;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  display: block;
  background: #2e3c8f;
  color: #fff !important;
  font-size: 14px;
  font-weight: normal;
  padding: 0 15px;
  line-height: 45px;
  text-decoration: none;
  text-transform: none;
  vertical-align: baseline;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover,
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
  background: #44b2ed;
  font-weight: normal;
  text-decoration: none;
  color: #666;
  line-height: 45px;
}

.vertical-padding {
  padding: 100px 0;
}

.what-wedo-section h2 {
  line-height: 50px;
  padding-bottom: 15px;
  max-width: 90%;
  font-size: 4rem;
}

.what-wedo-section p {
  font-size: 16px;
  line-height: 24px;
}

.abt_whatwedo_section {
  background: #fff;
  padding: 70px 0;
}

.abt_whatwedo_section h2 {
  margin-bottom: 60px;
}


.corevalues_section {
  background: #0d1828;
  color: #fff;
  padding: 30px 0 50px 0;
}

.corevalues_section h2 {
  color: #fff;
  margin-bottom: 70px;
}

.corevalue-border p,
.corevalue-border p {
  color: #0aacbb;
  font-size: 18px;
  text-align: center;
  margin-bottom: 10px;
}

.corevalue-border {
  border-right: 1px solid #215257;
  border-bottom: 1px solid #215257;
}

.corevalue-img {
  text-align: center;
  align-items: center;
}

.corevalue-desc {
  font-size: 14px;
  color: #fff;
  padding: 0px 40px;
  height: 100px;
}

.corevalues_section div:nth-child(4n),
.corevalues_section div:nth-child(7n) {
  border-right: none !important;
}

.corevalue_last {
  border-bottom: none;
}

.corevalue_last .corevalue-img {
  padding-top: 20px;
}



.our_vision_section {
  padding: 40px 0 60px 0;
}

body .tmm .tmm_member .tmm_photo {
  border-radius: 50% !important;
  width: 63% !important;
}

.leadership_team {
  background: #f2f5fc;
  padding: 50px 0;

}

a.btn.btn-blue {
  background: #474ce4 !important;
  opacity: 1;
  box-shadow: none;
  border: 0px solid RGBA(0, 0, 0, 1);
  border-radius: 5px;
  color: #fff !important;
}

a.btn.btn-blue:hover {
  background: #2e3f9b !important;
}

.info-section {
  background: rgb(27, 63, 170);
  background: linear-gradient(90deg,
      rgba(27, 63, 170, 1) 0%,
      rgba(48, 54, 204, 1) 100%);
}

.info-block h3 {
  color: #fff;

  font-size: 20px;
  max-width: 340px;
  letter-spacing: 1px;
  line-height: normal;
}

.info-section .info-block p {
  font-size: 15px;

  line-height: 24px;
  color: #fff;
  letter-spacing: 0.8px;
  max-width: 300px;
  padding: 10px 0;
}

.blue-bg,
.blue-bg1 {
  position: relative;
  overflow: hidden;
}

.blue-bg1 img {
  margin-top: 40px;
}

.blue-bg::before {
  position: absolute;
  content: "";
  background: #e9f4ff;
  width: 700px;
  height: 700px;
  top: 50px;
  right: -80px;
  border-radius: 100%;
}

.blue-bg1::before {
  position: absolute;
  content: "";
  background: #e9f4ff;
  width: 700px;
  height: 700px;
  top: 50px;
  right: 50px;
  border-radius: 0;
}

.monitor {
  margin-bottom: -300px;
}

.we-para {
  max-width: 90%;
  margin: 0 auto;
}

.blue_bg_arrow {
  position: relative;
  margin-bottom: 50px;
  padding-top: 60px;
}

.blue_bg_arrow::before {
  background: linear-gradient(90deg,
      rgba(27, 63, 170, 1) 0%,
      rgba(48, 54, 204, 1) 100%);
  content: "";
  width: 90%;
  height: 300px;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 0px 200px 200px 0px;
  padding: 0 80px 0 80px;
}

.blue-box {
  display: flex;
  text-align: left;
  padding: 50px 0;
}

.blue-box p {
  /* display: inline; */
  line-height: normal;
  padding: 14px 0 0 30px;
  margin: 0;
  color: #fff;

  letter-spacing: 0.8px;
  max-width: 400px;
  line-height: 24px;
  font-size: 17px;
  vertical-align: text-bottom;
}

.profile_list div {
  min-height: 380px;
  padding: 0;
  border-radius: 10px;
  display: flex;
  margin-top: 50px;
  text-align: center;
  align-items: center;
  margin: 30px 15px 0px;
  width: calc(25% - 30px);
  position: relative;
}

.profile_list div img.default {
  margin: 0 auto;
  margin-top: -100px;
}

.profile_list div:nth-child(1) {
  background: #f0f7ff;
}

.profile_list div:nth-child(2) {
  background: #fff4f1;
}

.profile_list div:nth-child(3) {
  background: #f7fcf3;
}

.profile_list div:nth-child(4) {
  background: #f8f0ff;
}

.profile_list div .sub {
  background: #f0f0f0;
  height: 100px;
  display: block;
  min-height: 100px;
  position: absolute;
  width: 100%;
  bottom: 0;
  padding-top: 15px;
  border-radius: 0px 0px 10px 10px;
  left: 0;
  margin: 0 !important;
}

.directory-block div.form-list {
  border-radius: 30px;
  padding: 30px;
  margin-bottom: 30px;
  min-height: 380px;
  width: calc(33.33333333% - 40px);
  margin: 0 20px 40px;
}

.directory-block div.form-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.directory-block div.form-list ul li {
  list-style: none;

  letter-spacing: 0.5px;
  font-size: 15px;
}

.directory-block div.form-list:nth-child(odd) {
  background: #EAF1FF;
}

.directory-block div.form-list:nth-child(even) {
  background: #EAF7FF;
}

.directory_banner {
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center;
  background-size: cover;
  position: relative;
  margin: 0;
  padding: 80px 0;

}

.page-header {
  padding-bottom: 9px;
  margin: 80px 0 40px 0;
  border-bottom: 1px solid #eee;
}

span.meta {
  color: #858585;
  position: relative;
  top: -15px;
}

header.entry-header h4 {
  margin-top: 15px;
  display: inline-block;
  padding: 0;
  margin: 15px 0 15px 0;
}

header.entry-header h4 a {
  color: #333;
  line-height: 25px;
  letter-spacing: 0.3px;
}

.blog-main .entry-content p {
  line-height: 22px;
  color: #333;
}

.no-bottom {
  padding-bottom: 0;
}

.search-form {
  display: inline-block;
  background: #fff;
  border-radius: 8px;
  padding: 10px;
  box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);
  width: 100%;
  max-width: 900px;
  height: 70px;
  position: relative;
  top: 34px;
}

.search-form label {
  width: calc(100% - 125px);
}

.search-form label input[type=search] {
  height: 50px;
  display: inline-block;
  padding: 0 20px;
  text-shadow: none !important;
  letter-spacing: 0.5px;
  width: 100%;
  border: none !important;
}

.search-form button {
  background: #474ce4;
  border: none;
  color: #fff;
  padding: 12px 15px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  max-width: 135px;
  letter-spacing: 1.3px;
  cursor: pointer;
}

.search-form input[type=submit]::before {
  content: "\f2ba";
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  content: "/f002";
}

/* Security Page */
.security_section1 {
  padding: 50px 0 70px 0;
}

.security_banner .content {
  width: 60%;
  margin: 100px 0 20px 0;
}

.security_banner .content h2 {
  color: #fff;
  margin-bottom: 30px;
  font-size: 42px;
}

.security_banner .content p {
  color: #fff;
  margin-bottom: 20px;
}

.security_box_section {
  background: #EEF4FF;
  padding: 30px 0;
}

.heading h2 {
  margin: 0 0 30px 0;
}

.box_wrap {
  background: #fff;
  border-radius: 10px;
  padding: 30px;
  min-height: 300px;
  margin-bottom: 30px;
}

.box_wrap h3 {
  color: #283891;
  font-size: 22px;
}

.box_wrap ul {
  margin: 0 0 0 20px;
  padding: 0;
}

/* Large desktops and laptops */
@media (min-width: 1200px) {}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

  .mobmenu-right-panel li,
  .rightmbottom,
  .rightmtop {
    padding-left: 5%;
    padding-right: 0%;
  }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
  header a.btn.btn-default.login {
    position: relative;
    left: -59px !important;
  }
  body .contact .left-banner h2, body .payroll-b .left-banner h2, body .directory_banner .left-banner h2 {
    font-size: 30px;
  }

  .banner .banner-heading .n2-ow {
    font-size: 25px !important;
    width: 100%;
    padding: 0px 15px 0px 0px;
    text-align: center !important;
    position: relative;
  }

  .banner .banner-text .n2-ow {
    color: #000 !important;
    font-weight: normal !important;
    margin-bottom: 15px !important;
    font-size: 13px !important;
    line-height: 16px !important;
    letter-spacing: 0.5px !important;
    text-align: center !important;
    padding: 0 15px !important;
  }


  .banner-button a {
    font-size: 14px !important;
    padding: 8px 15px !important;
  }

  .banner-button {
    margin: 0 auto !important;
  }

  .n2-ss-slider .n2-ss-layer-with-background {
    background: #f1f1f1 !important;
  }

  .mobmenu-right-panel li,
  .rightmbottom,
  .rightmtop {
    padding-left: 5% !important;
    padding-right: 0% !important;
  }

  .mobmenur-container {
    padding: 6px 10px;
  }

  #mobmenuright li a,
  #mobmenuright li a:visited,
  #mobmenuright .mobmenu-content h2,
  #mobmenuright .mobmenu-content h3,
  .mobmenu-left-panel .mobmenu-display-name {
    letter-spacing: 0.6px;
  }

  .wedo-call-action {
    padding: 50px 0;
  }

  .wedo-call-action h2 {
    text-align: left;
    padding: 0 0 0 15px;
  }

  .wedo-call-action p {
    padding: 0 0 0 15px;
    margin: 15px 0 15px 0;
    letter-spacing: 0.8px;
    border-left: none;
  }

  .our_services {
    padding: 50px 0 0;
  }

  .app-callouts {
    padding: 50px 0;
  }

  .app_texts {
    max-width: 100%;
    padding: 0 15px;
    text-align: center;
  }

  .our_services h2 {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 30px;
  }

  .white-main.last-child {
    border-bottom: #cacaca 1px solid;
  }

  .white-icon {
    width: 80px;
  }

  .our_services .whitebg {
    display: inline-block;
    width: calc(100% - 114px);
  }

  .our_services .whitebg h3 {
    font-size: 17px;
    margin: 5px 0 10px 0;
  }

  .request-callout {
    background: #fff;
    padding: 50px 0 20px;
  }

  .request-callout h2 {
    font-size: 30px;
    margin: 0 0 30px 0;
  }

  .form_content.comment-form {
    padding: 0 15px;
  }

  .carousel-wrap {
    max-width: 600px;
    margin-left: 50px;
    padding: 50px 0px 0px 0px;
  }

  .test-slides {
    min-height: 500px;
  }

  .footer-call-action {
    padding: 50px 0;
    text-align: center;
  }

  .foot-callout ul {
    padding: 0;
    margin: 0 0 30px 0;
    width: 100%;
    display: block;
  }

  .footer-call-action p {
    line-height: 28px;
    margin: 30px 0 15px 0;
  }

  .site-footer {
    background-color: #f7f7f7;
    padding: 30px 0 20px 0;
    color: #5f5f5f;
    text-align: center;
  }

  .site-footer .menu li {
    display: inline-grid;
    padding: 0;
  }


  .test-bg h2 {
    color: #222;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    padding: 0px 50px;

    margin: 50px 0 30px 0;
    text-align: center;
  }

  body .payroll-b {
    padding: 0 10px;
    margin-bottom: 0;
  }

  .vertical-padding {
    padding: 30px 0;
  }

  .what-wedo-section h2 {

    line-height: normal;
    padding-bottom: 15px;
    max-width: 100%;
    font-size: 30px;
  }

  .what-wedo-section p {
    max-width: 100%;
  }

  .blue_bg_arrow::before {
    display: none;
  }

  .blue_bg_arrow {
    position: relative;
    margin-bottom: 0px;
    padding: 30px;
    background: linear-gradient(90deg, rgba(27, 63, 170, 1) 0%, rgba(48, 54, 204, 1) 100%);
  }


  .blue-box {
    display: flex;
    text-align: left;
    padding: 30px 0;
  }

  .blue-box img {
    width: 77px;
    height: 78px;
    vertical-align: top;
  }

  .profile_list {
    display: inline-block;
    width: 100%;
  }

  .profile_list div img.default {
    margin: 0 auto;
    margin-top: 100px;
  }

  .profile_list div {
    min-height: 380px;
    padding: 0 5%;
    border-radius: 10px;
    display: inline-block;
    margin-top: 50px;
    text-align: center;
    align-items: center;
    margin: 30px 5% 0px;
    width: 90%;
    position: relative;
    display: inline-block;
  }

  body .mobmenu-content #mobmenuright li:hover {
    background-color: rgb(27 63 170);
  }

  body .mobmenu-content #mobmenuright>li>a:hover {
    background-color: rgb(27 63 170);
  }

  body .mobmenu-content #mobmenuright .sub-menu {
    background-color: rgb(27 63 170);
    margin: 0;
    color: #fff;
    position: initial;
    width: 100%;
  }

  .what-wedo-section {
    padding: 30px 0px;
  }

  .blue-bg {
    background: #e9f4ff;
  }

  body .contact .left-banner,
  body .payroll-b .left-banner {
    padding: 50px 0px;
  }

  .info-block-inner {
    background: #fff;
    padding: 30px;
    border: #D7D7D7 1px solid;
    margin-bottom: 38px;
    display: inline-block;
    width: calc(100% - 30px);
    text-align: left;
  }

  .address-section .info-block {
    margin-bottom: 0;
  }

  header.entry-header .col-sm-6 {
    width: 49%;
    display: inline-block;
    font-size: 12px;
  }

  body .contact::before {
    left: 0;
  }

  .banner_inner.single_banner {
    padding: 80px 30px;
    color: #ffff;
  }

  .banner_inner.single_banner h2 {
    font-size: 30px;
  }

  .single .entry-content {
    margin-bottom: 0px;
    padding-bottom: 0;
  }

  .hentry {
    margin: 0 0 0px;
    padding: 0 15px;
  }

  .search-form {
    display: inline-block;
    background: #fff;
    border-radius: 8px;
    padding: 10px;
    box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);
    width: 91%;
    max-width: 900px;
    height: 70px;
    position: relative;
    top: 41px;
    margin: 0 15px;
  }

  .right-contact {
    margin: 0 15px;
  }

  .right-contact .form_content.comment-form {
    padding: 0 0px;
  }

  .info-block-inner .add_me:first-child:after {
    display: none;
  }

  .info-block-inner .add_me:first-child {
    margin-bottom: 30px;
  }

  .blue-bg1::before,
  .blue-bg::before {
    display: none !important;
  }

  .blue_bg.info-section {
    padding: 30px !important;
  }

  .info-block {
    margin-bottom: 30px;
  }


  .blue-bg1 {
    background: #e9f4ff;
  }

}

/* Portrait phones and smaller */
@media (max-width: 480px) {}