@import url(https://fonts.googleapis.com/css?family=Nanum+Pen+Script:400);

@font-face {
	font-family: proxima-nova-regular;
	src: url(../../assets/webfont/proxima-nova-regular-webfont.woff);
	font-display: swap
}

@font-face {
	font-family: proxima-nova-semibold-webfont;
	src: url(../../assets/webfont/proxima-nova-semibold-webfont.woff);
	font-display: swap
}

@font-face {
	font-family: proxima-nova-bold-webfont;
	src: url(../../assets/webfont/proxima-nova-bold-webfont.woff);
	font-display: swap
}

* {
	margin: 0;
	padding: 0
}

html {
	scroll-behavior: smooth
}

body,
html {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	margin: 0;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	overflow-x: hidden;
	font-family: proxima-nova-regular
}

body button:focus,
body select:focus,
body textarea:focus,
input:focus {
	outline: 0
}

body * {
	-webkit-text-size-adjust: none
}

button {
	border: none
}

a,
button {
	display: inline-block;
	text-decoration: none;
	color: inherit;
	line-height: 1;
	font-family: proxima-nova-regular;
	transition: all .7s ease 0s;
	cursor: pointer
}

img {
	max-width: 100%
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

::selection {
	color: #fff;
	background: #000
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: proxima-nova-semibold-webfont;
	color: #0b0d17
}

p {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 20px;
	color: #445463;
	font-family: proxima-nova-regular
}

p{
	text-align:justify;
}

ul li {
	font-family: proxima-nova-regular;
	font-size: 16px;
	line-height: 24px;
	color: #445463
}

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

	.container-fluid {
		padding-right: 58px;
		padding-left: 58px
	}
}

.black-headline {
	color: #000
}

.fixed-header {
	position: fixed !important;
	top: 0;
	z-index: 999;
	width: 100%;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
	animation: smoothScroll 1s forwards;
	padding: 2px 0
}

@keyframes smoothScroll {
	0% {
		transform: translateY(-40px)
	}

	100% {
		transform: translateY(0)
	}
}

.headline-area h2 {
	font-size: 48px;
	line-height: 64px;
	font-family: proxima-nova-semibold-webfont
}

.inner-main-title h2 {
	font-size: 56px;
	line-height: 70px;
	font-family: proxima-nova-bold-webfont;
	margin-bottom: 20px
}

header {
	position: relative;
	width: 100%;
	padding: 7px 0
}

header nav {
	padding: .5rem 0 !important
}

header nav .navbar-brand img {
	width: 230px
}

header nav .navbar-nav li .nav-link {
	padding: 10px 15px !important;
	text-transform: capitalize;
	line-height: 21px;
	font-family: proxima-nova-semibold-webfont;
	font-size: 16px
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}



header nav .navbar-nav li.active .nav-link {
	color: #0555ff !important
}

header nav .navbar-nav li:last-child .nav-link {
	background: #0555ff;
	border-radius: 8px;
	color: #fff !important;
}

header nav .navbar-nav li:last-child .nav-link:hover {
	background: #00aeef
}

header nav .navbar-nav li:last-child.active .nav-link {
	background: #0555ff;
	border-radius: 8px
}

header nav .navbar-nav .nav-item .dropdown-toggle::after {
	display: none
}

header nav .navbar-nav .dropdown-menu h5 {
	font-size: 18px;
	line-height: 24px;
	color: #445463;
	margin-bottom: 12px
}

header nav .navbar-nav .dropdown-menu .dropdown-item {
	font-size: 14px;
	line-height: 22px;
	color: #0b0d17;
	padding: 6px 0 2px;
	font-weight:600
}

header nav .navbar-nav .dropdown-menu {
	border: none;
	padding: 40px;
	box-shadow: 0 6px 14px -6px rgba(0, 0, 0, .1);
	border-radius: 0;
	width: 100%;
	left: 0;
	right: 0;
	top: 50px;
	display: none;
	opacity: 0;
	transition: visibility 0s, opacity .5s linear;
/* 	margin-top:1% */
}

header nav .navbar-nav .dropdown-menu .dropdown-item{
	margin-left:4%;
}

.dropdown-two-cont{
	margin-left:6%
}

@media (min-width:991px) {

	.navbar .dropdown .dropdown-menu:hover,
	.navbar .dropdown:hover .dropdown-menu {
		display: block;
		opacity: 1;
		transition: visibility 0s, opacity .5s linear
	}
}

.navbar .dropdown .show:hover,
.navbar .dropdown:hover .show {
	display: block;
	opacity: 1;
	transition: visibility 0s, opacity .5s linear
}

header nav .navbar-nav .dropdown-menu .dropdown-item.active,
header nav .navbar-nav .dropdown-menu .dropdown-item:active,
header nav .navbar-nav .dropdown-menu .dropdown-item:hover {
	color: #0555ff;
	background-color: #fff
}

.index-banner {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row
}

.index-banner .index-text {
	padding: 160px 44px 90px 60px
}

.index-banner .index-text h1 {
	font-size: 72px;
	line-height: 90px;
	margin-bottom: 20px;
	font-family: proxima-nova-bold-webfont;
	color: #0b0d17
}

.index-banner .index-text p {
	margin-top: 45px;
	color: #0b0d17
}

.index-banner .image-banner {
	text-align: right
}

.client-wrapper {
	position: relative;
	width: 100%;
	padding: 76px 0 160px;
	display: flex;
	flex-direction: row;
	background: #f3f6fb
}

.client-wrapper .headline-area {
	text-align: center
}

.client-wrapper .headline-area p {
	font-size: 18px;
	line-height: 32px
}

.client-wrapper .logo-list {
	position: relative;
	padding: 26px 0
}

.client-wrapper .logo-list ul {
	position: relative
}

.client-wrapper .logo-list ul li {
	list-style-type: none
}

.client-wrapper .logo-list ul li .logo-item {
	padding-bottom: 30px;
	position: relative
}

.client-wrapper .logo-list ul li .logo-item .img-display {
	position: relative;
	overflow: hidden
}

.client-wrapper .logo-list ul li .logo-item .img-display img {
	width: 200px;
	border-radius: 16px
}

.client-wrapper .logo-list ul li:nth-child(2)>.logo-item .img-display:first-child {
	margin-left: 20%
}

.client-wrapper .logo-list ul li:nth-child(3)>.logo-item .img-display:first-child {
	margin-left: 40%
}

.client-wrapper .logo-list ul li:nth-child(4)>.logo-item .img-display:first-child {
	margin-left: 60%
}

.client-wrapper .logo-list ul li:nth-child(5)>.logo-item .img-display:first-child {
	margin-left: 80%
}

.client-wrapper .logo-list ul li:nth-child(3) {
	position: absolute;
	top: 0;
	width: 100%
}

.client-wrapper .logo-list ul li:nth-child(2),
.client-wrapper .logo-list ul li:nth-child(4) {
	position: absolute;
	top: 60px;
	width: 100%
}

.client-wrapper .logo-list ul li:nth-child(1) {
	position: relative;
	top: 128px
}

.client-wrapper .logo-list ul li:nth-child(5) {
	position: relative;
	top: -12px
}

#mobile-view-client {
	display: none
}

#mobile-view-client .logo-display {
	margin-bottom: 0;
	position: relative;
	padding: 5px 0 40px
}

#mobile-view-client .logo-display li {
	list-style-type: none;
	display: inline-block;
	margin-bottom: 4px;
	width: 32%
}

#mobile-view-client .logo-display li img {
	width: 200px;
	border-radius: 16px
}

.process-follow {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	padding: 70px 0
}

.process-follow .process-grid {
	float: left;
	width: calc(100% + 16px);
	left: -8px;
	position: relative;
	padding: 30px 0 0
}

.process-follow .process-grid .item_follow {
	text-align: left;
	width: calc(23% - 16px);
	float: left;
	position: relative;
	top: 0;
	display: flex;
	flex-direction: column;
	transition: all .3s ease 0s;
	transform: translateZ(0);
	margin: 14px
}

.process-follow .process-grid .item_follow p {
	padding-right: 10px
}

.process-follow .process-grid .item_follow .progress-circle {
	display: flex;
	margin-bottom: 22px
}

.process-follow .process-grid .item_follow .progress-circle .circle {
	width: 64px;
	margin-right: 12px
}

.process-follow .process-grid .item_follow .progress-circle span {
	position: relative;
	top: 18px
}

.process-follow .process-grid .item_follow:last-child .progress-circle span {
	display: none
}

.process-follow .process-grid .item_follow h4 {
	font-size: 1.3rem;
	margin-bottom: 15px
}

.process-follow .process-grid .item_follow h4 span {
	position: relative;
	top: 20px
}

.our-service-wrapper {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	padding: 80px 0;
	background: #0b0d17
}

.our-service-wrapper .headline-area h2 {
	color: #fff
}

.our-service-wrapper .service-grid {
	float: left;
	width: calc(100% + 16px);
	left: -8px;
	position: relative;
	padding: 20px 0 0
}

.our-service-wrapper .service-grid .item_service {
	text-align: left;
	width: calc(32% - 16px);
	float: left;
	position: relative;
	top: 0;
	display: flex;
	flex-direction: column;
	transition: all .3s ease 0s;
	transform: translateZ(0);
	margin: 14px;
	background: #fff;
	border-radius: 8px;
	padding: 24px 38px;
	height: 400px
}

.our-service-wrapper .service-grid .pattern-bg {
	background-image: none !important;
	background-repeat: no-repeat !important;
	background-position: 100% -6% !important;
	background-size: 26% !important
}

.our-service-wrapper .service-grid .item_service:hover {
	background: #00aeef
}

.our-service-wrapper .service-grid .pattern-bg:hover {
	background-image: url(../../assets/images/service-pattern.png) !important
}

.our-service-wrapper .service-grid .item_service:hover a,
.our-service-wrapper .service-grid .item_service:hover h5,
.our-service-wrapper .service-grid .item_service:hover p {
	color: #fff
}

.our-service-wrapper .service-grid .item_service:hover .icon-wrap {
	background: #18b5f0
}

.our-service-wrapper .service-grid .item_service h5 {
	margin-bottom: 14px;
	line-height: 28px;
	font-size: 23px;
	height: 56px;
	overflow: hidden
}

.our-service-wrapper .service-grid .item_service .icon-wrap {
	background: #f3f6fb;
	width: 70px;
	height: 70px;
	display: block;
	margin: 20px 0 40px;
	border-radius: 50%;
	line-height: 70px;
	text-align: center;
	position: relative
}

.our-service-wrapper .service-grid .item_service .icon-wrap img {
	width: 12px
}

.our-service-wrapper .service-grid .item_service .icon-wrap .light-icon {
	display: none;
	margin: 25px auto
}

.our-service-wrapper .service-grid .item_service:hover .icon-wrap .light-icon {
	display: block
}

.our-service-wrapper .service-grid .item_service:hover .icon-wrap .dark-icon {
	display: none
}

.our-service-wrapper .service-grid .item_service a {
	color: #0555ff;
	font-family: proxima-nova-bold-webfont;
	text-transform: uppercase;
	letter-spacing: 1.1px;
	font-size: .87rem;
	display: inline-block;
	margin-top: 12px;
	margin-bottom: 10px;
	margin-left: 1px
}

.our-service-wrapper .service-grid .item_service a img {
	width: 25px;
	margin-left: 10px;
	transition: all .7s ease 0s
}

.our-service-wrapper .service-grid .item_service a:hover {
	text-decoration: none
}

.our-service-wrapper .service-grid .item_service a:hover img {
	margin-left: 22px
}

.our-service-wrapper .mid-border-button {
	text-align: center;
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	padding-top: 40px
}

.our-service-wrapper .mid-border-button a {
	color: #fff;
	font-family: proxima-nova-bold-webfont;
	text-transform: uppercase;
	letter-spacing: 1.1px;
	font-size: .87rem;
	display: inline-block;
	width: 16%;
	border: 1px solid #fff;
	padding: 15px 20px;
	border-radius: 8px;
	margin: 0 auto;
	line-height: 18px
}

.our-service-wrapper .mid-border-button a img {
	width: 25px;
	margin-left: 10px;
	transition: all .7s ease 0s
}

.our-service-wrapper .mid-border-button a:hover {
	text-decoration: none;
	background: #0555ff;
	border: 1px solid #0555ff
}

.testimonial-block {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	padding: 80px 0;
	background: #00aeef;
	background-image: url(../../assets/images/quote.png);
	background-repeat: no-repeat;
	background-position: 97% 10%;
	background-size: 8%
}

.testimonial-block .headline-area h2 {
	color: #fff
}

.testimonial-block .client-feedback {
	padding: 40px 0 10px
}

.testimonial-block .client-feedback .slide-testimonial .item .item-review {
	text-align: center;
	margin-bottom: 20px
}

.testimonial-block .client-feedback .slide-testimonial .item .item-review .feedback-display {
	background: #fff;
	border-radius: 10px;
	padding: 40px;
	position: relative
}

.testimonial-block .client-feedback .slide-testimonial .item .item-review .feedback-display h5 {
	margin-bottom: 16px;
	font-size: 20px;
	line-height: 25px
}

.testimonial-block .client-feedback .slide-testimonial .item .item-review .feedback-display p {
	margin-bottom: 0;
	font-size: 14px;
	line-height: 18px
}

.testimonial-block .client-feedback .slide-testimonial .item .item-review .feedback-display:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 15px 0 15px;
	border-color: #fff transparent transparent transparent;
	position: absolute;
	bottom: -19px;
	left: 50%
}

.testimonial-block .client-feedback .slide-testimonial .item .item-review .client-name-display {
	width: 100%;
	position: relative;
	margin: 30px auto 0;
	text-align: center;
	max-width: 270px;
	display: flex;
	flex-direction: row
}

