@import url('https://fonts.googleapis.com/css?family=Montserrat:500,600,700,800');
body{
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
	overflow-x:hidden;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'Lato', sans-serif;
	font-weight:500;
}
h1,h2,h3,h4,h5,h6,ul,li,p,form,figure{
	margin:0;
	padding:0;
}
span,a,img,i,input,button,select,label{
	display:inline-block;
}
*,div:before,div:after{
	box-sizing:border-box;
}
.header{
	display:flex;
	width:100%;
	flex-direction: column;
	background-size: 100% 100%; 
}
.header-top{
	display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0;
    position: absolute;
    z-index: 100;
    /*background: rgba(255, 255, 255,0.5);*/
}
.header-top .wow  a {
    background: #fff;
    padding: 10px 10px;
    border-radius: 10px;
    margin: 20px 20px;
    position: relative;
}
.header-bottom{
	color:#fff;
	
}
.header-banner-details{
	display:flex;
	flex-direction: column;
	width:500px;
}
.header-banner-details h1{
	padding-bottom:20px;
}
.header-banner-details p{
	padding-bottom:30px;
}
.read-more-button{
	color:#fff;
	background-color:#ff3a2d;
	border-radius:50px;
	width:180px;
	height:50px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	font-size:20px;
	
}
.read-more-button:hover {
	color:#fff;
	text-decoration:none;
}
.read-more-button span{
	padding-left:20px;
}
.read-more-button i{
	padding-right:20px;
	color:#fff;
	font-size:20px;
}
.article{
	display:flex;
	flex-direction: column;
}
.article-row1{
	background-color:#f4f4f4;
	padding:15px 0;
	width: 100%;
	border-bottom: 1px solid #efebeb;
}
.no-pad{
	padding: 0px !important;
}
.article-row1 span{
	padding-left:10px;
	padding-right:10px;
}
.article-row2{
	padding:70px 0 80px;
}
.our-story-card{
	width:20%;
	display:flex;
	flex-direction:column;
    justify-content: center;
    align-items: center;
    border-right: 1px dashed #bbbbbb;
}
.ourstory-responsive .our-story-card:last-child {
    border:0;
}
.our-story-title, .our-ai-title {
	margin-bottom: 60px;
    color: #212529;
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	font-weight:800;
	font-size:50px;
}
.title-line{
	height:2px;
	background-color:#494949;
	width: 103px;
	margin-top:20px;
}
.osc-two{
	font-size:40px;
	color:#2b2b2b;
	font-weight:500;
	font-family: 'Oswald', sans-serif;
	padding:10px 0;
}
.osc-three{
	text-align:center;
}
.article-row3 {
	display:flex;
	background:#2a3681 url(../images/digital-services.png) no-repeat center center / cover;
	padding:80px 0;
	position: relative;
	z-index: 1;
	background-attachment: fixed;
}
.article-row3:before {
    content: '';
    z-index: -1;
    background:rgba(42, 54, 129,0.9);
    width: 100%; 
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
}
.our-customers-title{
	margin-bottom: 50px;
    color: #fff;
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	font-weight: 700;
	font-size: 47px;
}
.our-customers-title .title-line {
    background-color: #ffffff;
}
.textimonial-card{
	padding: 60px 30px 30px 87px;
    width: 100%;
    min-height: 225px;
    background: #fff url(../images/quotation.png) no-repeat 40px 30px / 30px;
}
.textimonial-card h3{
	font-size:22px;
	font-weight:800;
	padding-bottom:10px;
	text-align: left;
    color: #2a3681;
}
.textimonial-card p{
	font-size: 16px;
    font-weight: 300;
    line-height: 25px;
    text-align: left;
    padding: 0;
}
.our-key{
	font-size:16px;
	font-family: 'Open Sans', sans-serif;
	padding-top:20px;
	font-weight:400;
	font-style:italic;
}
.article-row4{
	padding:70px 0 80px;
}
.odf-card{
	position: relative;
    display: inline-block;
    overflow: hidden;
}
.odf-card a {
    text-decoration: none;
    color: inherit;
    transition: all ease 0.35s;
    -webkit-transition: all ease 0.35s;
    -moz-transition: all ease 0.35s;
}
.odf-card img {
    transition: transform 1s ease;
    height: 380px;
    object-fit: cover;
}
.odf-card .odftext {
    position: absolute;
    z-index: 999;
    margin: 0 auto;
    left: 5%;
    top: 8%;
    text-align: left;
    font-size: 20px;
    color: #fff;
    background: rgba(0, 0, 0, 0.8);
    min-width: 40%;
    padding: 5px 10px;
}
.odf-card:hover img {
    transform: scale(1.2);
}
.footer-row1 {
	margin-bottom: 0px !important;
	background:url(../images/world-map1.png) no-repeat center center / cover;
	background-attachment: fixed;
	padding:70px 0 80px;
	position: relative;
	z-index: 1;
}
.footer-row1:before {
    content: '';
    background-color: rgba(43, 55, 129,0.9);
    position: absolute;
    left:0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.footer-row1 h4  {
    color: #fff;
    font-weight: 400;
    padding-top: 0px;
    text-align: center;
    margin-top: 50px;
    border-top: 1px dashed #0b4188;
    padding-top: 70px;
}
.fr1-row {
	padding-top:40px;
}
#contact_form {
    max-width: 80%;
    margin: 0 auto;
}
.contact-input{
    width: 100%;
    background-color: transparent;
    border: 1px solid #5e7492;
    padding: 10px 15px;
    color: #fff;
    font-size: 15px;
    margin-bottom: 25px;
}
.contact-input:focus{
	outline:none;
}
::placeholder { 
  color: #b2c4de;
  opacity: 1; 
}
:-ms-input-placeholder { 
 color: #b2c4de;
}
::-ms-input-placeholder {
   color: #b2c4de;
}
.fr1-row{
	padding-bottom:10px;
}
.send-now-btn {
	background-color:#fff;
    border:0px;	
	color:#114fe9;
	font-weight:600;
	color: #000;
    border-radius: 0;
    padding: 15px 50px;
}
.footer-row2 {
	padding: 0px;
    padding-bottom: 15px;
}
.fr2-row1 {
	border-bottom:1px solid #999999;
	padding-bottom:30px;
}
.fr2-card {
	flex-direction:column;
	display:flex;
}
.fr2-row1 h4 {
	color:#fff;
	font-size:18px;
	font-weight:300;
	padding-bottom:10px; 
}
.fr2-row1 span a {
	color:#97a1a1;
	font-size:16px; 
	transition:1s;
}
.fr2-row1 span a:hover {
	text-decoration:none;
	color:#ccc;
	padding-left:10px;
}
.fr2-row2 {
	border-bottom:1px solid #999999;
	padding-bottom:30px;
	padding-top:30px;
}
.flags-title {
    border-bottom: 2px solid #383838;
    font-size: 18px;
    color: #d1d1d1;
    padding: 5px 0px;
	font-weight:300;
	padding-bottom:10px;
}
/*.address {
	padding-top:10px;
}*/
.address li {
    font-size: 15px;
    color: #a2a1a1;
    background: url(../images/india.png) no-repeat 0% 16%;
    padding: 0px 0px 0px 40px;
    margin: 0;
    list-style: none;
    background-size: 24px;
    background-position: 0px 13px;
    font-weight: 300;
    line-height: 30px;
}
.address1 li {
    font-size: 15px;
    color: #a2a1a1;
    background: url(../images/usa.svg) no-repeat 0% 16%;
    padding: 3px 0px 0px 40px;
    margin: 0;
    list-style: none;
    background-size: 26px;
    background-position: 0px 13px;
    font-weight: 300;
    line-height: 30px;
}
.phone-footer {
	padding-top:10px;
	margin-left: 40px;
	font-size: 15px;
}
.phone-footer li {
    font-size: 16px;
    color: #a2a1a1;
    background: url(../images/icon2.jpg) no-repeat 0% 70%;
    padding: 3px 0px 0px 30px;
    margin: 0;
    list-style: none;
}