.testimonial-block .client-feedback .slide-testimonial .item .item-review .client-name-display .item-img {
	float: left;
	width: 56px;
	height: 70px;
	margin-right: 16px;
	overflow: hidden;
	position: relative
}

.testimonial-block .client-feedback .slide-testimonial .item .item-review .client-name-display .item-img img {
	border-radius: 50%
}

.testimonial-block .client-feedback .slide-testimonial .item .item-review .client-name-display .item-information {
	position: relative;
	text-align: left
}

.testimonial-block .client-feedback .slide-testimonial .item .item-review .client-name-display .item-information h6 {
	color: #fff;
	margin-top: 6px;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 3px
}

.testimonial-block .client-feedback .slide-testimonial .item .item-review .client-name-display .item-information p {
	color: #fff;
	font-size: 14px;
	line-height: 18px
}

.testimonial-block .client-feedback .owl-theme .owl-dots .owl-dot span {
	background: 0 0;
	border: 2px solid #dadada
}

.testimonial-block .client-feedback .owl-theme .owl-dots .owl-dot.active span,
.testimonial-block .client-feedback .owl-theme .owl-dots .owl-dot:hover span {
	background: #fff;
	border: 2px solid #fff
}

.portfolio-tab-wrapper {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	padding: 80px 0
}

.portfolio-tab-wrapper .headline-area h2 span {
	float: right;
	margin-right: 20px;
	position: relative;
	top: -4px
}

.portfolio-tab-wrapper .headline-area h2 span a {
	color: #0555ff;
	font-family: proxima-nova-bold-webfont;
	text-transform: uppercase;
	letter-spacing: 1.1px;
	font-size: .85rem;
	display: inline-block;
	border: 1px solid #0555ff;
	padding: 15px 17px 14px;
	border-radius: 8px;
	line-height: 18px
}

.portfolio-tab-wrapper .headline-area h2 span a:hover {
	text-decoration: none;
	background: #dbf5ff;
	border: 1px solid #dbf5ff
}

.portfolio-tab-wrapper .headline-area h2 span a img {
	width: 25px;
	margin-left: 10px;
	transition: all .7s ease 0s
}

.portfolio-tab-wrapper .profolio-grid {
	float: left;
	width: calc(100% + 16px);
	left: -8px;
	position: relative;
	padding: 20px 0 0
}

.portfolio-tab-wrapper .profolio-grid .single-portfolio {
	text-align: left;
	width: calc(32% - 16px);
	float: left;
	position: relative;
	top: 0;
	display: flex;
	flex-direction: column;
	transition: all .3s ease 0s;
	transform: translateZ(0);
	margin: 14px;
	background: #fff;
	border-radius: 8px
}

.portfolio-tab-wrapper .profolio-grid .single-portfolio img {
	border-radius: 8px;
	object-fit: cover;
	height: 350px;
	margin-bottom: 15px;
	width: 100%
}

.portfolio-tab-wrapper .profolio-grid .single-portfolio a h5 {
	color: #000
}

.portfolio-tab-wrapper .profolio-grid .single-portfolio a p {
	color: #555
}

.portfolio-tab-wrapper .profolio-grid .single-portfolio a:hover {
	text-decoration: none
}

.portfolio-tab-wrapper .mid-border-button {
	text-align: center;
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	padding-top: 10px
}

.portfolio-tab-wrapper .mid-border-button a {
	color: #fff;
	font-family: proxima-nova-bold-webfont;
	text-transform: uppercase;
	letter-spacing: 1.1px;
	font-size: .87rem;
	display: inline-block;
	width: 15%;
	border: 1px solid #0555ff;
	background: #0555ff;
	padding: 15px 20px;
	border-radius: 8px;
	margin: 0 auto;
	line-height: 22px
}

.portfolio-tab-wrapper .mid-border-button a img {
	width: 25px;
	margin-left: 10px;
	transition: all .7s ease 0s
}

.portfolio-tab-wrapper .mid-border-button a:hover {
	text-decoration: none;
	background: #0b0d17;
	border: 1px solid #0b0d17
}

.portfolio-tab-wrapper .tab-wrapper {
	text-align: center;
	padding: 30px 0 0
}

.portfolio-tab-wrapper .tab-wrapper .nav.nav-tabs {
	padding: 10px 0 0;
	border-bottom: none;
	margin: 0 0 6px;
	border-bottom: 1px solid #e5e9f2
}

.portfolio-tab-wrapper .tab-wrapper .nav.nav-tabs li {
	padding: 0 1.9rem 0 0
}

.portfolio-tab-wrapper .tab-wrapper .nav.nav-tabs li a {
	color: #0b0d17;
	opacity: .5;
	font-size: 16px;
	letter-spacing: 1px;
	padding-bottom: 16px;
	transition: all .3s ease 0s !important;
	border-bottom: 3px solid transparent
}

.portfolio-tab-wrapper .tab-wrapper .nav.nav-tabs li a:hover {
	text-decoration: none
}

.portfolio-tab-wrapper .tab-wrapper .nav.nav-tabs li.active a {
	color: #000;
	opacity: 1;
	border-bottom: 3px solid #0555ff
}

.portfolio-tab-wrapper .tab-wrapper .nav.nav-tabs a.active {
	color: #000;
	opacity: 1;
	border-bottom: 3px solid #0555ff
}

.technology-work {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	padding: 40px 0
}

.technology-work .headline-area {
	margin-top: 20px
}

.technology-work .headline-area h2 {
	color: #18191f
}

.technology-work .tech-logo {
	text-align: center
}

.technology-work .tech-logo ul li {
	display: inline-table;
	width: 24%;
	list-style-type: none
}

.technology-work .tech-logo ul li img {
	width: 150px
}

.trusted-company-text {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	padding: 50px 0 40px
}

.trusted-company-text .headline-area h2 {
	margin-bottom: 25px;
	color: #000
}

.trusted-company-text .trust-img {
	width: 100%;
	object-fit: cover;
	height: 540px;
	max-width: 540px
}

@media (min-width:768px) {
	.trusted-company-text .row .col-md-6:nth-child(1) {
		max-width: 45%;
		flex: 0 0 45%
	}

	.trusted-company-text .row .col-md-6:nth-child(2) {
		max-width: 55%;
		flex: 0 0 55%
	}
}

.trusted-company-text .text-content .text-wrap {
	position: relative
}

.trusted-company-text .text-content .text-wrap h5 {
	margin: 40px 0 16px
}

.trusted-company-text .text-content .text-wrap p {
	font-size: 18px;
	line-height: 28px
}

.trusted-company-text .hidden-text {
	padding-top: 12px
}

.trusted-company-text .text-content .btn-mid {
	text-align: center
}

.trusted-company-text .text-content .btn-mid .read-btn {
	color: #0555ff;
	font-family: proxima-nova-bold-webfont;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 15px;
	position: relative
}

.trusted-company-text .text-content .btn-mid .read-btn:hover {
	text-decoration: none
}

.trusted-company-text .text-content .btn-mid .read-btn span {
	position: relative;
	top: -14px;
	background: #fff;
	padding: 0 8px
}

.trusted-company-text .text-content .btn-mid #readMore {
	position: relative;
	top: -18px;
	left: 0
}

.numbering-wrapper {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	padding: 60px 0 80px
}

.numbering-wrapper .headline-area {
	max-width: auto;
}

.numbering-wrapper .headline-area h2 {
  font-size: 40px;
  line-height: 1 !important;
  color: #000;
}


.numbering-wrapper .num-block {
	float: left;
	width: calc(100% + 16px);
	left: -8px;
	position: relative;
	padding: 40px 10px
}

.numbering-wrapper .num-block .item_number {
	text-align: left;
	width: calc(51.2% - 16px);
	float: left;
	position: relative;
	top: 0;
	display: flex;
	flex-direction: column;
	transition: all .3s ease 0s;
	transform: translateZ(0);
	padding: 16px 26px;
	border: 1px solid #ddd;
	border-bottom: none;
	height: 226px
}

.numbering-wrapper .num-block .item_number:nth-child(even) {
	border-left: none
}

.numbering-wrapper .num-block .item_number:nth-child(1) {
	border-radius: 8px 0 0 0
}

.numbering-wrapper .num-block .item_number:nth-child(2) {
	border-radius: 0 8px 0 0
}

.numbering-wrapper .num-block .item_number:nth-last-child(2) {
	border-radius: 0 0 0 8px;
	border-bottom: 1px solid #ddd
}

.numbering-wrapper .num-block .item_number:nth-last-child(1) {
	border-radius: 0 0 8px 0;
	border-bottom: 1px solid #ddd
}

.numbering-wrapper .num-block .item_number img {
	width: 58px;
	margin: 0 0 0 auto;
	position: absolute;
	right: 22px;
	top: 22px
}

.numbering-wrapper .num-block .item_number h4 {
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 10px;
	margin-top: 22px
}

.numbering-wrapper .num-block .item_number p {
	font-size: 18px;
	line-height: 28px
}

.domain-expertise {
	position: relative;
	width: 100%;
	padding: 80px 0 70px;
	display: flex;
	flex-direction: row;
	background: #0555ff
}

.domain-expertise .headline-area {
	text-align: center;
	margin: 0 auto;
	max-width: 700px
}

.domain-expertise .headline-area h2 {
	color: #fff
}

.domain-expertise .tab-wrapper {
	text-align: center;
	padding: 30px 0 0
}

.domain-expertise .tab-wrapper .nav.nav-tabs {
	padding: 10px 0 0;
	border-bottom: none;
	max-width: 784px;
	margin: 0 auto 6px;
	border-bottom: 1px solid #e5e9f2
}

.domain-expertise .tab-wrapper .nav.nav-tabs li {
	padding: 0 2rem
}

.domain-expertise .tab-wrapper .nav.nav-tabs li:first-child {
	padding-left: 0
}

.domain-expertise .tab-wrapper .nav.nav-tabs li:last-child {
	padding-right: 0
}

.domain-expertise .tab-wrapper .nav.nav-tabs li a {
	color: #d4d4d4;
	font-size: 17px;
	line-height: 24px;
	letter-spacing: 1px;
	padding-bottom: 16px;
	transition: all .3s ease 0s !important;
	border-bottom: 3px solid transparent
}

.domain-expertise .tab-wrapper .nav.nav-tabs li a:hover {
	text-decoration: none
}

.domain-expertise .tab-wrapper .nav.nav-tabs li a img {
	width: 40px
}

.domain-expertise .tab-wrapper .nav.nav-tabs li.active a {
	color: #fff;
	border-bottom: 3px solid #fff
}

.domain-expertise .tab-wrapper .nav.nav-tabs a.active {
	color: #fff;
	border-bottom: 3px solid #fff
}

.domain-expertise .tab-wrapper .tab-content .domain-info {
	padding: 35px 0 0;
	max-width: 800px;
	margin: 0 auto
}

.domain-expertise .tab-wrapper .tab-content .domain-info p {
	color: #fff;
	font-size: 18px;
	line-height: 30px
}

.why-choose {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	padding: 80px 0 70px
}

.why-choose .headline-area h2 {
	color: #000
}

.why-choose .text-wrapper {
	margin-top: 15px
}

.why-choose .text-wrapper p {
	font-size: 18px;
	line-height: 28px
}

.why-choose .list-choose {
	position: relative;
	padding-top: 14px
}

.why-choose .list-choose ul {
	margin-bottom: 0
}

.why-choose .list-choose ul li {
	list-style-type: none;
	width: 100%;
	float: left;
	position: relative;
	margin-bottom: 18px
}

.why-choose .list-choose ul li .item-img {
	float: left;
	width: 52px;
	height: 70px;
	margin-right: 16px;
	overflow: hidden;
	position: relative
}

.why-choose .list-choose ul li .single-item-content {
	position: relative
}

.why-choose .list-choose ul li .single-item-content h5 {
	margin-bottom: 6px;
	font-size: 20px;
	line-height: 32px
}

.achievement-section {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	padding: 80px 0 70px;
	background: #fcfeff
}

.achievement-section .award-listing {
	position: relative;
	padding-top: 40px
}

.achievement-section .award-listing ul {
	margin-bottom: 0
}

.achievement-section .award-listing ul li {
	list-style-type: none;
	display: inline-table;
	width: 16%
}

.achievement-section .award-listing ul li img {
	width: 160px
}

.agile-process {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	padding: 60px 0 50px;
	background: #fcfeff
}

.agile-process .agile-dev-content {
	float: left;
	width: calc(100% + 16px);
	left: -8px;
	position: relative;
	padding: 30px 0
}

.agile-process .agile-dev-content .item_agile {
	text-align: left;
	width: calc(32% - 16px);
	float: left;
	position: relative;
	top: 0;
	display: flex;
	flex-direction: column;
	transition: all .3s ease 0s;
	transform: translateZ(0);
	margin: 14px
}

.agile-process .agile-dev-content .item_agile .progress-circle {
	display: flex;
	margin-bottom: 22px
}

.agile-process .agile-dev-content .item_agile .progress-circle .circle {
	width: 24px;
	margin-right: 12px
}

.agile-process .agile-dev-content .item_agile:last-child .progress-circle span {
	display: none
}

.agile-process .agile-dev-content .item_agile h4 {
	font-size: 1.3rem;
	margin-bottom: 15px
}

.count-wrapper {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	padding: 80px 0;
	background: #0555ff url(../../assets/images/patterns-bg.png);
	background-size: cover
}

.count-wrapper .headline-area {
	text-align: center
}

.count-wrapper .headline-area h2 {
	color: #fff
}

.count-wrapper .counter-display {
	padding-top: 40px
}

.count-wrapper .counter-display ul {
	margin-bottom: 0
}

.count-wrapper .counter-display ul li {
	list-style-type: none;
	text-align: center;
	display: inline-table;
	width: 24%;
	border-right: 1px solid #ececec;
	border-right: 1px solid rgb(216, 216, 216, .6)
}

.count-wrapper .counter-display ul li:last-child {
	border-right: none
}

.count-wrapper .counter-display ul li h3 {
	font-family: proxima-nova-bold-webfont;
	color: #fff;
	font-size: 56px;
	line-height: 70px;
	margin-bottom: 0
}

.count-wrapper .counter-display ul li p {
	color: #fff;
	margin-bottom: 0
}

.tech-integration {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	padding: 60px 0 20px
}

.tech-integration .headline-area h2 {
	color: #000
}

.tech-integration .headline-area p {
	font-size: 18px;
	line-height: 28px;
	margin-top: 20px;
	margin-bottom: 30px
}

.tech-integration .tech-grid {
	float: left;
	width: calc(100% + 16px);
	left: -8px;
	position: relative;
	padding: 3px 0
}

.tech-integration .tech-grid .item_tech_integ {
	text-align: left;
	width: calc(32% - 16px);
	float: left;
	position: relative;
	top: 0;
	display: flex;
	flex-direction: column;
	transition: all .3s ease 0s;
	transform: translateZ(0);
	margin: 14px
}

.tech-integration .tech-grid .item_tech_integ img {
	width: 70px;
	margin-bottom: 20px
}

.tech-integration .tech-grid .item_tech_integ h5 {
	margin-bottom: 15px
}

.native-hybrid-block {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	padding: 60px 0 80px
}

.native-hybrid-block .headline-area {
	max-width: 800px
}

.native-hybrid-block .headline-area h2 {
	margin-bottom: 16px;
	color: #000
}

.native-hybrid-block .headline-area p {
	font-size: 17px;
	line-height: 27px
}

.native-hybrid-block .seamless-grid {
	padding-top: 20px;
	text-align: left
}

.native-hybrid-block .seamless-grid p {
	font-size: 17px;
	line-height: 27px
}

.native-hybrid-block .seamless-grid ul {
	margin-bottom: 0;
	margin-top: 35px;
	margin-left: 19px
}

.native-hybrid-block .seamless-grid ul li {
	padding-bottom: 24px
}

.native-hybrid-block .seamless-grid ul li::before {
	content: "\f111";
	font-family: fontawesome;
	color: #00aeef;
	display: inline-block;
	width: 2em;
	margin-left: -2em;
	position: relative;
	font-size: .57rem;
	top: -1.2px;
	left: 1px
}

.native-hybrid-block .seamless-grid img {
	width: 100%;
	object-fit: cover;
	height: 460px;
	max-width: 540px
}

.native-hybrid-block .tab-wrapper {
	text-align: center;
	padding: 10px 0 0
}

.native-hybrid-block .tab-wrapper .nav.nav-tabs {
	padding: 10px 0 0;
	border-bottom: none;
	margin: 0 0 6px;
	border-bottom: 1px solid #e5e9f2
}

.native-hybrid-block .tab-wrapper .nav.nav-tabs li {
	padding: 0 1.5rem 0 0
}

.native-hybrid-block .tab-wrapper .nav.nav-tabs li a {
	color: #0b0d17;
	opacity: .5;
	font-size: 16px;
	letter-spacing: 1px;
	padding-bottom: 16px;
	transition: all .3s ease 0s !important;
	border-bottom: 3px solid transparent
}

.native-hybrid-block .tab-wrapper .nav.nav-tabs li a:hover {
	text-decoration: none
}

.native-hybrid-block .tab-wrapper .nav.nav-tabs li.active a {
	color: #0b0d17;
	opacity: 1;
	border-bottom: 3px solid #0555ff
}

.native-hybrid-block .tab-wrapper .nav.nav-tabs a.active {
	color: #0b0d17;
	opacity: 1;
	border-bottom: 3px solid #0555ff
}

.faq-wrapper {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	padding: 80px 0 50px;
	background: #f3f6fb
}

.faq-wrapper .faq-list {
	box-shadow: 0 0 10px rgba(0, 0, 0, .05), 0 8px 44px rgba(0, 0, 0, .05);
	background: #fff;
	padding: 20px;
	border-radius: 8px;
	margin-top: 40px
}

.faq-wrapper .faq-list .accordion .card {
	border: none;
	border-bottom: 1px solid #e5e9f2;
	border-radius: 0
}

.faq-wrapper .faq-list .accordion .card-head {
	padding: 14px
}

.faq-wrapper .faq-list .accordion .card:last-child {
	margin-bottom: 0;
	border-bottom: none
}

.faq-wrapper .faq-list .accordion .card:last-child .card-head {
	border-bottom: none
}

.faq-wrapper .faq-list .accordion .card h2 {
	background: url(../../assets/images/accord_arrow_up.png) no-repeat calc(100% - 10px) center;
	background-size: 14px;
	cursor: pointer;
	font-size: 20px;
	line-height: 32px
}

.faq-wrapper .faq-list .accordion .card h2.collapsed {
	background-image: url(../../assets/images/accord_arrow_down.png)
}

.faq-wrapper .faq-list .accordion .card-body {
	padding: 16px 20px
}

.faq-wrapper .faq-list .accordion .card-body p {
	font-size: 18px;
	line-height: 28px
}

.experience-wrapper {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	padding: 70px 0 80px;
	background: white;
}

.experience-wrapper .exp-blog {
	float: left;
	width: calc(100% + 16px);
	left: -8px;
	position: relative;
	padding: 30px 0 0
}

.experience-wrapper .exp-blog .item_exper {
	text-align: left;
	width: calc(32% - 16px);
	float: left;
	position: relative;
	top: 0;
	display: flex;
	flex-direction: column;
	transition: all .3s ease 0s;
	transform: translateZ(0);
	margin: 14px;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .05), 0 8px 44px rgba(0, 0, 0, .05);
	border-radius: 8px;
	height:100%;
	min-height:700px;
}

.experience-wrapper .exp-blog .item_exper a img {
/* 	height: 250px; */
	width: 100%;
	object-fit: cover;
	border-radius: 8px 8px 0 0
}

.experience-wrapper .exp-blog .item_exper .blog-text {
	padding: 30px
}

.experience-wrapper .exp-blog .item_exper .blog-text h5 {
	font-size: 19px;
	line-height: 26px;
	height: 50px;
	overflow: hidden;
	margin-bottom: 15px
}

.experience-wrapper .exp-blog .item_exper .blog-text a.btn-read {
	color: #0555ff;
	font-family: proxima-nova-bold-webfont;
	text-transform: uppercase;
	letter-spacing: 1.1px;
	font-size: .87rem;
	display: inline-block;
	margin-top: 12px
}

.experience-wrapper .exp-blog .item_exper .blog-text a.btn-read:hover {
	text-decoration: none
}

.experience-wrapper .exp-blog .item_exper .blog-text a.btn-read img {
	width: 25px;
	margin-left: 10px;
	transition: all .7s ease 0s;
	height: auto;
	display: inline-block;
	object-fit: inherit
}

.experience-wrapper .exp-blog .item_exper .blog-text a.btn-read:hover img {
	margin-left: 22px
}

footer {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column
}

footer .footer-top {
	position: relative;
	width: 100%;
	z-index: 9;
	padding: 80px 0 35px;
	float: left;
	background-color: #0b0d17;
	background-image: url(../../assets/images/footer-pattern.png);
	background-repeat: no-repeat;
	background-position: right 115%;
	background-size: 18%
}

footer .footer-top .footer-info {
	float: left;
	width: calc(100% + 16px);
	left: -8px;
	position: relative
}

footer .footer-top .footer-info .footer_item {
	text-align: left;
	width: calc(32% - 16px);
	float: left;
	position: relative;
	top: 0;
	display: flex;
	flex-direction: column;
	transition: all .3s ease 0s;
	transform: translateZ(0);
	margin: 8px
}

footer .footer-top .footer-info .footer_item .footer-logo {
	width: 180px
}

footer .footer-top .footer-info .footer_item p {
	color: #fff;
	font-size: 14px;
	line-height: 22px;
	margin: 15px 0;
	opacity:0.7;
	font-weight:700;
}

footer .footer-top .footer-info .footer_item .social-links {
	margin-bottom: 0
}

footer .footer-top .footer-info .footer_item .social-links li {
	list-style-type: none;
	display: inline-block;
	margin-right: 6px;
	color: #e5e9f2
}

footer .footer-top .footer-info .footer_item .social-links li i {
	width: 28px;
	height: 28px;
	background: #23252e;
	border-radius: 50%;
	line-height: 28px;
	text-align: center;
	color: #fff;
	font-size: 14px
}

footer .footer-top .footer-info .footer_item .social-links li a:hover i {
	background: #0555ff
}

footer .footer-top .footer-info .footer_item .footer-title h6 {
	color: #fff;
	font-size: 17px;
	margin-bottom: 17px
}

footer .footer-top .footer-info .footer_item .footer-link ul {
	margin-bottom: 0
}

footer .footer-top .footer-info .footer_item .footer-link ul li {
	list-style-type: none
}

footer .footer-top .footer-info .footer_item .footer-link ul li a {
	color: #e5e9f2;
	font-size: 14px;
	line-height: 17px;
	padding: 6px 0;
	text-transform: capitalize
}

footer .footer-top .footer-info .footer_item .footer-link ul li a:hover {
	color: #00aeef;
	text-decoration: none
}

footer .footer-top .footer-info .footer_item .footer-link ul li span {
	color: #00aeef;
	font-family: 'Nanum Pen Script', sans-serif;
	font-size: 20px;
	margin-left: 8px;
	position: relative;
	top: 3px
}

footer .footer-top .footer-info .footer_item .footer-address ul {
	margin-bottom: 0
}

footer .footer-top .footer-info .footer_item .footer-address ul li {
	list-style-type: none;
	padding-bottom: 8px
}

footer .footer-top .footer-info .footer_item .footer-address ul li:nth-child(1) h5 {
	text-decoration: underline
}

footer .footer-top .footer-info .footer_item .footer-address ul li h5 {
	font-size: 14px;
	font-family: proxima-nova-regular;
	color: #b9b9b9;
	margin-bottom: 5px
}

footer .footer-top .footer-info .footer_item .footer-address ul li h5 img {
	width: 18px;
	margin-right: 5px
}

footer .footer-top .footer-info .footer_item .footer-address ul li p {
	margin: 4px 0 4px 22px
}

footer .footer-top .footer-info .footer_item .footer-address ul li p span {
	color: #0385b9
}

footer .footer-bottom {
	padding: 15px 0;
	background: #0b0d17;
	position: relative;
	width: 100%
}

footer .footer-bottom p {
	color: #e5e9f2;
	margin-bottom: 0;
	font-size: 14px;
	margin-top: 5px;
	line-height: 17px
}

footer .footer-bottom .footer-term-link {
	text-align: right
}

footer .footer-bottom .footer-term-link ul {
	margin-bottom: 0
}

footer .footer-bottom .footer-term-link ul li {
	list-style-type: none;
	display: inline-block
}

footer .footer-bottom .footer-term-link ul li a {
	color: #e5e9f2;
	border-right: 1px solid #e5e9f2;
	padding: 0 16px;
	font-size: 14px;
	line-height: 17px
}

footer .footer-bottom .footer-term-link ul li:last-child a {
	border-right: none
}

footer .footer-bottom .footer-term-link ul li a:hover {
	text-decoration: none;
	color: #00aeef
}

.inner-portfolio-list {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	padding: 80px 0 50px
}

.inner-portfolio-list .inner-main-title {
	max-width: 570px
}

.inner-portfolio-list .inner-main-title p {
	font-size: 18px;
	line-height: 28px
}

.inner-portfolio-list .port-listing-wrapper {
	float: left;
	width: calc(100% + 16px);
	left: -8px;
	position: relative;
	padding: 20px 0 0
}

.inner-portfolio-list .port-listing-wrapper .port-single {
	text-align: left;
	width: calc(48% - 16px);
	float: left;
	position: relative;
	top: 0;
	display: flex;
	flex-direction: column;
	transition: all .3s ease 0s;
	transform: translateZ(0);
	margin: 14px;
	height: 525px
}

.inner-portfolio-list .port-listing-wrapper .port-single a:hover {
	text-decoration: none
}

.inner-portfolio-list .port-listing-wrapper .port-single a h5 {
	color: #0b0d17;
	font-size: 24px;
	line-height: 30px;
	transition: all .7s ease 0s
}

.inner-portfolio-list .port-listing-wrapper .port-single a p {
	color: #445463
}

.inner-portfolio-list .port-listing-wrapper .port-single img {
	margin-bottom: 20px;
	width: 100%;
	object-fit: cover;
	height: 380px;
	max-width: 540px;
	border-radius: 8px
}

.inner-portfolio-list .port-listing-wrapper .port-single:hover a h5 {
	color: #0555ff
}

.inner-portfolio-list .tab-wrapper {
	text-align: center;
	padding: 20px 0 0
}

.inner-portfolio-list .tab-wrapper .nav.nav-tabs {
	padding: 10px 0 0;
	border-bottom: none;
	margin: 0 0 6px;
	border-bottom: none
}

.inner-portfolio-list .tab-wrapper .nav.nav-tabs li {
	padding: 0 1.4rem 0 0
}

.inner-portfolio-list .tab-wrapper .nav.nav-tabs li a {
	color: #445463;
	font-size: 16px;
	letter-spacing: 1px;
	transition: all .3s ease 0s !important;
	border-bottom: none;
	background: #fff;
	border-radius: 8px;
	padding: 14px
}

.inner-portfolio-list .tab-wrapper .nav.nav-tabs li a:hover {
	text-decoration: none
}

.inner-portfolio-list .tab-wrapper .nav.nav-tabs li.active a {
	color: #0555ff;
	background: #e6f5fe
}