.fr2-card span {
	padding-bottom:5px;
}
.fr2-row3 {
	padding:10px 0;
	color: #041833;
    font-size: 15px;
    padding: 18px 0px 0px 0px;
    text-align: center;
	display: flex;
    justify-content: center; 
}
.article-row1 span:first-child img {
	max-width:100%;
	float:left;
	margin-right: 0;
}
.article-row1 span:last-child img {
	max-width:150px;
}
.article-row1 span {
	/*width:20%;*/
	padding: 0 10px;
}
.article-row1 span:last-child {
    /*flex: 0 0 35%;
    display: flex;*/
}
.article-row1 span h5 {
    margin: auto 0;
    color: #777474;
}
.scrollup {
    width: 40px;
    height: 40px;
    opacity: 1;
    position: fixed;
    bottom: 40px;
    right: 15px;
    display: none;
    z-index: 100;
	background-color: #2a3681;
    color: #fff;
	border-radius:0px;
	text-align:center;
}
.scrollup:hover, .scrollup:focus, .scrollup:active {
    background: #2a3681;  
    color: #fff;
    border-radius:0px;
}
.scrollup i {
    line-height: 40px;
}
.two-item .slick-slide {
	padding-left:15px;
	padding-right:15px;  
}
.slick-prev:before, .slick-next:before {
	color:#fff; 
}
.slick-dots li button:before {
	color:#ffffff;
	opacity: .50;
}
.slick-dots li.slick-active button:before {
	color:#ffffff;
}
.slick-dots {
	bottom:-50px;
}

.right-menu {
    display: flex;
}
.right-menu .hamburger-navigation {
    margin: auto 20px;
}
.request-loader {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 40px;
  border-radius: 100%;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
}
.request-loader span {
  position: relative;
  font-size: 72px;
  top: 0;
  left: 0;
}
.request-loader::after {
  opacity: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  height: 100%;
  width: 100%;
  border: 8px solid rgb(255 255 255 / 50%);
  border-radius: 100%;
  -webkit-animation-name: ripple;
          animation-name: ripple;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
          animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
  z-index: -1;
}
.request-loader::before {
  opacity: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  height: 100%;
  width: 100%;
  border: 8px solid rgb(255 255 255 / 80%);
  border-radius: 100%;
  -webkit-animation-name: ripple;
          animation-name: ripple;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
          animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
  z-index: -1;
}
.header-top.sticky .request-loader::before {
    border: 8px solid rgb(48 107 180);
}
.header-top.sticky .request-loader::after {
    border: 8px solid rgb(57 62 122);
}
@-webkit-keyframes ripple {
  from {
    opacity: 1;
    transform: scale3d(0.75, 0.75, 1);
  }
  to {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1);
  }
}

@keyframes ripple {
  from {
    opacity: 1;
    transform: scale3d(0.75, 0.75, 1);
  }
  to {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1);
  }
}


.box-left-right {
	background-color:#fff;
	float:left;
	z-index:1000;  
	display:none;
}
.inner-box2 {
	width: 100%;
    height: 100%;
    padding: 0rem .5rem; 
	margin-top:65px;
}
.box-left-right {
	position: fixed;
    top: 0px;
    right: 0px;
    width: 300px;
	height:100%;
	box-shadow: 10px 0 15px #000;
}
ul.left-menu {
	margin:0px;
	padding:0px;
	float:left;
	width:100%;
}
ul.left-menu li {
	margin:0px;
	padding:0px;
	list-style:none;
	float:left;
	width:100%;
	white-space:normal;
	word-spacing:normal;
	word-break:inline-table;
}
ul.left-menu li a {
color:#000;
padding-bottom:.8rem; 
float:left;
width:100%;
position:relative;
text-decoration:none;
font-size:15px;
}
.menu-level-one {
	font-weight:600;
	padding-left:44px;
}
.menu-level-two {
	font-weight:400;
}
ul.left-menu .leftmenu-active{
	color:#ff3a2d;
}
ul.left-menu li a:hover {
	color:#ff3a2d;
}
.c-hamburger{display:block;position:relative;overflow:hidden;margin:0;padding:0;width:40px;height:40px;font-size:0;text-indent:-9999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;border-radius:none;border:none;cursor:pointer;-webkit-transition:background .3s;transition:background .3s}
.c-hamburger:focus{outline:0}
.c-hamburger span{display:block;position:absolute;top:20px;left:10px;right:10px;height:2px;background:#fff}
.c-hamburger span::after,.c-hamburger span::before{position:absolute;display:block;left:0;width:100%;height:2px;background-color:#fff;content:""}
.c-hamburger--htla.is-active span::after,.c-hamburger--htla.is-active span::before,.c-hamburger--htra.is-active span::after,.c-hamburger--htra.is-active span::before{width:50%}
.c-hamburger span::before{top:-6px}.c-hamburger span::after{bottom:-6px}
.c-hamburger--htx{background-color:transparent}.c-hamburger--htx span{-webkit-transition:background 0s .3s;transition:background 0s .3s}
.c-hamburger--htx span::after,.c-hamburger--htx span::before{-webkit-transition-duration:.3s,.3s;transition-duration:.3s,.3s;-webkit-transition-delay:.3s,0s;transition-delay:.3s,0s}
.c-hamburger--htx span::before{-webkit-transition-property:top,-webkit-transform;transition-property:top,transform}
.c-hamburger--htx span::after{-webkit-transition-property:bottom,-webkit-transform;transition-property:bottom,transform}
.c-hamburger--htx.is-active{background-color:#fff; position:fixed;top: 10px; right: 20px; }
.c-hamburger--htx.is-active span{background:0 0}
.c-hamburger--htx.is-active span::before{top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.c-hamburger--htx.is-active span::after{bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.c-hamburger--htx.is-active span::after,.c-hamburger--htx.is-active span::before{-webkit-transition-delay:0s,.3s;transition-delay:0s,.3s; background-color:#7f7f7f;}

.header-right {
	display: flex;
    align-items: center;
}
.menu-label {
	padding:10px 5px 0 15px;
	text-transform:uppercase;
	font-size:20px;
	color:#7f7f7f;
}
.btn-hum.c-hamburger {
	z-index:10000;
}
.c-hamburger--htx {
    background-color: #2a3681;
	border-radius:50%;
}
.menu-sub-level {
	padding-left:40px;
}
/*.menu-home-icon {
	background:url(../images/menu-home-icon.png) 0 0 no-repeat;
}
.menu-aboutmks-icon {
	background:url(../images/menu-about-mks-icon.png) 0 0 no-repeat;
}
.menu-itservices-icon {
	background:url(../images/menu-it-services-icon.png) 0 0 no-repeat;
}
.menu-digitalservices-icon {
	background:url(../images/menu-it-services-icon.png) 0 0 no-repeat;
}
.menu-digitalservices-icon {
	background:url(../images/menu-digital-services-icon.png) 0 0 no-repeat;
}
.menu-engineeringservices-icon {
	background:url(../images/menu-engineering-services-icon.png) 0 0 no-repeat;
}
.menu-ebs-icon {
	background:url(../images/menu-ebs-icon.png) 0 0 no-repeat;
}
.menu-ngs-icon {
	background:url(../images/menu-ngs-icon.png) 0 0 no-repeat;
}
.menu-ads-icon {
	background:url(../images/menu-ads-icon.png) 0 0 no-repeat;
	margin-top: 10px !important;
    margin-bottom: 10px !important;
}
.menu-si-icon {
	background:url(../images/menu-si-icon.png) 0 0 no-repeat;
}
.menu-md-icon {
	background:url(../images/menu-md-icon.png) 0 0 no-repeat;
	margin-top: 10px !important;
    margin-bottom: 10px !important;
}
.menu-ui-ux-icon {
	background:url(../images/menu-ui-ux-icon.png) 0 0 no-repeat;
}
.menu-ts-icon {
	background:url(../images/menu-ts-icon.png) 0 0 no-repeat;
}
*/
.menu-level-two {
	padding-left:40px;
}
/* Hover Shadow */
@-webkit-keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }

  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }

  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@-webkit-keyframes hover-shadow {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }

  50% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }
}

@keyframes hover-shadow {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }

  50% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }
}