.inner-portfolio-list .tab-wrapper .nav.nav-tabs a.active {
	color: #0555ff;
	background: #e6f5fe
}

.have-project-wrapper {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	padding: 80px 0;
	background: #0555ff
}

.have-project-wrapper .have-content {
	text-align: center;
	max-width: 500px;
	margin: 0 auto
}

.have-project-wrapper .have-content h3 {
	color: #fff;
	font-size: 48px;
	line-height: 60px;
	margin-bottom: 20px
}

.have-project-wrapper .have-content p {
	color: #fff;
	font-size: 20px;
	line-height: 32px
}

.have-project-wrapper .have-content .mid-border-button {
	text-align: center;
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 10px
}

.have-project-wrapper .have-content .mid-border-button a {
	color: #fff;
	font-family: proxima-nova-bold-webfont;
	text-transform: uppercase;
	letter-spacing: 1.1px;
	font-size: .87rem;
	display: inline-block;
	width: auto;
	border: 1px solid #fff;
	padding: 15px 30px;
	border-radius: 8px;
	margin: 0 auto;
	line-height: 22px
}

.have-project-wrapper .have-content .mid-border-button a:hover {
	background: #082c58;
	border: 1px solid #082c58
}

.have-project-wrapper .have-content .mid-border-button a img {
	width: 25px;
	margin-left: 10px;
	transition: all .7s ease 0s
}

.have-project-wrapper .have-content .mid-border-button a:hover {
	text-decoration: none
}

.port-cover-wrap {
	position: relative;
	width: 100%;
	display: block
}

.port-cover-wrap .cover-block {
	margin: 0 auto;
	max-width: 780px;
	width: 100%
}

.port-cover-wrap .cover-block .inner-main-title h6 {
	color: #0555ff;
	font-size: 20px;
	line-height: 25px
}

.port-cover-wrap .cover-block .grid-text {
	padding: 30px 0 60px
}

.port-cover-wrap .cover-block .grid-text ul {
	margin-bottom: 0
}

.port-cover-wrap .cover-block .grid-text ul li {
	display: inline-table;
	border-left: 2px solid #00aeef;
	padding: 0 20px
}

.port-cover-wrap .cover-block .grid-text ul li h5 {
	font-size: 19px;
	line-height: 26px;
	margin-bottom: 0
}

.port-cover-wrap .cover-block .grid-text ul li p {
	text-transform: uppercase;
	color: #445463;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 1px;
	margin-bottom: 5px
}

.port-detail-bottom {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row
}

.port-detail-bottom .text-display {
	position: relative;
	margin: 0 auto;
	max-width: 780px;
	padding: 50px 0 40px
}

.port-detail-bottom .text-display h4 {
	font-size: 32px;
	line-height: 48px;
	margin-bottom: 20px;
	color: #000
}

.port-detail-bottom .text-display p {
	font-size: 18px;
	line-height: 28px
}

.port-feedback {
	position: relative;
	margin: 0 auto;
	max-width: 840px;
	padding: 90px 0 0
}

.port-feedback .feed-text {
	position: relative
}

.port-feedback .feed-text p {
	font-size: 20px;
	line-height: 32px
}

.port-feedback .feed-text img {
	width: 38px;
	position: absolute;
	left: -7%;
	top: -23%
}

.port-feedback .client-name-display {
	width: 100%;
	position: relative;
	margin: 30px 0 40px;
	text-align: center;
	display: flex;
	flex-direction: row
}

.port-feedback .client-name-display .item-img {
	float: left;
	width: 56px;
	height: 70px;
	margin-right: 16px;
	overflow: hidden;
	position: relative
}

.port-feedback .client-name-display .item-img img {
	border-radius: 50%
}

.port-feedback .client-name-display .item-information {
	position: relative;
	text-align: left
}

.port-feedback .client-name-display .item-information h6 {
	margin-top: 6px;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 3px
}

.port-feedback .client-name-display .item-information p {
	font-size: 14px;
	line-height: 18px
}

.port-result {
	position: relative;
	margin: 0 auto;
	max-width: 840px;
	padding: 20px 0 30px
}

.port-result h4 {
	font-size: 32px;
	line-height: 48px;
	margin-bottom: 20px
}

.port-result p {
	font-size: 18px;
	line-height: 28px
}

.port-result .store-links {
	margin-bottom: 0;
	position: relative;
	padding-bottom: 50px
}

.port-result .store-links li {
	list-style-type: none;
	display: inline-block;
	margin-right: 8px
}

.port-result .store-links li img {
	width: 170px
}

.next-prev-scroll {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	background: #e6f5fe
}

.next-prev-scroll .port-Slider-block {
	padding: 60px 0;
	position: relative;
	margin: 0 auto;
	max-width: 840px
}

.next-prev-scroll .port-Slider-block ul {
	margin-bottom: 0
}

.next-prev-scroll .port-Slider-block ul li {
	list-style-type: none;
	display: inline-block;
	width: 49%
}

.next-prev-scroll .port-Slider-block ul li:last-child {
	text-align: right
}

.next-prev-scroll .port-Slider-block ul li img {
	width: 30px;
	transition: all .7s ease 0s
}

.next-prev-scroll .port-Slider-block ul li:nth-child(1):hover img {
	margin-left: 10px
}

.next-prev-scroll .port-Slider-block ul li:nth-child(2):hover img {
	margin-right: 10px
}

.next-prev-scroll .port-Slider-block ul li p {
	margin: 12px 0 6px;
	font-size: 14px;
	line-height: 18px
}

.next-prev-scroll .port-Slider-block ul li h5 {
	color: #0b0d17;
	font-size: 20px;
	line-height: 25px
}

.contact-us-wrapper {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	padding: 80px 0 40px
}

.contact-us-wrapper .inner-main-title p a {
	color: #0555ff;
	font-family: proxima-nova-semibold-webfont;
	margin-bottom: 2px
}

.contact-us-wrapper .inner-main-title p {
	margin-bottom: 2px;
	font-size: 18px;
	line-height: 28px
}

.contact-us-wrapper .c_vector {
	width: 290px;
	margin-top: 10px
}

.contact-us-wrapper .form-wrapper {
	max-width: 600px
}

.form-wrapper {
	padding: 40px 0 0;
	position: relative
}

.form-wrapper .form-group {
	margin-bottom: 2.2rem
}

.form-wrapper .form-group .form-control {
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #e5e9f2;
	font-size: 17px;
	line-height: 27px;
	color: #445463;
	padding: 8px 0
}

.form-wrapper .form-group .form-control::placeholder {
	color: #445463
}

.form-wrapper .form-group .form-control:focus {
	border-bottom: 1px solid #0555ff;
	box-shadow: none
}

.form-wrapper .custom-button {
	color: #fff;
	font-family: proxima-nova-bold-webfont;
	text-transform: uppercase;
	letter-spacing: 1.1px;
	font-size: .87rem;
	display: inline-block;
	border: 1px solid #0555ff;
	background: #0555ff;
	padding: 15px 22px;
	border-radius: 8px;
	margin: 0 auto;
	line-height: 22px
}

.form-wrapper .custom-button:hover {
	text-decoration: none;
	background: #0b0d17;
	border: 1px solid #0b0d17
}

.form-wrapper .custom-button img {
	width: 25px;
	margin-left: 10px;
	transition: all .7s ease 0s
}

.contact-map {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	padding: 40px 0 80px
}

.contact-map .map-display {
	border-top: 1px solid #e5e9f2;
	padding-top: 60px
}

.contact-map .map-display h4 {
	font-size: 40px;
	line-height: 50px
}

.contact-map .map-display .map-grid {
	float: left;
	width: calc(100% + 16px);
	left: -8px;
	position: relative;
	padding: 20px 0 0
}

.contact-map .map-display .map-grid .item_grid {
	text-align: left;
	width: calc(33.33% - 16px);
	float: left;
	position: relative;
	top: 0;
	display: flex;
	flex-direction: column;
	transition: all .3s ease 0s;
	transform: translateZ(0);
	margin: 8px
}

.contact-map .map-display .map-grid .item_grid a img {
	border-radius: 8px;
	margin-bottom: 2px;
	width: 100%;
	object-fit: cover;
	height: 270px
}

.contact-map .map-display .map-grid .item_grid h4 {
	font-size: 20px;
	line-height: 25px;
	margin: 10px 0 4px
}

.contact-map .map-display .map-grid .item_grid h6 {
	font-size: 14px;
	line-height: 18px;
	color: #00aeef
}

.contact-map .map-display .map-grid .item_grid h6 img {
	width: 22px;
	vertical-align: middle;
	margin-right: 4px
}

.contact-map .map-display .map-grid .item_grid p {
	margin-bottom: 6px
}

.contact-map .map-display .map-grid .item_grid p span {
	font-family: proxima-nova-semibold-webfont;
	display: inline-table
}

.media-coverage {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	padding: 80px 0 70px
}

.media-coverage .inner-main-title {
	max-width: 570px
}

.media-coverage .inner-main-title p {
	font-size: 18px;
	line-height: 28px
}

.media-coverage .media-grid {
	float: left;
	width: calc(100% + 16px);
	left: -8px;
	position: relative;
	padding: 20px 0 0
}

.media-coverage .media-grid .item_media {
	text-align: left;
	width: calc(48% - 16px);
	float: left;
	position: relative;
	top: 0;
	display: flex;
	flex-direction: column;
	transition: all .3s ease 0s;
	transform: translateZ(0);
	margin: 14px 14px 36px
}

.media-coverage .media-grid .item_media img {
	margin-bottom: 20px;
	width: 100%;
	object-fit: cover;
	height: 380px;
	max-width: 540px;
	border-radius: 8px
}

.media-coverage .media-grid .item_media a h5 {
	color: #0b0d17;
	font-size: 24px;
	line-height: 30px;
	transition: all .7s ease 0s
}

.media-coverage .media-grid .item_media a:hover {
	text-decoration: none
}

.media-coverage .media-grid .item_media:hover a h5 {
	color: #0555ff
}

.client-inner {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	padding: 80px 0 70px
}

.client-inner .inner-main-title {
	max-width: 570px
}

.client-inner .inner-main-title p {
	font-size: 18px;
	line-height: 28px
}

.client-inner .client-img-grid ul li {
	list-style-type: none;
	display: inline-table;
	width: 24%;
	text-align: center;
	margin-top: 15px
}

.client-inner .client-img-grid ul li img {
	width: 250px
}

.blog-wrapper {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	padding: 80px 0 70px
}

.blog-wrapper .inner-main-title p {
	max-width: 600px;
	font-size: 18px;
	line-height: 28px
}

.blog-wrapper .exp-blog {
	float: left;
	width: calc(100% + 16px);
	left: -8px;
	position: relative;
	padding: 15px 0 0
}

.blog-wrapper .exp-blog .item_exper {
	text-align: left;
	width: calc(49% - 16px);
	float: left;
	position: relative;
	top: 0;
	display: flex;
	flex-direction: column;
	transition: all .3s ease 0s;
	transform: translateZ(0);
	margin: 10px 10px 40px;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .05), 0 8px 44px rgba(0, 0, 0, .05);
	border-radius: 8px;
	height:640px
}

.blog-wrapper .exp-blog .item_exper a img {
	height: 182px;
	width: 100%;
	object-fit: cover;
	border-radius: 8px 8px 0 0
}

.blog-wrapper .exp-blog .item_exper .blog-text {
	padding: 30px
}

.blog-wrapper .exp-blog .item_exper .blog-text h5 {
	font-size: 19px;
	line-height: 26px;
	height: 50px;
	overflow: hidden;
	margin-bottom: 15px
}

.blog-wrapper .exp-blog .item_exper .blog-text a.btn-read {
	color: #0555ff;
	font-family: proxima-nova-bold-webfont;
	text-transform: uppercase;
	letter-spacing: 1.1px;
	font-size: .87rem;
	display: inline-block;
	margin-top: 12px
}

.blog-wrapper .exp-blog .item_exper .blog-text a.btn-read:hover {
	text-decoration: none
}

.blog-wrapper .exp-blog .item_exper .blog-text a.btn-read img {
	width: 25px;
	margin-left: 10px;
	transition: all .7s ease 0s;
	height: auto;
	object-fit: inherit
}

.blog-wrapper .exp-blog .item_exper .blog-text a.btn-read:hover img {
	margin-left: 22px
}

.blog-wrapper .blog-right .item_card {
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .05), 0 8px 44px rgba(0, 0, 0, .05);
	border-radius: 8px;
	padding: 30px;
	margin-top: 26px
}

.blog-wrapper .blog-right .item_card h6 {
	font-size: 18px;
	line-height: 26px;
	margin-bottom: 14px
}

.blog-wrapper .blog-right .item_card ul {
	margin-bottom: 0
}

.blog-wrapper .blog-right .item_card ul li {
	list-style-type: none
}

.blog-wrapper .blog-right .item_card ul li a {
	color: #445463;
	font-size: 16px;
	line-height: 24px;
	padding: 6px 0
}

.blog-wrapper .blog-right .item_card ul li a:hover {
	text-decoration: none;
	color: #0555ff
}

.blog-wrapper .blog-right .item_card .social-icons {
	margin-top: 25px;
	border-top: 1px solid #e5e9f2;
	padding-top: 18px
}

.blog-wrapper .blog-right .item_card .social-icons ul {
	margin-bottom: 0
}

.blog-wrapper .blog-right .item_card .social-icons ul li {
	display: inline-table
}

.blog-wrapper .blog-right .item_card .social-icons ul li i {
	background: #e6eeff;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color: #0555ff;
	border-radius: 50%;
	margin-right: 8px
}

.blog-wrapper .blog-right .item_card .social-icons ul li a:hover i {
	background: #0555ff;
	color: #fff
}

.blog-wrapper .blog-right .item_card .search-area {
	display: flex;
	align-items: center;
	height: 100%;
	flex-direction: row;
	background: #efefef;
	border-radius: 8px
}

.blog-wrapper .blog-right .item_card .search-area input {
	border: none;
	background: 0 0;
	padding: 10px 20px 8px;
	font-size: 16px;
	line-height: 22px;
	color: #445463;
	font-family: proxima-nova-semibold-webfont
}

.blog-wrapper .blog-right .item_card .search-area input::placeholder {
	color: #445463
}

.blog-wrapper .blog-right .item_card .search-area .btn-search {
	padding: 10px 12px;
	margin-left: 5px;
	border-radius: 8px
}

.blog-wrapper .blog-right .item_card .search-area .btn-search img {
	width: 18px
}

.blog-single-wrap {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	padding: 80px 0 70px
}

.blog-single-wrap .blog-detailed-block .inner-main-title {
	max-width: 650px
}

.blog-single-wrap .blog-detailed-block .inner-main-title h2 {
	margin-bottom: 40px
}

.blog-single-wrap .blog-detailed-block .client-name-display {
	width: 100%;
	position: relative;
	text-align: center;
	display: flex;
	flex-direction: row
}

.blog-single-wrap .blog-detailed-block .client-name-display .item-information {
	position: relative;
	text-align: left
}

.blog-single-wrap .blog-detailed-block .client-name-display .item-information h6 {
	margin-top: 6px;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 3px
}

.blog-single-wrap .blog-detailed-block .client-name-display .item-information p {
	font-size: 14px;
	line-height: 18px
}

.blog-single-wrap .blog-detailed-block .client-name-display .item-img img {
	border-radius: 50%
}

.blog-single-wrap .blog-detailed-block .client-name-display .item-img {
	float: left;
	width: 56px;
	height: 58px;
	margin-right: 16px;
	overflow: hidden;
	position: relative
}

.blog-single-wrap .blog-detailed-block .blog-person .social-icons {
	text-align: right;
	margin-bottom: 0;
	margin-top: 16px
}

.blog-single-wrap .blog-detailed-block .blog-person .social-icons li {
	display: inline-table;
	margin-right: 4px
}

.blog-single-wrap .blog-detailed-block .blog-person .social-icons li img {
	width: 26px
}

.blog-single-wrap .blog-detailed-block .blog-content img {
	margin: 20px 0 40px;
	height: 359.42px;
	width: 100%;
	max-width: 730px
}

.blog-single-wrap .blog-detailed-block .blog-content p {
	font-size: 18px;
	line-height: 28px
}

.blog-single-wrap .blog-detailed-block .blog-content .single-text {
	padding: 30px 0 0
}

.blog-single-wrap .blog-detailed-block .blog-content .single-text h4 {
	margin-bottom: 20px;
	font-size: 32px;
	line-height: 48px
}

.blog-single-wrap .blog-detailed-block .blog-content .single-text p a {
	color: #0555ff;
	font-family: proxima-nova-semibold-webfont
}

.blog-single-wrap .blog-detailed-block .blog-content .single-text p span {
	color: #0555ff;
	font-family: proxima-nova-semibold-webfont
}

.blog-single-wrap .blog-right .item_card {
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .05), 0 8px 44px rgba(0, 0, 0, .05);
	border-radius: 8px;
	padding: 30px;
	margin-bottom: 26px
}

.blog-single-wrap .blog-right .item_card h6 {
	font-size: 18px;
	line-height: 26px;
	margin-bottom: 14px
}

.blog-single-wrap .blog-right .item_card ul {
	margin-bottom: 0
}

.blog-single-wrap .blog-right .item_card ul li {
	list-style-type: none
}

.blog-single-wrap .blog-right .item_card ul li a {
	color: #445463;
	font-size: 16px;
	line-height: 24px;
	padding: 6px 0
}

.blog-single-wrap .blog-right .item_card ul li a:hover {
	text-decoration: none;
	color: #0555ff
}

.blog-single-wrap .blog-right .item_card .social-icons {
	margin-top: 25px;
	border-top: 1px solid #e5e9f2;
	padding-top: 18px
}

.blog-single-wrap .blog-right .item_card .social-icons ul {
	margin-bottom: 0
}

.blog-single-wrap .blog-right .item_card .social-icons ul li {
	display: inline-table
}

.blog-single-wrap .blog-right .item_card .social-icons ul li i {
	background: #e6eeff;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color: #0555ff;
	border-radius: 50%;
	margin-right: 8px
}

.blog-single-wrap .blog-right .item_card .social-icons ul li a:hover i {
	background: #0555ff;
	color: #fff
}

.blog-single-wrap .blog-right .item_card .search-area {
	display: flex;
	align-items: center;
	height: 100%;
	flex-direction: row;
	background: #efefef;
	border-radius: 8px
}

.blog-single-wrap .blog-right .item_card .search-area input {
	border: none;
	background: 0 0;
	padding: 10px 20px 8px;
	font-size: 16px;
	line-height: 22px;
	color: #445463;
	font-family: proxima-nova-semibold-webfont
}

.blog-single-wrap .blog-right .item_card .search-area input::placeholder {
	color: #445463
}

.blog-single-wrap .blog-right .item_card .search-area .btn-search {
	padding: 10px 12px;
	margin-left: 5px
}

.blog-single-wrap .blog-right .item_card .search-area .btn-search img {
	width: 18px
}

.blog-single-wrap .inner-main-title h6 {
	color: #0555ff;
	font-size: 20px;
	line-height: 25px
}

.related-blogs {
	padding-top: 80px
}

.related-blogs .headline-area {
	text-align: center
}

.service-inner {
	position: relative;
	width: 100%;
	display: block;
	padding: 80px 0 70px
}

.service-inner .serv_top {
	position: relative;
	width: 100%;
	display: block
}

.service-inner .serv_top .inner-main-title p {
	max-width: 550px;
	font-size: 18px;
	line-height: 28px
}

.service-inner .serv_top img {
	margin-top: 50px;
	width: 100%
}

.service-inner .serv_bottom {
	position: relative;
	width: 100%;
	display: block;
	padding: 30px 0 80px;
	float: left
}

.service-inner .serv_bottom .single-serv-headline {
	max-width: 760px;
	padding-top: 50px;
	display: flex;
	width: 100%;
	flex-direction: column
}

.service-inner .serv_bottom .single-serv-headline h3 {
	font-size: 40px;
	line-height: 50px;
	margin-bottom: 20px
}

.service-inner .serv_bottom .single-serv-headline p {
	font-size: 18px;
	line-height: 28px
}

.service-inner .serv_bottom .service-grid {
	float: left;
	width: calc(100% + 16px);
	left: -8px;
	position: relative;
	padding: 20px 0
}

.service-inner .serv_bottom .service-grid .item_service {
	text-align: left;
	width: calc(33.33% - 16px);
	float: left;
	position: relative;
	top: 0;
	display: flex;
	flex-direction: column;
	transition: all .3s ease 0s;
	transform: translateZ(0);
	margin: 14px 8px 6px;
	background: #fff;
	border-radius: 8px;
	padding: 24px 38px;
	height: 400px;
	border: 1px solid #ddd
}

.service-inner .serv_bottom .service-grid .pattern-bg {
	background-image: none !important;
	background-repeat: no-repeat !important;
	background-position: 100% -6% !important;
	background-size: 26% !important
}

.service-inner .serv_bottom .service-grid .item_service:hover {
	background: #00aeef;
	border: 1px solid #00aeef
}

.service-inner .serv_bottom .service-grid .pattern-bg:hover {
	background-image: url(../../assets/images/service-pattern.png) !important
}

.service-inner .serv_bottom .service-grid .item_service:hover a,
.service-inner .serv_bottom .service-grid .item_service:hover h5,
.service-inner .serv_bottom .service-grid .item_service:hover p {
	color: #fff
}

.service-inner .serv_bottom .service-grid .item_service:hover .icon-wrap {
	background: #18b5f0
}

.service-inner .serv_bottom .service-grid .item_service h5 {
	margin-bottom: 14px;
	line-height: 28px;
	font-size: 23px;
	height: 56px;
	overflow: hidden
}

.service-inner .serv_bottom .service-grid .item_service .icon-wrap {
	background: #f3f6fb;
	width: 70px;
	height: 70px;
	display: block;
	margin: 20px 0 40px;
	border-radius: 50%;
	line-height: 70px;
	text-align: center;
	position: relative
}

.service-inner .serv_bottom .service-grid .item_service .icon-wrap img {
	width: 12px
}

.service-inner .serv_bottom .service-grid .item_service .icon-wrap .light-icon {
	display: none;
	margin: 25px auto
}

.service-inner .serv_bottom .service-grid .item_service:hover .icon-wrap .light-icon {
	display: block
}

.service-inner .serv_bottom .service-grid .item_service:hover .icon-wrap .dark-icon {
	display: none
}

.service-inner .serv_bottom .service-grid .item_service a {
	color: #0555ff;
	font-family: proxima-nova-bold-webfont;
	text-transform: uppercase;
	letter-spacing: 1.1px;
	font-size: .87rem;
	display: inline-block;
	margin-top: 12px;
	margin-bottom: 10px;
	margin-left: 1px
}

.service-inner .serv_bottom .service-grid .item_service a img {
	width: 25px;
	margin-left: 10px;
	transition: all .7s ease 0s
}

.service-inner .serv_bottom .service-grid .item_service a:hover {
	text-decoration: none
}

.service-inner .serv_bottom .service-grid .item_service a:hover img {
	margin-left: 22px
}

.service-inner .serv_bottom .mid-border-button {
	text-align: center;
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	padding-top: 40px
}

.service_indiv_top {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: 80px 0 20px
}

.service_indiv_top .inner-main-title {
/* 	max-width: 720px; */
	max-width: 100%;
	width: 100%
}

.service_indiv_top .inner-main-title img {
	width: 96px;
	margin: 0 0 50px
}

.service_full_img {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row
}

.service_full_img img {
	margin-top: 30px;
	width: 100%
}

.service_full_img .img-full {
	width: 100%;
	object-fit: cover;
	height: 540px;
/* 	margin-left:1%;
	margin-right:1% */
/* 	max-width: 1440px */
}

.individual-info {
	position: relative;
	padding: 70px 0 20px;
	display: flex;
	flex-direction: row
}

.individual-info .serv-content-text {
/* 	max-width: 720px; */
	width: 100%
}

.individual-info .serv-content-text h3 {
	font-size: 1.563rem !important;
	line-height: 36px !important;
/* 	margin-bottom: 30px; */
/* 	margin-top: 12px; */
	color: #000
}

.individual-info .serv-content-text p {
	font-size: 18px;
	line-height: 28px
}

.technical-wrapper {
	position: relative;
	padding: 30px 0 20px;
	display: flex;
	flex-direction: row
}

.technical-wrapper h3 {
	font-size: 40px;
	line-height: 50px;
	margin-bottom: 30px;
	color: #000
}

.technical-wrapper .tech-skill-expert {
	float: left;
	width: calc(100% + 16px);
	left: -8px;
	position: relative
}

.technical-wrapper .tech-skill-expert .skill_single {
	text-align: left;
	width: calc(25% - 16px);
	float: left;
	position: relative;
	top: 0;
	display: flex;
	flex-direction: column;
	transition: all .3s ease 0s;
	transform: translateZ(0);
	margin: 8px
}

.technical-wrapper .tech-skill-expert .skill_single img {
	margin-bottom: 14px;
	object-fit: cover;
	width: 100%;
	height: 204px;
	border-radius: 4px;
	max-width: 255px
}

.technical-wrapper .tech-skill-expert .skill_single h5 {
	font-size: 18px;
	line-height: 25px;
	margin: 0 1px 10px
}

.benifits-techno {
	position: relative;
	padding: 50px 0 20px;
	display: flex;
	flex-direction: row
}

.benifits-techno h3 {
	font-size: 40px;
	line-height: 50px;
	margin-bottom: 30px;
	color: #000
}

.benifits-techno ul {
	padding-left: 3px;
	margin-top: 40px;
	margin-bottom: 40px;
/* 	max-width: 720px */
}

.benifits-techno ul li {
	list-style-type: none;
	padding-bottom: 14px
}

.benifits-techno ul li:last-child {
	padding-bottom: 0
}

.benifits-techno ul li h6 {
	font-size: 18px;
	line-height: 28px
}

.benifits-techno ul li h6 img {
	width: 10px;
	margin-right: 6px;
	vertical-align: revert
}

.benifits-techno ul li p {
	padding-left: 18px;
	font-size: 18px;
	line-height: 28px
}

.full-video-block {
	position: relative;
	padding: 20px 0;
	display: flex;
	flex-direction: row
}

.full-video-block .video-section {
	width: 100%;
	max-width: 1110px;
	height: 400px;
	object-fit: cover
}

.full-video-block video {
	width: 100%;
	height: 400px
}

.business-model-wrapper {
	position: relative;
	display: block;
	width: 100%;
	float: left;
	padding: 50px 0 70px
}

.business-model-wrapper h3 {
	font-size: 1.563rem !important;
	line-height: 36px !important;
/* 	margin-bottom: 30px; */
	color: #000;
	margin-bottom:12px !important
}

.business-model-wrapper .head-area {
	max-width: 720px;
	width: 100%
}

.business-model-wrapper .head-area p {
	font-size: 18px;
	line-height: 28px
}

.business-model-wrapper .foot-area {
	max-width: 720px;
	width: 100%;
	padding-top: 50px;
	position: relative;
	display: flex;
	flex-direction: row
}

.business-model-wrapper .foot-area p {
	font-size: 18px;
	line-height: 28px
}

.business-model-wrapper .foot-area p a {
	color: #0555ff;
	font-family: proxima-nova-semibold-webfont;
	margin-bottom: 2px
}