.hover-shadow {
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hover-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hover-shadow:hover, .hover-shadow:focus, .hover-shadow:active {
  -webkit-transform: translateY(-6px);
  transform: translateY(-6px);
  -webkit-animation-name: hover;
  animation-name: hover;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
.hover-shadow:hover:before, .hover-shadow:focus:before, .hover-shadow:active:before {
  opacity: .4;
  -webkit-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-animation-name: hover-shadow;
  animation-name: hover-shadow;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
.left-menu li a {
	transition:1s;
}
.header-inner-banner-details {
    display: flex;
    flex-direction: column;
    width: 650px;
    justify-content: center;
    margin: 0 auto;
    text-align: center;
}
.es-services-read-more {
	display: flex;
	justify-content: center;
    margin-top: 50px;
}
.header-inner-banner-details h1 {
    padding-bottom: 20px;
}
.no-gutter {
    overflow: hidden;
}
.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
    transition: all ease 0.35s;
    -webkit-transition: all ease 0.35s;
    -moz-transition: all ease 0.35s;
}
.no-gutter > .es-left-col:hover {
    transform: scale(1.1);
}
.es-details-top {
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:16px;
	padding:20px 120px;
	text-align:center;
}
.es-left-col img {
	width:100%;
	min-height: 400px;
    max-height: 400px;
    object-fit: cover;
}
.es-right-col img {
	width:100%;
}
.es-right-col {
	justify-content: top;
	padding-top: 0px;
    display: flex;
    flex-direction: column;
	/*padding-left:50px;*/
}
.es-right-col h2 {
	/*padding-bottom:15px;*/
	font-size:28px;
	padding-left:20px;
}
.es-right-col p {
	padding-left:20px;
}
.es-left-col {
	justify-content: top;
    display: flex;
    flex-direction: column;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 400px;
}
.es-left-col h2 {
	/*padding-bottom:15px;*/
	font-size:28px;
	padding-right:50px;
}
.es-left-col p {
	padding-right:50px;
	text-align:left;
	padding-left: 0px;
}
.es-left-col {
	overflow:hidden;
}
.es-left-col img {
    transition: all ease 0.35s;
    -webkit-transition: all ease 0.35s;
    -moz-transition: all ease 0.35s;
}
.es-left-col img:hover {
	transform:scale(1.1);
}
.es-right-col {
	overflow:hidden;
}
.es-right-col img {
    transition: all ease 0.35s;
    -webkit-transition: all ease 0.35s;
    -moz-transition: all ease 0.35s;
    height: 100%;
    object-fit: cover;
}
.es-right-col img:hover {
	transform:scale(1.1);
}
.osc-one img {
	transition:1s;
}
.our-story-card:hover .osc-one img {
	transform:rotate(360deg);
}
.osc-three-top {
	margin-top:15px;
}
.ftech {
	justify-content:flex-start;
}
.fintech-we {
	font-size:20px;
	text-align:center;
	font-weight:600;
	padding:60px 0 0 0;
}
.online-card {
	width:100%;
	text-align:center;
	color:#fff;
	font-size:16px;
	padding:15px;
	border-radius:5px;
}
.online-card-bg1 {
	background-color:#29b765;
}
.online-card-bg2 {
	background-color:#1fa4cf;
}
.online-card-bg3 {
	background-color:#db8b10;
}
.online-card-bg4 {
	background-color:#d04437;
}
.online-card-bg5 {
	background-color:#9e24af;
}
.online-card-bg6 {
	background-color:#009883;
}
 .carousel-inner img {
    width: 100%;
    height: 100%;
}
.carousel-caption {
    position: absolute;
    right: inherit;
    bottom: inherit;
    left: 10%;
    z-index: 10;
    padding-top: 0px;
    padding-bottom: 20px;
    color: #fff;
    text-align: left;
    top: 240px;
}
.carousel-indicators {
	bottom:50px;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
	width:32px;
	height:32px;
}
.align-center {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}
/*karthik code*/
label.error {
    color: red;
    font-size: 14px;
}
.plr-0{
	padding-left: 0px;
	padding-right: 0px;
}
.career-bg{
	background: url(../images/eng.jpg);
	height: 650px;
	background-size: cover;
}
.career-heading{
	font-size: 36px;
    color: rebeccapurple;
    padding: 5px 15px;
    border-bottom: solid 2px #ccc;
}
.career-list{
	font-size: 23px;
    padding: 20px 15px;
    color: #5f5858;
    font-weight: 700;
}
.plr-40{
	padding-left: 40px;
	padding-right: 40px;
}
.hm-gradient {
    background-image: linear-gradient(to top, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%);
}
.darken-grey-text {
    color: #2E2E2E;
}
.danger-text {
    color: #ff3547; }
.default-text {
    color: #2BBBAD; 
}
.info-text {
    color: #33b5e5; 
}
.form-white .md-form label {
  color: #fff; 
}
.form-white input[type=text]:focus:not([readonly]) {
    border-bottom: 1px solid #fff;
    -webkit-box-shadow: 0 1px 0 0 #fff;
    box-shadow: 0 1px 0 0 #fff; 
}
.form-white input[type=text]:focus:not([readonly]) + label {
    color: #fff; 
}
.form-white input[type=password]:focus:not([readonly]) {
    border-bottom: 1px solid #fff;
    -webkit-box-shadow: 0 1px 0 0 #fff;
    box-shadow: 0 1px 0 0 #fff; 
}
.form-white input[type=password]:focus:not([readonly]) + label {
    color: #fff; 
}
.form-white input[type=password], .form-white input[type=text] {
    border-bottom: 1px solid #fff; 
}
.form-white .form-control:focus {
    color: #fff;
}
.form-white .form-control {
    color: #fff;
}
.form-white textarea.md-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #fff;
    box-shadow: 0 1px 0 0 #fff;
    color: #fff; 
}
.form-white textarea.md-textarea  {
    border-bottom: 1px solid #fff;
    color: #fff;
}
.form-white textarea.md-textarea:focus:not([readonly])+label {
    color: #fff;
}
.ripe-malinka-gradient {
    background-image: linear-gradient(120deg, #f093fb 0%, #f5576c 100%);
}
.near-moon-gradient {
    background-image: linear-gradient(to bottom, #5ee7df 0%, #b490ca 100%);
}
.pad-l-t{
	padding: 14px 0px 0px 24px;
	color: #fff;
}
.pad-0{padding: 0px!important}
.flex{display: flex}
.flex-center{display: flex;align-items: center;}
.ent-sol-section{margin-top: 24px;
    /*margin-bottom: 24px;*/
    border: solid 2px #2a3681;display: flex;}
.ent-sol-section-sub{
	background: #2a3681;
	display: flex;
	align-items: center;
	color: #fff;
}
.ml-18{
	margin-left: 18px
}
.blue-heading{
	border-top: solid 5px #0d38e7;
    width: fit-content;
    margin-bottom: 24px
}
.blue-heading h2{
	padding-top: 20px;
	font-size: 36px;
    color: #2a3681;
    font-weight: bolder;
}
.blue-border{
	border: solid 2px #2a3681;
}
.ent-sol-flow ul{
	list-style: none;
}
.ent-sol-flow li{
	padding: 5px 8px;
    border: solid 2px #2a3681;
    font-size: 11px;
    background: #2a3681;
    color: #fff;
    font-weight: 700;
    margin-bottom: 12px;
}
.ent-sol-flow li::after {
    content: ">";
    position: absolute;
    font-size: 28px;
    transform: rotate(90deg);
    color: yellow;
    left: 89px;
    margin-top: 7px;
}
.ent-sol-flow li:last-child::after {
    content: "";
    position: absolute;
    font-size: 28px;
    transform: rotate(90deg);
    color: yellow;
    left: 89px;
    margin-top: 7px;
}
.ent-sol-breadcrum{
	background:#0c1e70;height:130px;margin-top:20px;margin-left: 0px;margin-right: 0px;
}
.mksLogoBg{
	background:#fff;height:130px;display: flex;align-items: center;
}
.erp-bg {
    background: url(../images/erp.jpg);
    height: 600px;
    background-size: cover;
    background-repeat: no-repeat;
}
.ent-sol-breadcrum-text{
	border-top: solid 3px #716969;
    width: fit-content;
    letter-spacing: 3px;
    font-size: 16px;
    font-weight: 600;
}
.mb-24{
	margin-bottom: 24px;
}
.ent-sol{
	font-weight: 600;
	text-align: justify;
}
.m-lr-0{
	margin-left: 0px;
	margin-right: 0px;
}
.ent-sol-breadcrum h2{
	font-size: 46px;
    font-weight: 800;
}
.ecommerce-bg{
	background: url(../images/erp.jpg);
	display: flex;
	align-items: center;
	height: 600px;
}
.ecommerce-bg h1{
	background: #00000080;
	margin-left: auto;
	margin-right: auto;
}
.main-heading{
	text-align: center;
	margin: 40px 0px;
}
.img-container{
	text-align: center;
	transition: transform .2s;
}
.img-container:hover{
	transform: scale(1.2);
}
.text-content{
	text-align: center;
	margin-bottom: 24px;
}
.ecom-dev{

}
.round-icon{
    width: 70px;
    height: 70px;
    background: linear-gradient(#1F2749, #0097AC);
    border-radius: 50%;
    display: flex;
    align-items: center;
    margin: 0px auto;
    animation: pulse-black 1s infinite;
    margin-top: 40px;

}
@keyframes pulse-black {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
}
.mlr-auto{
	margin: 0px auto;
}
.ecom-dev-content{
	text-align: center;
	margin-bottom: 40px;
}
.ecom-dev-content h3{
	margin:24px;
}
.mt-40{
	margin-top: 40px
}
.round-icon .fa{
	color: #ffffff;
    font-size: 20px
}
.job-exp,.job-dis,.approve{
	font-size: 16px;
    font-weight: 400;
}
#job-role-id{
	padding: 8px;
    margin-bottom: 20px;
    box-shadow: 0px 2px 3px #ccc;
    background: #74c0d2;
    color: #100f0f;
    font-size: 14px;
    font-weight: 600;
}
.mt-48{
	margin-top: 48px	
}
p{
	font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    padding: 20px;
    line-height: 32px;
}
.gradient-bg{
	margin: 20px 0px;
}
.about-bg{
	background-image: url(../images/aboutus1.jpg);
}
.engineering-bg {
    background-image: url(../images/engineering.jpg);
}
.img-responsive{
	width: 100%;
	height: auto;
}
.imgmin-height{
	min-height: 130px;
}
.h2min-height{
    min-height: 73px;
}
.list-none{
	list-style: none;
	font-size: 14px;
    /*font-weight: 800;*/
    font-size: 18px;
    line-height: 32px;
    line-height: 25px;
}
.service-height{
	min-height: 56px;
	margin: 10px 0px;
}
.market-section{
	margin: 48px 0px;
}
.pd20{
	padding: 20px;
}
.abouli li:before {    
    font-family: 'FontAwesome';
    content: '\f061';
    margin: 0 5px 0 -15px;
    padding: 6px;
    margin-left: 10px;
}
.content-flex{
	display: flex;
	align-items: center;
	background: #d2dde7;
	margin: 20px 0px;
	height: 270px;
	padding: 15px;
	box-shadow: 1px 2px 3px #131111;
}
.es-bg{
	background: url(../images/es.jpg);
	display: flex;
	align-items: center;
	height: 750px;
	overflow: hidden;
	position: relative;
	background-position: right center;
	background-size: cover;
	background-repeat: no-repeat;
}
.home-bg{
	background: url(../images/homebanner.png);
	display: flex;
	align-items: center;
	height: 750px;
	overflow: hidden;
	position: relative;
	background-position: right center;
	background-size: cover;
	background-repeat: no-repeat;
}
.color-overlay-home {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    background: #053871;
}
.aboutus-bg {
    background: url(../images/about-us.jpg);
}
.d-bg {
    background: url(../images/engineering.jpg);
}
.aboutus-bg h3{
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
}
.subpage-banner {
    position: relative; 
    height: 512px;
    z-index: 1;
    display: flex;
    align-items: center;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.subpage-banner:before {
    content: '';
    position: absolute;
    top: 0%;
    width: 100%;
    opacity: 0.6;
    display: flex;
    height: 100%;
    background: black;
    align-items: center;
    text-align: center;
    color: #fff;
    z-index: -1;
}
.subpage-banner .header-bottom {
    margin:auto;
}
.subpage-banner h1 {
    font-size: 50px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 0.05em;
}
.it-bg {
    background-image: url(../images/IT.jpg);
}
.ds-bg{
	background-image: url(../images/digital-ser-1.jpg);
}
.carrer-bg{
	background-image: url(../images/career.png) !important;
}
.ecom-bg{
	background-image: url(../images/erp.jpg) !important;
}
.center-auto{
	position: absolute;
	left: 80px;
}
.color-overlay{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.5;
    width: 650px;
    transform: rotate(70deg);
    border-radius: 84px;
}
.center-auto h1{
	padding-left: 15px;
}
.center-auto p{
	width: 375px;
}
.color-overlay-es {
    /* position: absolute; */
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    background: #053871;
    opacity: 0.2;
}
.esmt-18{
	    margin-top: 0%;
    max-width: 747px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    left: 30%;
    text-align: center;

}
.white-text{color: #0b259e;}
.nascom{width: 280px !important; margin-right: 100px}
.mb-40{margin-bottom: 40px}
.cont-address {
    color: #ffffff !important;
    margin-bottom: 0px !important;
    margin-left: 12px;
}
.about-flex{
	text-align: center;
    display: flex;
    align-items: center;
    min-height: 350px;
}
.about-gradiet{
	    background: linear-gradient(176deg, #e4e5e6, #00416A);
}
.about-gradiet p{
	font-size: 20px;
    color: #fff;
}
.about-gradiet h2{
	color: #2f3b84;
}
/*about us*/
.team-main .container .main-heading-otr {
    text-align: center;
}
/*.team-main .container .row-custom {
    margin: 72px 0 72px 0;
}*/
.team-main .container .row-custom .col-otr .col-inr {
    background-color: #ffffff;
    box-shadow: 0 1px 4px rgb(0 0 0 / 15%);
    transition: all .5s;
    border-radius: 5px;
    min-height: 800px;
    padding: 20px;
    padding-bottom: 100px;
    position: relative;
}
.team-main .container .row-custom .col-otr .col-inr .col-img { 
    padding: 20px;
}
.team-main .container .row-custom .col-otr .col-inr .col-img .team-img {
    border-radius: 24px;
    position: relative;
    z-index: 10;
    border-radius: 50%;
    box-shadow: 0 1px 4px rgb(0 0 0 / 15%);
    width: 160px;
    height: 169px;
    object-fit: cover;
}
.team-main .container .row-custom .col-otr .col-inr .hover-main .content-main h3 {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 800;
}
.team-main .container .row-custom .col-otr .col-inr .hover-main .content-main p {
    font-weight: 400;
    font-size: 16px;
    padding: 0;
    line-height: 30px;
}
.team-main .container .row-custom .col-otr .col-inr .hover-main .content-main p br {
    display: none;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
.team-main .container .row-custom .col-otr .col-inr .hover-main {
    overflow: hidden;
    opacity: 1;
}
.team-main .container .row-custom .col-otr .col-inr .hover-main .content-main {
    text-align: center;
    padding: 32px 0;
    transition: 0.3s;
}
.team-main .container .row-custom .col-otr .col-inr .hover-main .icons-outer {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    transition: 0.3s;
    width: 100%;
    position: absolute;
    bottom: 60px;
    left: 0;
    right: 0;
}
/*.team-main .container .row-custom .col-otr .col-inr:hover .hover-main .icons-outer {
    transform: translate(-50%, 215%);
    opacity: 1;
}
.team-main .container .row-custom .col-otr .col-inr:hover .hover-main .content-main {
    transform: translateY(-110px);
    opacity: 0;
}*/
.aboutImages{
	height: 65px;
    width: auto;
}
.mt-30{margin-top: 30px}
.fab {
    font-family: "Font Awesome 5 Brands";
    font-size: 40px;
    padding: 20px;
}
.textimonial-card p {
    font-size: 20px;
    font-weight: 600;
}
.fa-phone{
	color: #fff;font-size: 20px;
}
.digital-service{
	max-height: 120px;
    height: 120px;
}
.custom-dig-service{
	border: 1px solid #e7e7e7;
    padding: 25px;
    text-align: center;
}
.custom-dig-service h3 {
    font-size: 20px;
    font-weight: 800;
    color: #2a3681;
}
.m30{
	margin-top:30px;
	margin-bottom:30px;
}
.custom-dig-service img{
	margin-bottom: 15px;
}
.es-text-left{text-align: left !important;}
.es-text-right{text-align: right !important;}
/*list new karthik*/
.listnone{
	list-style: none
}
.digservice{
	height: 320px;
}
.processSection{
	text-align: center;
}
a {
    color: #000;
    text-decoration: none;
    background-color: transparent;
    text-decoration: none;
}

a:hover{
	color: #000;
    text-decoration: none;
    background-color: transparent;
    text-decoration: none;
}
.savingsImg{
	margin-top: -70px;
}
#iot ul {
    padding-left: 40px;
}
.mobile-show{
	display: none;
}
.des-hide{
	display: block;
}
.industry-serve img{
	height: 65px;
	margin-bottom: 20px;
}
.industry-serve h3{
	font-size: 20px;
    line-height: 32px;
    color: #2d3983;
    margin-bottom: 0;
}
.industry-serve{
	margin-top: 40px;
	margin-bottom: 40px;
}
.design {
    background-image: url(../images/Designbl.jpg) !important;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
}
.simg {
    width: 260px;
    border-radius: 50%;
    margin: auto; 
    height: 260px !important;
    background-size: cover !important;
    border: 10px solid #e9e9e9;
    margin-bottom: 20px;
    transition: all ease 0.35s;
    -webkit-transition: all ease 0.35s;
    -moz-transition: all ease 0.35s;
}
.services-sec [class^="col-"]:hover .simg {
    transform: scale(1.1);
}
.services-sec [class^="col-"] h3 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700; 
}
.services-sec [class^="col-"] p { 
    font-size: 16px;
    line-height: 22px;
}
.services-sec .btn {
    border-radius: 0;
    padding: 10px 50px;
    background: #2a3681;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.01em;
    border:2px solid #2a3681;
    margin-top: 40px;
}
.services-sec .btn:hover {
    background: #fff;
    color: #2a3681;
}
.design h2{
	padding-top: 65px;
}
.empower {
    background-image: url(../images/Empowerbl.jpg) !important;
    height: 260px;
    background-size: contain;
    background-repeat: no-repeat;
    color: #fff;
}
.empower h2{
	padding-top: 65px;
}
.build {
    background-image: url(../images/Buildbl.jpg) !important;
    height: 260px;
    background-size: contain;
    background-repeat: no-repeat;
    color: #fff;
}
.build h2{
	padding-top: 65px;
}
.logo-caption{
	position: absolute;
    top: 17px;
    left: 53px;
    font-size: 11px;
    font-weight: 600;
    padding: 26px 0 0 21px;
    display: none;
}
.owl-carousel h2 { font-size: 30px; font-weight: 700 !important; font-family: 'Montserrat', sans-serif; text-transform: uppercase; }
.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    height: 750px;
}
.owlcaption {
    position: absolute;
    top: 0%;
    width: 100%;
    opacity: 0.4;
    display: flex;
    height: 100%;
    background: black;
    align-items: center;
    text-align: center;
    color: #fff;
}
.owlh2{
	position: absolute;
    top: 50%;
    color: #fff;
    width: 100%;
    text-align: center;
    max-width: 80%;
    right: 0;
    left: 0;
    margin: 0 auto;
}
.list-none li{
	font-size: 18px;
	line-height: 32px;
}
.mb-0{
	margin-bottom: 0px;
}
.es-li li{
	font-size: 16px;
	line-height: 32px;
	font-weight: 400;
}
#tab-sidebar .nav-link {
    margin: 5px;
    border: 1px solid lightgray;
    
    /* This is just to center text in pills */
    display: inline;
    justify-content: center;
    align-items: center;
    text-align: center;
}

#tab-sidebar .nav-link.col-6 {
    /* 10px is just double the size of 5px margin set on .nav-link */
    max-width: calc(100% / 2 - 10px);
}

#tab-sidebar .nav-link.col-12 {
    max-width: calc(100% - 10px);
}
.mt-10{
	margin-top: 10%;
}
.mt-6{
	margin-top: 6%;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #110d40;
    font-weight: 700;
}
#tab-sidebar {
    /*display: -ms-flexbox;*/
    display: block !important;
    /*-ms-flex-wrap: wrap;*/
    flex-wrap: unset;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
#tab-sidebar .nav-link {
    margin: 3px;
    border: 1px solid lightgray;
    display: inline;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 8px;
}

.col-md-3.job-exp,.col-md-3.job-titile,.col-md-2.text-center.approve {
    display: flex;
    align-items: center;
}
.moretext {
  display: none;
}
.moreless-button{
	color: blue;
    cursor: pointer;
}
.overley{
    position: absolute;
    top: 0%;
    width: 100%;
    opacity: 0.4;
    display: flex;
    height: 100%;
    background: black;
    align-items: center;
    text-align: center;
    color: #fff;
}


#conentdiv .sidebar-menu li { background: none !important;}
#conentdiv .sidebar-menu { max-width: 100%; margin: 0; overflow-y: auto; overflow-x: hidden; height: calc(100vh - 75px); padding-top: 50px; }
#conentdiv .sidebar-menu a { display: block; line-height: 26px; color: #000; position: relative; z-index: 1; cursor: pointer; font-size: 18px; font-weight: 800; transform: translate(0px, 0px); transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); padding: 15px 5%; border-bottom: 1px solid #c3c3c3; }
#conentdiv .sidebar-menu a:hover { -webkit-transition: all 0.5s cubic-bezier(0.36, 1.64, 0.29, 0.88); transition: all 0.5s cubic-bezier(0.36, 1.64, 0.29, 0.88); }
#conentdiv .sidebar-menu a:active { -webkit-transition: all 0.5s cubic-bezier(0.36, 1.64, 0.29, 0.88); transition: all 0.5s cubic-bezier(0.36, 1.64, 0.29, 0.88); }
#conentdiv .sidebar-menu .dropArrow { position: absolute; right: 5px; top: 5px; width: 47px; height: 47px; background-color: #2a3681; z-index: 99; text-align: center; cursor: pointer; }
#conentdiv .sidebar-menu .dropArrow:after { content: ""; color: #fff; font-size: 20px; line-height: 47px; font-weight: 600; background: url("../images/arrow-down.png") no-repeat center center/24px; position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
#conentdiv .sidebar-menu .dropArrow:hover:after { -webkit-transition: all 0.5s cubic-bezier(0.36, 1.64, 0.29, 0.88); transition: all 0.5s cubic-bezier(0.36, 1.64, 0.29, 0.88); }
#conentdiv .sidebar-menu .dropArrow:active:after { -webkit-transition: all 0.5s cubic-bezier(0.36, 1.64, 0.29, 0.88); transition: all 0.5s cubic-bezier(0.36, 1.64, 0.29, 0.88); }
#conentdiv .sidebar-menu .dropArrow.active { background-color: #2a3681; }
#conentdiv .sidebar-menu .dropArrow.active:after { content: ''; transform: rotate(180deg); }
#conentdiv .sidebar-menu .hasChild ul .hasSubChild .dropArrow { font-size: 25px; font-weight: 400; background-color: transparent; height: 37px; }
#conentdiv .sidebar-menu .hasChild ul .hasSubChild .dropArrow:after { content: "+"; background: none; font-size: 40px; font-weight: 400; color: #000; line-height: 32px; }
#conentdiv .sidebar-menu .hasChild ul .hasSubChild .dropArrow.active:after { content: "-"; background: none; transform: rotate(0deg); }
#conentdiv .sidebar-menu li { list-style-type: none; position: relative; }
#conentdiv .sidebar-menu ul ul { display: none; padding-left: 10px; }
#conentdiv .sidebar-menu ul ul li a { font-weight: 400; padding: 10px 5%; }
#conentdiv .sidebar-menu ul ul li a:hover { transform: translate(8px, 0px); }
#conentdiv .sidebar-menu .hasChild.active { background-color: #cccdce; }
#conentdiv .sidebar-menu .hasChild.active > a { color: #2a3681; }

.owl-theme .owl-dots .owl-dot { outline: none !important; }
.owl-theme .owl-dots .owl-dot span { width: 30px !important; border-radius: 0 !important; height: 5px !important; }
.owl-theme .owl-nav.disabled+.owl-dots { margin-top: 30px !important; }

.contactUs [class^="col-"]:last-child .address { border: 0; }
.address1, .address { border-right: 1px dashed #0b4188; }

.header-top.sticky { position: fixed; z-index: 99; background: rgba(255, 255, 255,0.95); box-shadow: 0 0.2em 0.5em rgb(0 0 0 / 10%); }
.header-top.sticky .wow a { margin: 0; padding: 10px 10px; border-radius: 0; border-right: 1px solid #e8e8e8; }
.header-top.sticky .logo-caption { top: 8px; left: 51px; }

.about-us .article-row1 { z-index: 9; box-shadow: 0 1px 4px rgb(0 0 0 / 15%); background: #fff; margin: -100px auto 0; position: relative; padding: 50px; }
.about-us .article-row1 h3 { font-size: 25px; font-weight: 300; }

.we-are { background: #f1efef; padding: 80px 0; }

.directors { padding: 70px 0 80px; }

.i-box {border: 1px solid #e7e7e7;padding: 20px;min-height: 200px;display: flex;flex-direction: column;background: #fff;}
.i-box .i-box-inner { margin: auto; }
.i-box h3 {font-size: 15px;line-height: 20px;font-weight: 700;font-family: 'Lato', sans-serif;}
.i-box img {max-width:100px;}

.about-sec [class^="col-"], .ai-sec [class^="col-"] { border-right: 1px dashed #ccc; min-height: 380px; }
.about-sec [class^="col-"], .ai-sec [class^="col-"]:hover { background: #f6f6f6; }
.about-sec [class^="col-"], .ai-sec [class^="col-"]:last-child { border: 0; }
.about-sec .about-item, .ai-sec .ai-item { padding: 20px; }
.about-sec .about-item img, .ai-sec .ai-item img { max-width: 150px; }
.about-sec .about-item h2, .ai-sec .ai-item h2 {font-size: 22px;font-weight: 800;margin-bottom: 20px;}
.about-sec .about-item p, .ai-sec .ai-item p { font-size: 16px; padding: 0; }

.technology-we-offer, .d-we-offer, .d-stories, .services-sec { padding: 80px 0;}
.d-stories { background: #f1efef; }
.d-stories h1 { margin-bottom: 0; }

#tab-sidebar a { border-radius: 0; font-weight: 400; text-transform: capitalize; font-size: 15px; }
#tab-sidebar .nav-link.active, #tab-sidebar .show>.nav-link { background: #2a3681; border-color: #2a3681; }

.white-bg { background-color: #fff !important; position: relative; z-index: 2; }
.ss-text { margin: auto 0; padding:50px 50px; }
.ss-text p { font-size: 16px; font-weight: 400; padding: 0; margin-bottom: 20px; }
.ss-text p:last-child { margin-bottom: 0; }
.ss-text h2 { font-weight: 800; padding: 0; margin-bottom: 15px; }

.cnt-box {box-shadow: 0 1px 4px rgb(0 0 0 / 15%);transition: all .5s;border-radius: 3px;padding: 30px 30px 150px;margin-bottom: 30px;position: relative;text-align: center;min-height: 240px;max-height: 240px;}
.cnt-box img {transition: all .3s;max-width: 100%;height: 100px;}
.cnt-box .caption {font-size: 14px;font-weight: 600;position: absolute;text-align: center;padding: 15px 15px 0 15px;height: 66px;overflow: hidden;background-color: rgba(42, 54, 129, 0.97);color: #fff;margin: 0;bottom: 0;z-index: 9;right: 0;left: 0;transition: all .5s;}
.cnt-box h2 { text-transform: uppercase; font-size: 16px; font-weight: 800; line-height: 35px; }
.cnt-box:not(:hover) .list-none { opacity: 0; }
.cnt-box:hover .caption {height: 240px;}
.cnt-box:hover .caption h2 { margin-bottom: 10px; }
.cnt-box ul li {font-size: 15px;margin-bottom: 5px;line-height: 20px;font-weight: 300;}

h2 { font-weight: 800; }
h3 { font-weight: 600; }

.process-sec { flex-wrap: wrap; justify-content: center; padding-bottom: 50px; }
.process-sec p {font-size: 16px;line-height: 20px;padding: 0;font-weight: 600;margin-top: 10px;}
.process-sec > div {border: 1px solid #888888;padding:20px 15px;flex: 0 0 20% !important;margin: 0 10px 20px;background: rgb(255, 255, 255,0.2);}

.sec2column.no-gutter > [class*='col-'] { border: 1px solid #f7f7f7; }
.sec2column h2 { margin-bottom: 15px;}

.benefits-sec { background: #f1efef; padding: 80px 0; }
.benefits-sec h3 { margin-top: 0; }
.benefits-sec li { list-style-position: inside; }

.stories-sec { padding: 70px 0 0px; }

.customOwlOne .item .item-inner {position: relative;z-index: 1;}
.customOwlOne .item .item-inner:before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0,0.5);z-index: 1;}
.customOwlOne .owlh2 {z-index: 5; top: 40%; }
.customOwlOne .owlh2.custom-position { bottom: 5%; top: inherit; }
.customOwlOne .item .slide2 img { object-position: top; }
.customOwlOne p { font-size: 24px; font-weight: 300; font-family: 'Montserrat', sans-serif; line-height: 34px; }
.customOwlOne .item a { background: #2a3681; border: 2px solid #2a3681; color: #fff; padding: 10px 50px; margin-top:20px; display: inline-block; text-transform: uppercase; font-weight: 600; letter-spacing: 0.04em;}
.customOwlOne .item a:hover { border-color: #fff; background: transparent; }
.customOwlOne.owl-carousel .owl-item img { height: 600px; object-fit: cover; }   

.career-list { border-bottom: 1px solid #ececec; }
.career-list a { background: transparent; padding: 10px 30px; border-radius: 20px; color: #2a3681; border: 1px solid #2a3681; }
.career-list:hover a { background: #2a3681; color: #fff; }

.career-page { padding: 50px 0 30px; }
.career-page .our-story-title { margin-bottom: 20px;}
.career-page .job-titile { margin: auto 0;}

.career-photos { margin-bottom: 30px; }
.career-photos .owl-item img { height: 400px !important; width: auto !important;}

.scanning-page { padding: 50px 0 80px; }
.scanning-page .custom-dig-service { position: relative; }
.scanning-page .custom-dig-service a:before { content: ''; position: absolute;left: 0;top: 0;width: 100%;height: 100%; }
.scanning-page .custom-dig-service img { max-width: 80px; height: auto; }
.scanning-page .custom-dig-service { padding: 20px; }
.scanning-page .custom-dig-service h3 { font-size: 17px; }

.mms {margin: auto auto 80px;background: #f1efef;padding: 80px 0;}
.mms h2 { margin-bottom: 25px; }
.mms p { padding-top: 0; }

.strategic-sourcing {color: #fff; background: url(../images/strategic-sourcing.jpg) no-repeat center center / cover; background-attachment: fixed; padding: 80px 0 30px; margin-bottom: 0; position: relative; z-index: 1;}
.strategic-sourcing:before {content: '';position: absolute;left: 0;top: 0;background: rgba(0, 0, 0,0.6);width: 100%;height: 100%;z-index: -1;}
.strategic-sourcing .ss-img { width: 50px; height: 50px; border-radius: 50%; background: #fff; padding: 8px; margin: auto; }
.strategic-sourcing .ss-img img {max-width: 100%;border-radius: 50%;}

.about-sec1 {background: #f1efef;}
.about-sec1 ul { margin: 50px 20px; }
.about-sec1 ul li { list-style: none; line-height: 26px; margin-bottom: 10px; font-weight: 400; position: relative; padding-left: 20px; }
.about-sec1 ul li:last-child {margin-bottom: 0;}
.about-sec1 ul li:before { content: ''; width: 8px; height: 8px; background: #2a3681; position: absolute; left: 0px; top:11px; }

.d-stories2 { padding: 80px 3em; }
.d-stories2 h2 { text-align: center; margin-bottom: 50px; }
.d-stories2 .circle-item {position: relative;display: flex;width: 170px;height: 170px;box-shadow: 0 2px 4px 2px rgb(0 0 0 / 5%), inset 0 5px 5px rgb(0 0 0 / 10%);margin: auto;border-radius: 50%;font-size: 18px;padding: 20px;text-align: center;font-weight: 600;line-height: 21px;word-break: break-word;}
.d-stories2 .circle-item:not(:hover) { box-shadow: 0 0 0 10px #fdce02, 0 0 0 20px #f90; }
.d-stories2 .circle-item span { margin: auto; }
.d-stories2 .txt-popup {background: #f1efef;padding: 10px;border-radius: 10px;font-weight: 600;}
.d-stories2 .txt-popup li {list-style: none;position: relative;padding-left: 15px;}
.d-stories2 .txt-popup li:before {content:'';background: #fba248;width: 8px;height: 8px;position: absolute;left: 0;top: 8px;border-radius: 50%;}
.tm-arrow {position: absolute;left: -26px;top: -25px;transform: rotate(149deg);max-width: 72px;}
.tm-arrow img, .tm-arrow2 img, .tm-arrow-right img { max-width: 100%; }
.tm-arrow2 {position: absolute;right: -33px;bottom: -16px;transform: rotate(325deg);max-width: 72px;z-index: 9;}
.tm-arrow-right {position: absolute;right: -34px;bottom: 0;top: 0;max-width: 35px;z-index: 9;background: #fdce02;border-radius: 50%;height: 35px;width: 35px;margin: auto;padding: 8px;text-align: center;}


.tm-text { padding: 50px 0 0; }
.tm-text .card-body {background: #f90;color: #fff;padding: 0px;}
.tm-text h5 {margin-bottom: 0;background: #2a3681;padding: 30px;text-transform: uppercase;font-size: 22px;font-weight: 600;letter-spacing: 0.02em;}
.tm-text .card-text { padding: 30px; }
.tm-text ul li {list-style: none;position: relative;padding-left: 15px; margin-bottom: 10px; font-size: 1.2em;}
.tm-text ul li:before {content:'';background: #2a3681;width: 8px;height: 8px;position: absolute;left: 0;top:10px;border-radius: 50%;}

.d-stories3 { padding: 80px 0; color: #fff; background: url(../images/rpa-image.jpg) no-repeat center center / cover; background-attachment: fixed; position: relative; z-index: 1; }
.d-stories3:before { content: ''; background-color: rgba(43, 55, 129,0.9); position: absolute; left:0; top: 0; width: 100%; height: 100%; z-index: -1; }
.d-stories3 .our-story-title { color: #fff; }
.d-stories3 .title-line { background-color: #dedede; }
.d-stories3 .rpa-img { text-align: center; background: rgba(239, 239, 239, 0.7); padding: 50px 20px; margin-bottom: 20px; }
.d-stories3 .rpa-img img { max-width: 70px; }
.d-stories3 .rapsec [class^="col-"] { margin-bottom: 30px; }
.d-stories3 h3 { margin-bottom: 30px; font-size: 22px; }
.d-stories3 .rpa-item { display: flex; flex-direction: column; height: 100%; border: 1px solid rgba(239, 239, 239, 0.7); }
.d-stories3 .rpa-text { margin-bottom: 30px; padding: 20px; }
.d-stories3 .rpa-text li { list-style: none;position: relative;padding-left: 15px; margin-bottom: 10px; }
.d-stories3 .rpa-text li:before {content:'';background: #fba248;width: 8px;height: 8px;position: absolute;left: 0;top: 8px;border-radius: 50%;}
.d-stories3 .rpa-text h4 { margin-bottom: 20px; font-size: 20px; font-weight: 600;}
.d-stories3 .large-txt p {text-align: center;font-size: 30px;font-weight: 300;font-style: italic;letter-spacing: 0.010em;line-height: 40px;}

.co-text { position: relative; text-align:center; margin-top: 50px; }
.co-text:before { content: ''; display: block; background: url(../images/yello-arrow.png) no-repeat center center / 100px; width: 100px; height: 100px;margin:0 auto 30px;  -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } 
.co-text:after { content: ''; display: block; background: url(../images/yello-arrow.png) no-repeat center center / 100px; width: 100px; height: 100px;margin:30px auto 0;  -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } 
.co-text p { padding-top: 0; font-weight: 600; }

@media only screen and (max-height: 765px) {
    .owl-carousel h2 { font-size: 35px; }
    .customOwlOne p { font-size: 22px; line-height: 25px; }
}
@media only screen and (min-width: 768px) {
    #iot .es-right-col { min-height: 500px; }
}
@media only screen and (min-width: 1025px) {
    .owl-carousel .owl-item img { height: 100vh; object-fit: cover; }
    .team-main .container .row-custom .col-otr .col-inr .hover-main .content-main p { min-height: 296px; }
    .customOwlOne .owlh2 { width: 50%; }
    .strategic-sourcing .ss-text { max-width: 50%; margin: auto; }
    .customOwlOne .owlh2.custom-position { top: 35%; right: 5%; left: inherit; max-width: 35%; }
}
@media only screen and (max-width: 1366px) {
    .d-stories2 .circle-item { width: 130px; height: 130px; }
}
@media only screen and (max-width: 1024px) {
    .simg { width: 200px; height: 200px !important; }
}
@media only screen and (max-width: 991px) {
    .d-stories2 .circle-item { margin: 30px auto; }
    .tm-arrow { transform: rotate(52deg); }
    .tm-arrow2 { transform: rotate(234deg); }
}
@media only screen and (max-width: 767px) {
    .customOwlOne .owlh2 { top: 40%; }
    .customOwlOne h2 { font-size: 20px; }
    .customOwlOne p { font-size: 14px; padding-top:12px; line-height: 20px; }
    .customOwlOne .item a { padding: 6px 30px; margin-top: 0px; font-size: 14px; }
    .box-left-right { overflow-x: hidden; overflow-y: auto; height: 100vh !important; }
    #conentdiv .sidebar-menu { calc(100vh - 10px); }
    .our-customers-title, .our-story-title, .our-ai-title { font-size: 2em;}
    .client-logo .align-center { flex-wrap: wrap; padding-top: 15px; }
    .article-row1 span h5 { text-align: left; }
    .article-row1 .client-logo  span:first-child img { float: none;}
    .article-row1 span { margin-bottom:0 !important;}
    .article-row1 span:first-child { margin-bottom: 20px !important; }
    .career-list .approve { margin-top: 20px; text-align: left !important; margin-bottom: 10px; }
    .article-row2 { padding: 50px 20px 0px !important; }
    .our-story-card { border-bottom: 1px dashed #ccc; padding-bottom: 30px; border-right: 0; }
    .home-footprints { padding-bottom: 0; }
    .subpage-banner h1 { font-size: 2em; }
    .about-us .article-row1 { padding: 20px; }
    .about-us .article-row1 h3 { font-size: 20px; line-height: 30px; }
    .about-sec .about-item img, .ai-sec .ai-item img { max-width: 80px; } 
    .about-sec .imgmin-height, .ai-sec .imgmin-height { min-height: auto; }
    .about-sec [class^="col-"], .ai-sec [class^="col-"] { border-bottom: 1px dashed #ccc; min-height: auto; padding: 10px 0 20px; border-right: 0; }
    .about-sec [class^="col-"]:first-child, .ai-sec [class^="col-"]:first-child { border-top: 1px dashed #ccc; }
    .about-sec .row.mt-48, .ai-sec .row.mt-48 { margin-top: 30px; }
    .i-box { margin-bottom: 20px; }
    .industry-serve { margin-bottom: 0; }
    .we-are, .directors, .technology-we-offer, .d-we-offer, .d-stories, .services-sec, .benefits-sec, .stories-sec { padding: 50px 0; }
    .directors { padding-bottom: 10px; }
    .benefits-sec { padding: 20px 0 !important; }
    .subpage-banner .header-bottom { text-align: center; padding-left: 2em; padding-right: 2em; }
    .customOwlOne.owl-carousel .owl-item img { height: 450px; }
    .custom-dig-service { margin-bottom: 20px; }
    .technology-we-offer .m30 { margin-top: 0px; margin-bottom: 0px; }
    #tab-sidebar .nav-link.col-12 { display: inline-block; width: auto; }
    .tab-content>.tab-pane img { margin-bottom: 15px; }
    #rpa .row, .mobile-rev { flex-direction: column-reverse; }
    .ss-text { padding: 10px 40px 20px; }
    .d-stories { overflow: hidden; }
    .ss-text p:last-child { padding-bottom: 0; }
    .d-we-offer .m30 { margin-bottom: 0;}
    .process-sec { padding-bottom: 20px; }
    .process-sec > div {border: 1px solid #888888;padding: 15px;flex: 0 0 20% !important;margin: 0 10px 20px;background: rgb(255, 255, 255,0.2);}
    .benefits-sec ul { margin-left: 0; }
    .es-left-col img { min-height: auto; max-height: initial; height: auto; }
    .sec2column.no-gutter > [class*='col-'] { min-height: auto; padding: 0; }
    .stories-sec .ss-text, .scanning-page .ss-text { padding: 20px; }
    .stories-sec .no-gutter { margin-bottom: 20px; }
    .stories-sec .m30 { margin-top: 0; }
    .stories-sec { padding-bottom: 40px; }
    .stories-sec .ss-text h2 { font-size: 22px; }
    .career-page { padding: 0px 0 50px; }
    .career-list { padding: 20px 0; }
    .career-page .job-titile { font-size: 18px; }
    .col-md-3.job-exp, .col-md-3.job-titile, .col-md-2.text-center.approve { font-size: 15px; }
    .career-list a { padding: 5px 32px; }
    .scanning-page { padding: 20px 0 50px; }
    .team-main .container .row-custom .col-otr .col-inr { margin-bottom: 20px; min-height: auto; }
    .about-sec1 .row.mt-48 { margin-top: 0;}
    .address { margin-top: 30px; }
    #tab-sidebar { padding-left: 15px; }
    .d-stories2 .circle-item { width: 200px; height: 200px; font-size: 20px; }
    .tm-arrow-right { right: 0; left: 0; bottom: -35px; top: inherit; transform: rotate(90deg); }
}
@media only screen and (max-width: 640px) {
    .our-customers-title, .our-story-title, .our-ai-title {
        font-size: 1.5em;
    }
}
#mailNotification{
  display: none;
}