.business-model-wrapper .tech-grid {
	float: left;
	width: calc(100% + 16px);
	left: -8px;
	position: relative;
	padding: 3px 0;
	display:flex;
	flex-wrap:wrap
}

.business-model-wrapper .tech-grid .item_tech_integ {
	text-align: left;
	width: calc(32% - 16px);
	float: left;
	position: relative;
	top: 0;
	display: flex;
	flex-direction: column;
	transition: all .3s ease 0s;
	transform: translateZ(0);
	margin: 14px
}

.business-model-wrapper .tech-grid .item_tech_integ img {
	width: 70px;
	margin-bottom: 20px
}

.business-model-wrapper .tech-grid .item_tech_integ h5 {
	margin-bottom: 15px
}

.business-model-wrapper .tech-grid .item_tech_integ ul {
	margin-bottom: 0;
	margin-top: 1px;
	margin-left: 19px
}

.business-model-wrapper .tech-grid .item_tech_integ ul li::before {
	content: "\f111";
	font-family: fontawesome;
	color: #00aeef;
	display: inline-block;
	width: 2em;
	margin-left: -2em;
	position: relative;
	font-size: .57rem;
	top: -1.2px;
	left: 1px
}

.business-model-wrapper .tech-grid .item_tech_integ ul li {
	padding-bottom: 4px
}

.android-dev-process {
	position: relative;
	display: block;
	width: 100%;
	float: left;
	padding: 0
}

.android-dev-process h3 {
	font-size: 1.563rem;
	line-height: 30px;
/* 	margin-bottom: 30px; */
	color: #000
}

.android-dev-process .d-foot-area {
	display: flex;
	position: relative;
	flex-direction: row
}

.android-dev-process .d-foot-area .pro-img {
	float: left;
	width: calc(100% + 16px);
	left: -8px;
	position: relative
}

.android-dev-process .d-foot-area .pro-img .item-single-img {
	text-align: left;
	width: calc(49% - 16px);
	float: left;
	position: relative;
	top: 0;
	display: flex;
	flex-direction: column;
	transition: all .3s ease 0s;
	transform: translateZ(0);
	margin: 12px
}

.android-dev-process .d-foot-area .pro-img .item-single-img img {
	width: 100%;
	max-width: 540px;
	height: 540px;
	object-fit: cover
}

.android-dev-process .d-mid-area {
	position: relative;
	display: flex;
	flex-direction: row
}

.android-dev-process .d-mid-area .process-grid {
	float: left;
	width: calc(100% + 16px);
	left: -8px;
	position: relative;
	padding: 10px 0 0
}

.android-dev-process .d-mid-area .process-grid .item_col {
	text-align: left;
	width: calc(48% - 16px);
	float: left;
	position: relative;
	top: 0;
	display: flex;
	flex-direction: column;
	transition: all .3s ease 0s;
	transform: translateZ(0);
/* 	margin: 14px 14px 6px; */
	max-height: 300px;
	height: 150px;
	overflow:scroll;
/* 	margin: 14px 14px 30px !important; */
	padding-right:1%;
}

.android-dev-process .d-mid-area .process-grid .item_col .process-info {
	width: 100%;
	float: left;
	position: relative;
	margin-top:2%;
	margin-bottom:2%
}

.android-dev-process .d-mid-area .process-grid .item_col .process-info .item-img {
	float: left;
	width: 52px;
	height: 180px;
	margin-right: 16px;
	overflow: hidden;
	position: relative
}

.android-dev-process .d-mid-area .process-grid .item_col .process-info .single-item-content {
	position: relative
}

.android-dev-process .d-mid-area .process-grid .item_col .process-info .single-item-content h5 {
	margin-bottom: 6px;
	font-size: 20px;
	line-height: 32px
}

.android-dev-process .d-mid-area .process-grid .item_col .process-info .single-item-content p {
	margin-bottom: 0;
	font-size: 18px;
	line-height: 28px
}

.main-service-list {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	padding: 80px 0;
	background: #f3f6fb
}

.main-service-list .headline-area h2 {
	color: #000
}

.main-service-list .port-listing-wrapper {
	float: left;
	width: calc(100% + 16px);
	left: -8px;
	position: relative;
	padding: 30px 0 0
}

.main-service-list .port-listing-wrapper .port-single {
	text-align: left;
	width: calc(32% - 16px);
	float: left;
	position: relative;
	top: 0;
	display: flex;
	flex-direction: column;
	transition: all .3s ease 0s;
	transform: translateZ(0);
	margin: 14px;
	border-radius: 8px
}

.main-service-list .port-listing-wrapper .port-single a:hover {
	text-decoration: none
}

.main-service-list .port-listing-wrapper .port-single img {
	margin-bottom: 20px;
	width: 100%;
	object-fit: cover;
	height: 325px;
	max-width: 350px;
	border-radius: 8px
}

.main-service-list .port-listing-wrapper .port-single a h5 {
	color: #0b0d17;
	font-size: 20px;
	line-height: 25px;
	transition: all .7s ease 0s
}

.main-service-list .port-listing-wrapper .port-single a p {
	color: #445463
}

.about-us-wrapper {
	position: relative;
	width: 100%;
	display: block;
	padding: 80px 0
}

.about-us-wrapper .serv_top {
	position: relative;
	width: 100%;
	display: block
}

.about-us-wrapper .serv_top .inner-main-title {
/* 	max-width: 600px; */
	width: 100%
}

.about-us-wrapper .serv_top img {
	margin-top: 50px;
	width: 100%
}

.about-us-wrapper .individual-info {
	position: relative;
	padding-bottom: 10px;
	display: flex;
	flex-direction: row
}

.about-us-wrapper .individual-info .serv-text {
/* 	max-width: 720px; */
	width: 100%;
	padding-top: 10px;
	margin-bottom: 50px
}

.about-us-wrapper .individual-info h3 {
	font-size: 40px;
	line-height: 50px;
	margin-bottom: 30px;
	margin-top: 10px
}

.about-us-wrapper .individual-info p {
	font-size: 18px;
	line-height: 28px
}

.about-us-wrapper .individual-info .abt-content-img {
	width: 100%;
	max-width: 1170px;
	height: 568px;
	object-fit: cover
}

.about-us-wrapper .individual-info .our-team {
	padding: 10px 0 30px
}

.about-us-wrapper .individual-info .our-team img {
	margin-top: 20px;
	width: 100%;
	max-width: 1170px;
	height: 568px;
	object-fit: cover
}

.about-us-wrapper .individual-info .about-frame-block {
	display: flex;
	flex-direction: row;
	position: relative;
	padding: 90px 0 60px
}

.about-us-wrapper .individual-info .about-frame-block .frame_img {
	text-align: center
}

.about-us-wrapper .individual-info .about-frame-block .frame_info {
	padding-top: 60px
}

.about-us-wrapper .individual-info .about-frame-block .frame_info h4 {
	font-size: 40px;
	line-height: 50px;
	margin-bottom: 50px;
	margin-top: 50px
}

.about-us-wrapper .individual-info .about-frame-block .frame_info ul {
	margin-bottom: 0;
	margin-top: 30px
}

.about-us-wrapper .individual-info .about-frame-block .frame_info ul li {
	list-style-type: none;
	padding-bottom: 16px
}

.about-us-wrapper .individual-info .about-frame-block .frame_info ul li h6 {
	font-size: 20px;
	line-height: 25px
}

.about-us-wrapper .individual-info .inner-counter {
	padding: 30px 0 10px
}

.about-us-wrapper .individual-info .inner-counter .counter-display {
	padding-top: 50px
}

.about-us-wrapper .individual-info .inner-counter .counter-display ul {
	margin-bottom: 0
}

.about-us-wrapper .individual-info .inner-counter .counter-display ul li {
	list-style-type: none;
	text-align: center;
	display: inline-table;
	width: 24%
}

.about-us-wrapper .individual-info .inner-counter .counter-display ul li h3 {
	font-family: proxima-nova-bold-webfont;
	color: #0b0d17;
	font-size: 56px;
	line-height: 70px;
	margin-bottom: 0;
	margin-top: 0
}

.about-us-wrapper .individual-info .inner-counter .counter-display ul li p {
	color: #445463;
	margin-bottom: 0
}

.career-list-wrap {
	position: relative;
	width: 100%;
	display: block;
	padding: 80px 0
}

.career-list-wrap .career_top {
	position: relative;
	width: 100%;
	display: block
}

.career-list-wrap .career_top .inner-main-title {
	max-width: 600px;
	width: 100%
}

.career-list-wrap .career_top .inner-main-title p {
	font-size: 18px;
	line-height: 28px
}

.career-list-wrap .career_top img {
	margin-top: 50px;
	width: 100%;
/* 	max-width: 1440px; */
	height: 540px;
	object-fit: cover
}

.career-list-wrap .why-work {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	padding: 70px 0 40px
}

.career-list-wrap .head-area {
	position: relative;
	width: 100%;
	max-width: 600px
}

.career-list-wrap .head-area h3 {
	font-size: 40px;
	line-height: 50px;
	margin-bottom: 10px
}

.career-list-wrap .head-area p {
	font-size: 18px;
	line-height: 28px
}

.career-list-wrap .why-work .tech-grid {
	float: left;
	width: calc(100% + 16px);
	left: -8px;
	position: relative;
	padding: 20px 0 40px;
	border-bottom: 1px solid #e5e9f2
}

.career-list-wrap .why-work .tech-grid .item_tech_integ {
	text-align: left;
	width: calc(32% - 16px);
	float: left;
	position: relative;
	top: 0;
	display: flex;
	flex-direction: column;
	transition: all .3s ease 0s;
	transform: translateZ(0);
	margin: 14px
}

.career-list-wrap .why-work .tech-grid .item_tech_integ img {
	width: 70px;
	margin-bottom: 20px
}

.career-list-wrap .why-work .tech-grid .item_tech_integ h5 {
	margin-bottom: 15px
}

.career-list-wrap .current-opening {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	padding: 30px 0 0
}

.career-list-wrap .current-opening .opening-grid {
	float: left;
	width: calc(100% + 16px);
	left: -8px;
	position: relative;
	padding: 20px 0 0
}

.career-list-wrap .current-opening .opening-grid .single_job {
	text-align: left;
	width: calc(32% - 16px);
	float: left;
	position: relative;
	top: 0;
	display: flex;
	flex-direction: column;
	transition: all .3s ease 0s;
	transform: translateZ(0);
	margin: 14px 14px 40px
}

.career-list-wrap .current-opening .opening-grid .single_job a {
	border-bottom: 2px solid #e5e9f2;
	padding-bottom: 22px
}

.career-list-wrap .current-opening .opening-grid .single_job a:hover {
	text-decoration: none;
	border-bottom: 2px solid #00aeef
}

.career-list-wrap .current-opening .opening-grid .single_job h6 {
	color: #445463;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 1px;
	opacity: .8;
	margin-bottom: 10px;
	text-transform: uppercase
}

.career-list-wrap .current-opening .opening-grid .single_job h4 {
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 1px
}

.career-list-wrap .current-opening .opening-grid .single_job p {
	color: #445463;
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 0
}

.career-information {
	position: relative;
	width: 100%;
	display: block;
	padding: 80px 0 90px
}

.career-information .career-details {
	margin: 0 auto;
	max-width: 780px;
	width: 100%
}

.career-information .career-details .cover-block .grid-text {
	padding: 20px 0
}

.career-information .career-details .cover-block .grid-text ul li {
	display: inline-table;
	border-left: 2px solid #00aeef;
	padding: 0 20px
}

.career-information .career-details .cover-block .grid-text ul li p {
	text-transform: uppercase;
	color: #445463;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 1px;
	margin-bottom: 5px
}

.career-information .career-details .cover-block .grid-text ul li h5 {
	font-size: 19px;
	line-height: 26px;
	margin-bottom: 0
}

.career-information .career-details .cover-block .grid-text ul li:last-child {
	float: right;
	border-left: none
}

.career-information .career-details .cover-block .grid-text ul li a {
	color: #fff;
	font-family: proxima-nova-bold-webfont;
	text-transform: uppercase;
	letter-spacing: 1.1px;
	font-size: .87rem;
	display: inline-block;
	border: 1px solid #0555ff;
	background: #0555ff;
	padding: 15px 22px;
	border-radius: 8px;
	margin: 0 auto;
	line-height: 22px
}

.career-information .career-details .cover-block .grid-text ul li a img {
	width: 25px;
	margin-left: 10px;
	transition: all .7s ease 0s
}

.career-information .career-details .cover-block .grid-text ul li a:hover {
	text-decoration: none;
	background: #0b0d17;
	border: 1px solid #0b0d17
}

.career-information .career-details .job-info {
	position: relative;
	width: 100%;
	padding: 40px 0 0
}

.career-information .career-details .job-info h3 {
	font-size: 32px;
	line-height: 38px;
	margin-bottom: 25px
}

.career-information .career-details .job-info p {
	font-size: 18px;
	line-height: 28px
}

.career-information .career-details .job-info ul {
	margin-bottom: 0;
	margin-top: 1px;
	margin-left: 19px
}

.career-information .career-details .job-info ul li {
	padding-bottom: 10px;
	font-size: 18px;
	line-height: 28px
}

.career-information .career-details .job-info ul li::before {
	content: "\f111";
	font-family: fontawesome;
	color: #00aeef;
	display: inline-block;
	width: 2em;
	margin-left: -2em;
	position: relative;
	font-size: .57rem;
	top: -1.2px;
	left: 1px
}

.career-information .career-details .form-wrapper h3 {
	font-size: 32px;
	line-height: 38px;
	margin-bottom: 25px
}

.career-information .career-details .form-wrapper .single-job-form h5 {
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 30px
}

.career-information .career-details .form-wrapper .single-job-form .upload-btn {
	position: relative;
	left: -3px
}

[type=file] {
	height: 0;
	overflow: hidden;
	width: 0
}

[type=file]+label {
	background: #e6f5fe;
	border: none;
	border-radius: 8px;
	color: #445463;
	cursor: pointer;
	display: inline-block;
	font-family: proxima-nova-semibold-webfont;
	letter-spacing: 1.1px;
	font-size: 1.06rem;
	margin-bottom: 2rem;
	outline: 0;
	padding: 1rem 38px;
	position: relative;
	-webkit-transition: all .3s;
	transition: all .3s;
	vertical-align: middle
}

[type=file]+label:hover {
	background-color: #d5f0ff
}

.upload-btn label img {
	width: 18px;
	vertical-align: middle;
	margin-right: 8px
}

.top-padding {
	padding-top: 80px !important
}

.bottom-padding {
	padding-bottom: 80px !important
}

.blog-info {
	position: relative;
	display: flex;
	flex-direction: row;
	width: 100%;
	padding-bottom: 30px
}

.blog-info .serv-text {
	max-width: 720px;
	width: 100%
}

.benifits-techno-block h3,
.blog-info h3,
.griding-info h3,
.process-full-head h3,
.process-grid-b-page h3,
.square-box-grid h3,
.tech-grid h3,
.two-grid-benifits-techno h3 {
	font-size: 40px;
	line-height: 50px;
	margin-bottom: 30px
}

.griding-info {
	position: relative;
	padding: 20px 0 30px
}

.griding-info .tech-skill-expert-four {
	float: left;
	width: calc(100% + 16px);
	left: -8px;
	position: relative
}

.griding-info .tech-skill-expert-four .skill_single {
	text-align: left;
	width: calc(25% - 16px);
	float: left;
	position: relative;
	top: 0;
	display: flex;
	flex-direction: column;
	transition: all .3s ease 0s;
	transform: translateZ(0);
	margin: 8px
}

.griding-info .tech-skill-expert-four .skill_single img {
	margin-bottom: 14px;
	object-fit: cover;
	width: 100%;
	height: 224px;
	border-radius: 4px
}

.griding-info .tech-skill-expert-four .skill_single h5 {
	font-size: 18px;
	line-height: 25px;
	margin: 0 1px 10px
}

.image-video-text-grid {
	position: relative;
	padding: 60px 0 40px;
	width: 100%;
	float: left
}

.image-video-text-grid .tech-skill-expert-two {
	float: left;
	width: calc(100% + 16px);
	left: -8px;
	position: relative
}

.image-video-text-grid .tech-skill-expert-two .skill_single {
	text-align: left;
	width: calc(49% - 16px);
	float: left;
	position: relative;
	top: 0;
	display: flex;
	flex-direction: column;
	transition: all .3s ease 0s;
	transform: translateZ(0);
	margin: 12px 12px 40px
}

.image-video-text-grid .tech-skill-expert-two .skill_single img {
	margin-bottom: 14px;
	width: 100%;
	border-radius: 4px
}

.image-video-text-grid .tech-skill-expert-two .skill_single h5 {
	font-size: 24px;
	line-height: 30px;
	margin: 0 1px 10px
}

.benifits-techno-block {
	position: relative;
	display: block;
	width: 100%;
	float: left;
	padding: 60px 0 0
}

.benifits-techno-block ul {
	padding-left: 3px;
	margin-top: 40px;
	margin-bottom: 40px;
	max-width: 720px
}

.benifits-techno-block ul li {
	list-style-type: none;
	padding-bottom: 14px
}

.benifits-techno-block ul li h6 {
	font-size: 18px;
	line-height: 28px
}

.benifits-techno-block ul li h6 img {
	width: 10px;
	margin-right: 6px;
	vertical-align: revert
}

.benifits-techno-block ul li p {
	padding-left: 18px
}

.pro-img-three {
	float: left;
	width: calc(100% + 16px);
	left: -8px;
	position: relative
}

.pro-img-three .item-single-img {
	text-align: left;
	width: calc(32% - 16px);
	float: left;
	position: relative;
	top: 0;
	display: flex;
	flex-direction: column;
	transition: all .3s ease 0s;
	transform: translateZ(0);
	margin: 12px
}

.block-tech-grid {
	float: left;
	width: calc(100% + 16px);
	left: -8px;
	position: relative;
	padding: 60px 0 30px
}

.block-tech-grid .item_tech_integ {
	text-align: left;
	width: calc(32% - 16px);
	float: left;
	position: relative;
	top: 0;
	display: flex;
	flex-direction: column;
	transition: all .3s ease 0s;
	transform: translateZ(0);
	margin: 14px
}

.block-tech-grid .item_tech_integ img {
	width: 70px;
	margin-bottom: 20px
}

.block-tech-grid .item_tech_integ h5 {
	margin-bottom: 15px
}

.block-tech-grid .item_tech_integ ul {
	margin-bottom: 0;
	margin-top: 1px;
	margin-left: 19px
}

.block-tech-grid .item_tech_integ ul li {
	padding-bottom: 4px
}

.block-tech-grid .item_tech_integ ul li::before {
	content: "\f111";
	font-family: fontawesome;
	color: #00aeef;
	display: inline-block;
	width: 2em;
	margin-left: -2em;
	position: relative;
	font-size: .57rem;
	top: -1.2px;
	left: 1px
}

.square-box-grid {
	position: relative;
	width: 100%;
	display: block;
	float: left;
	padding: 40px 0
}

.full-video {
	position: relative;
	width: 100%;
	display: block;
	float: left;
	padding: 60px 0 40px
}

.full-video .img {
	width: 100%;
	max-width: 1110px;
	height: 400px;
	object-fit: cover
}

.full-video video {
	width: 100%;
	height: 400px
}

.process-grid-b-page {
	float: left;
	width: calc(100% + 16px);
	left: -8px;
	position: relative;
	padding: 30px 0
}

.process-grid-b-page .item_col {
	text-align: left;
	width: calc(48% - 16px);
	float: left;
	position: relative;
	top: 0;
	display: flex;
	flex-direction: column;
	transition: all .3s ease 0s;
	transform: translateZ(0);
	margin: 14px 8px 6px;
	height: 110px
}

.process-grid-b-page .item_col .process-info {
	width: 100%;
	float: left;
	position: relative
}

.process-grid-b-page .item_col .process-info .item-img {
	float: left;
	width: 52px;
	height: 90px;
	margin-right: 16px;
	overflow: hidden;
	position: relative
}

.process-grid-b-page .item_col .process-info .single-item-content {
	position: relative
}

.process-grid-b-page .item_col .process-info .single-item-content h5 {
	margin-bottom: 6px;
	font-size: 20px;
	line-height: 32px
}

.process-grid-b-page .item_col .process-info .single-item-content p {
	margin-bottom: 0
}

.pro-img-two {
	float: left;
	width: calc(100% + 16px);
	left: -8px;
	position: relative
}

.pro-img-two .item-single-img {
	text-align: left;
	width: calc(49% - 16px);
	float: left;
	position: relative;
	top: 0;
	display: flex;
	flex-direction: column;
	transition: all .3s ease 0s;
	transform: translateZ(0);
	margin: 12px
}

.pro-img-two .item-single-img video {
	height: 400px
}

.process-full-head {
	padding: 10px 0 10px;
	width: 100%;
	position: relative;
	float: left
}

.process-full-head .process-grid {
	padding: 10px 0 0
}

.process-full-head .process-grid .item_col {
	text-align: left;
	width: calc(48% - 16px);
	float: left;
	position: relative;
	top: 0;
	display: flex;
	flex-direction: column;
	transition: all .3s ease 0s;
	transform: translateZ(0);
	margin: 14px 8px 6px;
	height: 110px
}

.process-full-head .process-grid .item_col .process-info {
	width: 100%;
	float: left;
	position: relative
}

.process-full-head .process-grid .item_col .process-info .item-img {
	float: left;
	width: 52px;
	height: 90px;
	margin-right: 16px;
	overflow: hidden;
	position: relative
}

.process-full-head .process-grid .item_col .process-info .single-item-content {
	position: relative
}

.process-full-head .process-grid .item_col .process-info .single-item-content h5 {
	margin-bottom: 6px;
	font-size: 20px;
	line-height: 32px
}

.process-full-head .process-grid .item_col .process-info .single-item-content p {
	margin-bottom: 0
}

.two-grid-benifits-techno {
	position: relative;
	display: block;
	width: 100%;
	float: left;
	padding: 60px 0 0
}

.two-grid-benifits-techno ul {
	padding-left: 3px;
	margin-top: 40px;
	margin-bottom: 40px
}

.two-grid-benifits-techno ul li {
	list-style-type: none;
	padding-bottom: 14px;
	display: inline-table;
	width: 49%;
	padding-right: 30px
}

.two-grid-benifits-techno ul li h6 {
	font-size: 18px;
	line-height: 28px
}

.two-grid-benifits-techno ul li h6 img {
	width: 10px;
	margin-right: 6px;
	vertical-align: revert
}

.two-grid-benifits-techno ul li p {
	padding-left: 18px
}

.page-not-found {
	position: relative;
	display: flex;
	flex-direction: row;
	width: 100%;
	padding: 60px 0 80px;
	max-width: 800px;
	margin: 0 auto;
	text-align: center
}

.page-not-found .error-button li {
	display: inline-block;
	list-style-type: none;
	width: 26%
}

.page-not-found h2 {
	font-family: proxima-nova-bold-webfont;
	font-size: 45px;
	margin: 4px 0 8px;
	line-height: 52px
}

.page-not-found h4 {
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 20px;
	color: #0b0d17;
	font-family: proxima-nova-regular
}

.page-not-found .error-button li a:hover {
	text-decoration: none
}

.page-not-found .error-button li a img {
	width: 25px;
	margin-left: 10px;
	transition: all .7s ease 0s
}

.page-not-found .error-button li .btn-solid {
	color: #fff;
	font-family: proxima-nova-bold-webfont;
	text-transform: uppercase;
	letter-spacing: 1.1px;
	font-size: .87rem;
	display: inline-block;
	border: 1px solid #0555ff;
	background: #0555ff;
	padding: 12px 20px;
	border-radius: 8px;
	margin: 0 auto;
	line-height: 22px
}

.page-not-found .error-button li .btn-solid:hover {
	text-decoration: none;
	background: #0b0d17;
	border: 1px solid #0b0d17
}

.page-not-found .error-button li .btn-border {
	color: #0555ff;
	font-family: proxima-nova-bold-webfont;
	text-transform: uppercase;
	letter-spacing: 1.1px;
	font-size: .87rem;
	display: inline-block;
	border: 1px solid #0555ff;
	padding: 12px 20px;
	border-radius: 8px;
	line-height: 22px
}

.page-not-found .error-button li .btn-border:hover {
	text-decoration: none;
	background: #dbf5ff;
	border: 1px solid #dbf5ff
}

.transformation-section {
/* 	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row; */
	background: linear-gradient(180deg, #F3F6FB 0%, #F5F7FC 41.4%, #FEFEFF 57.36%, #FFF 100%);
}

.heading-area{
	width:100%;
	display:flex;
	flex-direction:row;
	justify-content:center
}

.transformation-section .heading-area h2{
	color: #262626;
	text-align: center;
	font-family: proxima-nova-semibold-webfont;
	font-size: 48px;
	font-style: normal;
	font-weight: 600;
	line-height: 60px;
	letter-spacing: -1.2px;
	text-transform: capitalize; 
	width:70%;
	
}

.serve-grids{
/* 	float: left; */
/* 	width: calc(100% + 16px); */
/* 	left: -8px; */
/* 	position: relative; */
/* 	padding: 20px 0 0; */
	display:flex;
	justify-content:center;
	margin-top: 4%!important;
/* 	padding-left:5%; */
}

.serve-item{
	text-align: left;
	float: left;
	position: relative;
	top: 0;
	display: flex;
	flex-direction: column;
	justify-content:center;
	align-items:center;
	transition: all .3s ease 0s;
	transform: translateZ(0);
	background: #fff;
	border-radius: 8px;
	padding: 24px 38px;
	height: 400px;
	margin-bottom:15px;
	box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.06); 
	margin-right: 1%!important;
	margin-left: 1%!important;
}

.serve-item-two{
	float: left;
	position: relative;
	top: 0;
	display: flex;
	flex-direction: column;
	justify-content:flex-start;
	align-items:flex-start;
	margin-bottom:15px;
	margin-right: 3%;
}

.image-icon{
	height:110px;
	width:110px;
}

.head-two-glob{
	font-family: proxima-nova-regular;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 40px; /* 125% */
	letter-spacing: -0.64px; 
	text-align:center;
}

.para-glob{
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 20px;
	color: #445463;
	font-family: proxima-nova-regular;
	text-align: center;
}

.arrow-icn{
	width: 48px;
	height: 48px;
	flex-shrink: 0; 
}

.block-three-section {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	background: #fff;
	margin-top:3%
}

.block-three-cont{
	display:flex;
	flex-direction:row;
	width:100%
}

.content-cont{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-left:5%
}

.image-cont {
/* 	padding-left:10%; */
	display: flex!important;
	justify-content: center!important;
	align-items: center!important;
}

.business-img{
	height:420px;
	width:450px;
	flex-shrink:0
}

.head-glob-three{
	font-family: proxima-nova-semibold-webfont;
	font-size: 48px;
	font-style: normal;
	font-weight: 600;
	line-height: 60px; 
	letter-spacing: -1.2px;
	text-transform: capitalize; 
}

.block-four-section{
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	background: linear-gradient(180deg, #F3F6FB 0%, #F5F7FC 59.69%, #FFF 100%);
	margin-top:-3%
}

.block-ten-section{
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	margin-top:3%
}

.block-four-cont{
	display:flex;
	flex-direction:column;
}

.head-four-cont{
	width:100%;
	margin-top:4%;
	align-items:center;
}

.head-glob-four{
	color: #262626;
	text-align: center;
	font-family: proxima-nova-semibold-webfont;
	font-size: 48px;
	font-style: normal;
	font-weight: 600;
	line-height: 60px; 
	letter-spacing: -1.2px;
	text-transform: capitalize; 
}

.glob-sub-head{
	color: var(--text-sub-text, #445463);
	text-align: center;
	font-family: proxima-nova-regular;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
}

.block-five-section{
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	background-color:#fff;
	margin-top:3%
}

.block-follow-section {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-top: 3%;
  background-color: #F3F6FB;
  padding-bottom: 4%;
}

.block-five-cont{
	display:flex;
	flex-direction:row;
	justify-content:center;
	margin-left:-4% !important;
	margin-right:-5% !important
}

.head-five-cont{
	width:100%;
	margin-top:4%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;

}

.text-start{
	text-align: start !important;
}

.start-flex{
	display:flex !important;
	flex-direction:column !important;
	justify-content:flex-start !important;
	align-items:flex-start !important;
}

.center-flex{
	display:flex !important;
	flex-direction:column !important;
	justify-content:center !important;
	align-items: center!important;
}

.fix-marg{
	margin-left:6% !important;
}

.grid-eight-main-cont{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	background-color:#fff;
	margin-left:7%;
	margin-right:7%;
	padding:3%
}

.grid-eight-main-cont-two{
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	margin-left:7%;
	margin-right:6%;
	padding:3%
}

.step-container{
	display:flex;
	flex-direction:column
}

.content-main-step-container{
	display:flex;
	flex-direction:row;
	border-bottom: 1px solid #0000001a;
	margin-bottom: 1%;
	margin-top:2%;
}

.content-sub-main-step-container{
	display:flex;
	flex-direction:column;
}

.content-sub-container{
	display:flex;
	flex-basis:column;
	justify-content:center;
	align-items:center;
	padding-left:3%
}

.image-container-eight{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center
}

.num-step{
	color: var(--text-gray-900, #18191F);
	font-family: proxima-nova-regular;
	font-size: 32px;
	font-style: normal;
	font-weight: 600;
	line-height: 40px;
	text-transform: capitalize; 
}

.step-txt{
	color: rgba(1, 22, 45, 0.67);
	font-family: proxima-nova-regular;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 18px; /* 150% */
	text-transform: uppercase; 
	margin-top:-10px;
	margin-left:3px;
}

.step-description{
	color: #18191F;
	font-family: proxima-nova-regular;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
}

.main-step-head{
	color: #18191F;
	font-family: proxima-nova-regular;;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 36px;
	margin-bottom:3%;
}

.arrow-img{
	height:30px;
	width:30px;
	margin-right:3%
}

.contact-section-form{
/* 	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	background-color:#fff;
	margin-top:3%; */
/* 	background: linear-gradient(180deg, #F3F6FB 0%, #F5F7FC 59.69%, #FFF 100%); */
	background-color:#F3F6FB;
}

.contact-container{
	display:flex;
	flex-direction:row;
	justify-content: center;
	width: 100%;
	padding-top: 10%!important;
	padding-bottom: 10%!important;
}

.contact-image-container{
/* 	padding-left:8%;
	margin-top: 10%; */
}

.contact-content-container{
	background-color: #fff;
	padding: 4%;
/* 	margin: 6%; */
	border-radius: 2%;
/* 	padding: 3%; */
}

.hide_desktop{
		display: none !important;
}

.testimonial-block-two {
	position: relative;
	width: 100%;
	flex-direction: row;
	padding: 80px 0;
	background: linear-gradient(180deg, #F3F6FB 0%, #F5F7FC 59.69%, #FFF 100%);
}

.testimonial-block-two .headline-area h2 {
	color: #fff
}

.testimonial-block-two .client-feedback {
	padding: 40px 0 10px
}

.testimonial-block-two .client-feedback .slide-testimonial .item .item-review {
	text-align: center;
	margin-bottom: 20px
}

.testimonial-block-two .client-feedback .slide-testimonial .item .item-review .feedback-display {
	background: #fff;
	border-radius: 10px;
	padding: 40px;
	position: relative
}

.testimonial-block-two .client-feedback .slide-testimonial .item .item-review .feedback-display h5 {
	margin-bottom: 16px;
	font-size: 20px;
	line-height: 25px
}

.testimonial-block-two .client-feedback .slide-testimonial .item .item-review .feedback-display p {
	margin-bottom: 0;
	font-size: 14px;
	line-height: 18px
}

.testimonial-block-two .client-feedback .slide-testimonial .item .item-review .feedback-display:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 15px 0 15px;
	border-color: #fff transparent transparent transparent;
	position: absolute;
	bottom: -19px;
	left: 50%
}

.testimonial-block-two .client-feedback .slide-testimonial .item .item-review .client-name-display {
	width: 100%;
	position: relative;
	margin: 30px auto 0;
	text-align: center;
	max-width: 270px;
	display: flex;
	flex-direction: row
}

.testimonial-block-two .client-feedback .slide-testimonial .item .item-review .client-name-display .item-img {
	float: left;
	width: 56px;
	height: 70px;
	margin-right: 16px;
	overflow: hidden;
	position: relative
}

.testimonial-block-two .client-feedback .slide-testimonial .item .item-review .client-name-display .item-img img {
	border-radius: 50%
}

.testimonial-block-two .client-feedback .slide-testimonial .item .item-review .client-name-display .item-information {
	position: relative;
	text-align: left
}

.testimonial-block-two .client-feedback .slide-testimonial .item .item-review .client-name-display .item-information h6 {
	color: #fff;
	margin-top: 6px;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 3px
}

.testimonial-block-two .client-feedback .slide-testimonial .item .item-review .client-name-display .item-information p {
	color: #fff;
	font-size: 14px;
	line-height: 18px
}

.testimonial-block-two .client-feedback .owl-theme .owl-dots .owl-dot span {
	background: 0 0;
	border: 2px solid #00AEEF
}

.testimonial-block-two .client-feedback .owl-theme .owl-dots .owl-dot.active span,
.testimonial-block-two .client-feedback .owl-theme .owl-dots .owl-dot:hover span {
	background: #00AEEF;
	border: 2px solid #00AEEF
}

.testimonial-block-three {
	position: relative;
	width: 100%;
	flex-direction: row;
	margin-top: 10px;
	background: linear-gradient(180deg, #F3F6FB 0%, #F5F7FC 59.69%, #FFF 100%);
}

.testimonial-block-three .headline-area h2 {
	color: #fff
}

.testimonial-block-three .client-feedback {
	padding: 0px;
}

.testimonial-block-three .client-feedback .slide-testimonial .item .item-review {
	text-align: center;
	margin-bottom: 20px
}

.testimonial-block-three .client-feedback .slide-testimonial .item .item-review .feedback-display {
	background: #fff;
	border-radius: 10px;
	padding: 40px;
	position: relative
}

.testimonial-block-three .client-feedback .slide-testimonial .item .item-review .feedback-display h5 {
	margin-bottom: 16px;
	font-size: 20px;
	line-height: 25px
}

.testimonial-block-three .client-feedback .slide-testimonial .item .item-review .feedback-display p {
	margin-bottom: 0;
	font-size: 14px;
	line-height: 18px
}

.testimonial-block-three .client-feedback .slide-testimonial .item .item-review .feedback-display:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 15px 0 15px;
	border-color: #fff transparent transparent transparent;
	position: absolute;
	bottom: -19px;
	left: 50%
}

.testimonial-block-three .client-feedback .slide-testimonial .item .item-review .client-name-display {
	width: 100%;
	position: relative;
	margin: 30px auto 0;
	text-align: center;
	max-width: 270px;
	display: flex;
	flex-direction: row
}

.testimonial-block-three .client-feedback .slide-testimonial .item .item-review .client-name-display .item-img {
	float: left;
	width: 56px;
	height: 70px;
	margin-right: 16px;
	overflow: hidden;
	position: relative
}

.testimonial-block-three .client-feedback .slide-testimonial .item .item-review .client-name-display .item-img img {
	border-radius: 50%
}

.testimonial-block-three .client-feedback .slide-testimonial .item .item-review .client-name-display .item-information {
	position: relative;
	text-align: left
}

.testimonial-block-three .client-feedback .slide-testimonial .item .item-review .client-name-display .item-information h6 {
	color: #fff;
	margin-top: 6px;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 3px
}

.testimonial-block-three .client-feedback .slide-testimonial .item .item-review .client-name-display .item-information p {
	color: #fff;
	font-size: 14px;
	line-height: 18px
}

.testimonial-block-three .client-feedback .owl-theme .owl-dots .owl-dot span {
	background: 0 0;
	border: 2px solid #00AEEF
}

.testimonial-block-three .client-feedback .owl-theme .owl-dots .owl-dot.active span,
.testimonial-block-three .client-feedback .owl-theme .owl-dots .owl-dot:hover span {
	background: #00AEEF;
	border: 2px solid #00AEEF
}

.btn-txt-one{
	color: #FFF;
	font-family: proxima-nova-regular;
	font-size: 24px;
	font-style: normal;
	font-weight: 600; 
}

.accomp-cnt{
	color: #FFF;
	font-family: proxima-nova-regular;
	font-size: 32px;
	font-style: normal;
	font-weight: 600;
	margin:0px !important;
	margin-bottom:10px !important
}

.accomp-cnt-desc{
	color: #FFF;
	font-family: proxima-nova-regular;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
}

.cors-cont{
	display:flex;
	margin-left:5%;
}

.head-cors{
	font-family: proxima-nova-regular;
	font-size: 32px;
	font-style: normal;
	font-weight: 600;
	line-height: 40px;
	letter-spacing: -0.64px; 
}

.cors-img {
  height: 64px;
  width: 64px !important;
  border-radius: 64px;
}

.head-cors-two{
	color: #0B0D17;
	font-family: proxima-nova-regular;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 137.5%; /* 33px */
	letter-spacing: -0.48px; 
}

.para-cors{
	color: #445463;
	font-feature-settings: 'liga' off
	font-family: proxima-nova-regular;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

.para-cors-two{
	color: #445463;
	font-family: proxima-nova-regular;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

.wid-50{
	width:50% !important;
}

.flex-cont-cors{
	display:flex;
}
.image-cors {
  width: 25%;
  min-width: 80px;
  max-width: 90px;
}

@media (max-width:767px){
	.head-cors{
		font-family: proxima-nova-regular;
		font-size: 20px;
		font-style: normal;
		font-weight: 600;
		line-height: 30px;
		letter-spacing: -0.64px; 
		margin-top:10%;
	}
	
	.head-cors-two{
		color: #0B0D17;
		font-family: proxima-nova-regular;
		font-size: 18px;
		font-style: normal;
		font-weight: 600;
		line-height: 27px
	}
	
	.img-div-mob{
		width:300%;
		margin-left:5%;
		margin-right:5%;
		min-width:100px;
	}
	
	@media (max-width: 767px) {
    .img-div-mob {
		width: 300%;
		margin-left: 5%;
		margin-right: 5%;
		max-width: 100px;
      }
    }
	
	.crsl-mob-head{
		color: #0B0D17;
		font-family: proxima-nova-regular;
		font-size: 18px;
		font-style: normal;
		font-weight: 600;
		line-height: 27px; 
	}
	
	.crsl-para-mob{
		color: #445463;
		font-family: proxima-nova-regular;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 20px; 
	}
	
	.main-step-head{
		font-size:18px !important;
		font-weight:600;
		line-height:27px;
	}
	
	.num-step{
		font-size:24px !important
	}
	
	.step-txt{
		font-size:12px !important
	}
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
	background: #00AEEF !important;
	border: 2px solid #00AEEF !important;
}

.owl-theme .owl-dots .owl-dot span{
	border: 2px solid #00AEEF !important;
	background:"#fff" !important;
}


@media (max-width:767px) {
	
.transformation-section .heading-area h2{
	color: #262626;
	text-align: center;
	font-family: proxima-nova-semibold-webfont;
	font-size: 24px !important;
	font-style: normal;
	font-weight: 600;
	line-height: 36px !important;
	letter-spacing: -0.6px;
	text-transform: capitalize; 
	width:90% !important;
	margin-top:4% !important
}
	
.btn-txt-one{
	font-family: proxima-nova-regular;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
}
	
.accomp-cnt{
	color: #FFF;
	font-family: proxima-nova-regular;
	font-size: 22px !important;
	font-style: normal;
	font-weight: 600;
	margin:0px !important;
	margin-bottom:10px !important
}
	
.accomp-cnt-desc{
	color: #FFF;
	font-family: proxima-nova-regular;
	font-size: 14px !important;
	font-style: normal;
	font-weight: 400;
}
	
.image-icon{
	height:100px !important;
	width:100px !important;
	top: -40px !important
}
	
.serve-item{
	padding-left: 4% !important;
	padding-right: 4% !important;
	
	height:0px !important;
}
	
.arrow-icn{
	margin-top:10px !important;
}
	
	.hide_mobile{
		display:none !important;
	}
	
	.hide_desktop{
		display: block !important;
	}
	
	.serve-item4 {
	  margin-top: 0px !important;
	  height: 350px !important;
	}
	
	.block-four-section{
		margin-top: 0px !important;
	}
	
	.grid-eight-main-cont{
		border-radius:16px;
	}
}

@media only screen and (max-width: 767px) {
  .btn-read img {
    display: inline-block !important; /* Display image as inline-block */
    width: 30px !important; /* Set width of image */
    height: auto !important; /* Maintain aspect ratio */
    margin-left: 10px !important; /* Add some space on the left side */
	max-width:15% !important;
  }
}