.sec-heading-s h3,
h3.block-title{
    font-size: 48px;
    font-weight: 300;
    color: #333;
    line-height: 60px;
    margin-bottom: 20px;
}

.sec-heading-s h3 span,
h3.block-title span{
    font-weight: 600;
    position: relative;
    display: inline-block;
    z-index: 1;
    padding-right: 10px;
}
/*.sec-heading-s h3 span:after,
h3.block-title:not(.text-white) span:after{
    content: '';
    bottom: 12px;
    width: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 14px;
    background-color: #b1daf6;
    z-index: -1;
    animation: lineanim 1.75s infinite;
}*/
.cus_btn{
	position: relative;
	z-index: 9;
}
.sec-100{
	padding: 100px 0;
}

.sec-heading-s {margin-bottom: 0 !important;}

.inquriy_btn {
	display: flex;
	justify-content: flex-end;
	align-items: center
}

.organization-detalis {
	position: absolute;
	top: 16%;
	left: 0;
	right: 0;
	z-index: 1;
	text-align: center
}

.about_content p {
	font-size: 20px;
	color: #4c4c4c;
	font-weight: 300
}

.organization-icon {
	display: block;
	transition: all .3s ease 0s;
	-webkit-transition: all .3s ease 0s;
	text-align: center
}

.organization-icon svg {
	height: 60px;
	width: 60px
}

.organization-icon img {
	max-width: 106px;
	display: block;
	margin: auto;
	transition: all .3s ease 0s;
	-webkit-transition: all .3s ease 0s
}

.about-bg svg {
	margin-left: auto;
	margin-right: auto;
	display: block;
	height: 260px
}

.about-organization-wrapper {
	position: relative
}

.organization-value {
	display: block;
	font-size: 50px;
	transition: all .3s ease 0s;
	-webkit-transition: all .3s ease 0s;
	font-weight: 500;
	color: #fff;
	margin-bottom: 0;
	padding: 15px 0 0
}

.organization-label {
	display: block;
	transition: all .3s ease 0s;
	-webkit-transition: all .3s ease 0s;
	font-weight: 400;
	font-size: 20px;
	color: #fff
}

.inner-cols {
	width: 100%;
	height: 65vh;
	background: #ccc;
	text-align: center;
	position: relative
}

.inner-cols.trending-one {
	background: url(../images/solution/arvr.jpg) no-repeat center center/cover
}

.inner-cols.trending-two {
	background: url(../images/solution/blockChain.jpg) no-repeat center center/cover
}

.inner-cols.trending-three {
	background: url(../images/solution/aiChatBot.jpg) no-repeat center center/cover
}

.inner-cols.trending-four {
	background: url(../images/solution/wearable.jpg) no-repeat center center/cover
}

.inner-cols.trending-five {
	background: url(../images/solution/ampPwa.jpg) no-repeat center center/cover
}

.inner-cols.trending-six {
	background: url(../images/solution/bigData.jpg) no-repeat center center/cover
}

.inner-cols.trending-seven {
	background: url(../images/solution/cloudStrategy.jpg) no-repeat center center/cover
}

.inner-cols.trending-eight {
	background: url(../images/solution/crmSolutions.jpg) no-repeat center center/cover
}

.inner-cols.trending-nine {
	background: url(../images/solution/onDemandEconomy.jpg) no-repeat center center/cover
}

.inner-cols.trending-ten {
	background: url(../images/solution/fullStackDevelopment.jpg) no-repeat center center/cover
}

.inner-cols.trending-eleven {
	background: url(../images/solution/iot.jpg) no-repeat center center/cover
}

.inner-cols:before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	background: linear-gradient(to bottom, #067abf 0, rgba(0, 0, 0, 0) 25%, #025282 100%)
}

.inner-cols:hover:before {
	background: linear-gradient(to bottom, #013756 0, #012046 100%);
	transition: all .4s
}

.trending-content-wrapper {
	position: absolute;
	bottom: 25px;
	width: 100%;
	transition: all .5s ease-in-out
}

.inner-cols:hover .trending-content-wrapper {
	width: 100%;
	top: 50%;
	bottom: auto;
	transform: translate(0, -50%)
}

.inner-cols .para {
	position: relative;
	color: #fff;
	display: none;
	opacity: 0;
	padding: 30px;
	font-size: 16px
}

.inner-cols:hover .para {
	display: inline-block;
	opacity: 1;
	margin: 0
}

.trending-icon {
	width: auto;
	display: inline-block;
	position: relative
}

.trending-icon svg {
	width: 130px;
	margin: auto
}


.like-our-work {
	background: #f1f1f1;
	padding: 50px 100px
}

.work-icon {
	max-width: 400px;
	margin: auto
}

.like-our-work a.cus_btn:before {
	background: 0 0
}

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

.page_404 img {
	width: 100%
}

.four_zero_four_bg {
	background-image: url(../../images/error-gif.gif);
	height: 400px;
	background-position: center
}

.four_zero_four_bg h1 {
	font-size: 80px
}

.four_zero_four_bg h3 {
	font-size: 80px
}

.link_404 {
	color: #fff!important;
	padding: 10px 20px;
	background: linear-gradient(to right, #189beb 0, #3a7bd5 100%)!important;
	border-radius: 200px;
	margin: 20px 0;
	display: inline-block
}

.contant_box_404 {
	margin-top: -50px
}

#loader {
	display: none
}

section.page_404 h1.text-center {
	font-size: 90px;
	color: #000;
	margin: 0
}

:focus {
	outline: 0!important;
	box-shadow: none!important
}

/*.request-dialog {
	max-width: 800px;
	margin: auto
}*/

.requestModal:before {
	display: inline-block;
	vertical-align: middle
}

.requestModal .modal-body {
	padding: 30px;
	display: flex;
	align-items: center;
	justify-content: center
}

/*.requestModal .modal-header {
	background: #02a8f3
}*/

/*.requestModal .close {
	background: #02a8f3;
	color: #fff;
	position: absolute;
	right: -25px;
	top: -20px;
	opacity: 1;
	z-index: 1;
	border: 2px solid #fff;
	width: 80px;
	height: 80px;
	transition: all .3s ease-in-out;
	font-size: 44px;
	text-align: center;
	border-radius: 100%
}*/

/*.requestModal .close:hover {
	background: #02a8f3;
	color: #fff;
	opacity: 1
}*/

.contact-form-file {
	position: absolute;
	right: 0;
	bottom: 12px
}

.comment-group {
	position: relative
}

.request-dialog .comment-group {
	width: 94%
}

.contact-form-file .form-file-label {
	cursor: pointer;
	overflow: hidden;
	display: block;
	width: 11px;
	height: 21px;
	background: url(../../images/attachment.svg) no-repeat top left;
	background-size: 100% 100%;
	opacity: .5;
	-webkit-transition: opacity .3s ease-in;
	transition: opacity .3s ease-in
}

.contact-form-file .form-file-label:hover {
	opacity: 1
}

.contact-form-file .form-file-input {
	width: .1px;
	height: .1px;
	opacity: 0;
	overflow: hidden;
	position: absolute
}

/*.requestModal {
	z-index: 99999
}*/

.modal .closebtn {
	width: 31px;
	height: 31px;
	background-position: -5px -190px
}

/*.requestModal h2.contactModal-title {
	font-size: 40px;
	color: #fff;
	text-align: center;
	text-transform: capitalize;
	margin-bottom: 0;
	width: 100%;
	font-weight: 400;
	padding: 9px 0
}
*/
/*.modal .modal-dialog.request-dialog {
	position: relative;
	top: 50%;
	left: 0;
	right: 0;
	transform: translate(0, -50%)
}*/

.requestModal .form-group {
	margin-bottom: 2.3rem;
	position: relative
}

.requestModal .form-group label {
	position: absolute;
	left: 0;
	width: 100%;
	top: 8px;
	color: #444;
	transition: .3s;
	letter-spacing: .5px;
	cursor: text
}

.modal-btn .contact-submit-btn {
	text-align: right
}

.modal-btn .contact-submit-btn button {
	color: #fff!important;
	min-width: 210px;
	border-color: #fff
}

.modal-btn .contact-submit-btn button:before {
	background: linear-gradient(180deg, #00c2ff 0, #09f 100%)
}

.requestModal .form-control:focus {
	outline: 0;
	box-shadow: none
}

.requestModal .form-control {
	color: #23252c;
	border-width: 0 0 1px 0;
	border-bottom-color: rgba(35, 37, 44, .3);
	border-radius: 0;
	padding: 0
}

.attached-files-item {
	position: relative;
	margin-bottom: 15px;
	border: 1px solid rgba(231, 231, 231, .6);
	padding: 0 45px 0 15px;
	height: 45px;
	line-height: 43px;
	z-index: 1
}

.attached-files-item-progress {
	position: absolute;
	left: 0;
	top: -1px;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 100%;
	width: 0;
	border: 1px solid rgba(231, 231, 231, .6);
	background: rgba(231, 231, 231, .6);
	max-width: 100%;
	z-index: -1;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in
}

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

.attached-files-item-name {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.attached-files-item-size {
	float: right;
	margin-left: 15px
}

.modal-upSide .attached-files-item-name,
.modal-upSide .attached-files-item-size {
	color: #fff;
	font-weight: 300
}

.attached-files-item-delete {
	width: 15px;
	height: 15px;
	display: block;
	background: 0 0;
	border: 0;
	outline: 0;
	position: absolute;
	right: 15px;
	top: 15px;
	padding: 0
}

.attached-files-item-delete:before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.attached-files-item-delete:after,
.attached-files-item-delete:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	background: red;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center
}

.attached-files-item-delete:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.attached-files-item-delete:after,
.attached-files-item-delete:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	background: red;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center
}

a.form-checkbox-link {
	text-decoration: underline
}

.own-checkbox {
	display: block;
	position: relative;
	padding-left: 28px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.contact-submit-btn {
	position: relative;
	z-index: 99
}

.own-checkbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0
}

.checkmark {
	position: absolute;
	top: 50%;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #eee;
	border-radius: 6px;
	-moz-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%)
}

.own-checkbox input:checked~.checkmark {
	background-color: #2196f3
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none
}

.own-checkbox input:checked~.checkmark:after {
	display: block
}

.own-checkbox .checkmark:after {
	left: 0;
	right: 0;
	margin: auto;
	top: 3px;
	width: 7px;
	height: 12px;
	border: solid #fff;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

p {
	color: #212121;
	font-size: 18px
}

.testimonial-slider .slide .slide-view .client-quotes p {
	color: #fff;
	font-size: 20px
}

.mobileApp-banner {
	height: 100vh;
	background: url(../../images/mobile-app/hero-152.jpg) no-repeat center center/cover;
	display: flex;
	align-items: center;
	position: relative
}

.mobileApp-img-wrapper {
	position: absolute;
	right: 50px;
	bottom: -60px
}

.mobileApp-banner .cus_btn:before {
	background: 0 0
}

.mobileApp-content-wrapper {
	margin-left: 160px;
	margin-right: 60px
}

.mobileApp-banner::before {
	content: "";
	background: url(../../images/mobile-app/banner-shape.png) no-repeat right top;
	position: absolute;
	height: 100%;
	width: 100%
}

.mobileApp-overview {
	background: url(../../images/mobile-app/overview-bg.png) no-repeat center center/cover;
	padding: 150px 0!important
}

.overview-content-wrapper h1.wrapper-title {
	font-size: 30px;
	font-weight: 500;
	color: #189beb;
	margin-bottom: 30px
}

.overview-content-wrapper h1.wrapper-title:after {
	content: "";
	display: block;
	background: #189beb;
	height: 2px;
	width: 80px;
	margin-top: 15px
}

.mobileApp-overviewImg img {
	border-top-left-radius: 30px;
	border-bottom-right-radius: 30px;
	overflow: hidden
}

ul.service-Navtab {
	position: relative;
	box-shadow: 4px 0 20px 3px #a9a9a95c;
	display: block;
	margin: auto;
	width: 410px
}

.phpDevelopmentServer-Navtab li.phpDevelopmentServer-item,
.service-Navtab li.service-item {
	list-style-type: none;
	height: 205px;
	width: 50%;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #fff;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	float: left;
	transition: all .3s ease-in-out
}

.phpDevelopmentServer-Navtab li.phpDevelopmentServer-item a,
.service-Navtab li.service-item a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column
}

.service-Navtab li.service-item.active {
	transform: scale(1.1);
	border: 1px solid #7ac3fc;
	box-shadow: 4px 0 20px 3px #a9a9a95c
}

.service-Navtab li.service-item h2 {
	font-size: 16px;
	color: #727272;
	font-weight: 500;
	padding: 20px 10px 0;
	margin-bottom: 0
}

.mobileApp-service .section-head .divided {
	margin: initial;
	margin-bottom: 40px
}

section.mobileApp-service {
	position: relative;
	background: url(../../images/mobile-app/bubble.png) left bottom no-repeat
}

.services-content-wrapper h4 {
	font-size: 32px;
	color: #212121;
	font-weight: 600;
	padding: 50px 0
}

.services-content-wrapper {
	background: url(../../images/mobile-app/sky-bg.png) no-repeat 7% top
}

.left-service-des .section-head,
.left-service-des .tab-content .services-content-wrapper {
	padding-left: 100px
}

.service-tabpanel {
	padding: 150px 0;
	background: #10438a;
	background: linear-gradient(90deg, #10438a 0, #189beb 100%);
	background: -webkit-linear-gradient(90deg, #10438a 0, #189beb 100%);
	background: -moz-linear-gradient(90deg, #10438a 0, #189beb 100%)
}

.service-tabpanel:before {
	content: "";
	height: 100%;
	width: 100%;
	position: absolute;
	background: url(../../images/mobile-app/bubble-serBg.png) no-repeat center center/cover
}

.service-Navtab .service-icon {
	width: 55px
}

.service-item .service-icon circle,
.service-item .service-icon path {
	fill: #212121
}

.service-item.active .service-icon path {
	fill: url(#SVGID_1_)
}

.service-item.active .service-icon circle {
	fill: url(#SVGID_13_)
}

h1.client-title-block {
	font-size: 48px;
	color: #000
}

.clientIntro-mobile ul.client-logoBlock {
	text-align: center
}

.callToAction {
	background: #e4f5ff;
	padding: 50px 0
}

.callToAction .cus_btn {
	margin: auto;
	display: table;
	margin-top: 30px
}

.callToAction .cus_btn:before {
	background: 0 0
}

section.notch-Tech {
	background: #189beb;
	background: linear-gradient(0deg, #189beb 0, #3a7bd5 100%);
	background: -webkit-linear-gradient(0deg, #189beb 0, #3a7bd5 100%);
	background: -moz-linear-gradient(0deg, #189beb 0, #3a7bd5 100%);
	width: 100%;
	position: relative;
	padding: 70px 0!important
}

.notch-Tech:before {
	content: "";
	width: 100%;
	height: 100%;
	background: url(../../images/mobile-app/notch-bg.png) no-repeat center center/cover;
	position: absolute;
	top: 0;
	bottom: 0
}

.technologies-content .technologies-title {
	font-size: 20px;
	color: #fff;
	margin-top: 30px
}

.notch-Tech .block-title {
	color: #fff
}

.notch-Tech .section-head .divided:after,
.notch-Tech .section-head .divided:before {
	background: #fff
}

.technologies-wrapper {
	transition: all .3s ease-in-out;
	border-top-left-radius: 40px;
	border-bottom-right-radius: 40px;
	width: 220px;
	margin: auto;
	height: 100%
}

.notch-Tech-des {
	margin-bottom: 50px
}

.technologiesIcon svg {
	max-width: 80px
}

.technologies-wrapper {
	padding: 39px 0
}

section.notch-Tech>.container-fluid>.row {
	margin: auto 100px
}

.technologies-wrapper:hover {
	background: #fff;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3)
}

.technologies-wrapper:hover .technologies-title {
	color: #212121
}

.technologies-wrapper:hover circle,
.technologies-wrapper:hover path {
	fill: #288ce1
}

section.industry-specific {
	padding: 100px 0 0!important
}

.industry-wrapper {
	padding: 25px 20px;
	transition: all .3s ease-in-out;
	border-radius: 12px;
	margin-bottom: 30px;
	cursor: pointer;
	position: relative
}

.industry-content h2.industry-title {
	font-size: 22px;
	color: #212121;
	margin: 20px 0 10px
}

.industryIcon svg {
	max-width: 65px;
	position: relative;
	z-index: 3
}

.industry-wrapper .industryIcon:before {
	background: url(../../images/contact-form-bg1.png) no-repeat center center;
	content: "";
	height: 100%;
	width: 100%;
	position: absolute;
	top: -30px;
	left: 0;
	background-size: 30%;
	z-index: 1
}

.industry-wrapper:hover {
	box-shadow: 0 9px 20px -5px rgba(0, 0, 0, .2);
	background: #189beb
}

.industry-wrapper:hover .industryIcon:before {
	display: none
}

.industry-wrapper p {
	margin-bottom: 0
}

.industry-wrapper path {
	fill: #288ce1
}

.industry-wrapper:hover .industry-title,
.industry-wrapper:hover path {
	fill: #fff;
	color: #fff
}

.mobile-platform {
	background: url(../../images/mobile-app/platform.jpg) no-repeat center center fixed;
	position: relative;
	padding: 100px 0 200px!important;
	background-size: cover;
	z-index: 2;
}

.revenue-pro-portfolid, .revenue-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}
.revenue-wrapper {
    min-height: 650px;
}
.revenue-content h2.success-com-title {
    font-size: 30px;
    font-weight: 500;
    color: #000;
    margin-bottom: 40px;
    letter-spacing: 1px;
}
.raised-font {
    font-size: 45px;
    font-weight: 500;
    color: #e64d66;
    margin-bottom: 36px;
}
.raised-font>span {
    font-weight: 700;
    font-size: 60px;
}
.revenue-wrapper p.raised-content {
    color: #69747d;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 60px;
}
.slide.revenue-block .cus_btn {
    z-index: 999;
}

.mobile-platform .section-head .divided:after,
.mobile-platform .section-head .divided:before {
	background: #fff
}

.mobile-platform .nav-tabs .nav-item {
	margin-bottom: 0;
	width: 150px;
	text-align: center
}

.mobile-dev-notch-Tech .cus_btn {
    color: #fff !important;
    border-color: #fff !important;
    margin-top: 30px;
}

.mobile-platform .nav-tabs .nav-link {
	font-size: 20px;
	text-transform: capitalize;
	color: #fff;
	border: none
}

.mobile-platform .nav-tabs .nav-link.active {
	margin-bottom: -1px;
	background: rgba(0, 0, 0, .15)!important
}

.mobile-platform .nav-tabs {
	border-bottom: 0;
	width: fit-content;
	width: -moz-fit-content;
	width: -webkit-fit-content;
	margin: auto;
	text-align: center;
	padding-bottom: 30px
}

.platform-title h2 {
	padding-bottom: 20px;
	text-transform: capitalize;
	font-size: 22px;
	font-weight: 600
}

.section-shape {
	bottom: -7px;
	left: 0;
	position: absolute;
	right: 0;
	z-index: 1
}

.mobile-platform:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
	z-index: -1;
	background: -webkit-linear-gradient(180deg, rgba(24, 155, 235, .76) 0, rgba(58, 123, 213, .74) 100%);
	background: -moz-linear-gradient(180deg, rgba(24, 155, 235, .76) 0, rgba(58, 123, 213, .74) 100%);
	background: -ms-linear-gradient(180deg, rgba(24, 155, 235, .76) 0, rgba(58, 123, 213, .74) 100%);
	background: -o-linear-gradient(180deg, rgba(24, 155, 235, .76) 0, rgba(58, 123, 213, .74) 100%);
	background: linear-gradient(180deg, rgba(24, 155, 235, .76) 0, rgba(58, 123, 213, .74) 100%)
}

.mobile-platform>.container {
	position: relative;
	z-index: 9999
}

.platform-icon {
	margin-bottom: 20px
}

.platform-icon svg {
	max-width: 50px
}

.platform-icon h5 {
	font-size: 20px;
	font-weight: 400;
	display: inline-block;
	margin-left: 10px
}

.appPlatform-wrapper .platform-icon {
	margin: 20px 0;
	width: 48%;
	display: inline-block
}

figure {
	margin: 0
}

.samyda-bg {
	background: #f07124;
	background: linear-gradient(90deg, #f07124 0, #db3366 100%);
	height: 100vh
}

figure.samyda-01 {
	position: absolute;
	left: 139px;
	bottom: -160px
}

figure.samyda-02 {
	position: absolute;
	right: -5px;
	top: -315px
}

figure.samyda-03 {
	position: absolute;
	bottom: 0;
	right: -160px
}

figure.samyda-04 {
	position: absolute;
	left: -76px;
	top: -73px
}

.slider-content.rankRide-bg-color {
	background: url(../../images/green-bg.png) no-repeat left top
}

.rankRide-bg {
	background: -webkit-linear-gradient(180deg, #af8f40, #090800);
	background: linear-gradient(180deg, #af8f40, #090800);
	height: 100%
}

figure.rankRide-01 {
	position: absolute;
	bottom: 50px;
	right: 102px;
	z-index: 3
}

figure.rankRide-02 {
	position: absolute;
	bottom: 100px;
	right: 403px;
	z-index: 2
}

figure.rankRide-03 {
	position: absolute;
	bottom: 150px;
	left: 100px;
	z-index: 1
}

.fantasymobile-bg,
.kuwait-bg {
	background: linear-gradient(to bottom, #175b80, #032c42);
	background: -webkit-linear-gradient(to bottom, #175b80, #032c42);
	height: 100vh
}

.fantasymobile-bg,
.kuwait-bg {
	background: linear-gradient(to bottom, #4dbcd8, #1f4b8a);
	background: -webkit-linear-gradient(to top, #4dbcd8, #1f4b8a);
	height: 100vh
}

figure.fantasymobile-01,
figure.kuwait-01 {
	position: absolute;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	top: 0;
	bottom: 0;
	justify-content: center
}

figure.fantasymobile-02,
figure.fantasymobile-03,
figure.kuwait-02,
figure.kuwait-03 {
	position: absolute;
	top: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center
}

figure.fantasymobile-02,
figure.kuwait-02 {
	left: 70px
}

figure.fantasymobile-03,
figure.kuwait-03 {
	right: 70px
}

.readupmobile_portfolio figure.readupmobile-01 {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center
}

.readupmobile_portfolio figure.readupmobile-02 {
	position: absolute;
	left: 160px;
	bottom: 0;
	z-index: 1;
	top: 0;
	display: flex;
	align-items: center
}

.readupmobile_portfolio figure.readupmobile-03 {
	position: absolute;
	right: 160px;
	bottom: 0;
	z-index: 1;
	top: 0;
	display: flex;
	align-items: center
}

h1.wrapper-title.top-banner-title {
	color: #fff;
	font-size: 70px;
	letter-spacing: 1px;
	font-weight: 300;
	margin-bottom: 40px
}

h1.wrapper-title.top-banner-title>span {
	font-weight: 500;
	letter-spacing: 2px
}

.top-banner-content .section-tagline {
	font-size: 20px;
	color: #fff;
	line-height: 36px;
	margin: 0;
	letter-spacing: 1px
}

.appDeveloment-banner {
	padding: 200px 0 120px;
	background: url(../../images/android/android-bg.jpg) no-repeat center center/cover;
	display: flex;
	align-items: center;
	position: relative
}

.appDeveloment-content-wrapper {
	margin-left: 160px;
	margin-right: 60px
}

.appDeveloment-overview .organization-detalis {
	position: initial
}

.appDeveloment-overview .organization-label,
.appDeveloment-overview .organization-value {
	color: #212121
}

.appDeveloment-overview {
	padding: 100px 0 100px 0
}

.appDeveloment-service {
	padding: 100px 100px
}

.appService-item {
	display: flex;
	margin-bottom: 50px
}

.appService-icon {
	width: 90px;
	display: inline-block;
	margin-right: 20px
}

.appService-detalis h2 {
	font-size: 24px;
	color: #000;
	font-weight: 500
}

.appsolution-wrapper {
	padding: 100px 120px
}

.appsolution-wrapper .appsolution-left-wrapper svg circle,
.appsolution-wrapper .appsolution-left-wrapper svg path,
.appsolution-wrapper .appsolution-left-wrapper svg rect {
	fill: #fff
}

section.hireDeveloperHome-service.appsolution-section {
	padding: 0
}

.appsolution-wrapper .appsolution-left-wrapper h2.topIndustry-title {
	color: #fff
}

.appsolution-wrapper:before {
	content: "";
	width: 100%;
	height: 100%;
	background: url(../../images/mobile-app/notch-bg.png) no-repeat center center/cover;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0
}

.hireDeveloper:before {
	content: "";
	width: 100%;
	height: 100%;
	background: url(../../images/mobile-app/notch-bg.png) no-repeat center center/cover;
	position: absolute;
	top: 0;
	bottom: 0
}

.hireDeveloper {
	background: #189beb;
	background: linear-gradient(0deg, #189beb 0, #3a7bd5 100%);
	background: -webkit-linear-gradient(0deg, #189beb 0, #3a7bd5 100%);
	background: -moz-linear-gradient(0deg, #189beb 0, #3a7bd5 100%);
	width: 100%;
	position: relative
}

.hireDeveloper-image-wrapper img {
	object-fit: cover;
	object-position: center
}

.hireDeveloper .hireIcon {
	display: initial;
	margin-right: 15px
}

.hireDeveloper .hireIcon svg {
	max-width: 8%;
	height: auto
}

.hireDeveloper .hire-content {
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	display: inline-block;
	margin: 0;
	font-weight: 400
}

.dedicatedHire-ListTitle {
	color: #fff;
	font-size: 22px;
	margin-bottom: 0
}

.dedicatedHire-ListTitle:after {
	content: "";
	display: block;
	border-bottom: 1px solid #fff;
	max-width: 60px;
	margin-top: 13px
}

.hireDeveloper-icon-wrapper .hire-item {
	margin: 32px 0 0
}

.hireDeveloper .section-head .divided {
	margin: initial
}

.hireDeveloper .section-head .divided:after,
.hireDeveloper .section-head .divided:before {
	background: #fff
}

.hireBtn a.cus_btn:before {
	background: 0 0
}

.hireBtn a.cus_btn {
	border-color: #fff;
	color: #fff!important;
	margin-top: 40px
}

.hireBtn a.cus_btn:hover {
	color: #212121!important
}

.hireBtn .cus_btn:after {
	background: #fff!important
}

.hireDeveloper-wrap {
	padding: 100px 0 100px 100px
}

.hireDeveloper-image-wrapper {
	background: url(../../images/android/hireDeveloper-bg.png) no-repeat;
	height: 100%;
	background-size: cover
}

section.offering-section {
	padding: 100px 100px
}

.offering-left-wrapper {
	max-width: 60%;
	margin: auto
}

.work-process-wrapper {
	border: 1px solid #ccc;
	padding: 30px 15px;
	margin-top: -1px;
	margin-right: -1px;
	transition: all .3s ease-in-out
}

.work-process-wrapper h2 {
	font-size: 18px;
	color: #212121;
	font-weight: 400;
	margin: 30px 0 0
}

.work-process-icon {
	max-width: 23%;
	margin: auto
}

.work-process-wrapper:hover {
	background: #3a7bd5;
	background: linear-gradient(0deg, #3a7bd5 0, #189beb 100%)
}

.work-process-wrapper:hover .work-process-icon svg path {
	fill: #fff
}

.work-process-wrapper:hover h2 {
	color: #fff
}

h2.topIndustry-title {
	font-size: 18px;
	color: #212121;
	display: inline-block;
	margin-left: 20px;
	font-weight: 400
}

.topIndustryIcon {
	display: initial
}

.topIndustryIcon svg {
	max-width: 9%
}

.topIndustry-wrapper {
	padding-bottom: 20px
}

section.industry-specific.industry-block {
	padding: 100px 0!important
}

.lets-start {
	background: url(../../images/android/cto-bg.jpg) no-repeat center center/cover;
	padding: 70px 0
}

.company-performance .section-head h1,
.lets-start .section-head h1 {
	font-size: 44px
}

.lets-start .cus_btn {
	border-color: #fff;
	color: #fff!important
}

.company-performance p,
.lets-start p {
	font-size: 16px;
	margin: 0 50px;
	letter-spacing: 1px
}

.confidence-point-wrapper .organization-label {
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	margin: 20px 0 0
}

.company-performance {
	background: #189beb;
	background: linear-gradient(0deg, #189beb 0, #3a7bd5 100%);
	background: -webkit-linear-gradient(0deg, #189beb 0, #3a7bd5 100%);
	background: -moz-linear-gradient(0deg, #189beb 0, #3a7bd5 100%);
	position: relative;
	padding: 70px 0
}

.industrieblock-banner {
	height: 94vh;
	background: url(../../images/healthCare/healthCare-bg.jpg) no-repeat center center/cover;
	display: flex;
	align-items: center;
	position: relative
}

.industrieblock-img-wrapper {
	position: absolute;
	right: 0;
	bottom: -48px;
	z-index: 99
}

.industrieblock-content-wrapper h1.wrapper-title {
	color: #fff;
	font-size: 75px;
	letter-spacing: 1px;
	font-weight: 300;
	margin-bottom: 30px
}

.industrieblock-content-wrapper {
	margin-left: 160px;
	margin-right: 60px
}

.industrieblock-content-wrapper h1.wrapper-title>span {
	font-weight: 700;
	letter-spacing: 2px;
	display: block
}

.industrieblock-content-wrapper .section-tagline {
	font-size: 20px;
	color: #fff;
	line-height: 36px;
	margin: 0;
	letter-spacing: 1px
}

section.offering-section.industry-list-block {
	background: #f1f1f1
}

.industriesInner-content-wrapper {
	position: relative;
	z-index: 99
}

.industrieblock-left {
	background: #f2f2f2
}

.industrieblock-overview {
	overflow: hidden
}

.industrieblock-overview .overview-left-wrapper {
	padding: 170px 65px 130px 100px
}

.industrieblock-overview .divided {
	margin: initial
}

.overview-content-wrapper>h3 {
	margin-bottom: 40px;
	font-size: 22px
}

.industrieblock-right {
	padding: 130px 100px
}

.overview-industry-item {
	border-radius: 48px;
	border-top-left-radius: 0;
	padding: 58px 30px 38px;
	position: relative
}

.overview-industry-item.orange {
	border: 2px solid #ff8c79;
	margin-bottom: 100px
}

.overview-industry-item.green {
	border: 2px solid #42c9ad;
	border-top-left-radius: 48px;
	border-top-right-radius: 0;
	margin-bottom: 100px
}

.overview-industry-item.blue {
	border: 2px solid #528fec
}

.overview-industry-item.turquoise {
	border: 2px solid #01d8d9;
	border-top-left-radius: 48px;
	border-top-right-radius: 0
}

.overview-industry-item .ind-content h2 {
	font-size: 24px;
	color: #000;
	font-weight: 600
}

.overview-industry-item .ind-icon {
	border-radius: 200px;
	width: 78px;
	border-bottom-right-radius: 24px;
	height: 78px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: -39px;
	top: -39px
}

.overview-industry-item.orange .ind-icon {
	background: #ff857d;
	background: linear-gradient(46deg, #ff857d 0, #ffb364 100%)
}

.overview-industry-item.green .ind-icon {
	background: #41c7af;
	background: linear-gradient(46deg, #41c7af 0, #52e38e 100%);
	right: -39px;
	left: initial;
	border-bottom-left-radius: 24px;
	border-bottom-right-radius: 200px
}

.overview-industry-item.blue .ind-icon {
	background: #5583ee;
	background: linear-gradient(46deg, #5583ee 0, #41d8dd 100%)
}

.overview-industry-item.turquoise .ind-icon {
	background: #00d2d3;
	background: linear-gradient(46deg, #00d2d3 0, #03e7e8 100%);
	right: -39px;
	left: initial;
	border-bottom-left-radius: 24px;
	border-bottom-right-radius: 200px
}

.overview-industry-item .ind-icon svg {
	width: 40px
}

.col-width-space {
	padding: 0!important
}

.industryServices .box,
.solution-advanceFeature .box {
	position: relative
}

.industryServices .box:before {
	content: "";
	display: block;
	padding-top: 100%
}

.industryServices .box .service-title,
.solution-advanceFeature .box .advanceFeature-title {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	padding: 20px
}

.advanceFeature-wrapper:hover .advanceFeature-title,
.service-expand:hover .service-title {
	padding: 0
}

.industryServices h4,
.solution-advanceFeature h4 {
	font-size: 22px;
	color: #fff
}

.industryServices .b-1 .service-expand,
.solution-advanceFeature .b-1 .advanceFeature-wrapper {
	right: 0;
	top: 0
}

.industryServices .b-2 .service-expand,
.solution-advanceFeature .b-2 .advanceFeature-wrapper {
	left: 0;
	bottom: 0
}

.industryServices .b-3:before,
.solution-advanceFeature .b-3:before {
	padding-top: 50%
}

.industryServices .b-3 .service-expand,
.solution-advanceFeature .b-3 .advanceFeature-wrapper {
	background: #2a6592;
	right: 0;
	bottom: 0
}

.industryServices .b-3 .service-expand.open,
.solution-advanceFeature .b-3 .advanceFeature-wrapper.open {
	width: 100%
}

.industryServices .b-4 .service-expand,
.solution-advanceFeature .b-1 .advanceFeature-wrapper,
.solution-advanceFeature .b-4 .advanceFeature-wrapper {
	top: 0;
	left: 0
}

.industryServices .b-5 .service-expand,
.solution-advanceFeature .b-5 .advanceFeature-wrapper {
	right: 0;
	bottom: 0
}

.industryServices .b-6 .service-expand,
.solution-advanceFeature .b-6 .advanceFeature-wrapper {
	left: 0;
	top: 0
}

.industryServices .b-7 .service-expand,
.solution-advanceFeature .b-7 .advanceFeature-wrapper {
	right: 0;
	top: 0
}

.industryServices p,
.solution-advanceFeature p {
	margin: 25px 0;
	color: #fff;
	line-height: 26px;
	font-size: 16px
}

.industryServices .item-1 .service-expand {
	background: #ffbf00
}

.industryServices .item-2 .service-expand {
	background: #01b656
}

.industryServices .item-3 .service-expand {
	background: #0095ff
}

.industryServices .item-4 .service-expand {
	background: #00d3d4
}

.industryServices .item-5 .service-expand {
	background: #7c33ff
}

.industryServices .item-6 .service-expand {
	background: #f55676
}

.industryServices .item-7 .service-expand {
	background: #8bc24a
}

.industryServices .item-8 .service-expand {
	background: #01d9da
}

.industryServices .item-9 .service-expand {
	background: #47aece
}

.advanceFeature-wrapper,
.service-expand {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 9;
	-webkit-transition: all .4s ease-out 0s;
	-moz-transition: all .4s ease-out 0s;
	-ms-transition: all .4s ease-out 0s;
	-o-transition: all .4s ease-out 0s;
	transition: all .4s ease-out 0s;
	overflow: hidden
}

.advanceFeature-wrapper.open,
.service-expand.open {
	width: 200%;
	height: 200%;
	padding: 20px;
	z-index: 99
}

.advanceFeature-wrapper.open .advanceFeature-title,
.service-expand.open .service-title {
	position: relative;
	top: auto;
	text-align: left;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	margin-bottom: 5px
}

.advanceFeature-wrapper.open .icon,
.service-expand.open .icon {
	-webkit-transform: translateY(0)!important;
	-ms-transform: translateY(0)!important;
	transform: translateY(0)!important
}

.advanceFeature-wrapper .advanceFeature-title .icon,
.service-expand .service-title .icon {
	max-width: 70px;
	margin: 0 auto 15px
}

.advanceFeature-wrapper:hover .advanceFeature-title .icon,
.service-expand:hover .service-title .icon {
	margin: 0 0 15px 0
}

.advanceFeature-wrapper.open .close,
.service-expand.open .close {
	display: block
}

.advanceFeature-wrapper .close,
.service-expand .close {
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px;
	z-index: 99;
	font-size: 22px;
	color: #666;
	cursor: pointer;
	display: none;
	-webkit-transition: all .6s ease-out 0s;
	-moz-transition: all .6s ease-out 0s;
	-ms-transition: all .6s ease-out 0s;
	-o-transition: all .6s ease-out 0s;
	transition: all .6s ease-out 0s
}

.advanceFeature-wrapper.open .advanceFeature-inner-content,
.service-expand.open .services-inner-content {
	display: block;
	width: 100%;
	overflow: visible;
	margin-top: 25px
}

.advanceFeature-wrapper ul,
.service-expand ul {
	padding-left: 15px
}

.advanceFeature-wrapper ul li,
.service-expand ul li {
	color: #fff
}

.advanceFeature-wrapper ul a,
.advanceFeature-wrapper ul span,
.service-expand ul a,
.service-expand ul span {
	font-size: 16px;
	color: #fff;
	line-height: 18px;
	margin-bottom: 10px;
	display: block;
	cursor: auto;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
	font-weight: 600
}

.advanceFeature-wrapper ul a:hover,
.advanceFeature-wrapper ul span:hover,
.service-expand ul a:hover,
.service-expand ul span:hover {
	-webkit-transform: translatex(5px);
	-ms-transform: translatex(5px);
	transform: translatex(5px)
}

.advanceFeature-wrapper .advanceFeature-inner-content,
.service-expand .services-inner-content {
	display: none;
	width: 0;
	overflow: hidden
}

.technology-wrapper {
	margin-bottom: 30px;
	background: #fff;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .05);
	border-radius: 10px;
	transition: .25s ease-in-out;
	overflow: hidden
}

section.ak-latest-technology {
	padding: 100px 250px;
	background: #fff
}

.ak-latest-technology h2.technology-title {
	font-size: 15px
}

.technology-wrapper .technologyIcon {
	background: linear-gradient(0deg, #4481eb 0, #04befe 100%);
	padding: 30px 20px
}

.technology-wrapper .technologyIcon.education-icon {
	background: linear-gradient(109.6deg, #ffb347 11.2%, #ff9b39 91.1%)
}

.technology-wrapper .technologyIcon.travel-icon {
	background: radial-gradient(circle 1196px at -7.4% 57.5%, #ff9681 0, #ff5c5c 92.3%)
}

.technology-wrapper .technologyIcon.transport-icon {
	background: linear-gradient(111.8deg, #00689b 19.8%, #00adef 92.1%)
}

.technology-wrapper .technologyIcon.retail-icon {
	background: radial-gradient(circle farthest-corner at 20% 25.1%, #8066ff 0, #5370f3 100.2%)
}

.technology-wrapper .technologyIcon.food-icon {
	background: -webkit-linear-gradient(to right, #ff4b2b, #ff416c);
	background: linear-gradient(to right, #ff4b2b, #ff416c)
}

.technology-wrapper .technologyIcon.agriculture-icon {
	background: linear-gradient(117.5deg, #59e9a2 20.5%, #1dd1b9 100.2%)
}

.technology-wrapper .technologyIcon.media-icon {
	background: linear-gradient(110.7deg, #099a97 6.3%, #15cda8 90.6%)
}

.technology-wrapper .technologyIcon.bankingFin-icon {
	background: radial-gradient(circle farthest-corner at 28.8% 83.9%, #ff6e70 0, #ff748e 90%)
}

.technology-wrapper .technologyIcon.sprot-icon {
	background: radial-gradient(circle farthest-corner at 7.9% 16.1%, #f5815a 1.3%, #f25050 100.2%)
}

.technology-wrapper .technologyIcon.reatEstate-icon {
	background: linear-gradient(107deg, #026cdf 27.4%, #0ff 92.7%)
}

.technology-wrapper .technologyIcon.automobile-icon {
	background: radial-gradient(circle 346px at .3% 100%, #3e4ca7 0, #ff6391 100.7%)
}

.technology-wrapper .technologyIcon.ticketing-icon {
	background: linear-gradient(109.6deg, #f194e7 11.2%, #e25c5c 91.1%)
}

.technology-wrapper .technologyIcon.enterpriseBus-icon {
	background: -webkit-linear-gradient(to right, #4a00e0, #8e2de2);
	background: linear-gradient(to right, #4a00e0, #8e2de2)
}

.technology-wrapper .technologyIcon.socialNetworking-icon {
	background: -webkit-linear-gradient(to right, #f80759, #bc4e9c);
	background: linear-gradient(to right, #f80759, #bc4e9c)
}

.technology-wrapper .technologyIcon.b2bB2c-icon {
	background: -webkit-linear-gradient(to right, #f80759, #bc4e9c);
	background: linear-gradient(to right, #f80759, #bc4e9c)
}

.technology-wrapper .technologyIcon.construction-icon {
	background: -webkit-linear-gradient(to right, #45b649, #dce35b);
	background: linear-gradient(to right, #45b649, #dce35b)
}

.technology-wrapper .technologyIcon.logistic-icon {
	background: -webkit-linear-gradient(to right, #f9d423, #ff4e50);
	background: linear-gradient(to right, #f9d423, #ff4e50)
}

.technologyIcon img {
	max-width: 50px;
	position: relative;
	z-index: 3
}

.technology-wrapper path {
	fill: #288ce1
}

.technology-content h2.technology-title {
	color: #212121;
	margin: 16px 5px;
	font-weight: 400
}

.ak-latest-technology .technology-wrapper:hover {
	box-shadow: 1px 0 34px 1px rgba(0, 0, 0, .13), 0 15px 34px 1px rgba(0, 0, 0, .13);
	transform: scale(1.1)
}

.industryServices .b-3:before,
.solution-advanceFeature .b-3:before {
	padding-top: 50%
}

section.industrieblock-businessValue {
	padding: 0 85px 100px
}

.industrieblock-businessValue .value-content h2 {
	font-size: 24px;
	color: #000
}

.industrieblock-value-item {
	padding: 40px 30px;
	border: 1px solid #e1e2e2;
	margin-bottom: 22px;
	border-radius: 48px
}

.industrieblock-value-item.left {
	border-bottom-right-radius: 0
}

.industrieblock-value-item.right {
	border-bottom-left-radius: 0
}

.industriesHome-banner {
	height: 100vh;
	background: url(../../images/industries/banner/industries-bg.jpg) no-repeat center center/cover;
	display: flex;
	align-items: center;
	position: relative
}

.industriesHome-banner:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	top: 0;
	bottom: 0;
	background: #fb537e;
	background: -moz-linear-gradient(121deg, rgba(116, 0, 189, .92) 0, rgba(12, 77, 174, .92) 100%);
	background: -webkit-linear-gradient(121deg, rgba(116, 0, 189, .92) 0, rgba(12, 77, 174, .92) 100%);
	background: linear-gradient(121deg, rgba(116, 0, 189, .92) 0, rgba(12, 77, 174, .92) 100%)
}

.industriesHome-banner a.cus_btn {
	color: #fff!important;
	border-color: #fff
}

.industriesHome-banner a.cus_btn:before {
	background: 0 0
}

.industry-technology-section {
	padding: 100px 0
}

.industry-cell {
	position: relative;
	overflow: hidden
}

.industry-cover {
	position: relative
}

.industry-cell-content {
	text-align: center
}

.industry-cell-content h3 {
	display: block;
	width: 100%;
	font-size: 30px;
	color: #000;
	margin-top: 16px
}

.industry-cover h6 {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #189beb;
	padding: 13px 20px;
	margin: 0;
	color: #ffff;
	font-size: 18px;
	letter-spacing: 1px
}

.industry-cell-img {
	overflow: hidden
}

.industry-cover {
	transition: all 1.25s cubic-bezier(.475, .425, 0, .995);
	-webkit-transition: all 1.25s cubic-bezier(.475, .425, 0, .995)
}

.industry-cell-img img {
	transform: scale(1.1);
	transition: all 1s ease-in-out
}

.industry-cell:hover img {
	transform: scale(1)
}

.industries-btnArrow {
	position: absolute;
	left: 0;
	right: 0;
	justify-content: center;
	align-items: center;
	top: 0;
	display: flex;
	bottom: 0;
	overflow: hidden;
	transform: translate(0, 100%);
	transition: all .3s ease-in-out;
	flex-direction: column;
	z-index: 999
}

.industry-cell .industries-btnArrow span {
	height: 60px;
	width: 60px;
	border: 2px solid #fff;
	border-radius: 100px;
	text-align: center;
	line-height: 60px;
	font-size: 30px;
	color: #fff;
	display: block
}

.industries-btnArrow h5 {
	color: #fff;
	font-size: 28px;
	margin-bottom: 30px
}

.industry-cell:hover .industry-cell-img:before {
	background: rgba(0, 0, 0, .74);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	content: "";
	z-index: 9
}

.industry-cell:hover .industries-btnArrow {
	transform: translate(0, 0)
}

@media (min-width:992px) {
	.col-lg-20 {
		flex: 0 0 20%;
		max-width: 20%
	}
}

section.mobileApp-service.industryInner-solution-wrapper {
	background: #fff
}

.industriesInner-banner {
	height: 100vh;
	background: url(../../images/healthCare/healthCare-bg.jpg) no-repeat center center/cover;
	display: flex;
	align-items: center;
	position: relative
}

.realestate-industry-banner {
	background: url(../../images/industries/banner/realestate-bg.jpg) no-repeat center center/cover
}

.travel-industry-banner {
	background: url(../../images/industries/banner/travel-bg.jpg) no-repeat center center/cover
}

.agriculture-industry-banner {
	background: url(../../images/industries/banner/agriculture-bg.jpg) no-repeat center center/cover
}

.sportsGaming-industry-banner {
	background: url(../../images/industries/banner/sports-bg.jpg) no-repeat center center/cover
}

.retail-industry-banner {
	background: url(../../images/industries/banner/retail-bg.jpg) no-repeat center center/cover
}

.education-industry-banner {
	background: url(../../images/industries/banner/education-bg.jpg) no-repeat center center/cover
}

.ticketing-industry-banner {
	background: url(../../images/industries/banner/ticketing-bg.jpg) no-repeat center center/cover
}

.finance-industry-banner {
	background: url(../../images/industries/banner/finance-bg.jpg) no-repeat center center/cover
}

.automotives-industry-banner {
	background: url(../../images/industries/banner/automotives-bg.jpg) no-repeat center center/cover
}

.healthcare-industry-banner {
	background: url(../../images/industries/banner/healthcare-bg.jpg) no-repeat center center/cover
}

.logistic-industry-banner {
	background: url(../../images/industries/banner/logistic-bg.jpg) no-repeat center center/cover
}

.transport-industry-banner {
	background: url(../../images/industries/banner/transport-bg.jpg) no-repeat center center/cover
}

.entertainment-media-industry-banner {
	background: url(../../images/industries/banner/entertainment-bg.jpg) no-repeat center center/cover
}

.construction-industry-banner {
	background: url(../../images/industries/banner/construction-bg.jpg) no-repeat center center/cover
}

.food-industry-banner {
	background: url(../../images/industries/banner/food-bg.jpg) no-repeat center center/cover
}

.social-networking-industry-banner {
	background: url(../../images/industries/banner/social-bg.jpg) no-repeat center center/cover
}

.enterprise-industry-banner {
	background: url(../../images/industries/banner/enterprise-bg.jpg) no-repeat center center/cover
}

.b2b-b2c-industry-banner {
	background: url(../../images/industries/banner/b2b-b2c-bg.jpg) no-repeat center center/cover
}

.industriesInner-banner:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	top: 0;
	bottom: 0;
	background: -moz-linear-gradient(121deg, rgba(251, 83, 126, .86) 0, rgba(12, 77, 174, .86) 100%);
	background: -webkit-linear-gradient(121deg, rgba(251, 83, 126, .86) 0, rgba(12, 77, 174, .86) 100%);
	background: linear-gradient(121deg, rgba(251, 83, 126, .86) 0, rgba(12, 77, 174, .86) 100%)
}

.b2b-b2c-industry-banner:before {
	background: -moz-linear-gradient(121deg, rgba(251, 83, 126, .86) 0, rgba(12, 77, 174, .86) 100%);
	background: -webkit-linear-gradient(121deg, rgba(251, 83, 126, .86) 0, rgba(12, 77, 174, .86) 100%);
	background: linear-gradient(121deg, rgba(251, 83, 126, .86) 0, rgba(12, 77, 174, .86) 100%)
}

.construction-industry-banner:before,
.transport-industry-banner:before {
	background: -moz-linear-gradient(121deg, rgba(243, 236, 45, .86) 0, rgba(12, 77, 174, .86) 100%);
	background: -webkit-linear-gradient(121deg, rgba(243, 236, 45, .86) 0, rgba(12, 77, 174, .86) 100%);
	background: linear-gradient(121deg, rgba(243, 236, 45, .86) 0, rgba(12, 77, 174, .86) 100%)
}

.agriculture-industry-banner:before {
	background: -moz-linear-gradient(121deg, rgba(42, 171, 91, .86) 0, rgba(12, 77, 174, .86) 100%);
	background: -webkit-linear-gradient(121deg, rgba(42, 171, 91, .86) 0, rgba(12, 77, 174, .86) 100%);
	background: linear-gradient(121deg, rgba(42, 171, 91, .86) 0, rgba(12, 77, 174, .86) 100%)
}

.retail-industry-banner:before {
	background: -moz-linear-gradient(121deg, rgba(37, 162, 175, .86) 0, rgba(12, 77, 174, .86) 100%);
	background: -webkit-linear-gradient(121deg, rgba(37, 162, 175, .86) 0, rgba(12, 77, 174, .86) 100%);
	background: linear-gradient(121deg, rgba(37, 162, 175, .86) 0, rgba(12, 77, 174, .86) 100%)
}

.healthcare-industry-banner:before {
	background: -moz-linear-gradient(121deg, rgba(81, 224, 56, .86) 0, rgba(12, 77, 174, .86) 100%);
	background: -webkit-linear-gradient(121deg, rgba(81, 224, 56, .86) 0, rgba(12, 77, 174, .86) 100%);
	background: linear-gradient(121deg, rgba(81, 224, 56, .86) 0, rgba(12, 77, 174, .86) 100%)
}

.education-industry-banner:before {
	background: -moz-linear-gradient(121deg, rgba(131, 39, 158, .86) 0, rgba(12, 77, 174, .86) 100%);
	background: -webkit-linear-gradient(121deg, rgba(131, 39, 158, .86) 0, rgba(12, 77, 174, .86) 100%);
	background: linear-gradient(121deg, rgba(131, 39, 158, .86) 0, rgba(12, 77, 174, .86) 100%)
}

.ticketing-industry-banner:before {
	background: -moz-linear-gradient(121deg, rgba(30, 10, 60, .86) 0, rgba(12, 77, 174, .86) 100%);
	background: -webkit-linear-gradient(121deg, rgba(30, 10, 60, .86) 0, rgba(12, 77, 174, .86) 100%);
	background: linear-gradient(121deg, rgba(30, 10, 60, .86) 0, rgba(12, 77, 174, .86) 100%)
}

.food-industry-banner:before,
.sportsGaming-industry-banner:before {
	background: -moz-linear-gradient(121deg, rgba(253, 34, 34, .86) 0, rgba(12, 77, 174, .86) 100%);
	background: -webkit-linear-gradient(121deg, rgba(253, 34, 34, .86) 0, rgba(12, 77, 174, .86) 100%);
	background: linear-gradient(121deg, rgba(253, 34, 34, .86) 0, rgba(12, 77, 174, .86) 100%)
}

.entertainment-media-industry-banner:before {
	background: -moz-linear-gradient(121deg, rgba(255, 29, 196, .86) 0, rgba(12, 77, 174, .86) 100%);
	background: -webkit-linear-gradient(121deg, rgba(255, 29, 196, .86) 0, rgba(12, 77, 174, .86) 100%);
	background: linear-gradient(121deg, rgba(255, 29, 196, .86) 0, rgba(12, 77, 174, .86) 100%)
}

.travel-industry-banner:before {
	background: -moz-linear-gradient(121deg, rgba(61, 236, 212, .86) 0, rgba(12, 77, 174, .86) 100%);
	background: -webkit-linear-gradient(121deg, rgba(61, 236, 212, .86) 0, rgba(12, 77, 174, .86) 100%);
	background: linear-gradient(121deg, rgba(61, 236, 212, .86) 0, rgba(12, 77, 174, .86) 100%)
}

.realestate-industry-banner:before {
	background: -moz-linear-gradient(121deg, rgba(138, 29, 193, .86) 0, rgba(12, 77, 174, .86) 100%);
	background: -webkit-linear-gradient(121deg, rgba(138, 29, 193, .86) 0, rgba(12, 77, 174, .86) 100%);
	background: linear-gradient(121deg, rgba(138, 29, 193, .86) 0, rgba(12, 77, 174, .86) 100%)
}

.finance-industry-banner:before {
	background: -moz-linear-gradient(121deg, rgba(6, 45, 115, .86) 0, rgba(12, 77, 174, .86) 100%);
	background: -webkit-linear-gradient(121deg, rgba(6, 45, 115, .86) 0, rgba(12, 77, 174, .86) 100%);
	background: linear-gradient(121deg, rgba(6, 45, 115, .86) 0, rgba(12, 77, 174, .86) 100%)
}

.automotives-industry-banner:before {
	background: -moz-linear-gradient(121deg, rgba(130, 66, 11, .86) 0, rgba(12, 77, 174, .86) 100%);
	background: -webkit-linear-gradient(121deg, rgba(130, 66, 11, .86) 0, rgba(12, 77, 174, .86) 100%);
	background: linear-gradient(121deg, rgba(130, 66, 11, .86) 0, rgba(12, 77, 174, .86) 100%)
}

.social-networking-industry-banner:before {
	background: -moz-linear-gradient(121deg, rgba(242, 0, 60, .86) 0, rgba(12, 77, 174, .86) 100%);
	background: -webkit-linear-gradient(121deg, rgba(242, 0, 60, .86) 0, rgba(12, 77, 174, .86) 100%);
	background: linear-gradient(121deg, rgba(242, 0, 60, .86) 0, rgba(12, 77, 174, .86) 100%)
}

.logistic-industry-banner:before {
	background: -moz-linear-gradient(121deg, rgba(224, 84, 16, .86) 0, rgba(12, 77, 174, .86) 100%);
	background: -webkit-linear-gradient(121deg, rgba(224, 84, 16, .86) 0, rgba(12, 77, 174, .86) 100%);
	background: linear-gradient(121deg, rgba(224, 84, 16, .86) 0, rgba(12, 77, 174, .86) 100%)
}

.enterprise-industry-banner:before {
	background: -moz-linear-gradient(121deg, rgba(83, 251, 235, .86) 0, rgba(12, 77, 174, .86) 100%);
	background: -webkit-linear-gradient(121deg, rgba(83, 251, 235, .86) 0, rgba(12, 77, 174, .86) 100%);
	background: linear-gradient(121deg, rgba(83, 251, 235, .86) 0, rgba(12, 77, 174, .86) 100%)
}

.industryInner-solution-wrapper .service-tabpanel {
	background: url(../../images/mobile-app/mobile-application-development.jpg) no-repeat center center/cover;
	position: relative;
	height: 100vh;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center
}

.industryInner-solution-wrapper .service-tabpanel:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: rgba(0, 0, 0, .78)
}

.industryInner-solution-wrapper .service-Navtab li.service-item {
	border: none
}

.industryInner-solution-wrapper.nine-box li.service-item {
	width: 33.33%
}

.industryInner-solution-wrapper.nine-box ul.service-Navtab {
	width: 65%
}

.industryInner-solution-wrapper.sixteen-box li.service-item,
.industryInner-solution-wrapper.twelve-box li.service-item {
	width: 25%;
	height: 200px;
	background: rgba(255, 255, 255, .95)
}

.industryInner-solution-wrapper .service-Navtab li.service-item.active {
	transform: scale(1);
	background: #f35319;
	box-shadow: 0 0 0 4px rgba(243, 83, 25, .3)
}

.industryInner-solution-wrapper .service-item.active .service-icon circle,
.industryInner-solution-wrapper .service-item.active .service-icon ellipse,
.industryInner-solution-wrapper .service-item.active .service-icon path,
.industryInner-solution-wrapper .service-item.active .service-icon polygon,
.industryInner-solution-wrapper .service-item.active .service-icon rect {
	fill: #fff
}

.industryInner-solution-wrapper .service-item.active h2 {
	color: #ffff
}

.industryInner-solution-wrapper .service-Navtab li.service-item h2 {
	font-size: 15px;
	padding: 20px 15px 0;
	width: 100%
}

.industryInner-solution-wrapper .service-Navtab .service-icon {
	width: 45px
}

.industryInner-solution-wrapper.sixteen-box ul.service-Navtab,
.industryInner-solution-wrapper.twelve-box ul.service-Navtab {
	width: 90%;
	position: relative;
	z-index: 99;
	box-shadow: none
}

.industryInner-solution-wrapper.fifteen-box li.service-item {
	width: 20%;
	height: 160px;
	margin: auto
}

.industryInner-solution-wrapper.fifteen-box ul.service-Navtab {
	width: 90%
}

.industry-portfolio-wrapper .portfolio-action.prot-actionBtn a {
	position: relative
}

.industry-portBtn {
	cursor: pointer;
	overflow: hidden
}

.industry-portBtn span {
	transition: .25s ease-in-out
}

.industry-portfolio-wrapper .portfolio-action.prot-actionBtn a {
	transition: all .3s ease-in-out
}

.industry-portfolio-wrapper .portfolio-action.prot-actionBtn a span {
	font-size: 19px;
	transform: translate(-250%, 0);
	transition: all .3s ease-in-out;
	white-space: nowrap;
	display: flex;
	color: #189beb
}

.industry-portfolio-wrapper .portfolio-action.prot-actionBtn a strong {
	margin-right: 20px;
	color: #189beb
}

.industry-portfolio-wrapper .portfolio-action.prot-actionBtn a i {
	font-size: 28px;
	line-height: 60px;
	color: #189beb
}

.industry-portfolio-wrapper .portfolio-action.prot-actionBtn a:hover {
	width: 190px;
	transition: all .3s ease-in-out
}

.industry-portfolio-wrapper .portfolio-action.prot-actionBtn a:hover span {
	transform: translate(12%, 0)
}

a.more-portfolio-wrapper {
	height: 100%;
	background: #012046;
	display: flex;
	justify-content: center;
	align-items: center
}

a.more-portfolio-wrapper .portfolio-logo-wrapper h3.view-portfolio {
	color: #fff;
	font-size: 36px
}

a.more-portfolio-wrapper .portfolio-logo-wrapper span {
	width: 50px;
	height: 50px;
	background: #fff;
	border-radius: 200px;
	text-align: center;
	display: block;
	font-size: 24px;
	line-height: 50px;
	color: #012046;
	border: 1px solid #fff;
	margin: auto;
	transition: all .3s ease-in-out
}

a.more-portfolio-wrapper:hover .portfolio-logo-wrapper>span {
	background: 0 0;
	color: #fff
}

.platfrom-rating-wrapper {
	padding: 80px 0
}

.other-partner-wrapper.rating-box-wrapper {
	display: flex;
	justify-content: space-around
}

.provider-profile-rating-widget.provider-profile-rating-widget .rating {
	font-size: 20px
}

.platfrom-rating-wrapper .fivestar-widget-static .star {
	font-size: 16px
}

.rating-box {
	width: 40%
}

.ranking-box ul {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #d1d1d1;
	padding-left: 0;
	list-style: none
}

.ranking-box ul li {
	margin-bottom: 18px
}

.ranking-box ul li span {
	display: block;
	font-size: 15px;
	color: #4c4c4c;
	vertical-align: middle;
	margin: 0 -1px;
	font-weight: 500
}

.ranking-box ul li strong {
	display: block;
	font-size: 14px;
	color: #000
}

.provider-profile-rating-widget .rating {
	font-size: 16px;
	color: #fff;
	vertical-align: middle;
	display: inline-block;
	line-height: 21px
}

.reviews-totals-stars {
	display: inline-block;
	margin-left: 5px
}

.fivestar-widget-static .star {
	display: inline-block;
	color: #fff;
	font-size: 12px
}

.industry-advantage-wrapper {
	background: url(../../images/industries/banner/advantage.jpg) no-repeat center center/cover!important;
	position: relative
}

section.industry-advantage-wrapper:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: rgba(0, 0, 0, .35);
	height: 100%;
	width: 100%
}

.industry-advantage-wrapper .machine-learning-wrapper .webDev-solution-wrapper {
	min-height: 3px
}

.industry-advantage-wrapper .webDev-solution-wrapper p {
	margin: 30px 0 0 0;
	font-size: 17px
}

.industry-advantage-wrapper .machine-learning-wrapper .webDev-solution-wrapper {
	min-height: 290px
}

.platform-section .fivestar-widget-static .star,
.platform-section .provider-profile-rating-widget .rating {
	color: #f35319
}

.platform-section .other-logo ul li {
	opacity: 1;
	text-align: center
}

.other-logo .footer-businessListings-logo .owl-stage {
	display: flex;
	align-items: center
}

.other-logo .footer-businessListings-logo img {
	opacity: .3;
	transition: all .4s ease-in-out;
	cursor: pointer
}

.other-logo .footer-businessListings-logo img:hover {
	opacity: 1
}

.platform-section .platformImg {
	min-height: 72px
}

.industries-whyArka {
	background: url(../../images/industries/whyArka-bg.jpg) no-repeat center center/cover;
	padding: 0 0 30px 30px
}

.industries-whyArka .container-fluid {
	background: url(../../images/industries/arka.png) no-repeat;
	background-size: 31%;
	background-position: bottom left;
	padding: 0 155px 70px 110px
}

.whyArka-left-wrapper .divided {
	margin: initial
}

.arka-client-wrapper .col-lg-4 {
	padding: 0
}

.clientsLogo {
	background: #fff;
	padding: 35px 9px;
	border: 1px solid #e1e2e2;
	margin-top: -1px;
	margin-right: -1px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.clientsLogo:hover {
	transform: skew(1.1)
}

.clientsLogo:hover {
	transform: scale(1.08);
	position: relative;
	z-index: 999
}

.clientsLogo img {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	opacity: .6
}

.clientsLogo:hover img {
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
	opacity: 1
}

.whyArka-left-wrapper {
	background: #fff;
	padding: 70px 20px 50px 100px;
	border: 1px solid #e1e2e2;
	position: relative;
	top: -115px
}

.arka-client-wrapper {
	position: relative;
	left: 34px;
	top: -56px;
	z-index: 99
}

.whyArka-content-wrapper h3 {
	font-size: 22px
}

.whyArka-content-wrapper ul li img {
	margin-right: 10px;
	float: left
}

.whyArka-content-wrapper ul:after {
	content: "";
	display: block;
	clear: both
}

.whyArka-content-wrapper ul {
	list-style: none;
	padding: 0;
	margin-top: 40px;
	margin-bottom: 0
}

.whyArka-content-wrapper ul li {
	width: 50%;
	float: left;
	margin: 0 0 20px 0;
	padding-right: 30px
}

.onDemandSolution-banner {
	height: 85vh;
	background: url(../../images/healthCare/healthCare-bg.jpg) no-repeat center center/cover;
	padding-top: 170px;
	position: relative
}

.onDemandSolution-banner.food-ordering {
	background: url(../../images/ondemand/food-ordering-banner.png) no-repeat center center/cover
}

.ordering-img {
	position: absolute;
	margin: auto;
	text-align: center;
	left: 0;
	right: 0;
	top: 237px
}

.onDemandSolution-content-wrapper h1.wrapper-title {
	color: #fff;
	font-size: 70px;
	font-weight: 300
}

.onDemandSolution-content-wrapper h1.wrapper-title>span {
	font-weight: 700;
	display: block
}

.onDemandSolution-overview {
	padding: 320px 0 100px 0
}

.onDemandSolution-modelList {
	background: #fff;
	overflow: hidden;
	padding: 40px 20px 23px;
	text-align: center;
	-webkit-transition: all .4s ease-out;
	-moz-transition: all .4s ease-out;
	-ms-transition: all .4s ease-out;
	-o-transition: all .4s ease-out;
	transition: all .4s ease-out;
	position: relative
}

.onDemandSolution-modelList .onDemandSolution-modelIcon {
	border-radius: 200px;
	max-width: 108px;
	min-height: 108px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 99;
	margin: 0 auto 20px auto;
	background: #ebebeb
}

.onDemandSolution-modelIcon-wrapper:after {
	border-radius: 100px;
	border: 2px solid #ebebeb;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: -10px;
	right: 0;
	height: 128px;
	width: 128px;
	margin: auto;
	transition: all .3s
}

.onDemandSolution-modelContent-wrapper .title {
	font-size: 24px;
	color: #000;
	margin: 30px 0 18px;
	font-weight: 400
}

span.typeNum {
	font-size: 18px;
	position: absolute;
	right: 10px;
	top: 10px;
	color: #000
}

.onDemandSolution-modelIcon-wrapper {
	position: relative
}

p.onDemandSolution-modelDes {
	font-weight: 300;
	margin: 0;
	font-size: 16px
}

.onDemandSolution-modelList .onDemandSolution-modelIcon svg {
	width: 50px
}

.onDemandSolution-modelList:hover {
	background: #41c7af;
	background: -moz-linear-gradient(82deg, #41c7af 0, #52e38e 100%);
	background: -webkit-linear-gradient(82deg, #41c7af 0, #52e38e 100%);
	background: linear-gradient(82deg, #41c7af 0, #52e38e 100%);
	cursor: pointer
}

.onDemandSolution-modelList:hover .onDemandSolution-modelDes,
.onDemandSolution-modelList:hover .title,
.onDemandSolution-modelList:hover span.typeNum {
	color: #fff
}

.onDemandSolution-modelList:hover .onDemandSolution-modelIcon {
	background: #fff
}

.onDemandSolution-modelList:hover .onDemandSolution-modelIcon-wrapper:after {
	border-color: #fff
}

.onDemandSolution-trust {
	padding: 100px 140px 50px
}

.onDemandSolution-trust-item {
	background: #fff;
	border: 1px solid transparent;
	border-top: 5px solid #e1e2e2;
	border-radius: 42px;
	border-bottom-right-radius: 20px;
	overflow: hidden;
	padding: 30px 34px 16px;
	margin-bottom: 40px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.trust-content-wrapper .title {
	font-size: 28px;
	color: #212121
}

.onDemandSolution-trustIcon-wrapper {
	position: relative
}

.onDemandSolution-trust-item .trustIcon {
	border-radius: 200px;
	max-width: 104px;
	min-height: 104px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 32px;
	position: relative;
	z-index: 99
}

.trustIcon-bg {
	position: absolute;
	top: -8px;
	bottom: 0;
	left: -8px;
	right: 0;
	z-index: 1;
	max-width: 120px;
	opacity: .5
}

section.onDemandSolution-appFeatures {
	padding: 0 100px 100px
}

.features-wrapper .tab-content {
	padding-top: 80px
}

.features-wrapper li.features-item a {
	width: 150px;
	height: 150px;
	background: #f1f1f1;
	border-radius: 200px;
	display: flex;
	justify-content: center;
	align-items: center
}

.features-wrapper li.features-item.active a {
	background: #172086;
	background: -webkit-linear-gradient(46deg, #172086 0, #0095ff 100%);
	background: linear-gradient(46deg, #172086 0, #0095ff 100%)
}

ul.nav.nav-tabs.features-tabs {
	border: none;
	display: flex;
	justify-content: space-between;
	margin: auto;
	position: relative
}

li.features-item {
	position: relative;
	z-index: 3
}

.features-wrapper li.features-item a span {
	color: #727272;
	font-size: 20px;
	margin-top: 8px
}

ul.features-tabs:before {
	top: 50%;
	position: absolute;
	content: " ";
	width: 100%;
	height: 2px;
	background-color: #f1f1f1;
	margin-top: -1px;
	right: 0;
	z-index: 1;
	left: 0
}

.features-wrapper li.features-item a svg {
	width: 50px
}

ul.appFeatures-list {
	list-style: none;
	padding: 0;
	margin-top: 40px;
	width: fit-content;
	width: -webkit-fit-content;
	margin: 0 auto
}

ul.appFeatures-list li {
	margin: 0 0 20px 0;
	font-size: 18px
}

ul.appFeatures-list.left li {
	text-align: right
}

ul.appFeatures-list li i,
ul.appFeatures-list li img {
	margin-right: 10px;
	color: #057be4
}

ul.appFeatures-list.left li i {
	margin: 0 0 0 10px
}

.features-wrapper li.features-item.active a span {
	color: #fff
}

.features-wrapper li.features-item.active a svg path {
	fill: #fff
}

.onDemandSolution-pricing {
	padding: 100px 0
}

.onDemandSolution-price-wrapper {
	background: #fff;
	border: 1px solid transparent;
	border-top: 5px solid #e1e2e2;
	border-radius: 32px;
	overflow: hidden;
	padding: 50px 20px 23px;
	text-align: center;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.onDemandSolution-price-wrapper.center {
	background: #ff857d;
	background: linear-gradient(46deg, #ff857d 0, #ffb364 100%);
	background: -webkit-linear-gradient(46deg, #ff857d 0, #ffb364 100%);
	border: none;
	-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2)
}

.pricing-button {
	font-size: 20px;
	font-weight: 300;
	display: grid;
	padding: 16px 10px;
	border-radius: 6px;
	color: #fff
}

.left .pricing-button {
	background: #41c7af;
	background: linear-gradient(46deg, #41c7af 0, #52e38e 100%);
	background: -webkit-linear-gradient(46deg, #41c7af 0, #52e38e 100%)
}

.center .pricing-button {
	background: #fff;
	color: #727272
}

.right .pricing-button {
	background: #5583ee;
	background: linear-gradient(46deg, #5583ee 0, #41d8dd 100%);
	background: -webkit-linear-gradient(46deg, #5583ee 0, #41d8dd 100%)
}

.pricing-button:hover {
	color: #727272
}

p.pricing-price {
	margin: 24px 0 54px
}

h2.pricing-header {
	margin-bottom: 54px;
	font-weight: 600;
	color: #000
}

.pricing-icon {
	width: 230px;
	margin: auto;
	display: block
}

.onDemandSolution-price-wrapper.left:hover {
	background: #41c7af;
	background: linear-gradient(46deg, #41c7af 0, #52e38e 100%);
	background: -webkit-linear-gradient(46deg, #41c7af 0, #52e38e 100%);
	border-top: 5px solid #52e38e
}

.onDemandSolution-price-wrapper.right:hover {
	background: #5583ee;
	background: linear-gradient(46deg, #5583ee 0, #41d8dd 100%);
	background: -webkit-linear-gradient(46deg, #5583ee 0, #41d8dd 100%);
	border-top: 5px solid #41d8dd
}

.onDemandSolution-price-wrapper:hover h2.pricing-header,
.onDemandSolution-price-wrapper:hover p.pricing-price {
	color: #fff
}

.onDemandSolution-price-wrapper:hover .pricing-button {
	color: #727272
}

.onDemandSolution-price-wrapper:hover .pricing-button {
	background: #fff
}

.onDemandSolution-price-wrapper:hover path {
	fill: #fff
}

section.onDemandSolution-otherSoluation {
	padding: 100px 0 0 0
}

.onDemandSolution-other-wrappper .otherSoluation-item {
	position: relative
}

.otherSoluation-itemInner:before {
	content: "";
	display: block;
	height: 100%;
	background: linear-gradient(0deg, #000 0, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0) 100%)
}

.otherSoluation-itemInner:hover:before {
	background: linear-gradient(0deg, #000 0, rgba(255, 255, 255, 0) 100%)
}

.onDemandSolution-other-wrappper .otherSoluation-item:before {
	content: "";
	display: block;
	padding-top: 100%
}

.onDemandSolution-other-wrappper .otherSoluation-item .otherSoluation-title {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 20px
}

.otherSoluation-enquire-btn {
	font-size: 20px;
	font-weight: 300;
	display: block;
	padding: 12px 10px;
	border-radius: 6px;
	color: #fff;
	background: #172086;
	background: linear-gradient(180deg, #172086 0, #0095ff 100%);
	text-align: center;
	border: 1px solid #fff;
	transition: all .3s ease-in-out
}

.otherSoluation-enquire-btn:hover {
	color: #fff;
	background: linear-gradient(180deg, #0095ff 0, #172086 100%)
}

.onDemandSolution-other-wrappper h4 {
	font-size: 28px;
	color: #fff;
	font-weight: 400
}

.onDemandSolution-other-wrappper p {
	margin: 25px 0;
	color: #fff;
	line-height: 26px;
	font-size: 16px;
	font-weight: 300
}

.otherSoluation-itemInner {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 9;
	-webkit-transition: all .4s ease-out 0s;
	-moz-transition: all .4s ease-out 0s;
	-ms-transition: all .4s ease-out 0s;
	-o-transition: all .4s ease-out 0s;
	transition: all .4s ease-out 0s;
	overflow: hidden;
	left: 0;
	top: 0
}

.otherSoluation-itemInner {
	background: url(../../images/ondemand/taxi-app.jpg) no-repeat bottom left/cover
}

.otherSoluation-itemInner .otherSoluation-inner-content {
	display: none;
	width: 0;
	overflow: hidden
}

.onDemandSolution-other-wrappper .b-3:before {
	padding-top: 50%
}

.architect-wrapper.closed.door-closed {
	min-height: auto;
	background: url(../../images/ondemand/grey-shade.png) no-repeat!important;
	width: 76px;
	height: 179px;
	left: 0
}

.cm-visible-lock {
	display: none
}

.tech-wrapper h2.cm-visible-lock {
	top: 50%;
	left: -56px;
	transform: rotate(-90deg) translateX(10%)
}

.tech-wrapper.closed.door-closed {
	left: 0;
	min-height: auto;
	width: 76px;
	height: 179px;
	background: url(../../images/ondemand/grey-shade.png) no-repeat;
	transform: rotate(180deg)
}

.cm-show-lock h2,
.door-closed .cm-visible-lock {
	font-weight: 600;
	color: #fff;
	font-size: 36px
}

.soluation-inner-title h2 {
	font-weight: 600;
	color: #000;
	font-size: 36px
}

.onDemandSolution-tech-arch-wrapper {
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden
}

.door-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.door-open .door-wrapper {
	display: none!important
}

.architect-wrapper.door-closed {
	right: -94%;
	background: #0095ff;
	background: linear-gradient(0deg, #0095ff 0, #172086 100%)
}

.cm-lock-btn {
	position: absolute;
	width: 100px;
	height: 100%
}

.tech-wrapper .cm-lock-btn {
	right: 0
}

.architect-wrapper .cm-lock-btn {
	left: 0
}

.door-closed .cm-visible-lock {
	display: block;
	transform: rotate(90deg) translateX(10%);
	position: absolute;
	top: 45%;
	letter-spacing: 1px;
	margin: 0
}

.architect-wrapper.door-closed .cm-visible-lock {
	left: -50px
}

.architect-wrapper,
.tech-wrapper {
	padding: 55px 0 55px 100px;
	top: 0;
	width: 100%;
	min-height: 600px;
	cursor: pointer;
	-webkit-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s;
	height: 100%;
	position: absolute
}

.door-open {
	cursor: default
}

.tech-wrapper.door-closed {
	left: -94%;
	background: #0095ff;
	background: linear-gradient(0deg, #0095ff 0, #172086 100%);
	z-index: 999
}

.architect-wrapper h2 {
	text-align: center
}

.architect-wrapper,
.tech-wrapper.door-open {
	background: #f1f1f1
}

.soluation-inner-wrapper {
	color: #fff;
	display: none
}

.tech-wrapper.door-open {
	left: 0
}

.architect-wrapper.door-open {
	right: 0
}

.door-open .soluation-inner-wrapper {
	display: block!important
}

.soluation-inner-contant {
	margin-top: 30px
}

.tech-title h2 {
	font-size: 26px;
	font-weight: 300;
	color: #000
}

.tech-icons {
	border-left: 5px solid #e1e2e2;
	border-radius: 24px;
	padding: 20px 40px
}

.tech-icons ul {
	list-style: none;
	display: flex;
	justify-content: space-between;
	margin: 0;
	padding: 0;
	align-items: center
}

.tech-item>.row.align-items-center {
	margin-bottom: 30px
}

section.onDemandSolution-advanceFeature {
	padding: 100px 100px 0
}

.solution-advanceFeature .box:before {
	content: "";
	display: block;
	padding-top: 70%
}

.solution-advanceFeature .b-1:before,
.solution-advanceFeature .b-3:before {
	padding-top: 140%
}

.solution-advanceFeature .item-4 .advanceFeature-wrapper {
	background: #126eaf
}

.solution-advanceFeature .item-5 .advanceFeature-wrapper {
	background: #7c33ff
}

.solution-advanceFeature .item-6 .advanceFeature-wrapper {
	background: #ffbf00
}

.solution-advanceFeature .item-7 .advanceFeature-wrapper {
	background: #f55676
}

.solution-advanceFeature .item-8 .advanceFeature-wrapper {
	background: #01b656
}

.solution-advanceFeature .item-9 .advanceFeature-wrapper {
	background: #ff884d
}

.onDemandHome-banner {
	height: 100vh;
	background: url(../../images/ondemand/ondemand-solution.jpg) no-repeat center center/cover;
	display: flex;
	align-items: center;
	position: relative
}

section.onDemandHome-categories {
	padding: 100px 0
}

h2.categories-title {
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	color: #000;
	margin: 0;
	padding: 20px
}

.categories-img {
	overflow: hidden;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out
}

.categories-img img {
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out
}

.categories-item {
	border: 1px solid #e1e2e2;
	border-radius: 3px;
	padding: 0;
	overflow-x: hidden;
	margin-bottom: 30px;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out
}

.categories-item:hover {
	-webkit-box-shadow: 0 0 32px rgba(0, 0, 0, .2);
	box-shadow: 0 0 32px rgba(0, 0, 0, .2)
}

.categories-item:hover .categories-img>img {
	-webkit-transform: scale(1.15);
	transform: scale(1.15)
}

section.onDemandHome-integration {
	padding: 100px 225px;
	background: #e4f5ff
}

.integration-item {
	background: 0 0;
	border: 2px solid #b2d1e4;
	border-radius: 16px;
	padding: 0 10px;
	position: relative;
	margin-bottom: 30px;
	-webkit-transition: all .4s ease-out 0s;
	-moz-transition: all .4s ease-out 0s;
	-ms-transition: all .4s ease-out 0s;
	-o-transition: all .4s ease-out 0s;
	transition: all .4s ease-out 0s
}

p.item-num {
	display: inline-block;
	font-size: 60px;
	font-weight: 800;
	color: #cbe0ec;
	margin: 0;
	padding-right: 30px
}

.integration-item h2 {
	font-size: 28px;
	font-weight: 400;
	display: inline-block;
	vertical-align: text-bottom;
	color: #000
}

.integration-item:after,
.integration-item:before {
	content: "";
	position: absolute;
	border-top: solid 2px #e4f5ff;
	width: 30px
}

.integration-item:before {
	top: -2px;
	right: 50px
}

.integration-item:after {
	bottom: -2px;
	left: 50px
}

.integration-item:hover:after,
.integration-item:hover:before {
	display: none
}

.integration-item:hover {
	border-color: #0083ff;
	background: #fff;
	cursor: pointer
}

section.onDemandHome-essentialFeatures {
	padding: 0 0 100px 0;
	position: relative
}

.features-main-content {
	background: #0575e6;
	background: -webkit-linear-gradient(to right, #021b79, #0575e6);
	background: linear-gradient(to right, #021b79, #0575e6);
	position: relative;
	align-items: center
}

.features-main-content:after {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	background: url(../../images/ondemand/essentialFeatures-bg.png) no-repeat right bottom;
	width: 100%;
	height: 100%
}

.EssentialFeatures-right {
	position: relative;
	z-index: 99
}

.features-tabs-wrapper .features-tabLeft {
	display: block;
	border: none
}

.features-item-icon {
	width: 50px;
	display: inline-block;
	margin-right: 10px
}

.features-tabLeft .nav-link {
	border: none;
	height: 115px;
	display: flex;
	align-items: center;
	padding: 20px 40px;
	border-radius: 0
}

.features-tabLeft .odd .nav-link {
	background: #f1f1f1
}

.features-tabLeft .even .nav-link {
	background: #fff
}

.features-tabLeft span {
	color: #727272;
	font-size: 20px;
	font-weight: 400
}

.features-tabLeft .nav-link.active {
	background: 0 0
}

.features-tabLeft .nav-link.active .features-item-icon path {
	fill: #fff
}

.features-tabLeft .nav-link.active span {
	color: #fff
}

.EssentialFeatures-content-wrapper .svgIcon {
	max-width: 100px;
	display: block
}

.des-list ul.appFeatures-list {
	width: 100%
}

.features-title h2 {
	font-size: 36px;
	font-weight: 400;
	color: #fff
}

.features-des p {
	font-size: 18px;
	font-weight: 300;
	color: #fff;
	margin: 42px 0
}

.features-des i,
.features-des li {
	color: #fff!important;
	font-size: 14px
}

.onDemandHome-extraFeatures {
	padding: 100px 100px
}

.extraFeatures-tabs-wrapper .extraFeatures-leftside,
.extraFeatures-tabs-wrapper .extraFeatures-rightside {
	display: block;
	border: none
}

.extraFeatures-tabs-wrapper a.nav-link {
	border: 4px solid #f1f1f1;
	height: 100px;
	width: 320px;
	display: flex;
	align-items: center;
	position: relative;
	background: #fff
}

.extraFeatures-tabs-wrapper .extraFeatures-leftside a.nav-link {
	padding: 15px 0 15px 50px;
	border-right: 0;
	border-radius: 12px 0 0 12px
}

.extraFeatures-tabs-wrapper .extraFeatures-rightside a.nav-link {
	padding: 15px 0 15px 40px;
	border-left: 0;
	border-radius: 0 12px 12px 0
}

ul.nav.nav-tabs.extraFeatures-rightside {
	margin-left: -70px
}

span.extraFeatures-num {
	position: absolute;
	top: 10px
}

.extraFeatures-leftside span.extraFeatures-num {
	left: 10px
}

.extraFeatures-rightside span.extraFeatures-num {
	right: 10px
}

.extraFeatures-tabs-wrapper h3 {
	font-size: 24px;
	color: #727272;
	font-weight: 400;
	margin: 0
}

.tab-content.extraFeatures-content-panel {
	padding: 80px 90px;
	background: #fff;
	-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
	border-radius: 12px;
	overflow: hidden
}

.extraFeatures-title h2 {
	font-size: 36px;
	color: #000;
	margin-bottom: 30px
}

.extraFeatures-des p {
	font-size: 18px;
	color: #727272;
	margin-bottom: 30px
}

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

.extraFeatures-list ul li {
	margin-bottom: 12px;
	font-size: 18px;
	display: flex;
	align-items: baseline
}

li.extraFeatures-item {
	padding: 30px 0
}

.extraFeatures-list ul li:last-child {
	margin-bottom: 0
}

.extraFeatures-list li i {
	color: #0083ff;
	margin-right: 10px
}

.extraFeatures-tabs-wrapper a.nav-link.active {
	background: #172086;
	background: -moz-linear-gradient(82deg, #172086 0, #0095ff 100%);
	background: -webkit-linear-gradient(82deg, #172086 0, #0095ff 100%);
	background: linear-gradient(82deg, #172086 0, #0095ff 100%);
	color: #fff;
	border-radius: 12px
}

.extraFeatures-tabs-wrapper a.nav-link.active h3 {
	color: #fff
}

.extraFeatures-tabs-wrapper {
	position: relative;
	z-index: 9
}

.serviceHome-banner {
	height: 100vh;
	background: url(../../images/healthCare/healthCare-bg.jpg) no-repeat center center/cover;
	display: flex;
	align-items: center;
	position: relative
}

.serviceHome-content-wrapper h1.wrapper-title {
	color: #fff;
	font-size: 75px;
	letter-spacing: 1px;
	font-weight: 300;
	margin-bottom: 30px
}

.serviceHome-content-wrapper h1.wrapper-title>span {
	font-weight: 700;
	letter-spacing: 2px;
	display: block
}

.serviceHome-content-wrapper .section-tagline {
	font-size: 20px;
	color: #fff;
	line-height: 36px;
	margin: 0;
	letter-spacing: 1px
}

section.serviceHome-work {
	padding: 100px 200px 100px;
	-webkit-transition: all .5s ease 0s;
	transition: all .5s ease 0s
}

.arvr-bgimg,
.cloud-bgimg,
.dedicatedHiring-bgimg,
.eCommerce-bgimg,
.enterpriseSolutions-bgimg,
.iot-bgimg,
.mobileApp-bgimg,
.qualityAssurance-bgimg,
.softwaresDev-bgimg,
.uiuxDesign-bgimg,
.wearables-bgimg,
.webDevelopment-bgimg {
	border-radius: 12px;
	overflow: hidden;
	position: relative;
	-webkit-transition: all .5s ease 0s;
	transition: all .5s ease 0s
}

.webDevelopment-service {
	overflow: hidden
}

.webDevelopment-bgimg {
	background: url(../../images/services/webDevelopment.jpg) no-repeat center center/cover;
	height: 556px
}

.mobileApp-bgimg:before,
.wearables-bgimg:before,
.webDevelopment-bgimg:before {
	content: "";
	background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0) 0, #000 100%);
	background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 0, #000 100%);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 50%, #000 100%);
	position: absolute;
	z-index: 99;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	-webkit-transition: all .5s ease 0s;
	transition: all .5s ease 0s
}

.mobileApp-bgimg:after,
.wearables-bgimg:after,
.webDevelopment-bgimg:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(255, 255, 255, .5);
	top: 0;
	left: 200%;
	opacity: 1;
	z-index: 1;
	transform: skewX(45deg);
	-webkit-transition: all .9s ease 0s;
	transition: all .9s ease 0s
}

.mobileApp-bgimg:hover:before,
.wearables-bgimg:hover:before,
.webDevelopment-bgimg:hover:before {
	background: #172087;
	background: -moz-linear-gradient(0deg, rgba(23, 32, 135, .9) 0, rgba(0, 131, 255, .9) 100%);
	background: -webkit-linear-gradient(0deg, rgba(23, 32, 135, .9) 0, rgba(0, 131, 255, .9) 100%);
	background: linear-gradient(0deg, rgba(23, 32, 135, .9) 0, rgba(0, 131, 255, .9) 100%);
	-webkit-transition: all .5s ease 0s;
	transition: all .5s ease 0s
}

.mobileApp-bgimg:hover:after,
.wearables-bgimg:hover:after,
.webDevelopment-bgimg:hover:after {
	left: -170%
}

.mobileApp-bgimg {
	background: url(../../images/services/mobileDevelopment.jpg) no-repeat center center/cover;
	height: 556px
}

.uiuxDesign-bgimg {
	background: url(../../images/services/uiuxDesign.jpg) no-repeat center center/cover;
	height: 263px;
	border: 1px solid #e1e2e2;
	margin-bottom: 15px;
	display: flex;
	justify-content: center;
	align-items: center
}

.qualityAssurance-bgimg {
	background: url(../../images/services/quality-assurance.jpg) no-repeat center center/cover;
	height: 263px
}

.arvr-bgimg {
	background: url(../../images/services/arvr.jpg) no-repeat center center/cover;
	height: 263px
}

.eCommerce-bgimg {
	background: url(../../images/services/eCommerce.jpg) no-repeat right bottom/cover;
	height: 263px;
	border: 1px solid #e1e2e2;
	margin-bottom: 15px
}

.cloud-bgimg {
	background: url(../../images/services/cloud-computing.jpg) no-repeat center center/cover;
	height: 263px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 15px;
	border: 1px solid #e1e2e2
}

.dedicatedHiring-bgimg {
	background: url(../../images/services/dedicatedHiring.jpg) no-repeat left bottom/cover;
	height: 263px;
	border: 1px solid #e1e2e2;
	margin-top: 15px
}

.softwaresDev-bgimg {
	background: url(../../images/services/softwares-development.jpg) no-repeat center center/cover;
	height: 556px
}

.wearables-bgimg {
	background: url(../../images/services/wearables.jpg) no-repeat center center/cover;
	height: 278px
}

.enterpriseSolutions-bgimg {
	background: url(../../images/services/enterpriseSolutions.jpg) no-repeat center center/cover;
	height: 278px;
	display: flex;
	justify-content: center;
	align-items: center
}

.iot-bgimg {
	background: url(../../images/services/internet-of-things.jpg) no-repeat center center/cover;
	height: 278px;
	display: flex;
	justify-content: center;
	align-items: center
}

.service-item-content {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	z-index: 99;
	display: block;
	margin: 0;
	width: 100%;
	padding: 32px;
	font-size: 32px;
	font-weight: 400;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.arvr-bgimg h2,
.mobileApp-bgimg h2,
.wearables-bgimg h2,
.webDevelopment-bgimg h2 {
	color: #fff;
	margin: 0;
	font-size: 26px;
	font-weight: 400;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.mobileApp-bgimg:hover .service-item-content,
.wearables-bgimg:hover .service-item-content,
.webDevelopment-bgimg:hover .service-item-content {
	top: 40px;
	-webkit-transition: all .5s ease 0s;
	transition: all .5s ease 0s
}

.arvr-bgimg:hover .mobileApp-content.service-item-content.arvr-content,
.cloud-bgimg:hover .mobileApp-content.service-item-content.cloud-content,
.dedicatedHiring-bgimg:hover .mobileApp-content.service-item-content.dedicatedHiring-content,
.eCommerce-bgimg:hover .mobileApp-content.service-item-content.eCommerce-content,
.enterpriseSolutions-bgimg:hover .mobileApp-content.service-item-content.enterpriseSolutions-content,
.iot-bgimg:hover .mobileApp-content.service-item-content.iot-content,
.qualityAssurance-bgimg:hover .mobileApp-content.service-item-content.qualityAssurance-content,
.uiuxDesign-bgimg:hover .mobileApp-content.service-item-content.uiuxDesign-content,
.wearables-bgimg:hover .webDevelopment-content.service-item-content.wearables-content {
	top: 0
}

.mobileApp-content.service-item-content.arvr-content .mobileApp-des,
.mobileApp-content.service-item-content.cloud-content .mobileApp-des,
.mobileApp-content.service-item-content.dedicatedHiring-content .mobileApp-des,
.mobileApp-content.service-item-content.eCommerce-content .mobileApp-des,
.mobileApp-content.service-item-content.enterpriseSolutions-content .mobileApp-des,
.mobileApp-content.service-item-content.iot-content .mobileApp-des,
.mobileApp-content.service-item-content.qualityAssurance-content .mobileApp-des,
.mobileApp-content.service-item-content.uiuxDesign-content .mobileApp-des,
.webDevelopment-content.service-item-content.wearables-content .mobileApp-des {
	padding-top: 10px
}

.mobileApp-des {
	position: relative;
	display: none;
	opacity: 0;
	z-index: 99;
	margin: 0;
	padding-top: 30px
}

.mobileApp-des p {
	color: #fff;
	font-size: 16px
}

.serviceHome-work .service-item-content a.serviceBtn {
	width: 44px;
	height: 44px;
	color: #fff;
	background: 0 0;
	border-radius: 200px;
	display: block;
	text-align: center;
	font-size: 25px;
	line-height: 42px;
	font-weight: 700;
	border: 1px solid #fff;
	transition: all .5s ease-in-out
}

.serviceHome-work .service-item-content a.serviceBtn:hover {
	background: #fff;
	color: #0083ff
}

.mobileApp-bgimg:hover .mobileApp-des,
.wearables-bgimg:hover .mobileApp-des,
.webDevelopment-bgimg:hover .mobileApp-des {
	display: inline-block;
	opacity: 1
}

.arvr-bgimg h2 span,
.cloud-bgimg h2 span,
.dedicatedHiring-bgimg h2 span,
.eCommerce-bgimg h2 span,
.enterpriseSolutions-bgimg h2 span,
.iot-bgimg h2 span,
.mobileApp-bgimg h2 span,
.qualityAssurance-bgimg h2 span,
.softwaresDev-bgimg h2 span,
.uiuxDesign-bgimg h2 span,
.wearables-bgimg h2 span,
.webDevelopment-bgimg h2 span {
	font-weight: 600;
	display: block
}

.arvr-bgimg h2,
.enterpriseSolutions-bgimg h2,
.iot-bgimg h2,
.qualityAssurance-bgimg h2,
.softwaresDev-bgimg h2 {
	color: #fff
}

.salesforce-banner {
	height: 100vh;
	background: url(../../images/healthCare/healthCare-bg.jpg) no-repeat center center/cover;
	display: flex;
	align-items: center;
	position: relative
}

.salesforce-content-wrapper h1.wrapper-title {
	color: #fff;
	font-size: 75px;
	letter-spacing: 1px;
	font-weight: 300;
	margin-bottom: 30px
}

.salesforce-content-wrapper h1.wrapper-title>span {
	font-weight: 700;
	letter-spacing: 2px;
	display: block
}

.salesforce-content-wrapper .section-tagline {
	font-size: 20px;
	color: #fff;
	line-height: 36px;
	margin: 0;
	letter-spacing: 1px
}

.consultingServe-detalis {
	position: absolute;
	top: 20%;
	left: 0;
	right: 0;
	z-index: 1;
	text-align: center
}

.consultingServe-icon {
	display: block;
	transition: all .3s ease 0s;
	-webkit-transition: all .3s ease 0s;
	text-align: center
}

.consultingServe-detalis svg {
	height: 60px;
	width: 60px
}

.mt-8 {
	margin-top: 80px
}

.mt-10 {
	margin-top: 100px
}

.salesforce-consultingServe-wrapper {
	position: relative
}

.consultingServe-label {
	display: block;
	transition: all .3s ease 0s;
	-webkit-transition: all .3s ease 0s;
	font-weight: 400;
	font-size: 20px;
	color: #fff;
	margin-top: 13px
}

section.salesforce-services {
	padding: 0 100px 100px
}

.salesforce-services-left .force-service-item {
	text-align: right
}

.force-service-item h2 {
	font-size: 30px;
	font-weight: 400;
	color: #000;
	margin-bottom: 20px
}

.force-service-item p {
	font-size: 17px;
	font-weight: 300;
	margin: 0
}

.force-service-item {
	padding-bottom: 100px
}

.force-service-bg {
	background: url(../../images/services/salesforce-ser-bg.png) no-repeat center center;
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}

.force-service-logo {
	width: 236px
}

.force-item-icon {
	position: absolute;
	width: 133px
}

.forceConsulting {
	left: 4px;
	top: 12px
}

.forceCustomization {
	left: 4px;
	top: 290px
}

.forceMigration {
	left: 4px;
	bottom: 3px
}

.forceImplementation {
	right: 4px;
	top: 12px;
	transform: scaleX(-1)
}

.forceIntegration {
	right: 4px;
	top: 290px;
	transform: scaleX(-1)
}

.forceSupport {
	right: 4px;
	bottom: 3px;
	transform: scaleX(-1)
}

.force-service-item {
	padding-bottom: 60px
}

svg#forceIcon {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	max-width: 50px;
	margin: auto
}

section.salesforce-solutions {
	padding: 150px 100px;
	background: #00a0df;
	position: relative;
	overflow: hidden
}

.salesforce-solutions-wrapper {
	background: rgba(255, 255, 255, .15);
	border: 1px solid #fff;
	padding: 30px;
	position: relative;
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out
}

.solutions-cloudShape-top {
	position: absolute;
	top: -268px
}

.solutions-cloudShape-bottom {
	position: absolute;
	bottom: -268px;
	transform: rotate(-180deg)
}

.salesforce-solutions .section-head h1 {
	color: #fff
}

.salesforce-solutions .section-head .divided:after,
.salesforce-solutions .section-head .divided:before {
	background: #fff
}

span.solution-item-num {
	color: #fff;
	display: block;
	position: absolute;
	top: 10px;
	right: 12px;
	font-size: 20px
}

.solutions-head h2 {
	color: #fff;
	font-size: 30px;
	font-weight: 400;
	margin-bottom: 20px
}

.solutions-detalis p {
	font-size: 16px;
	color: #fff;
	margin-bottom: 26px
}

.solutions-detalis ul.solutionList {
	list-style: none;
	padding: 0;
	margin: 0;
	color: #fff
}

.solutions-detalis ul.solutionList li {
	margin-bottom: 12px;
	display: flex;
	align-items: baseline
}

.solutions-detalis ul.solutionList li i {
	margin-right: 10px
}

.salesforce-solutions-wrapper:hover {
	background: #ff857d;
	background: -moz-linear-gradient(46deg, #ff857d 0, #ffb364 100%);
	background: -webkit-linear-gradient(46deg, #ff857d 0, #ffb364 100%);
	background: linear-gradient(46deg, #ff857d 0, #ffb364 100%);
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out
}

.salesforce-ProductSolutions {
	background: #f5f5f5;
	padding: 120px 150px;
	overflow: hidden;
	position: relative
}

.ProductSolutions-head h2 {
	font-size: 30px;
	font-weight: 400;
	color: #fff;
	margin: 0
}

.mt-lg-8 {
	margin-top: 80px
}

.prodctsolution-icon {
	max-width: 110px;
	margin: 0 auto 30px auto
}

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

ul.ProductSolutions-sublist li {
	display: flex;
	align-items: center;
	width: 50%;
	float: left
}

ul.ProductSolutions-sublist:after {
	content: "";
	display: block;
	clear: both
}

ul.ProductSolutions-sublist li:nth-child(1),
ul.ProductSolutions-sublist li:nth-child(2) {
	margin-bottom: 30px
}

.productSublist-icon {
	width: 75px
}

h3.productSublist-title {
	font-size: 20px;
	font-weight: 400;
	color: #000;
	margin-left: 10px
}

.ProductSolutions-detalis p {
	margin: 25px 0 0;
	color: #fff
}

.salesforce-item {
	padding: 130px 30px;
	border-radius: 12px;
	overflow: hidden;
	position: relative
}

.salesforce-item:before {
	content: "";
	display: block;
	background: rgba(0, 0, 0, .6);
	position: absolute;
	top: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	left: 0;
	right: 0
}

.ProductSolutions-left-wrapper {
	position: relative;
	z-index: 99;
	text-align: center
}

.force-bg {
	background: url(../../images/web-development/bluenight-sky.jpg) no-repeat center center/cover
}

.salesforce-ongBg {
	background: url(../../images/web-development/rednight-sky.jpg) no-repeat center center/cover
}

.appExchange-bg {
	background: url(../../images/web-development/black-earth.jpg) no-repeat center center/cover
}

.lightning-bg {
	background: url(../../images/web-development/cyannight-sky.jpg) no-repeat center center/cover
}

.ourPortfolio-banner {
	height: 100vh;
	position: relative;
	background: url(../../images/portfolio/portfolio-bg.jpg) no-repeat left top
}

.ourPortfolio-banner::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	z-index: 1;
	width: 100%;
	background: rgba(39, 39, 39, .78)
}

.ourPortfolio-banner>.container-fluid {
	position: relative;
	z-index: 2
}

.headBox-portfolio {
	height: calc(100vh - 120px);
	position: relative;
	width: 50%;
	margin-right: 0;
	margin: 0 0 0 auto;
	padding: 6% 15% 0 4%;
	box-sizing: border-box;
	background: #fff;
	margin-top: 7.14%
}

.headBox-portfolio .sec-heading-s p {
	line-height: 32px;
	margin: 0
}

.ourPortfolio-wrapper.left {
	padding: 0 250px 0 100px
}

.ourPortfolio-wrapper.right {
	padding: 0 100px 0 250px
}

.portfolio-screen {
	position: absolute;
	margin: auto;
	z-index: 99;
	top: 13%;
	bottom: 0
}

.ourPortfolio-right-img-wrap {
	position: relative
}

.portfolio-screen.right {
	left: -164px
}

.portfolio-screen.left {
	right: -164px
}

.ourPortfolio-item .portfolio-screen img {
	border-radius: 46px;
	overflow: hidden;
	box-shadow: 0 0 35px rgba(0, 0, 0, .14)
}

.ourPortfolio-right-img-wrap .port-fullimg img {
	margin: 0 0 0 auto;
	display: block
}

.poft-detalis span.poft-subTitle {
	font-size: 16px;
	margin: 50px 10px 30px 0;
	display: inline-block;
	color: #696969;
	border-radius: 30px;
	padding: 7px 24px;
	border: 1px solid #696969;
	background: #fff;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	cursor: pointer
}

.poft-detalis span.poft-subTitle:hover {
	background: #02a8f3;
	border: 1px solid #02a8f3;
	color: #fff
}

.poft-detalis p {
	font-weight: 300
}

.port-downBtn {
	margin-left: 30px;
	display: none
}

.port-downBtn a {
	background: #929292;
	color: #fff;
	height: 52px;
	width: 52px;
	display: inline-block;
	text-align: center;
	line-height: 52px;
	font-size: 26px;
	border-radius: 100px;
	-webkit-box-shadow: 3px 9px 12px rgba(146, 146, 146, .2);
	-moz-box-shadow: 3px 9px 12px rgba(146, 146, 146, .2);
	box-shadow: 3px 9px 12px rgba(146, 146, 146, .2);
	margin: 0 3px
}

.port-downBtn a:hover {
	background: #00c2ff;
	-webkit-box-shadow: 3px 9px 12px rgba(0, 194, 255, .4);
	-moz-box-shadow: 3px 9px 12px rgba(0, 194, 255, .4);
	box-shadow: 3px 9px 12px rgba(0, 194, 255, .4)
}

.ourPortfolio-caseStudy {
	margin-top: 40px;
	display: flex;
	align-items: center
}

.ourPortfolio-caseStudy a.port-caseStudy {
	font-size: 18px;
	color: #fff;
	font-weight: 400;
	padding: 13px 38px;
	border: 1px solid #fff;
	border-radius: 100px;
	background: #00c2ff;
	-webkit-box-shadow: 3px 9px 12px rgba(0, 194, 255, .4);
	-moz-box-shadow: 3px 9px 12px rgba(0, 194, 255, .4);
	box-shadow: 3px 9px 12px rgba(0, 194, 255, .4);
	display: inline-block;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.ourPortfolio-caseStudy a.port-caseStudy:focus,
.ourPortfolio-caseStudy a.port-caseStudy:hover {
	background: #ff9623;
	-webkit-box-shadow: 3px 9px 12px rgba(246, 93, 23, .2)!important;
	-moz-box-shadow: 3px 9px 12px rgba(246, 93, 23, .2)!important;
	box-shadow: 3px 9px 12px rgba(246, 93, 23, .2)!important
}

.project-modal-navigation .website-logo img {
	-webkit-filter: brightness(0) invert(1);
	-ms-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1)
}

.hirePhpDeveloper-banner {
	height: 85vh;
	background: url(../../images/hiring/hirePHP-banner.jpg) no-repeat center center/cover;
	display: flex;
	align-items: center;
	position: relative
}

.hirePhpDeveloper-content-wrapper {
	text-align: center
}

.hirePhpDeveloper-content-wrapper a.cus_btn {
	color: #fff!important;
	z-index: 9;
	margin-top: 30px
}

.hirePhpDeveloper-content-wrapper a.cus_btn:before {
	background: linear-gradient(to left, #189beb 0, #3a7bd5 100%)!important;
	color: #fff
}

.hirePhpDeveloper-content-wrapper a.cus_btn:after {
	background: #fff
}

.hiring-feature-wrapper {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -90px;
	max-width: 1140px;
	margin: auto;
	border-radius: 12px;
	background: #4481eb;
	background: -moz-linear-gradient(90deg, #4481eb 0, #04befe 100%);
	background: -webkit-linear-gradient(90deg, #4481eb 0, #04befe 100%);
	background: linear-gradient(90deg, #4481eb 0, #04befe 100%)
}

li.hiring-feature-item {
	padding: 40px 35px;
	border-right: 1px solid rgba(255, 255, 255, .27);
	width: 20%
}

li.hiring-feature-item:last-child {
	border-right: 0
}

.hiring-feature-wrapper ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	list-style: none;
	padding: 0;
	margin: 0
}

.hiring-feature-item .feature-icon svg {
	max-width: 52px;
	margin: auto;
	text-align: center;
	display: block
}

.hiring-feature-item span {
	font-size: 20px;
	text-align: center;
	font-weight: 300;
	display: block;
	margin-top: 20px;
	color: #fff
}

.hirePhpDeveloper-overview {
	padding: 170px 100px 100px
}

.hirePhpDeveloper-Rightoverview {
	background: #e4f5ff;
	padding: 40px 20px
}

.hirePhpDeveloper-overview .overview-content-wrapper {
	padding-right: 70px
}

.hirePhpDeveloper-Rightoverview ul li i {
	color: #0083ff;
	font-size: 20px;
	font-weight: 700;
	margin-right: 5px
}

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

.hirePhpDeveloper-Rightoverview ul:after {
	content: "";
	display: block;
	clear: both
}

.hirePhpDeveloper-Rightoverview ul li {
	font-weight: 300;
	color: #212121;
	padding: 20px 0;
	width: 50%;
	display: flex;
	align-items: baseline;
	float: left;
	font-size: 18px
}

.engagement-model-wrapper {
	background: #4481eb;
	background: -moz-linear-gradient(90deg, #4481eb 0, #04befe 100%);
	background: -webkit-linear-gradient(90deg, #4481eb 0, #04befe 100%);
	background: linear-gradient(90deg, #4481eb 0, #04befe 100%);
	padding: 80px
}

.hiring-model-wrapper {
	background: #ff9a44;
	background: -moz-linear-gradient(90deg, #ff9a44 0, #fc6076 100%);
	background: -webkit-linear-gradient(90deg, #ff9a44 0, #fc6076 100%);
	background: linear-gradient(90deg, #ff9a44 0, #fc6076 100%)
}

h2.engagement-title {
	font-size: 22px;
	font-weight: 400;
	margin-top: 12px;
	color: #fff
}

.engagement-item {
	min-height: 253px;
	background: rgba(255, 255, 255, .3);
	border: 1px solid rgba(255, 255, 255, .6);
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all .3s ease-in-out;
	padding: 10px;
	transform: scaleY(1);
	-webkit-transform: scaleY(1);
	overflow: hidden
}

.engagement-item.center {
	margin: 0 -1px
}

.engagement-model-wrapper .engagement-model-title {
	font-size: 30px;
	font-weight: 400;
	color: #fff;
	margin-bottom: 30px
}

p.engagement-model-subTitle {
	margin-bottom: 60px;
	font-weight: 300;
	color: #fff
}

.engagement-icon {
	max-width: 60px;
	margin: auto;
	transition: all .3s ease-in-out
}

p.engagement-content {
	font-size: 16px;
	font-weight: 400;
	height: 0;
	opacity: 0;
	visibility: hidden;
	margin: 0
}

.engagement-item:hover {
	transition: all .5s ease-in-out;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
	transform: scaleY(1.1);
	-webkit-transform: scaleY(1.1)
}

.engagement-item:hover .engagement-icon {
	transform: translateY(-130px);
	-webkit-transform: translateY(-130px);
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out
}

.engagement-item:hover p.engagement-content {
	opacity: 1;
	visibility: visible;
	transition: all .3s ease-in-out;
	height: initial;
	margin-top: 20px
}

.engagement-item:hover .engagement-block {
	margin-top: -62px;
	display: block
}

.hirePhpDeveloper-skillset {
	background: #4481eb;
	background: -moz-linear-gradient(90deg, #4481eb 0, #04befe 100%);
	background: -webkit-linear-gradient(90deg, #4481eb 0, #04befe 100%);
	background: linear-gradient(90deg, #4481eb 0, #04befe 100%);
	padding: 100px 200px
}

.skillset-left-wrapper ul.skillset-list {
	list-style: none;
	padding: 0;
	margin: 0
}

.skillset-left-wrapper li.skillset-item i {
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	margin-right: 12px
}

.skillset-left-wrapper li.skillset-item {
	font-weight: 300;
	color: #fff;
	padding: 12px 0;
	font-size: 18px;
	display: flex;
	align-items: baseline
}

.fullstack-skillset li.skillset-item {
	width: 48%;
	float: left
}

.hirePhpDeveloper-skillset .section-head .divided {
	margin: initial
}

.hirePhpDeveloper-skillset .section-head .divided:after,
.hirePhpDeveloper-skillset .section-head .divided:before {
	background: #fff
}

section.phpDevelopmentHome-appBackend li.skillset-item {
	color: #000
}

section.phpDevelopmentHome-appBackend .skillset-left-wrapper li.skillset-item i {
	color: #0183ff
}

.hirePhpDeveloper-addService {
	background: url(../../images/hiring/additional-service.jpg) no-repeat center center/cover;
	padding: 100px 30px 100px 0
}

.addService-subtitle {
	font-size: 22px;
	font-weight: 500
}

.hirePhpDeveloper-addService .section-head .divided {
	margin: initial
}

.hirePhpDeveloper-addService .section-head .divided:after,
.hirePhpDeveloper-addService .section-head .divided:before {
	background: #fff
}

ul.addService-list-wrapper {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 550px;
	margin-top: 40px
}

.addService-icon svg {
	width: 35px;
	margin: auto
}

.addService-icon {
	border: 1px solid #fff;
	border-radius: 6px;
	padding: 10px;
	text-align: center;
	height: 65px;
	width: 65px;
	display: flex;
	justify-content: center;
	align-items: center
}

.addService-icon svg path {
	fill: #fff
}

li.addService-item {
	display: inline-block;
	margin: 0 10px 10px 0
}

.hirePhpDeveloper-customSolution {
	padding: 100px 30px 100px 0
}

.hirePhpDeveloper-customSolution .section-head .divided {
	margin: initial
}

.customSolution-wrapper ul li i {
	color: #0083ff;
	font-size: 20px;
	font-weight: 700;
	margin-right: 12px
}

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

.customSolution-wrapper ul:after {
	content: "";
	display: block;
	clear: both
}

.customSolution-wrapper ul li {
	font-weight: 300;
	color: #000;
	padding: 10px 0;
	width: 50%;
	display: flex;
	align-items: baseline;
	float: left;
	font-size: 18px
}

.customSolution-wrapper {
	padding-top: 30px
}

.hirePhpDeveloper-process {
	padding: 100px 200px 200px;
	background: url(../../images/mobile-app/overview-bg.png) no-repeat bottom center
}

.process-icon {
	max-width: 120px;
	margin: auto
}

.process-detalis h2 {
	font-size: 18px;
	font-weight: 400;
	color: #000;
	padding: 20px 0 10px
}

.hirePhpDeveloper-process .process-wrapper {
	position: relative
}

.process-bg-top {
	position: absolute;
	width: 100%;
	top: -90px;
	right: -140px
}

.process-bg-bottom {
	position: absolute;
	width: 100%;
	bottom: -90px;
	right: -140px
}

ul.process-list {
	padding: 0;
	list-style: none;
	margin: 0;
	text-align: left
}

.hirePhpDeveloper-process.development-Process {
	background: #fff
}

ul.process-list li {
	font-size: 16px;
	font-weight: 400;
	color: #000;
	display: flex;
	align-items: baseline
}

ul.process-list li i {
	margin-right: 10px
}

.development-Process .process-detalis h2 {
	font-weight: 500;
	font-size: 20px;
	text-align: left
}

.development-Process .process-icon {
	margin: initial
}

.process-content-wrapper.bottom:after,
.process-content-wrapper.top:before {
	content: "";
	height: 50px;
	width: 2px;
	background: linear-gradient(10deg, #ff9a44 0, #fc6076 100%);
	display: block
}

.process-content-wrapper.bottom:after {
	margin: 25px 0 0 60px
}

.process-content-wrapper.top:before {
	margin: 0 0 25px 60px
}

.development-Process .process-content-wrapper {
	position: relative
}

.development-Process .bottom~.process-detalis {
	margin-top: 60px
}

.processCount .num {
	font-size: 20px;
	color: #fff;
	position: absolute;
	background: linear-gradient(10deg, #ff9a44 0, #fc6076 100%);
	border-radius: 200px;
	height: 40px;
	width: 40px;
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .3);
	line-height: 40px;
	text-align: center;
	left: 40px;
	bottom: -40px
}

.process-wrapper.top .process-detalis {
	margin-bottom: 80px
}

.bottom .processCount .num {
	left: 40px;
	bottom: -40px
}

.top .processCount .num {
	left: 40px;
	top: -40px
}

.hireAndroidDeveloper-relatedItem .relatedServices-icon {
	max-width: 100px
}

ul.phpDevelopmentServer-Navtab {
	position: relative;
	box-shadow: 4px 0 20px 3px #a9a9a95c;
	display: block;
	margin: auto;
	width: 600px
}

.phpDevelopmentServer-Navtab li.phpDevelopmentServer-item {
	list-style-type: none;
	height: 205px;
	width: 33.33%;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #fff;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	float: left
}

.phpDevelopmentServer-Navtab li.phpDevelopmentServer-item.active {
	transform: scale(1.1);
	border: 1px solid #7ac3fc;
	box-shadow: 4px 0 20px 3px #a9a9a95c
}

.phpDevelopmentServer-Navtab li.phpDevelopmentServer-item h2 {
	font-size: 16px;
	color: #727272;
	font-weight: 500;
	padding: 20px 10px 0;
	margin-bottom: 0
}

.phpDevelopmentInner-service .section-head .divided {
	margin: initial;
	margin-bottom: 40px
}

section.phpDevelopmentInner-service {
	position: relative
}

.phpDevelopmentServer-content-wrapper h4 {
	font-size: 32px;
	color: #212121;
	font-weight: 600;
	padding: 50px 0
}

.phpDevelopmentServer-content-wrapper {
	background: url(../../images/mobile-app/sky-bg.png) no-repeat 7% top
}

.phpDevelopmentServer-left-des .section-head,
.phpDevelopmentServer-left-des .tab-content .phpDevelopmentServer-content-wrapper {
	padding-left: 100px
}

.phpDevelopmentServer-tabpanel {
	padding: 150px 0;
	background: linear-gradient(to top, #1e3c72 0, #1e3c72 1%, #2a5298 100%);
	background: -webkit-linear-gradient(to top, #1e3c72 0, #1e3c72 1%, #2a5298 100%);
	background: -moz-linear-gradient(to top, #1e3c72 0, #1e3c72 1%, #2a5298 100%)
}

.phpDevelopmentServer-Navtab .phpDevelopmentServer-icon {
	width: 50px
}

.phpDevelopmentServer-item .phpDevelopmentServer-icon circle,
.phpDevelopmentServer-item .phpDevelopmentServer-icon path {
	fill: #212121
}

.phpDevelopmentServer-item.active .phpDevelopmentServer-icon path {
	fill: url(#SVGID_1_)
}

.phpDevelopmentServer-item.active .phpDevelopmentServer-icon circle {
	fill: url(#SVGID_13_)
}

section.phpDevelopmentInner-benefit {
	padding: 100px 220px;
	background: url(../../images/mobile-app/overview-bg.png) no-repeat center bottom
}

.developmentBenefit-wrapper {
	display: flex;
	justify-content: center;
	align-items: center
}

.developmentBenefit-Icon {
	width: 250px;
	margin-right: 20px
}

h2.developmentBenefit-title {
	font-size: 24px;
	color: #000
}

.developmentBenefit-content p {
	font-size: 16px
}

.hirePhpDeveloper-skillset.phpDev-benefit {
	background: #fff
}

.hirePhpDeveloper-skillset.phpDev-benefit .section-head .divided:after,
.hirePhpDeveloper-skillset.phpDev-benefit .section-head .divided:before {
	background: #067abf
}

.hirePhpDeveloper-skillset.phpDev-benefit .skillset-left-wrapper li.skillset-item i {
	color: #0083ff
}

.hirePhpDeveloper-skillset.phpDev-benefit .skillset-left-wrapper li.skillset-item {
	color: #000
}

section.phpDevelopmentInner-relatedServices {
	padding: 150px 0
}

.relatedServices-wrapper {
	transition: all .3s ease-in-out;
	transform: scale(1)
}

.relatedServices-icon {
	max-width: 55px;
	margin: auto;
	padding-bottom: 30px
}

.relatedServices-wrapper h2 {
	font-size: 20px;
	font-weight: 400;
	color: #000
}

.relatedServices-wrapper:hover {
	transform: scale(1.15)
}

.hireDeveloperHome-banner {
	display: flex;
	justify-content: center;
	align-items: center;
	background: url(../../images/hiring/hire-development.jpg) no-repeat center center/cover;
	height: 100vh
}

.hireDeveloperHome-service {
	padding: 0 0 100px 0;
	position: relative
}

.dedicated-service-content {
	background: -moz-linear-gradient(90deg, #4481eb 0, #04befe 100%);
	background: -webkit-linear-gradient(90deg, #4481eb 0, #04befe 100%);
	background: linear-gradient(90deg, #4481eb 0, #04befe 100%);
	position: relative;
	align-items: center;
	overflow: hidden
}

.dedicatedService-tabs-wrapper .dedicatedService-tabLeft {
	display: block;
	border: none
}

.dedicatedService-tabs-wrapper {
	position: relative;
	z-index: 999;
	-webkit-box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, .3);
	-moz-box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, .3);
	box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, .3)
}

.dedicatedService-tabLeft .nav-link {
	border: none;
	height: 85px;
	display: flex;
	align-items: center;
	padding: 20px 5px 20px 15px;
	border-radius: 0!important
}

.dedicatedService-tabLeft .odd .nav-link {
	background: #f4f4f4
}

.dedicatedService-tabLeft .even .nav-link {
	background: #fff
}

.dedicatedService-tabLeft span {
	color: #000;
	font-size: 18px;
	font-weight: 400
}

.dedicatedService-tabLeft .nav-link.active {
	background: -moz-linear-gradient(90deg, #4481eb 0, #04befe 100%);
	background: -webkit-linear-gradient(90deg, #4481eb 0, #04befe 100%);
	background: linear-gradient(90deg, #4481eb 0, #04befe 100%)
}

.dedicatedService-tabLeft .nav-link.active span {
	color: #fff
}

.dedicatedService-listIcon svg {
	max-width: 46px;
	display: block;
	margin: auto;
	padding: 10px 0
}

.dedicatedService-listIcon h3 {
	font-size: 18px;
	color: #fff;
	font-weight: 400;
	padding-bottom: 10px
}

.dedicatedService-listIcon {
	margin-bottom: 40px;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out
}

.dedicatedService-listIcon:hover circle,
.dedicatedService-listIcon:hover path,
.dedicatedService-listIcon:hover polygon,
.dedicatedService-listIcon:hover rect {
	fill: #000
}

rect.phalcon3,
rect.wordpress1 {
	fill: none!important
}

.dedicatedService-listIcon:hover h3 {
	color: #000
}

.dedicatedService-title h2 {
	font-size: 36px;
	font-weight: 400;
	color: #fff
}

.dedicatedService-des p {
	font-size: 18px;
	font-weight: 300;
	color: #fff;
	margin: 25px 0 42px
}

.dedicatedService-listIcon:hover {
	background: #fff;
	border-radius: 6px
}

@media (min-width:1200px) {
	.col-lg-1-5 {
		flex: 0 0 20%;
		max-width: 20%
	}
}

.webdevelopmentHome-banner {
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background: url(../../images/web-development/webDevelopment.jpg) no-repeat center center/cover
}

section.webDevelopmentHome-technologies {
	padding: 100px 0
}

.webDevelopmentHome-technologies-wrappper {
	padding: 0 120px
}

.webDevelopmentHome-technologies-wrappper .technologies-item {
	position: relative
}

.webDevelopmentHome-technologies-wrappper .technologies-item:before {
	content: "";
	display: block;
	padding-top: 85%
}

.webDevelopmentHome-technologies-wrappper .technologies-item .technologies-title {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 20px;
	text-align: center
}

.technologies-btn {
	font-size: 20px;
	font-weight: 300;
	display: block;
	padding: 12px 10px;
	border-radius: 6px;
	color: #fff;
	background: #172086;
	background: linear-gradient(180deg, #172086 0, #0095ff 100%);
	text-align: center;
	border: 1px solid #fff;
	transition: all .3s ease-in-out
}

.technologies-btn:hover {
	color: #fff;
	background: linear-gradient(180deg, #0095ff 0, #172086 100%)
}

.webDevelopmentHome-technologies-wrappper h4 {
	font-size: 25px;
	color: #fff;
	font-weight: 400
}

.webDevelopmentHome-technologies-wrappper p {
	margin: 25px 0;
	color: #fff;
	line-height: 26px;
	font-size: 16px;
	font-weight: 300
}

.technologies-itemInner {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 9;
	-webkit-transition: all .4s ease-out 0s;
	-moz-transition: all .4s ease-out 0s;
	-ms-transition: all .4s ease-out 0s;
	-o-transition: all .4s ease-out 0s;
	transition: all .4s ease-out 0s;
	overflow: hidden;
	left: 0;
	top: 0
}

.php-tech .technologies-itemInner {
	background: #00adef
}

.dotNet-tech .technologies-itemInner {
	background: #e9af06
}

.python-tech .technologies-itemInner {
	background: #539e43
}

.java-tech .technologies-itemInner {
	background: #c24a32
}

.ror-tech .technologies-itemInner {
	background: #9d3af0
}

.meanStack-tech .technologies-itemInner {
	background: #07749b
}

.fullStack-tech .technologies-itemInner {
	background: #0a9b8e
}

.javaFramework-tech .technologies-itemInner {
	background: #1552a3
}

.technologies-itemInner .technologies-inner-content {
	display: none;
	width: 0;
	overflow: hidden
}

.webDevelopmentHome-technologies-wrappper .b-3:before {
	padding-top: 50%
}

.technologies-itemInner .technogies-icon {
	max-width: 88px;
	margin: auto;
	margin: 20px auto
}

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

ul li.technologies-list-item {
	padding: 0 10px 10px 10px;
	text-align: left;
	color: #fff;
	display: flex;
	align-items: baseline;
	font-size: 17px
}

ul li.technologies-list-item i {
	margin-right: 10px
}

.technologies-inner-content a.cus_btn:before {
	background: 0 0
}

.technologies-inner-content a.cus_btn {
	border-color: #fff;
	color: #fff!important
}

.webDevelopmentHome-solution {
	padding: 100px 100px;
	background: url(../../images/web-development/solution-bg.jpg) no-repeat center center/cover
}

.webDevelopmentHome-solution .section-head .divided:after,
.webDevelopmentHome-solution .section-head .divided:before {
	background: #fff
}

.webDev-solution-wrapper {
	padding: 30px;
	min-height: 390px
}

.webDev-solution-wrapper.darkBlue {
	background: rgba(3, 61, 117, .8)
}

.webDev-solution-wrapper.lightBlue {
	background: rgba(0, 131, 255, .8)
}

.webDev-solution-wrapper h2 {
	color: #fff;
	font-size: 24px;
	font-weight: 400
}

.webDev-solution-wrapper p {
	color: #fff;
	margin: 30px 0 40px 0
}

.webDev-solution-listItem ul {
	list-style: none;
	padding: 0;
	margin: 0
}

.webDev-solution-listItem ul li {
	display: inline-block;
	margin: 0 30px 20px 0
}

.webDevelopmentHome-solution .solutionIcon {
	width: 26px;
	display: inline-block;
	vertical-align: middle
}

.webDev-solution-listItem ul li span {
	margin-left: 10px;
	color: #fff;
	font-size: 18px
}

ul.magento-NavTab {
	width: 410px
}

ul.magento-NavTab li.phpDevelopmentServer-item {
	width: 50%
}

section.phpDevelopmentHome-services {
	padding: 100px 150px
}

.phpDevelopmentHome-serviceWrapper {
	margin-bottom: 40px;
	border: 1px solid #ebebeb;
	padding: 24px 31px 20px;
	min-height: 365px;
	border-bottom: 5px solid #04befe
}

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

.phpDevelopmentHome-serviceWrapper.for ul,
.phpDevelopmentHome-serviceWrapper.three ul {
	display: inline-block;
	width: 48%;
	vertical-align: top
}

.phpDevelopmentHome-serviceWrapper .serviceWrapper-title h4 {
	margin-bottom: 22px;
	font-size: 26px;
	color: #000;
	font-weight: 500
}

.phpDevelopmentHome-serviceWrapper p {
	margin-bottom: 20px;
	font-size: 16px
}

.phpDevelopmentHome-serviceWrapper ul li {
	color: #212121;
	line-height: 30px
}

.phpDevelopmentHome-appBackend {
	padding: 100px 200px 150px
}

.phpDevelopmentHome-appBackend .divided {
	margin: initial
}

.phpDevelopmentHome-migrate {
	padding: 0 170px 100px
}

.phpDevelopmentHome-migrate .section-head .divided {
	margin: initial
}

.phpDevelopmentHome-migrate .migrate-des {
	padding-right: 140px
}

.migrate-rightWrapper {
	position: relative
}

.migrate-wrapper.first {
	position: absolute;
	left: 15px;
	right: 15px;
	top: 100px
}

.migrate-wrapper.three {
	position: absolute;
	left: 15px;
	right: 15px;
	top: 220px
}

.migrate-wrapper.last {
	margin-top: 30px
}

.phpDevelopmentHome-migrate .migrate-wrapper {
	background: #4481eb;
	background: -moz-linear-gradient(90deg, #4481eb 0, #04befe 100%);
	background: -webkit-linear-gradient(90deg, #4481eb 0, #04befe 100%);
	background: linear-gradient(0deg, #4481eb 0, #04befe 100%);
	padding: 50px 40px;
	text-align: center
}

.phpDevelopmentHome-migrate .migrate-Icon {
	max-width: 70px;
	margin: 0 auto 25px auto
}

.phpDevelopmentHome-migrate .migrate-content p {
	font-size: 17px;
	color: #fff;
	margin: 0
}

.phpDevelopmentHome-solutionWrapper {
	width: 100%;
	text-align: center;
	position: relative;
	min-height: 520px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	transition: all .5s ease-in-out;
	overflow: hidden
}

.phpDevelopmentHome-solutionWrapper.one {
	background: linear-gradient(0deg, #4481eb 0, #04befe 100%)
}

.phpDevelopmentHome-solutionWrapper.two {
	background: linear-gradient(180deg, #ff9a44 0, #fc6076 100%)
}

.solutionWrapper-title h4 {
	color: #fff
}

.solutionWrapper-content p {
	color: #fff
}

.solutionWrapper-icon {
	width: 130px;
	margin: 0 auto 20px auto;
	transition: all .5s ease-in-out
}

section.phpDevelopmentHome-solution.cms-solution .phpDevelopmentHome-solutionWrapper {
	min-height: 440px
}

section.phpDevelopmentHome-solution.cms-solution .phpDevelopmentHome-solutionWrapper.two {
	background: #1d8ad9
}

section.phpDevelopmentHome-solution.cms-solution .phpDevelopmentHome-solutionWrapper.one {
	background: #359feb
}

.cms-technologies .relatedServices-icon {
	max-width: 100px
}

section.cmsDevelopment-customDev {
	padding: 0 0 100px 0
}

.customDevWrapper-icon svg {
	position: relative;
	z-index: 1;
	max-width: 130px
}

.customDevWrapper-icon {
	text-align: center;
	position: relative
}

.customDevWrapper-icon:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: 130px;
	width: 130px;
	border-radius: 50%;
	z-index: -1;
	animation: pulseanim 3s infinite cubic-bezier(.4, 0, 1, 1) both
}

@keyframes pulseanim {
	0% {
		box-shadow: 0 0 0 0 rgba(29, 150, 231, .2)
	}
	70% {
		box-shadow: 0 0 0 60px rgba(29, 150, 231, 0)
	}
	100% {
		box-shadow: 0 0 0 0 rgba(29, 150, 231, 0)
	}
}

.customDevWrapper-title h4 {
	font-size: 20px;
	margin-top: 20px;
	font-weight: 400;
	color: #000;
	text-align: center
}

section.mobileApp-service.pythonDev-service {
	background: #fff;
	overflow: hidden
}

section.mobileApp-service.pythonDev-service .service-tabpanel {
	overflow: hidden;
	background: url(../../images/web-development/bigstock-Program.jpg) no-repeat center center/cover
}

.pythonDev-service .service-tabpanel:before {
	top: 0;
	background: rgba(0, 0, 0, .4)
}

.pythonDev-service .service-Navtab li.service-item {
	background: rgba(255, 255, 255, .7);
	border-right: 1px solid rgba(255, 255, 255, .4);
	border-bottom: 1px solid rgba(255, 255, 255, .4)
}

.pythonDev-service .service-Navtab li.service-item.active {
	background: #fff
}

.pythonDev-service .service-Navtab .service-icon {
	max-width: 55px
}

.pythonDev-service .service-Navtab li.service-item h2 {
	color: #212121
}

.machine-learning-wrapper .webDev-solution-listItem ul li {
	display: block;
	margin: 30px 0 20px 0
}

section.webDevelopmentHome-solution.machine-learning,
.sec-padding {
	padding: 100px 170px
}

.machine-learning-wrapper h2 {
	font-size: 22px;
	margin: 0
}

.machine-learning-wrapper .webDev-solution-wrapper {
	min-height: 400px
}

.machine-learning-wrapper .webDev-solution-wrapper.lightBlue {
	background: rgba(12, 93, 170, .8)
}

.advance-apps-wrapper li i {
	color: #fff;
	font-size: 18px;
	font-weight: 500
}

.advance-apps-wrapper h2 {
	font-size: 24px
}

.advance-apps-wrapper .webDev-solution-wrapper {
	min-height: 460px
}

.advance-apps-wrapper .webDev-solution-listItem ul li {
	display: block;
	margin: 15px 0 10px 0
}

.cms-solution-wrapper .webDev-solution-wrapper {
	min-height: 340px
}

.cms-solution-wrapper h2 {
	font-size: 24px
}

.cms-solution-wrapper svg path {
	fill: #fff
}

.netFramework-icon {
	max-width: 60px;
	margin-bottom: 10px
}

.ourExpertise-text h2 {
	font-size: 21px;
	color: #000;
	margin: 20px 0 10px 0
}

.ourExpertise-wrapper p {
	font-size: 16px
}

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

.ourExpertise-listItem ul li {
	display: flex;
	font-size: 16px;
	color: #000;
	align-items: baseline;
	font-weight: 300;
	padding: 7px 0
}

.ourExpertise-listItem ul li i {
	font-size: 20px;
	margin-right: 8px;
	color: #0083ff
}

.javascript-services li.service-item h2,
.vueJs-service li.service-item h2 {
	font-size: 16px
}

.javascript-services .service-Navtab .service-icon,
.vueJs-service .service-Navtab .service-icon {
	max-width: 50px
}

.javascript-services .service-Navtab li.service-item:last-child {
	width: 100%
}

.futuristic-solution-wrapper {
	background: #fff;
	border-bottom: 5px solid #189beb
}

.futuristic-solution-text {
	padding: 15px 30px;
	background: #189beb;
	text-align: center
}

.futuristic-solution-wrapper .futuristic-solution-text h2 {
	color: #fff;
	font-size: 26px;
	margin: 0
}

.futuristic-solution-listItem {
	padding: 30px
}

.futuristic-solution-listItem p {
	font-size: 16px
}

.futuristic-solution-listItem ul {
	list-style: none;
	padding: 0;
	margin: 0
}

.futuristic-solution-listItem ul i {
	color: #0283ff;
	font-size: 16px;
	font-weight: 700;
	margin-right: 10px
}

.futuristic-solution-listItem ul li {
	padding: 6px 0;
	color: #000;
	font-size: 16px
}

section.operational-solution-wrapper {
	padding: 150px 0
}

.operational-wrapper {
	display: flex;
	align-items: center
}

.operationalIcon {
	width: 60px;
	margin-right: 20px
}

.operational-content h2 {
	font-size: 20px;
	color: #000
}

.cloud-info {
	padding: 100px 0
}

.aws-appDev-wrapper .aws-web-icon {
	background: linear-gradient(0deg, #4481eb 0, #04befe 100%);
	border-radius: 200px;
	width: 60px;
	border-bottom-right-radius: 0;
	height: 60px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center
}

.aws-appDev-wrapper .aws-web-icon svg {
	width: 35px
}

.aws-left-side,
.aws-web-right {
	display: inline-block;
	vertical-align: top
}

.aws-appDev-wrapper .aws-web-right {
	width: 87%;
	margin-left: 15px
}

.aws-appDev-wrapper .aws-web-detalis h2 {
	color: #222;
	font-weight: 600;
	margin-top: 0;
	font-size: 22px
}

.awsDev-service-wrapper .aws-web-icon {
	width: 120px;
	height: 90px;
	background: #189beb;
	border-radius: 12px;
	position: relative;
	top: 40px;
	text-align: center;
	line-height: 70px
}

.awsDev-service-wrapper .futuristic-solution-wrapper .futuristic-solution-text h2 {
	position: relative;
	z-index: 99;
	font-size: 22px;
	min-height: 52px;
	line-height: 52px
}

.awsDev-service-wrapper .futuristic-solution-wrapper .futuristic-solution-text.first h2 {
	line-height: initial
}

.awsDev-service-wrapper .aws-web-icon svg {
	width: 50px
}

.awsDev-service-wrapper .futuristic-solution-wrapper {
	border-radius: 12px;
	overflow: hidden
}

.cloud-platform-wrapper {
	background: #fff;
	-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
	overflow: hidden;
	border-radius: 12px;
	padding: 20px;
	min-height: 358px
}

section.cloud-platform-services {
	padding: 100px 120px
}

.cloud-platform-wrapper h2 {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 24px;
	color: #067abf;
	border-bottom: 1px solid #eaeaea
}

.cloud-platform-wrapper ul {
	padding: 0 0 0 15px;
	color: #000;
	margin-top: 10px
}

.cloud-platform-wrapper ul li {
	padding: 6px 0
}

.dev-productivity .cloud-platform-wrapper {
	min-height: 394px
}

.database-solution .webDev-solution-wrapper {
	min-height: 446px
}

.iot-expertise .divided {
	margin: initial
}

.iot-expertise {
	padding: 100px 0
}

.expertise-wrapper.left {
	padding: 0 100px 0 160px
}

.expertise-wrapper.right {
	padding: 0 160px 0 100px
}

.hirePhpDeveloper-overview.hireClassicASP-overview.iotDev-overview {
	padding: 100px 200px
}

.iot-Techstack-wrapper .cloud-platform-wrapper {
	min-height: 398px;
	margin-bottom: 30px
}

.sitecore-product-solution {
	padding: 100px 0
}

.sitecorePro-content .sitecorePro-title {
	font-size: 22px;
	text-align: center;
	margin-bottom: 20px;
	color: #000
}

.sitecorePro-wrapper {
	padding: 30px;
	border: 1px solid #000;
	position: relative;
	min-height: 400px
}

span.sitecorePro-num {
	position: absolute;
	font-size: 50px;
	background: #fff;
	padding: 20px 40px 10px 0;
	top: -20px;
	color: #000;
	left: -2px;
	font-weight: 600
}

section.webDevelopmentHome-solution.machine-learning.siteCore-learning .webDev-solution-wrapper {
	min-height: 470px
}

.sitecorePro-content {
	position: relative;
	z-index: 99
}

.sitecorePro-wrapper p.sitecorePro-des {
	font-size: 16px
}

.sitecorePro-wrapper ul {
	padding: 0 0 0 15px;
	margin: 0
}

.sitecorePro-wrapper ul li {
	color: #000;
	padding: 4px
}

.frontEnd-mobileDev,
.frontEnd-webDev {
	padding: 100px 150px;
	position: relative
}

.frontEnd-mobile-conWrapper .divided,
.frontEnd-web-conWrapper .divided {
	margin: initial
}

.frontEnd-mobileBack-shape,
.frontEnd-webBack-shape {
	position: absolute;
	top: 27%;
	bottom: 0;
	background: #e8e0ff;
	height: 380px;
	width: 50%
}

.frontEnd-mobileBack-shape {
	right: 0;
	border-top-left-radius: 200px;
	border-bottom-left-radius: 200px
}

.frontEnd-webBack-shape {
	left: 0;
	border-top-right-radius: 200px;
	border-bottom-right-radius: 200px
}

.frontEnd-webDev.salesforce-salesCloud-wrapper .frontEnd-webBack-shape {
	top: 44%
}

section.browser-compatibility {
	padding: 100px 0
}

.browser-icon img {
	max-width: 120px
}

.webDesign-solution {
	padding: 100px 0
}

.webDesign-solution-title h2 {
	font-size: 26px;
	color: #000;
	font-weight: 600
}

.webDesign-solution-wrapper {
	box-shadow: 0 2px 20px 1px rgba(0, 0, 0, .15);
	padding: 30px;
	background: #fff;
	min-height: 450px;
	border-radius: 10px;
	overflow: hidden;
	position: relative
}

.webDesign-solution-wrapper .webDesign-solution-img {
	position: absolute;
	left: 60px;
	right: 0;
	bottom: -3px
}

a.solution-btn {
	background: 0 0;
	position: relative;
	z-index: 999;
	border-radius: 100%;
	border: 1px solid #000;
	color: #000;
	height: 44px;
	width: 44px;
	text-align: center;
	display: block;
	font-size: 23px;
	font-weight: 700;
	line-height: 42px
}

.centric-website-designing {
	padding: 100px
}

.centric-design-title h2 {
	font-size: 30px;
	color: #000;
	margin-bottom: 40px
}

.centric-design-des p {
	margin: 0
}

.centric-design-des {
	margin-right: 100px
}

.cycle-design-img img {
	max-width: 280px
}

.cycle-design-title h2 {
	font-size: 30px;
	color: #000;
	margin-bottom: 20px
}

.cycle-design-des p {
	margin: 0
}

section.frontEnd-technologies-platform {
	padding: 100px 150px
}

.frontEnd-design-platform {
	margin-top: 40px
}

.frontEnd-platformIcon {
	max-width: 150px;
	margin: auto;
	padding-bottom: 20px
}

.frontEnd-platform-content h2.frontEnd-platform-title {
	font-size: 18px;
	color: #000
}

.frontEnd-technologies-tabul {
	margin: auto;
	text-align: center;
	width: -ms-fit-content;
	width: -moz-fit-content;
	width: -o-fit-content;
	display: flex;
	justify-content: center
}

.frontEnd-technologies-tabul .nav-link {
	font-size: 24px;
	padding: 0;
	width: 200px;
	text-align: center;
	padding: 16px 8px;
	transition: all .3s ease-in-out;
	color: #989898;
	font-weight: 600
}

span.ux-tab-icon {
	max-width: 60px;
	display: block;
	margin: auto;
	margin-bottom: 10px
}

.advantage-responsive-design .divided,
.responsive-solution .divided {
	margin: initial
}

.advantage-responsive-design {
	padding: 100px 150px
}

.advantage-image-wraaper {
	margin-top: 40px
}

h2.advantage-title {
	font-size: 22px;
	color: #000
}

.advantage-bullet i {
	font-size: 24px;
	color: #189beb
}

.advantage-bullet {
	display: inline-block;
	vertical-align: top;
	margin: 5px 5px 0 0
}

.advantage-detalis {
	display: inline-block;
	width: 80%
}

.responsive-solution {
	background: url(../../images/web-development/solution.jpg) no-repeat left center/cover;
	padding: 100px 150px 150px 150px;
	position: relative
}

.responsive-solution-right-wrapper {
	margin-left: 80px
}

.responsive-solution .section-head .divided:after,
.responsive-solution .section-head .divided:before {
	background: #fff
}

.solution-right-list {
	display: flex;
	align-items: center
}

.solution-svgIcon {
	width: 40px
}

h3.res-solution-title {
	color: #fff;
	margin: 0 0 0 20px;
	font-size: 20px;
	font-weight: 400
}

.responsive-solution a.cus_btn {
	z-index: 99;
	color: #fff!important;
	margin-top: 30px
}

.responsive-solution a.cus_btn:before {
	background: 0 0
}

.lead-increase-block-one,
.lead-increase-block-two {
	position: absolute;
	padding: 20px 40px;
	z-index: 999;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	bottom: -210px
}

.lead-increase-block-one {
	left: 15%;
	background: linear-gradient(90deg, #4481eb 0, #04befe 100%)
}

.lead-increase-block-two {
	right: 15%;
	background: linear-gradient(90deg, #ff9a44 0, #fc6076 100%)
}

p.flush {
	font-size: 60px;
	font-weight: 500;
	margin: 0
}

p.flush-bottom {
	font-size: 21px;
	margin: 0
}

section.whychoose-company.why-responsive-design {
	padding: 100px 150px
}

.why-responsive-design .work-process-wrapper {
	border: none;
	background: linear-gradient(0deg, #3a7bd5 0, #189beb 100%);
	padding: 30px
}

.why-responsive-design .divided {
	margin: initial
}

.why-responsive-design .work-process-icon path {
	fill: #fff
}

.whyResponsive-left {
	padding: 0 70px 0 0
}

.why-responsive-design .work-process-icon {
	max-width: 60px;
	margin: 0 0 0 auto
}

.why-responsive-design .work-process-wrapper h2 {
	color: #fff;
	font-size: 20px
}

.designOffering-icon {
	max-width: 100px;
	margin: auto
}

.designOffering-title h2 {
	font-size: 22px;
	color: #000;
	margin-top: 24px
}

.designOffering-des p {
	font-size: 17px;
	margin: 10px 0 0 0
}

.graphic-design-offering {
	padding: 100px 150px;
	background: #f7f7f7
}

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

ul.graphic-services-list li {
	font-weight: 300;
	color: #000;
	padding: 12px 0;
	font-size: 18px;
	display: flex;
	align-items: baseline
}

ul.graphic-services-list li i {
	color: #0083ff;
	font-size: 20px;
	font-weight: 700;
	margin-right: 12px
}

ul.graphic-services-list.graphic-serv-two li {
	width: 49%;
	display: inline-block
}

.designs-solution-wrapper {
	cursor: pointer;
	-webkit-perspective: 600;
	perspective: 600;
	position: relative;
	min-height: 320px
}

.solution-card {
	height: 100%;
	position: absolute;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transition: all 1s ease-in-out;
	width: 100%
}

.solution-card:hover {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg)
}

.solution-card .designs-solution-item {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border-radius: 6px;
	height: 100%;
	position: absolute;
	overflow: hidden;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}

.solution-card .design-solution-back {
	background: #eaeaed;
	text-align: center;
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg)
}

.designs-solution {
	padding: 0 150px 100px 150px
}

.web-design-front {
	background: url(../../images/web-development/showclap-home.jpg) no-repeat center center/cover
}

.mobile-design-front {
	background: url(../../images/web-development/trabajo-copia.jpg) no-repeat center center/cover
}

.graphic-design-front {
	background: url(../../images/web-development/trabajo-copia-one.jpg) no-repeat center center/cover
}

.logo-design-front {
	background: url(../../images/web-development/showclap-home.jpg) no-repeat center center/cover
}

.frontEnd-design-front {
	background: url(../../images/web-development/trabajo-copia.jpg) no-repeat center center/cover
}

.prototype-design-front {
	background: url(../../images/web-development/trabajo-copia-one.jpg) no-repeat center center/cover
}

.uiux-design-front {
	background: url(../../images/web-development/trabajo-copia.jpg) no-repeat center center/cover
}

.html-design-front {
	background: url(../../images/web-development/showclap-home.jpg) no-repeat center center/cover
}

.solution-card .designs-solution-item h2 {
	color: #fff;
	font-size: 30px
}

.solution-card .design-solution-back p {
	margin: 0;
	padding: 20px
}

.sportAppDev-banner {
	background: url(../../images/sport/sports-app-development.jpg) no-repeat center center/cover;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center
}

.sportAppDev-features {
	padding: 100px 150px
}

.feature-category-title h2 {
	font-size: 22px;
	margin: 20px 0 0 0;
	color: #000
}

.feature-category-icon {
	max-width: 100px;
	margin: auto
}

.fantasypoint-wrapper ul,
.popular-game-right-wrapper ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.fantasypoint-wrapper ul li,
.popular-game-right-wrapper ul li {
	font-weight: 300;
	color: #000;
	padding: 10px 0;
	width: 100%;
	display: flex;
	align-items: baseline;
	float: left;
	font-size: 18px
}

ul.platfpoint h3:after {
	content: "";
	border-bottom: 2px solid #0183ff;
	display: block;
	width: 40px;
	margin-top: 10px
}

.fantasypoint-wrapper ul li i,
.popular-game-right-wrapper ul li i {
	color: #0083ff;
	font-size: 20px;
	font-weight: 700;
	margin-right: 12px
}

.engaging-sportApp-block .machine-learning-wrapper .webDev-solution-wrapper {
	min-height: 370px
}

.fantasy-sportApp-block .machine-learning-wrapper .webDev-solution-wrapper {
	min-height: 320px
}

.engaging-sportApp-block .webDev-solution-wrapper p,
.fantasy-sportApp-block .webDev-solution-wrapper p {
	color: #fff;
	margin: 30px 0 0 0
}

.privacy-content h2 {
	font-weight: 600;
	font-size: 22px;
	color: #343434
}

.privacy-content ul.platformpoint {
	margin: 0;
	padding: 0;
	list-style: none
}

.privacy-content ul.platformpoint i {
	color: #0083ff;
	font-size: 16px;
	font-weight: 500;
	margin-right: 12px
}

.privacy-content ul.platformpoint li {
	padding: 10px 0;
	display: flex;
	font-size: 16px;
	color: #212121;
	align-items: baseline
}

.privacy-content p {
	font-size: 16px
}

.technologiesData-wrapper .technologies-data-icon {
	max-width: 80px;
	margin: 0 auto 20px auto
}

.technologiesData-wrapper h2.technologies-data {
	font-size: 20px;
	color: #000
}

.technologiesData-subtitle h2 {
	font-size: 27px;
	color: #000
}

.technologiesData-subtitle h2:after {
	content: "";
	display: block;
	border-bottom: 2px solid #000;
	width: 60px;
	margin-top: 10px
}

.quality-process-block {
	padding: 150px 150px 0
}

.quality-process-wrapper {
	padding: 20px;
	display: flex;
	align-items: center
}

.process-head h2 {
	color: #000;
	font-size: 25px
}

.process-head h2:after {
	content: "";
	display: block;
	border-bottom: 2px solid #000;
	margin-top: 10px;
	width: 50px
}

.process-head {
	margin-bottom: 20px
}

.main-timeline4 {
	overflow: hidden;
	position: relative
}

.main-timeline4:before {
	content: "";
	width: 5px;
	height: 64%;
	border-left: 2px dotted #067abf;
	position: absolute;
	top: 70px;
	left: 50%;
	transform: translateX(-50%)
}

.main-timeline4 .timeline-content:before,
.main-timeline4 .timeline:before {
	top: 50%;
	transform: translateY(-50%);
	content: ""
}

.main-timeline4 .timeline {
	width: 50%;
	padding-left: 70px;
	float: right;
	position: relative
}

.main-timeline4 .timeline:before {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #fff;
	border: 4px solid #067abf;
	position: absolute;
	left: -8px
}

.main-timeline4 .timeline-content {
	display: block;
	padding-left: 20px;
	position: relative
}

.main-timeline4 .timeline-content:before {
	width: 60px;
	height: 1px;
	border-top: 1px solid #067abf;
	position: absolute;
	left: -66px
}

.main-timeline4 .year {
	display: inline-block;
	width: 120px;
	height: 120px;
	line-height: 100px;
	border-radius: 50%;
	border: 10px solid #f54957;
	font-size: 30px;
	color: #f54957;
	text-align: center;
	box-shadow: inset 0 0 10px rgba(0, 0, 0, .4);
	position: absolute;
	top: 0;
	left: 0
}

.main-timeline4 .year:before {
	content: "";
	border-left: 20px solid #f54957;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	position: absolute;
	bottom: -13px;
	right: 0;
	transform: rotate(45deg)
}

.main-timeline4 .inner-content {
	padding: 20px 0
}

.main-timeline4 .title {
	font-size: 24px;
	font-weight: 600;
	color: #000;
	text-transform: uppercase;
	margin: 0 0 5px
}

.main-timeline4 .description {
	font-size: 14px;
	color: #6f6f6f;
	margin: 0 0 5px
}

.main-timeline4 .timeline:nth-child(2n) {
	padding: 0 70px 0 0
}

.main-timeline4 .timeline:nth-child(2n) .timeline-content:before,
.main-timeline4 .timeline:nth-child(2n) .year,
.main-timeline4 .timeline:nth-child(2n):before {
	left: auto;
	right: -6px
}

.main-timeline4 .timeline:nth-child(2n) .timeline-content {
	padding: 0 20px 0 0
}

.main-timeline4 .timeline:nth-child(2n) .timeline-content:before {
	right: -62px
}

.main-timeline4 .timeline:nth-child(2),
.main-timeline4 .timeline:nth-child(4) {
	margin-top: 150px
}

.main-timeline4 .timeline:nth-child(4) {
	margin-top: 39px
}

.main-timeline4 .timeline:nth-child(odd) {
	margin: -110px 0 0
}

.main-timeline4 .timeline:nth-child(2),
.main-timeline4 .timeline:nth-child(4) {
	margin-bottom: 120px
}

.main-timeline4 .timeline:first-child {
	margin: 0
}

@media only screen and (max-width:991px) {
	.main-timeline4 .timeline {
		padding-left: 35px
	}
	.main-timeline4 .timeline:nth-child(2n) {
		padding: 0 35px 0 0
	}
	.main-timeline4 .timeline-content:before {
		width: 40px;
		left: -31px
	}
	.main-timeline4 .timeline:nth-child(2n) .timeline-content {
		padding: 0 20px 0 0
	}
	.main-timeline4 .timeline:nth-child(2n) .timeline-content:before {
		right: -31px
	}
}

@media only screen and (max-width:767px) {
	.main-timeline4:before {
		display: none
	}
	.main-timeline4 .timeline:before,
	.main-timeline4 .timeline:nth-child(2n):before {
		display: none
	}
	.main-timeline4 .timeline,
	.main-timeline4 .timeline:nth-child(even),
	.main-timeline4 .timeline:nth-child(odd) {
		width: 100%;
		float: none;
		padding: 0 0 40px 0;
		margin: 0
	}
	.main-timeline4 .timeline-content,
	.main-timeline4 .timeline:nth-child(2n) .timeline-content {
		padding: 0
	}
	.main-timeline4 .timeline-content:before,
	.main-timeline4 .timeline:nth-child(2n) .timeline-content:before {
		display: none
	}
	.main-timeline4 .timeline:nth-child(2n) .year,
	.main-timeline4 .year {
		position: relative;
		transform: translateY(0)
	}
	.main-timeline4 .timeline:nth-child(2n) .year:before,
	.main-timeline4 .year:before {
		border: none;
		border-right: 20px solid #f54957;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		top: 50%;
		left: -23px;
		bottom: auto;
		right: auto;
		transform: rotate(0)
	}
	.main-timeline4 .timeline:nth-child(2n) .year:before {
		border-right-color: #1ebad0
	}
	.main-timeline4 .timeline:nth-child(3n) .year:before {
		border-right-color: #7cba01
	}
	.main-timeline4 .timeline:nth-child(4n) .year:before {
		border-right-color: #f8781f
	}
	.main-timeline4 .inner-content {
		padding: 0;
		text-align: left
	}
	.main-timeline4 .title:after {
		content: '';
		display: block;
		margin-top: 10px;
		max-width: 120px;
		height: 2px;
		background: #067abf
	}
	.main-timeline4 .title {
		font-size: 21px
	}
}

ul.client-logoBlock {
	margin: auto;
	padding: 0;
	list-style: none
}

ul.client-logoBlock li {
	width: 49%;
	margin: 20px 0;
	display: inline-block
}

.webdevelopmentinner-banner {
	padding: 200px 0 120px;
	background: url(../../images/web-development/webDevelopment.jpg) no-repeat center center/cover;
	display: flex;
	align-items: center;
	position: relative
}

.webdevelopmentinner-banner.pythonDev-banner {
	background: url(../../images/web-development/snake-reptile.jpg) no-repeat center center/cover
}

.webdevelopmentinner-content-wrapper {
	margin-left: 160px;
	margin-right: 60px
}

.webdevelopmentinner-banner.cakephp {
	background: url(../../images/web-development/cakePhp.jpg) no-repeat center center/cover
}

.webdevelopmentinner-banner.cakephp .top-banner-content {
	min-height: 420px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column
}

.height-half {
	height: 85vh
}

.webdevelopmentinner-overview {
	padding: 100px 50px
}

.hirePhpDeveloper-overview.webdevelopmentcms-overview {
	padding: 100px 40px
}

.futuristic-solution-listItem.eCommerce-solution-item {
	min-height: 400px
}

.machine-learning-wrapper.cms-development .webDev-solution-wrapper {
	min-height: 400px
}

.machine-learning-wrapper.cms-development .webDev-solution-wrapper p,
.machine-learning-wrapper.phpDevelopment-solutionWrapper p {
	color: #fff;
	margin: 30px 0 0 0
}

.machine-learning-wrapper.phpDevelopment-solutionWrapper h2 {
	font-size: 21px
}

.jsservice-icon {
	width: 50px;
	text-align: center
}

.customSolution-wrapper.sportGaming-solution ul li {
	align-items: center
}

section.webDevelopmentHome-solution.machine-learning.azurelearning .webDev-solution-wrapper p {
	margin: 30px 0 0 0
}

section.webDevelopmentHome-solution.machine-learning.azurelearning .webDev-solution-wrapper {
	min-height: 380px
}

.frontEnd-technologies-wrapper .frontEnd-platformIcon {
	max-width: 90px
}

.ror-one {
	background: url(../../images/solution/sintara.jpg) no-repeat center center/cover
}

.ror-two {
	background: url(../../images/solution/hanami.jpg) no-repeat center center/cover
}

.ror-three {
	background: url(../../images/solution/rails.jpg) no-repeat center center/cover
}

.ror-four {
	background: url(../../images/solution/padrino.jpg) no-repeat center center/cover
}

.ror-five {
	background: url(../../images/solution/roda.jpg) no-repeat center center/cover
}

.python-one {
	background: url(../../images/solution/django.jpg) no-repeat center center/cover
}

.python-two {
	background: url(../../images/solution/tornado.jpg) no-repeat center center/cover
}

.python-three {
	background: url(../../images/solution/flask.jpg) no-repeat center center/cover
}

.python-four {
	background: url(../../images/solution/pyramid.jpg) no-repeat center center/cover
}

.python-five {
	background: url(../../images/solution/cherryPy.jpg) no-repeat center center/cover
}

.python-learning-wrapper .webDev-solution-listItem ul li i {
	font-size: 16px;
	color: #fff
}

section.phpDevelopmentInner-relatedServices.hireAndroidDeveloper-relatedItem.webDesign-related-services {
	padding: 50px 0
}

.cloudComputing-banner {
	padding: 200px 0 120px;
	background: url(../../images/web-development/cloud-computing.jpg) no-repeat center center/cover;
	display: flex;
	align-items: center;
	position: relative
}

section.frontEnd-technologies-platform.design-platform-block {
	padding-top: 0
}

section.phpDevelopmentInner-relatedServices.microsoft-relatedServices {
	padding: 50px 0
}

.design-banner {
	padding: 200px 0 120px;
	background: url(../../images/web-design/design.jpg) no-repeat center center/cover;
	display: flex;
	align-items: center;
	position: relative
}

section.frontEnd-technologies-platform.design-platform-block .frontEnd-platformIcon {
	max-width: 100px
}

section.phpDevelopmentInner-relatedServices.humanFactors-banner {
	padding: 100px 0;
	background: url(../../images/web-development/human-factors.jpg) no-repeat center center/cover
}

.humanFactors-banner .section-head .divided:after,
.humanFactors-banner .section-head .divided:before {
	background: #fff
}

.humanFactors-banner .relatedServices-wrapper h2 {
	color: #fff
}

.humanFactors-main-wrapper {
	padding: 0 100px
}

.design-banner .webdevelopmentinner-content-wrapper {
	margin: 0
}

.responsive-solution-right-wrapper h3 i {
	font-size: 24px;
	margin-right: 10px
}

section.browser-compatibility {
	padding: 150px 0 100px
}

.database-management-banner {
	padding: 200px 0 120px;
	background: url(../../images/web-development/database-development.jpg) no-repeat center center/cover;
	display: flex;
	align-items: center;
	position: relative
}

section.phpDevelopmentInner-relatedServices.hireAndroidDeveloper-relatedItem.database-related-wrapper {
	padding: 50px 0 100px 0
}

.sportAppDev-features .feature-category-icon {
	max-width: 80px
}

/*.contbox_bg {
	width: 100%;
	margin: 0 0 50px 0;
	padding: 0;
	box-shadow: 0 3px 10px #e7e7e7;
	background: #fff;
	border-radius: 10px;
	float: left;
	vertical-align: top;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.addressbg {
	width: 100%;
	margin: 0;
	float: left;
	padding: 0 30px;
	border-radius: 8px 8px 0 0;
	text-align: center;
	min-height: 235px;
	background: url(../../images/flag/location_top.png) top left no-repeat;
	background-size: 100% 100%
}

.addressbg img {
	max-width: 230px;
	max-height: 170px
}

.contbox_bg h4 {
	width: 100%;
	margin: 0;
	padding: 0 15px;
	float: left;
	font-size: 26px
}

.contbox_bg h4 img {
	max-width: 70px;
	margin: 0 10px 0 0
}

ul.loc_and_addre {
	width: 100%;
	margin: 0;
	padding: 15px 15px 35px 15px;
	list-style: none;
	float: left
}

ul.loc_and_addre li {
	padding: 0 0 20px 0;
	font-weight: 400;
	display: flex;
	align-items: center
}

ul.loc_and_addre li i {
	width: 70px;
	display: inline-block;
	text-align: center;
	margin: 0 10px 0 0
}

ul.loc_and_addre li i img {
	width: 35px
}

ul.loc_and_addre li p {
	width: 100%;
	margin: 0;
	font-size: 18px
}*/

section.contact-details-wrapper .contact-block i {
	font-size: 36px;
	color: #012046;
	margin-bottom: 10px
}

section.contact-details-wrapper .contact-block h3 {
	font-size: 22px;
	margin-bottom: 20px
}

section.contact-details-wrapper .contact-block a,
section.contact-details-wrapper .contact-block p {
	font-size: 16px;
	color: #444
}

/*section.contact-citys-block .inner-block h3 {
	font-size: 24px;
	margin-bottom: 15px
}

section.contact-citys-block .inner-block p {
	font-size: 16px
}

section.contact-citys-block a,
section.contact-citys-block p,
section.contact-citys-block span {
	color: #212121
}

section.contact-citys-block .inner-block {
	border-radius: 6px
}

section.contact-citys-block img.flag {
	margin-bottom: 20px;
	width: 100%
}

.contact-citys-block,
.contact-details-wrapper {
	padding: 50px 0
}

.country-flagBg {
	width: 70px;
	height: 70px;
	display: inline-block;
	vertical-align: middle
}

.country-aus-flag {
	background: url(../../images/flag/flag-sprites.png) -100px -10px
}

.country-ind-flag {
	background: url(../../images/flag/flag-sprites.png) -10px -100px
}

.country-uk-flag {
	background: url(../../images/flag/flag-sprites.png) -100px -100px
}

.country-usa-flag {
	background: url(../../images/flag/flag-sprites.png) -10px -10px
}*/

section.about-growth {
	padding: 100px 0 0
}

section.about-growth .section-head h1 {
	color: #000!important
}

.about-banner-wrapper {
	height: 100vh;
	display: flex;
	align-items: center;
	position: relative;
	background: url(../../images/about-bg.jpg) no-repeat center center/cover
}

.about-banner-wrapper:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	top: 0;
	bottom: 0;
	background: -webkit-linear-gradient(121deg, rgba(8, 37, 45, .96) 0, #131928 100%);
	background: linear-gradient(121deg, rgba(8, 37, 45, .96) 0, #131928 100%)
}

.about-banner-wrapper .about-content-wrapper p.section-tagline {
	color: #fff;
	padding: 0 60px;
	font-size: 25px;
	font-weight: 300
}

section.things-about-block {
	background: #13242e;
	padding: 150px 50px
}

.things-about-block .divided {
	margin: initial
}

.things-about-block .section-head .divided:after,
.things-about-block .section-head .divided:before {
	background: #fff
}

.things-about-block .things-about-item {
	padding: 50px 60px;
	min-height: 330px;
	border: 1px solid #283c48
}

.about-overview-title-box {
	padding: 0 60px;
	text-align: center;
	margin-bottom: 140px
}

.things-about-block .things-about-item .thingsAbout-des p,
.things-about-block .things-about-item .thingsAbout-title h2 {
	color: #fff;
	margin-bottom: 0
}

.things-about-block .things-about-item .thingsAbout-title h2:after {
	content: "";
	display: block;
	background: #fff;
	height: 2px;
	width: 60px;
	margin: 25px 0
}

section.about-growth .webDev-solution-wrapper.darkBlue {
	background: #012046;
	min-height: 360px;
	margin-bottom: 30px
}

section.about-growth-wrapper {
	padding: 100px 100px
}

.aboutGrowth-title h1 {
	font-size: 95px;
	color: #000;
	padding-top: 50px;
	padding-left: 50px
}

.about-growth-item.move-growthBox-bottom {
	margin-top: 70px
}

.about-growth-item {
	padding: 0 30px
}

.about-growth-item span.about-growth-item-count {
	display: block;
	font-size: 60px;
	color: #000
}

.about-growth-des {
	margin-top: 20px
}

.about-growth-item span.about-growth-item-count:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #ececec
}

.about-growth-text h2 {
	color: #000;
	font-size: 28px;
	margin: 0
}

.about-growth-title-icon {
	display: flex;
	margin-top: 20px
}

.about-growth-title-icon .netFramework-icon {
	width: 120px;
	margin: 0
}

.about-growth-title-icon {
	display: flex;
	align-items: center
}

.about-growth-title-icon .netFramework-icon svg {
	max-width: 40px
}

.aboutIntro-img-wrap {
	margin-bottom: 40px
}

.aboutIntro-title h1 {
	color: #000;
	margin: 0 0 30px 0;
	font-size: 56px;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, .3)
}

.about-overview-wrapper .overview-content-wrapper p {
	font-size: 22px;
	margin-bottom: 40px
}

.about-overview-title-box .aboutOver-title h1 {
	font-size: 70px;
	color: #fff;
	margin-bottom: 20px
}

.about-overview-title-box p {
	font-size: 22px;
	margin-bottom: 60px
}

.things-about-block .things-about-item .thingsAbout-title h2 {
	font-size: 46px;
	font-weight: 400;
	text-transform: uppercase
}

.things-about-block .things-about-item .thingsAbout-des p {
	font-size: 20px;
	font-weight: 300
}

.things-about-item span.things-count {
	font-size: 150px;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 35px;
	color: #172c38
}

.sportAppDev-banner {
	position: relative
}

.sportAppDev-banner:before {
	content: "";
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	background: rgba(0, 0, 0, .6)
}

.contact-info .dropdown-menu {
	transform: initial!important;
	top: 42px!important
}

.requestPhone {
	text-decoration: none;
	width: 200px;
	height: 40px;
	background-color: #0875bb;
	line-height: 40px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	padding-left: 0;
	position: fixed;
	top: 30%;
	right: 20px;
	border-radius: 5px 25px 25px 5px;
	-webkit-transition: .6s;
	transition: .6s;
	-webkit-transform-origin: right center;
	transform-origin: right center;
	z-index: 100;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	border: none
}

.RequestQuoteFormSec label.error,
.contact-form-block label.error {
	display: none!important
}

.banner-top-wrapper label.error {
	color: #ca0909;
	margin: 0
}

.contact-sec .error {
	color: #000
}

.requestPhone>span {
	display: block;
	position: relative;
	z-index: 2;
	margin-left: -10px
}

.requestPhone i {
	position: absolute;
	font-size: 13px;
	top: 4px;
	right: 0;
	-webkit-transition: .5s;
	transition: .5s;
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #fff;
	color: #0996d3;
	line-height: 30px
}

.office-sec span.state-name {
	font-size: 20px;
	margin-bottom: 10px;
	display: block
}

.job-offering-wrapper .nav-tabs>li>a {
	background: #fff;
	border: solid 1px #ccc;
	text-align: center;
	border-radius: 0;
	padding: 20px
}

.responsive-tabs-container .accordion-link {
	display: none
}

@media (max-width:991px) {
	.responsive-tabs-container .accordion-link {
		display: block
	}
	.responsive-tabs-container .nav-tabs {
		display: none
	}
}

figure.photography-02 {
	display: none
}

figure.photography-01 {
	display: flex;
	justify-content: center;
	align-items: center;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0
}

.job-offering {
	background: #131928;
	padding: 100px 0
}

.job-offering .card.career-wrapper {
	position: relative;
	margin: 14px 0
}

.card-header.career-title {
	background: 0 0;
	border: none;
	padding: 0
}

.card.career-wrapper {
	border: 1px solid #fff;
	background: 0 0;
	border-radius: 0
}

.card-header.career-title button {
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	display: block;
	width: 100%;
	text-align: left;
	padding: 20px
}

.card-body.career-des p {
	color: #fff;
	margin: 0;
	font-size: 15px
}

.job-offering .career-wrapper .career-title:before {
	content: "";
	height: 7px;
	width: 7px;
	position: absolute;
	left: -4px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #9bf;
	background: #fff;
	-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .35);
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .35)
}

.job-offering .career-wrapper .career-title:after {
	content: "";
	height: 7px;
	width: 7px;
	position: absolute;
	right: -4px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #9bf;
	background: #fff;
	-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .35);
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .35)
}

.card-body.career-des h4 {
	color: #fff;
	margin-bottom: 20px
}

.card-body.career-des ul.point_list {
	margin: 20px 0;
	padding: 0 0 0 15px;
	color: #fff;
	font-size: 15px
}

.card-body.career-des ul.point_list li {
	padding: 10px 0
}

.career-location-block {
	margin-top: 40px
}

.career-location-block a.cus_btn {
	position: relative;
	z-index: 9999;
	margin-top: 30px
}

section.about-growth .webDev-solution-wrapper p {
	margin: 30px 0 0 0
}

.page-not-found .main-header {
	background: #0579bf
}

.page-not-found .main-header {
	background: #0579bf
}

.page-not-found .main-header.sticky {
	background: #fff
}

#return-to-top {
	background: #02a8f3 none repeat scroll 0 0;
	bottom: 36px;
	color: #fff;
	cursor: pointer;
	display: none;
	font-size: 20px;
	height: 45px;
	line-height: 39px;
	position: fixed;
	right: 23px;
	text-align: center;
	width: 45px;
	z-index: 9999;
	border-radius: 50%;
	border: 2px solid #fff;
	-webkit-transition: .3s;
	transition: .3s
}

#return-to-top:hover i {
	animation-name: fadeInUp;
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-iteration-count: infinite
}

.career-des .cus_btn {
	color: #fff!important;
	border-color: #fff
}

.career-des .cus_btn:before {
	background: 0 0
}

.career-des .cus_btn:after {
	background: #fff!important
}

.career-des .cus_btn:hover {
	color: #3a7bd5!important
}

.our-offering .offering-icon-block .slick-track {
	transform: initial!important
}

.mobileApp-content-wrapper input.form-control,
.mobileApp-content-wrapper textarea {
	background: 0 0;
	border-width: 0 0 1px 0;
	border-radius: 0;
	color: #fff!important
}

.mobileApp-content-wrapper .form-control:focus {
	background: 0 0
}

.mobileApp-content-wrapper input::placeholder,
.mobileApp-content-wrapper textarea::placeholder {
	color: #fff;
	opacity: 1
}

.mobileApp-content-wrapper input:-ms-input-placeholder {
	color: #fff
}

.mobileApp-content-wrapper input::-ms-input-placeholder {
	color: #fff
}

.mobileApp-content-wrapper button.submit.cus_btn {
	border: 1px solid #fff;
	color: #fff!important
}

.mobileApp-content-wrapper button.submit.cus_btn:after {
	background: #fff!important
}

.mobileApp-content-wrapper button.submit.cus_btn:hover {
	color: #189beb!important
}

.form-checkbox-accept.error~span.checkmark {
	border: 1px solid #ca0909!important
}

.captacha label.error {
	display: block!important;
	color: #ca0909!important
}



.wooCommerce-learning .webDev-solution-wrapper p {
	margin: 30px 0 0 0
}

section.mobileApp-service.microsoft-expertise-wrapper .service-Navtab li.service-item {
	width: 20%;
	height: 160px;
	margin: auto
}

section.mobileApp-service.microsoft-expertise-wrapper ul.service-Navtab {
	width: 90%
}

.portfolio-logo-wrapper {
	position: relative;
	cursor: pointer;
	z-index: 99;
	overflow: hidden
}

.portLogo-img {
	transition: all .3s ease-in-out
}

.portfolio-action.prot-actionBtn {
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	transform: translate(0, 100%);
	transition: all .3s ease-in-out
}

.portfolio-logo-wrapper:hover .portfolio-action.prot-actionBtn {
	transform: translate(0, 0)
}

.portfolio-action.prot-actionBtn a {
	width: 60px;
	height: 60px;
	background: #fff;
	border-radius: 200px;
	text-align: center;
	display: inline-block;
	font-size: 29px;
	line-height: 60px;
	color: #f35319;
	margin: 0 10px
}

.technology-platforms-img ul {
	padding: 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	list-style: none
}

.technology-platforms-img {
	margin-top: 70px
}

.appDeveloment-overview.ourPartner-section {
	padding: 120px 0 150px
}

.appDeveloment-overview.ourPartner-section .divided {
	margin: initial
}

.ourPartner-section .organization-detalis {
	display: flex;
	text-align: left;
	align-items: center;
	margin-bottom: 50px
}

.ourPartner-section .about-organization-wrapper {
	margin-left: 45px
}

.ourPartner-section .organization-value {
	padding-top: 0
}

.organization-content-wrapper {
	margin-left: 20px
}

.appDeveloment-banner.termCon-banner-wrapper {
	padding: 0;
	height: 75vh
}

.about-overview-wrapper .divided {
	margin: initial
}

.about-overview-wrapper {
	padding: 100px 70px
}

.career-banner,
.ourPartner-banner {
	padding: 0;
	height: 100vh
}

.opportunities-right-wrapper {
	height: 100vh;
	position: relative
}

.opportunities-right-wrapper.first {
	background: linear-gradient(to right, #000, #3d5175);
	background: -webkit-linear-gradient(to right, #000, #3d5175)
}

.opportunities-right-wrapper.middle {
	background: linear-gradient(to right, #5a2cc3, #2f0c80);
	background: -webkit-linear-gradient(to right, #5a2cc3, #2f0c80)
}

.opportunities-right-wrapper.last {
	background: linear-gradient(to left, #004e92, #000428);
	background: -webkit-linear-gradient(to bottom, #004e92, #000428)
}

.opportunities-img {
	position: absolute;
	right: -160px;
	bottom: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center
}

.opportunities-content-wrapper {
	padding: 0 100px
}

.opportunities-title h1 {
	font-size: 50px;
	color: #000;
	margin-bottom: 30px
}

.opportunities-des p {
	line-height: 28px
}

.opportunities-content-wrapper a.cus_btn {
	color: #fff!important;
	border-color: #fff
}

.opportunities-right-wrapper.middle .opportunities-img {
	right: initial;
	left: -160px
}

.opportunities-content-wrapper a.cus_btn:before {
	background: linear-gradient(to right, #189beb 0, #3a7bd5 100%)!important
}

.awards-banner {
	height: 100vh;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background: -webkit-linear-gradient(121deg, #08252d 0, #131928 100%);
	background: linear-gradient(121deg, #08252d 0, #131928 100%)
}

.awards-des {
	font-size: 55px;
	line-height: 71px;
	font-weight: 300;
	margin: 30px 0 120px 0
}

.awards-banner .appDeveloment-content-wrapper {
	position: relative;
	z-index: 1
}

.awards-banner span.banner-rating {
	position: absolute;
	font-size: 820px;
	font-weight: 700;
	left: -40px;
	color: rgba(11, 34, 44, .62);
	-webkit-text-stroke: 2px rgba(23, 45, 62, .54);
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center
}

.awards-accolades {
	padding: 100px 0;
	background: #fff;
	position: relative
}

.awards-content-wrapper {
	border: 1px solid #eaeaea;
	overflow: hidden
}

.awards-content-wrapper .awards-title h3 {
	margin: 0;
	text-align: center;
	font-size: 18px;
	color: #000;
	letter-spacing: 1px;
	font-weight: 400
}

.awards-content-wrapper .awards-title {
	padding: 0 25px 20px
}

.awards-content-wrapper .awards-rating {
	padding: 0 20px 0
}

.move-awards-box-1 {
	margin-top: 80px
}

.move-awards-box-2 {
	margin-top: 160px
}

.awards-bottom-wrap {
	padding: 40px 0
}

.awards-content-wrapper,
.awards-content-wrapper .awards-logo {
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out
}

.awards-content-wrapper .awards-logo img {
	width: 100%
}

.awards-rating .provider-profile-rating-widget.provider-profile-rating-widget .rating {
	color: #000
}

.awards-rating .reviews-totals-stars .fivestar-widget-static .star {
	color: #f23e2b;
	font-size: 16px
}

.awards-content-wrapper:hover {
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
}

.awards-content-wrapper:hover .awards-logo {
	filter: blur(3px)
}

.infrastructure-banner h1.wrapper-title.top-banner-title {
	font-size: 140px
}

.banner-top-wrapper.infrastructure-banner {
	height: 100vh;
	position: relative
}

.banner-top-wrapper.infrastructure-banner .container {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translate(0, -50%)
}

.infrastructure-left-wrapper {
	padding: 100px 50px
}

.slide-three .companyInfrastructure-des-one {
	background: #ff6564
}

.infrastructure-info {
	padding: 0 20px
}

.infrastructure-overview {
	padding: 0 200px;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center
}

.infrastructureOver-right-img img {
	height: 100vh;
	width: 85%;
	float: right
}

.infrastructure-overview h1 {
	font-size: 100px;
	color: #012247;
	text-align: center;
	line-height: 130px;
	font-weight: 300
}

.infrastructure-overview h1 span.firstWord {
	color: #f35319
}

.infrastructure-overview h1 span.lastWord {
	color: #b11111
}

section.our-infrastructure-wrapper {
	padding: 100px 0 0
}

.our-infrastructure-wrapper .infrastructure-icon img {
	margin: 0 0 20px 0;
	text-align: center;
	display: block;
	width: 70px
}

.ourInfrastructure-details-title h1 {
	font-size: 50px;
	color: #000;
	margin-bottom: 20px
}

.our-infrastructure-wrapper .infrastructure-info h3 {
	font-size: 27px;
	color: #000;
	font-weight: 500;
	display: block;
	padding-bottom: 20px;
	margin-bottom: 20px;
	position: relative
}

.our-infrastructure-wrapper .infrastructure-info h3:after {
	position: absolute;
	bottom: -3px;
	left: 0;
	width: 40px;
	content: ' ';
	border-bottom: 3px solid #189beb;
	transition: .2s ease
}

.our-infrastructure-wrapper .infrastructure-info h3:before {
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 50%;
	content: ' ';
	border-bottom: 1px solid #189beb;
	transition: .2s ease
}

.our-infrastructure-wrapper ul.infrastructure-list {
	margin: 0;
	padding: 0;
	margin-left: 25px
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0;
	height: 0
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.our-infrastructure-wrapper .infrastructure-list li {
	color: #000;
	line-height: 32px;
	font-size: 15px
}

.infrastructure-img {
	background: url(../../images/infrastructure/infrastructure.jpg) no-repeat center center/cover;
	height: 100%
}

.infrastructure-img-left {
	background: url(../../images/infrastructure/office-infrastructure.jpg) no-repeat center right/cover;
	height: 100%
}

section.companyInfrastructure-wrapper {
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative
}

.companyInfrastructure-wrapper.slide-four {
	background: #13242e;
	overflow: hidden
}

.companyInfrastructure-recent {
	transition: background-color 1s ease
}

.companyInfrastructure-img-wrap-one {
	background: url(../../images/infrastructure/conference-room.jpg) no-repeat center left/cover;
	height: 100vh
}

.companyInfrastructure-img-wrap-one.relaxzone {
	background: url(../../images/infrastructure/relax-zone.jpg) no-repeat center left/cover;
	height: 100vh
}

.companyInfrastructure-des-four h3.companyInfrastructure-title,
.companyInfrastructure-des-one h3.companyInfrastructure-title {
	color: #fff;
	font-size: 90px;
	text-align: center;
	font-weight: 300
}

.companyInfrastructure-des-four h3.companyInfrastructure-title {
	padding-left: 90px
}

.companyInfrastructure-des-four h3.companyInfrastructure-title span,
.companyInfrastructure-des-one h3.companyInfrastructure-title span {
	font-size: 120px;
	font-weight: 300
}

.companyInfrastructure-des-four h3.companyInfrastructure-title span {
	color: #ff6564;
	font-weight: 500
}

.companyInfrastructure-gaming-zone .gaming-zone-item {
	width: 50%
}

.companyInfrastructure-gaming-zone .gaming-zone-item img {
	max-width: 70%
}

.gaming-zone-item.two {
	margin: 0 0 0 auto
}

.gaming-zone-item.one img,
.gaming-zone-item.three img {
	float: right
}

section.companyInfrastructure-wrapper.slide-three {
	align-items: flex-end
}

section.companyInfrastructure-wrapper.slide-three .companyInfrastructure-img-wrap-one {
	height: 75vh
}

.companyInfrastructure-des-one {
	padding: 60px 40px;
	background: #12232d;
	position: absolute;
	bottom: 0;
	right: 0;
	top: 20%;
	width: 50%;
	left: 30%;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center
}

.companyInfrastructure-des.left {
	padding-right: 0;
	padding-left: 140px
}

section.companyInfrastructure-wrapper.slide-second .developer-zone-img-one {
	display: flex
}

section.companyInfrastructure-wrapper.slide-second .developer-zone-img-one .developer-img-1 {
	position: absolute;
	left: 0;
	bottom: 0;
	max-width: 50%
}

section.companyInfrastructure-wrapper.slide-second .developer-zone-img-one .developer-img-2 {
	position: absolute;
	right: -35%;
	z-index: 999;
	bottom: 0;
	max-width: 70%
}

section.companyInfrastructure-wrapper.slide-second h3.companyInfrastructure-title {
	color: #000;
	font-size: 76px;
	text-align: center;
	font-weight: 400;
	padding: 70px 100px 70px 70px
}

section.companyInfrastructure-wrapper.slide-second h3.companyInfrastructure-title span {
	font-size: 120px;
	font-weight: 500;
	color: #f35319
}

.color-violet {
	background-color: #005251
}

.color-blue {
	background-color: #001727
}

.color-green {
	background-color: #0c0c0c
}

.color-yellow {
	background-color: #004d7b
}

section.webDevelopmentHome-solution.machine-learning.microsoft-solutionWrapper .machine-learning-wrapper .webDev-solution-wrapper {
	min-height: 340px
}

section.webDevelopmentHome-solution.machine-learning.microsoft-solutionWrapper .webDev-solution-wrapper p {
	margin: 30px 0 0 0
}

.hirePhpDeveloper-skillset.agile-process {
	background: #fff
}

.hirePhpDeveloper-skillset.agile-process .section-head .divided:after,
.hirePhpDeveloper-skillset.agile-process .section-head .divided:before {
	background: #067abf
}

.agile-process .skillset-left-wrapper li.skillset-item,
.agile-process .skillset-left-wrapper li.skillset-item i {
	color: #000
}

.agile-process .skillset-left-wrapper li.skillset-item i {
	color: #0579bf
}

section.webDevelopmentHome-solution.machine-learning.softwareDev-solution-wrapper .machine-learning-wrapper .webDev-solution-wrapper {
	min-height: 360px
}

section.phpDevelopmentHome-services.software-threeStep .phpDevelopmentHome-serviceWrapper {
	min-height: 320px
}

.salesForce-learning .webDev-solution-wrapper {
	min-height: 330px
}

.salesForce-learning .webDev-solution-wrapper p {
	margin: 30px 0 0 0
}

.modal-full {
	min-width: 100%;
	margin: 0
}

.modal.modal-upSide {
	z-index: 99999;
	padding: 0!important;
	overflow-y: hidden
}

.modal.modal-upSide .modal-content {
	border-radius: 0;
	border: none
}

#notify-project-fullView.modal.modal-upSide .modal-content {
	background: #1ba3a5
}

#sunshine-project-fullView.modal.modal-upSide .modal-content {
	background: #095a84
}

#allInone-fashion-project-fullView.modal.modal-upSide .modal-content {
	background: #de3670
}

#bellyFull-project-fullView.modal.modal-upSide .modal-content {
	background: #11b5b3
}

#firevite-project-fullView.modal.modal-upSide .modal-content {
	background: #4695d7
}

#theinnerhour-project-fullView.modal.modal-upSide .modal-content {
	background: #35c0d5
}

#benvenuto-project-fullView.modal.modal-upSide .modal-content {
	background: #064051
}

#baabuk-project-fullView.modal.modal-upSide .modal-content {
	background: #d3031e
}

#cellsell-project-fullView.modal.modal-upSide .modal-content {
	background: #2a4dfd
}

#mastersteel-project-fullView.modal.modal-upSide .modal-content {
	background: #ec1c24
}

#waiverpro-project-fullView.modal.modal-upSide .modal-content {
	background: #9c26ff
}

#getMingle-project-fullView.modal.modal-upSide .modal-content {
	background: #b91d42
}

#teach9-project-fullView.modal.modal-upSide .modal-content {
	background: #00c2f3
}

#playhit-project-fullView.modal.modal-upSide .modal-content {
	background: #0227fe
}

#omCollective-project-fullView.modal.modal-upSide .modal-content {
	background: #534e89
}

#pdq-project-fullView.modal.modal-upSide .modal-content {
	background: #007ff4
}

#sprinkler-project-fullView.modal.modal-upSide .modal-content {
	background: #0077be
}

#mint-project-fullView.modal.modal-upSide .modal-content {
	background: #67c3a9
}

#scientist-project-fullView.modal.modal-upSide .modal-content {
	background: #327fdf
}

#jrtbet-project-fullView.modal.modal-upSide .modal-content {
	background: #b6273b
}

#singlesBadge-project-fullView.modal.modal-upSide .modal-content {
	background: #7c36a6
}

#hireMySkills-project-fullView.modal.modal-upSide .modal-content {
	background: #07a14a
}

.project-findme .project-intro {
	background-position: center top;
	padding: 100px 0
}

.project-findme.project-modal {
	overflow-y: auto;
	height: 100vh
}

.project-modal-navigation {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	overflow: hidden;
	padding: 14px 35px 14px 20px;
	background: rgba(0, 0, 0, .15);
	box-shadow: 0 0 4px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .2)
}

h2.portfolio-project-title {
	font-size: 52px;
	color: #fff
}

h3.portfolio_indus {
	font-size: 18px;
	color: rgba(255, 255, 255, .5);
	letter-spacing: 1.2px;
	margin-bottom: 50px
}

p.portfolio_short_desc {
	font-size: 22px;
	color: #fff;
	margin-bottom: 60px
}

.category-tag.port_tags span {
	font-size: 15px;
	color: #fff;
	margin: 0 10px;
	display: inline-block;
	background: rgba(255, 255, 255, .2);
	padding: 8px 25px;
	border-radius: 30px;
	font-weight: 600;
	letter-spacing: 1px;
	border: 1px solid #fff
}

#notify-project-fullView section.project-overview {
	background: #189b9d
}

#sunshine-project-fullView section.project-overview {
	background: #085780
}

#allInone-fashion-project-fullView section.project-overview {
	background: #ec3f7b
}

#bellyFull-project-fullView section.project-overview {
	background: #1ba29c
}

#firevite-project-fullView section.project-overview {
	background: #3085cc
}

#theinnerhour-project-fullView section.project-overview {
	background: #21adc2
}

#baabuk-project-fullView section.project-overview {
	background: #c40019
}

#benvenuto-project-fullView section.project-overview {
	background: #073746
}

#cellsell-project-fullView section.project-overview {
	background: #1e43fe
}

#mastersteel-project-fullView section.project-overview {
	background: #df0d15
}

#waiverpro-project-fullView section.project-overview {
	background: #8f18f3
}

#getMingle-project-fullView section.project-overview {
	background: #b11036
}

#teach9-project-fullView section.project-overview {
	background: #05b7e3
}

#playhit-project-fullView section.project-overview {
	background: #0021e6
}

#omCollective-project-fullView section.project-overview {
	background: #4d478a
}

#pdq-project-fullView section.project-overview {
	background: #0076e3
}

#sprinkler-project-fullView section.project-overview {
	background: #0076e3
}

#mint-project-fullView section.project-overview {
	background: #53bb9e
}

#scientist-project-fullView section.project-overview {
	background: #2171d5
}

#jrtbet-project-fullView section.project-overview {
	background: #bb0e26
}

#singlesBadge-project-fullView section.project-overview {
	background: #70259d
}

#hireMySkills-project-fullView section.project-overview {
	background: #028e3f
}

#khabeer-project-fullView.modal.modal-upSide .modal-content {
	background: #302f2f
}

#khabeer-project-fullView section.project-overview {
	background: #212121
}

#cleverpick-project-fullView.modal.modal-upSide .modal-content {
	background: #213f99
}

#cleverpick-project-fullView section.project-overview {
	background: #0d2878
}

#nikiinfotech-project-fullView.modal.modal-upSide .modal-content {
	background: #017b1d
}

#nikiinfotech-project-fullView section.project-overview {
	background: #078d44
}

#ridcor-project-fullView.modal.modal-upSide .modal-content {
	background: #ee1c25
}

#ridcor-project-fullView section.project-overview {
	background: #dc040d
}

#sangonini-project-fullView.modal.modal-upSide .modal-content {
	background: #ce1021
}

#sangonini-project-fullView section.project-overview {
	background: #af0514
}

#streetfood-project-fullView.modal.modal-upSide .modal-content {
	background: #fb1d25
}

#streetfood-project-fullView section.project-overview {
	background: #e8030b
}

#juslocal-project-fullView.modal.modal-upSide .modal-content {
	background: #1d293e
}

#juslocal-project-fullView section.project-overview {
	background: #151f31
}

#smarthome-project-fullView.modal.modal-upSide .modal-content {
	background: #354051
}

#smarthome-project-fullView section.project-overview {
	background: #2b3646
}

#fahemni-project-fullView.modal.modal-upSide .modal-content {
	background: #ed1c24
}

#fahemni-project-fullView section.project-overview {
	background: #db040c
}

#recursando-project-fullView.modal.modal-upSide .modal-content {
	background: #23297d
}

#recursando-project-fullView section.project-overview {
	background: #191f74
}

#ananta-project-fullView.modal.modal-upSide .modal-content {
	background: #051429
}

#ananta-project-fullView section.project-overview {
	background: #0b2446
}

#samyda-project-fullView.modal.modal-upSide .modal-content {
	background: #f17221
}

#samyda-project-fullView section.project-overview {
	background: #df6314
}

#sumphyto-project-fullView.modal.modal-upSide .modal-content {
	background: #008c00
}

#sumphyto-project-fullView section.project-overview {
	background: #006d00
}

#ipckuwait-project-fullView.modal.modal-upSide .modal-content {
	background: #f86306
}

#ipckuwait-project-fullView section.project-overview {
	background: #d45100
}

#klicksg-project-fullView.modal.modal-upSide .modal-content {
	background: #f05c74
}

#klicksg-project-fullView section.project-overview {
	background: #f82245
}

#mapha-project-fullView.modal.modal-upSide .modal-content {
	background: #ea151b
}

#mapha-project-fullView section.project-overview {
	background: #e1040a
}

section.project-overview {
	padding: 80px 0 40px
}

h2.portfolio-overview-title {
	font-size: 48px;
	color: #fff;
	display: inline-block;
	margin-bottom: 0
}

.portfolio-overview-desc p {
	font-size: 22px;
	color: #fff;
	font-weight: 300
}

.project-list-platform {
	margin-top: 50px
}

.project-list-platform a {
	display: inline-block;
	text-align: center
}

.project-list-platform a span.d-block {
	color: #fff;
	margin-top: 6px
}

.project-overview .portfolio-overview-desc {
	margin-right: 140px
}

.title-appIcon {
	margin-bottom: 30px
}

.title-appIcon img {
	margin-left: -10px
}

.project-list-platform span.btn-download-app {
	font-size: 29px;
	color: #fff;
	margin: 0 10px;
	display: inline-block;
	background: rgba(255, 255, 255, .2);
	border-radius: 12px;
	border: 1px solid #fff;
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 58px
}

section.user-contact-wrapper {
	padding: 100px 0
}

section.user-contact-wrapper .contact-sec:after {
	display: none
}

section.user-contact-wrapper .contact-sec .main-contact-block {
	margin: 40px 0 0 0
}

.close-button.close-popup-circle .close {
	text-shadow: none;
	color: #fff;
	opacity: 1
}

section.user-contact-wrapper .section-head .block-title {
	color: #fff;
	font-size: 52px;
	text-transform: uppercase;
	font-weight: 500
}

section.user-contact-wrapper .section-head p {
	color: #fff;
	font-size: 24px;
	margin: 20px 0 0 0
}

section.user-contact-wrapper .contact-sec .main-contact-block {
	background: rgba(255, 255, 255, .2);
	padding: 0 25px;
	border-color: #fff
}

section.user-contact-wrapper .contact-sec .main-contact-block .contact-form-block .contact-form .form-group .form-control {
	border-left: 0
}

section.user-contact-wrapper .contact-sec .main-contact-block .contact-form-block .contact-form .form-group .form-control,
section.user-contact-wrapper .contact-sec .main-contact-block .contact-form-block .contact-form .form-group .upload-doc input[type=file]+label:before,
section.user-contact-wrapper .contact-sec .main-contact-block .contact-form-block .contact-form .input-group-append .input-group-text,
section.user-contact-wrapper .upload-doc input[type=file]+label:before {
	background: rgba(255, 255, 255, .3);
	border-color: #fff;
	color: #fff
}

section.user-contact-wrapper .contact-sec .main-contact-block .contact-form-block .contact-form .form-group .upload-doc input[type=file]+label:before,
section.user-contact-wrapper .upload-doc input[type=file]+label:before {
	color: #fff;
	font-weight: 400
}

section.user-contact-wrapper input::-webkit-input-placeholder {
	color: #fff!important
}

section.user-contact-wrapper input:-ms-input-placeholder {
	color: #fff!important
}

section.user-contact-wrapper input::placeholder {
	color: #fff!important
}

section.user-contact-wrapper textarea::-webkit-input-placeholder {
	color: #fff!important
}

section.user-contact-wrapper textarea:-ms-input-placeholder {
	color: #fff!important
}

section.user-contact-wrapper textarea::placeholder {
	color: #fff!important
}

section.user-contact-wrapper .cus_btn {
	color: #fff!important;
	border-color: #fff
}

section.user-contact-wrapper .cus_btn:before {
	background: rgba(255, 255, 255, .3)
}

section.user-contact-wrapper .contact-sec .main-contact-block .contact-form-block .contact-form .form-group .upload-doc input[type=file]+label p,
section.user-contact-wrapper .contact-sec .main-contact-block .contact-form-block .contact-form .form-group .upload-doc input[type=file]+label span,
section.user-contact-wrapper .upload-doc input[type=file]+label p,
section.user-contact-wrapper .upload-doc input[type=file]+label span {
	color: #fff
}

section.user-contact-wrapper .own-checkbox label.form-checkbox-label,
section.user-contact-wrapper .own-checkbox label.form-checkbox-label a {
	color: #fff
}

.qaOfferings .qaOfferings-wrap.machine-learning-wrapper .webDev-solution-wrapper {
	min-height: 360px
}

.portfolio-logo-wrapper .portLogo-img a img {
	display: block;
	width: 100%
}

section.user-contact-wrapper select option {
	color: #000
}

.about-statistics {
	padding: 100px
}

.statistics-items {
	border: 1px solid #d4d4d4;
	position: relative;
	border-right: 0;
	border-left: 0;
	padding: 30px 0 38px;
	text-align: center;
	color: #000;
	-webkit-transition: none;
	transition: none
}

.statistics-value span {
	font-size: 50px;
	display: block
}

h3.statistics-title {
	font-size: 22px;
	font-weight: 400;
	margin: 0
}

.statistics-items.four {
	border: none
}

.statistics-items.four:after,
.statistics-items.second:after {
	position: absolute;
	content: "";
	z-index: -1;
	height: 243px;
	background: #13242e;
	opacity: 0;
	top: -35px;
	left: 0;
	box-shadow: 0 20px 60px -10px rgba(0, 0, 0, .22);
	transition: transform .4s;
	transform: scale(1);
	opacity: 1;
	right: 0
}

.statistics-items.four,
.statistics-items.second {
	z-index: 999
}

.statistics-items.four .statistics-value span,
.statistics-items.four h3.statistics-title,
.statistics-items.second .statistics-value span,
.statistics-items.second h3.statistics-title {
	color: #fff
}

nav.navbar.footer-bottom-navbar ul {
	padding: 0;
	margin: 0;
	list-style: none
}

nav.navbar.footer-bottom-navbar ul li {
	display: inline-block
}

nav.navbar.navbar-nav.footer-bottom-navbar {
	align-items: flex-end
}

nav.navbar.footer-bottom-navbar ul li {
	display: inline-block;
	margin: 0 5px
}

nav.navbar.footer-bottom-navbar ul li a:hover {
	color: #fff
}

ul.contactInfo-list li.contactInfo-items {
	list-style: none;
	margin-right: 0;
	text-align: center;
	display: flex;
	align-items: center
}

.contactCountry-info a {
	color: #fff;
	display: block
}

.footerFlag-box {
	margin-right: 4px;
	width: 30px;
	height: 30px
}

.footer-bg-india {
	background: url(../../images/flag/footer-flag-sprites.png) -10px -10px
}

.footer-bg-uk {
	background: url(../../images/flag/footer-flag-sprites.png) -60px -10px
}

.footer-bg-usa {
	background: url(../../images/flag/footer-flag-sprites.png) -10px -60px
}

.footer-bg-aus {
	background: url(../../images/flag/footer-flag-sprites.png) -60px -60px
}

.social-contactFlag-block {
	display: flex;
	align-items: center
}

.footerContact-info-wrapper {
	width: 69%
}

.connectSocial-links-block {
	width: 360px
}

.footer-link {
	padding-bottom: 30px
}

.emailLink-block span {
	height: 35px;
	width: 35px;
	border: 1px solid #efce4a;
	display: block;
	color: #efce4a;
	border-radius: 40px;
	text-align: center;
	line-height: 35px
}

.emailLink-block a {
	color: #fff;
	margin-left: 10px
}

.emailLink-block {
	display: flex;
	align-items: center;
	margin-bottom: 30px
}

.contactCountry-flag span {
	display: block
}

.contact-us-banner {
	background: url(../../images/contact-bg.jpg) no-repeat top left;
	position: relative
}

.contact-us-banner:before {
	content: "";
	background: rgba(0, 0, 0, .5);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	display: block
}

.modal-open {
	padding: 0!important
}

body.request_quote-modal {
	overflow: hidden
}

.nopCommerce-content-wrapper p {
	margin-bottom: 0
}

.hirePython-hiringModels {
	padding-top: 100px
}

section.webDevelopmentHome-solution.machine-learning.hirePython-powerSolution p {
	margin-bottom: 0
}

.arka-oneCallToAction {
	padding: 50px 0
}

.arka-oneCallToAction .arkaCall-action-title-des h3 {
    font-size: 43px;
    color: #000;
}

.arka-oneCallToAction .arkaCall-action-title-des h3 span {
	font-weight: 700;
	display: block
}

.arka-oneCallToAction .arkaCall-action-title-des p {
	color: #69747d;
	margin-top: 20px
}

.arka-oneCallToAction .arkaCall-action-title-des p a {
	color: #69747d
}

.arka-oneCallToAction .arkaCall-action-title-des p a:hover {
	color: #189beb
}

.arka-oneCallToAction .arkaCall-action-title-des .cus_btn {
	color: #fff!important;
	border-color: #189beb;
	margin-top: 10px
}

.arka-oneCallToAction .arkaCall-action-title-des .cus_btn:before {
	background: linear-gradient(to right, #189beb 0, #3a7bd5 100%)!important
}

section.arka-oneCallToAction img {
	margin: 0 0 0 auto
}

.arka-twoCallToAction {
	padding: 50px 0 0 200px;
	background: url(../../images/callToAction-bg.jpg) no-repeat left top
}

.arka-twoCallToAction .arkaCall-action-title-des {
	background: -webkit-linear-gradient(to right, #189beb 0, #3a7bd5 100%);
	background: linear-gradient(to right, #189beb 0, #3a7bd5 100%);
	padding: 50px 20px 30px;
	text-align: center;
	width: 650px
}

.arka-twoCallToAction .arkaCall-action-title-des h3 {
	font-size: 38px;
	font-weight: 300;
	color: #fff;
	text-transform: uppercase
}

.arka-twoCallToAction .arkaCall-action-title-des p {
	color: #fff;
	margin: 20px 0 30px;
	padding: 0 20px
}

.arka-twoCallToAction .arkaCall-action-title-des h3 span {
	display: block;
	font-weight: 500
}

.arka-twoCallToAction .arkaCall-action-title-des p a {
	color: #fff
}

.arka-threeCallToAction .arkaCall-action-title-des .cus_btn,
.arka-twoCallToAction .arkaCall-action-title-des .cus_btn {
	border-color: #fff;
	color: #fff!important;
	z-index: 99
}

.arka-threeCallToAction .arkaCall-action-title-des .cus_btn:before,
.arka-twoCallToAction .arkaCall-action-title-des .cus_btn:before {
	background: 0 0
}

.arka-threeCallToAction .arkaCall-action-title-des .cus_btn:hover,
.arka-twoCallToAction .arkaCall-action-title-des .cus_btn:hover {
	color: #3a7bd5!important
}

.arka-threeCallToAction .arkaCall-action-title-des .cus_btn:hover:after,
.arka-twoCallToAction .arkaCall-action-title-des .cus_btn:hover:after {
	background: #fff!important
}

.arka-threeCallToAction {
	padding: 20px 0 20px 200px;
	background: url(../../images/action-bg.png) no-repeat right top/cover;
	position: relative
}

.arka-threeCallToAction:after {
	content: "";
	position: absolute;
	width: 100%;
	display: block;
	top: 0;
	bottom: 0;
	right: 0;
	background: url(../../images/action-part.png) no-repeat right top
}

.arka-threeCallToAction>.container-fluid {
	position: relative;
	z-index: 99
}

.arka-threeCallToAction .arkaCall-action-title-des h3 {
	font-size: 40px;
	color: #fff
}

.arka-threeCallToAction .arkaCall-action-title-des h3 span {
	font-weight: 700;
	display: block
}

.arka-threeCallToAction .arkaCall-action-title-des p {
	color: #fff;
	margin: 20px 40px 20px 0
}

.arka-threeCallToAction .arkaCall-action-title-des p a {
	color: #fff
}

.arka-threeCallToAction .arkaCall-action-title-des .cus_btn {
	margin-top: 10px
}

.pt-100 {
	padding-top: 100px
}

.hireShareponit-solution-wrapper .webDev-solution-listItem ul li i {
	font-size: 14px;
	color: #fff
}

section.hireShareponit-solution-wrapper {
	padding: 100px 160px;
	background: url(../../images/web-development/sharepoint-solution.jpg) no-repeat center center/cover;
	position: relative
}

section.hireShareponit-solution-wrapper:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: rgba(0, 0, 0, .55)
}

section.hireShareponit-solution-wrapper .section-head .divided:after,
section.hireShareponit-solution-wrapper .section-head .divided:before {
	background: #fff
}

.hireShareponit-solution-content .webDev-solution-text h2 {
	font-size: 26px;
	letter-spacing: 1px
}

.hireShareponit-solution-content .webDev-solution-text p {
	font-size: 17px;
	font-weight: 400;
	margin-bottom: 18px
}

.hireShareponit-solution-content .webDev-solution-wrapper.lightBlue {
	background: rgba(12, 93, 170, .8)
}

.hireShareponit-solution-content .webDev-solution-listItem ul li {
	display: block
}

.hireShareponit-solution-content .webDev-solution-listItem ul li span {
	font-size: 17px
}

.hireShareponit-solution-content .webDev-solution-wrapper {
	min-height: 489px
}

section.python-dev-solution-wrapper {
	padding: 100px 160px;
	background: #f5fbff;
	margin-bottom: 100px
}

section.python-dev-solution-wrapper .pythonDev-solution-item {
	background: #fff;
	box-shadow: 0 3px 10px rgba(0, 0, 0, .05);
	padding: 50px 20px;
	text-align: center
}

section.python-dev-solution-wrapper .pythonDev-solution-title h2 {
	font-size: 27px;
	color: #000;
	margin: 20px 0
}

section.python-dev-solution-wrapper .pythonDev-solution-content p {
	color: #6a6a6a;
	font-size: 16px;
	margin: 0
}

section.python-dev-solution-wrapper .pythonDev-solution-icon {
	width: 110px;
	height: 110px;
	border: 4px solid #fff;
	border-radius: 100px;
	background: #189beb;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto;
	box-shadow: 0 5px 30px rgba(0, 0, 0, .1)
}

section.python-dev-solution-wrapper .pythonDev-solution-icon svg {
	width: 60px
}

.magentoOtherSoultion-item {
	padding: 150px 40px 0;
	background: #fcfcfc;
	min-height: 583px
}

.OtherSoultion-title-des h2 {
	font-size: 40px;
	color: #000;
	margin-bottom: 30px;
	font-weight: 700;
	color: #162441;
	letter-spacing: .5px
}

.OtherSoultion-title-des h2:after {
	content: "";
	width: 30px;
	height: 2px;
	display: block;
	background: #189beb;
	margin-top: 20px
}

.OtherSoultion-title-des p {
	color: #6a6a6a;
	margin: 0
}

section.operational-solution-wrapper.magento-specificOfferings {
	padding: 100px 0
}

.magento-whyDev-wrapper .skillset-left-wrapper li.skillset-item {
	color: #fff;
	font-weight: 300;
	padding: 10px 0;
	width: 50%;
	display: flex;
	align-items: baseline;
	float: left;
	font-size: 18px
}

.magento-migrate-wrap.phpDevelopmentHome-migrate {
	padding: 100px 170px 70px
}

.phpDevelopmentHome-migrate.migrate-pt100 {
	padding-top: 100px
}

.hire-oneCallToAction {
	padding: 50px 300px 50px 200px;
	position: relative;
	overflow: hidden
}

section.hire-oneCallToAction:after {
	content: "";
	display: block;
	position: absolute;
	left: 5%;
	right: 0;
	bottom: 0;
	background: url(../../images/infographic-bg.png) no-repeat;
	min-height: 100%;
	z-index: -1;
	top: -90px
}

.hire-oneCallToAction .hireCall-action-title-des h3 {
	font-size: 48px;
	font-weight: 400;
	text-align: right;
	margin-bottom: 20px;
	color: #000;
}

.hire-oneCallToAction .hireCall-action-title-des h3 span {
	text-transform: uppercase;
	font-size: 20px;
	display: block
}

.hire-oneCallToAction .hireCall-action-title-des p,
.hire-oneCallToAction .hireCall-action-title-des p a {
	font-size: 18px;
	text-align: right;
	color: #69747d;
	margin: 0
}

.hire-oneCallToAction .hireCall-action-btns {
	margin-top: 30px;
	text-align: right
}

.hire-oneCallToAction .hireCall-action-btns a.cus_btn.fillbtn {
	color: #fff!important;
	border-color: #199aea;
	box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .1)
}

.hire-oneCallToAction .hireCall-action-btns a.cus_btn.fillbtn:before {
	background: linear-gradient(to right, #189beb 0, #3a7bd5 100%)!important
}

.hire-oneCallToAction .hireCall-action-btns a.cus_btn.strokeBtn {
	border-color: #42b4e7;
	box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .1);
	color: #42b4e7!important;
	margin-left: 20px
}

.hire-oneCallToAction .hireCall-action-btns a.cus_btn.strokeBtn:hover {
	color: #fff!important
}

.hire-oneCallToAction .industryCall-action-btns a.cus_btn.strokeBtn:hover {
	color: #fff!important;
	border-color: #199aea
}

.industry-twoCallToAction {
	padding: 50px 300px 50px 200px;
	position: relative;
	background: url(../../images/callToAction-bg2.jpg) no-repeat center center/cover
}

.industry-twoCallToAction .industryCall-action-title-des h3 {
	font-size: 42px;
	color: #fff;
	margin-bottom: 32px
}

.industry-twoCallToAction .industryCall-action-title-des p,
.industry-twoCallToAction .industryCall-action-title-des p a {
	font-size: 18px;
	color: #fff;
	margin: 0
}

.industry-twoCallToAction .industryCall-twoAction-btns a.cus_btn:before {
	background: #fff!important
}

.industryCall-twoAction-btns {
	text-align: right
}

.industry-twoCallToAction .industryCall-twoAction-btns a.cus_btn {
	color: #42b4e7!important;
	border-color: #fff;
	z-index: 9;
	font-weight: 500
}

.industry-twoCallToAction .industryCall-twoAction-btns a.cus_btn:hover {
	color: #fff!important
}

section.industry-oneCallToAction {
	position: relative;
	padding: 50px 0
}

.industry-oneCallToAction .industryCall-action-content {
	padding: 40px 30px;
	border: 2px solid #4391df;
	text-align: center;
	position: relative
}

.industry-oneCallToAction .industryCall-action-content:before {
	content: "";
	position: absolute;
	left: -3.5%;
	bottom: -13%;
	background: url(../../images/contact-form-bg1.png) no-repeat right top;
	width: 100%;
	height: 100%;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	z-index: -1
}

.industry-oneCallToAction .industryCall-action-content:after {
	content: "";
	position: absolute;
	right: -3.5%;
	top: -13%;
	background: url(../../images/contact-form-bg1.png) no-repeat right top;
	width: 100%;
	height: 100%;
	z-index: -1
}

.industry-oneCallToAction .industryCall-action-title-des h3 {
	font-size: 48px;
	margin-bottom: 28px
}

.industry-oneCallToAction .industryCall-action-title-des p,
.industry-oneCallToAction .industryCall-action-title-des p a {
	color: #69747d;
	margin-bottom: 30px
}

.industry-oneCallToAction .industryCall-oneAction-btns a.cus_btn:before {
	background: linear-gradient(to right, #189beb 0, #3a7bd5 100%)!important
}

.industry-oneCallToAction .industryCall-oneAction-btns a.cus_btn {
	border-color: #42b4e7;
	box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .1);
	color: #fff!important
}

.hire-twoCallToAction {
	padding: 60px 300px 80px 200px;
	position: relative;
	background: url(../../images/callToAction-bg3.jpg) no-repeat center center/cover
}

.hire-twoCallToAction .hireCall-action-title-des {
	padding: 48px 40px;
	background: #357fd8;
	position: relative;
	width: 700px;
	margin: 0 0 0 auto
}

.hire-twoCallToAction .hireCall-action-btns {
	position: absolute;
	bottom: -22px
}

.hire-twoCallToAction .hireCall-action-title-des h3 {
	text-transform: uppercase;
	font-size: 40px;
	letter-spacing: 1px;
	margin: 0;
	color: #fff
}

.hire-twoCallToAction .hireCall-action-btns a.cus_btn:before {
	background: #fff!important
}

.hire-twoCallToAction .hireCall-action-btns a.cus_btn {
	border-color: #fff;
	box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .1);
	color: #42b4e7!important;
	z-index: 9
}

.hire-twoCallToAction .hireCall-action-btns a.cus_btn:hover {
	border-color: #42b4e7;
	color: #fff!important
}

.hireDeveloper-modal-wrapper .hireDeveloper-wrap {
	padding: 110px 0 110px 20px
}

.hireDeveloper-modal-wrapper .dedicatedHire-ListTitle {
	font-size: 26px
}

.hireDeveloper-rightside-wrapper {
	background: url(../../images/hiring/hiredeveloper-bg.jpg) no-repeat center center/cover;
	height: 100%;
	padding: 30px 100px 0 60px;
	position: relative;
	display: flex;
	justify-content: center;
	flex-direction: column
}

.hireDeveloper-rightside-wrapper:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: rgba(0, 0, 0, .74);
	height: 100%;
	width: 100%
}

.hireModal-item .hireDeveloper-engagement-icon {
	width: 60px;
	background: linear-gradient(to right, #ff6163 0, #ff9667 100%)!important;
	border-radius: 100px;
	height: 60px;
	margin-right: 15px;
	display: flex;
	align-items: center;
	justify-content: center
}

.hireModal-item .hireDeveloper-engagement-icon svg {
	width: 35px
}

.hireDeveloper-rightside-wrapper .hireBtn,
.hireDeveloper-rightside-wrapper .hireDeveloper-des,
.hireDeveloper-rightside-wrapper .section-head{
	position: relative;
	z-index: 2
}
h2.trending-title {
    margin: 15px 0 0 0;
    color: #fff;
    font-size: 26px;
    font-weight: 500;
}

.hireDeveloper-rightside-wrapper.magento-hireDev-wrap .section-head h1 {
	font-size: 35px;
	font-weight: 500
}

.hireDeveloper-rightside-wrapper .hireDeveloper-des img {
	max-width: 70%;
	margin-top: 20px
}

.hireDeveloper-modal-wrapper .hireModal-item {
	background: #fff;
	display: flex;
	align-items: center;
	padding: 10px 15px;
	margin-bottom: 20px;
	border-radius: 6px
}

.hireDeveloper.hireDeveloper-modal-wrapper .hire-content {
	color: #000;
	font-size: 20px;
	text-transform: capitalize
}

.magento-migrate-wrap.phpDevelopmentHome-migrate {
	background: #fff
}

.hireDeveloper-top-head {
	padding-top: 50px
}

.wordpress-offeringWrap .offering-left-wrapper img {
	max-width: 60%
}

section.offering-section.wordpress-offeringWrap {
	background: #fff
}

.arka-cookieconsent {
	padding: 1.2em;
	border-radius: 5px;
	max-width: 24em;
	-ms-flex-direction: column;
	flex-direction: column;
	color: #fff;
	background-color: #02a8f3;
	bottom: 1em;
	left: 1em;
	position: fixed;
	overflow: hidden;
	font-size: 16px;
	line-height: 1.5em;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	z-index: 9999;
	transition: all .3s ease-in-out
}

.arka-cookieconsent .cookieconsent-msg {
	display: block;
	margin-bottom: 1em
}

.arka-cookieconsent .cookieconsent-msg a {
	display: inline-block;
	padding: .2em;
	color: #fff;
	text-decoration: underline
}

.arka-cookieconsent .cookieconsent-compliance {
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: justify;
	align-content: space-between
}

.arka-cookieconsent .cookieconsent-compliance .btn {
	-ms-flex: 1;
	flex: 1;
	border-radius: 5px;
	display: block;
	font-size: .9em;
	font-weight: 500;
	border: 2px solid
}

.arka-cookieconsent .cookieconsent-compliance .btn.btn-cookieconsent-decline {
	color: #fff;
	background-color: transparent;
	border-color: transparent
}

.arka-cookieconsent .cookieconsent-compliance .btn.btn-cookieconsent-allow {
	min-width: 140px;
	margin-left: .5em;
	color: #02a8f3;
	background-color: #fff;
	border-color: transparent
}

.classicAsp-migration-section {
	padding: 100px 220px;
	background: #ff9a44;
	background: -moz-linear-gradient(90deg, #ff9a44 0, #fc6076 100%);
	background: -webkit-linear-gradient(90deg, #ff9a44 0, #fc6076 100%);
	background: linear-gradient(90deg, #ff9a44 0, #fc6076 100%)
}

.classicAsp-migration-content-wrap {
	padding-left: 140px
}

.into-classicAsp-section {
	padding: 100px 200px;
	background: #fbfbfb
}

.intoClassicAsp-content h3 {
	margin: 0;
	font-size: 37px;
	line-height: 52px;
	color: #012046;
	position: relative;
	font-weight: 400
}

.into-classicAsp-section.first-classicAsp-quote {
	padding-bottom: 50px;
	background: #fff
}

.intoClassicAsp-content h3 sup {
	color: #f68815;
	font-size: 35px
}

.classicAsp-migration-content p {
	font-size: 20px;
	margin: 0;
	color: #fff
}

.classicAsp-language-section {
	padding: 80px 0 100px 0;
	background: #4481eb;
	background: -moz-linear-gradient(90deg, #4481eb 0, #04befe 100%);
	background: -webkit-linear-gradient(90deg, #4481eb 0, #04befe 100%);
	background: linear-gradient(90deg, #4481eb 0, #04befe 100%)
}

.classicAsp-language-section .section-head .divided:after,
.classicAsp-language-section .section-head .divided:before {
	background: #fff
}

ul.classicAsp-language-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around
}

ul.classicAsp-language-list li {
	background: #fff;
	color: #000;
	font-size: 26px;
	width: 41%;
	border-radius: 6px;
	padding: 20px 15px 20px 150px;
	position: relative
}

ul.classicAsp-language-list .classicAsp-language-icon {
	background: linear-gradient(to right, #ff6163 0, #ff9667 100%)!important;
	width: 80px;
	position: absolute;
	top: -10px;
	bottom: -10px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 110px;
	border-radius: 6px;
	left: 15px
}

ul.classicAsp-language-list .classicAsp-language-icon img {
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1);
	width: 70px
}

ul.classicAsp-language-list .classicAsp-language-icon.lang-rorLogo img {
	width: 90px
}

.useClassicASP-section .useClassicASP-content h3,
.whyTechnology-section .whyTechnology-content h3 {
	font-size: 45px;
	margin-bottom: 20px;
	color: #000;
}

.useClassicASP-section .useClassicASP-content {
	padding: 45px 180px 45px 230px
}

.useClassicASP-img {
	background: url(../../images/classic-asp.jpg) center left/cover;
	padding: 300px 0;
	border-top-left-radius: 60px;
	border-bottom-left-radius: 60px
}

.hireClassicASP-overview.hirePhpDeveloper-overview {
	padding: 170px 200px 100px
}

.hireClassicASP-overview .hirePhpDeveloper-Rightoverview {
	background: #fff;
	padding: 0 20px;
	margin-top: 50px
}

.hireClassicASP-overview .hirePhpDeveloper-Rightoverview ul li {
	width: 25%;
	padding: 8px 0
}

.calltoaction-classicASP section.hire-oneCallToAction {
	padding-top: 80px
}

.webdevelopmentinner-banner.powerBi-banner {
	background: url(../../images/powerbi-banner.jpg) no-repeat center center/cover
}

.hirePhpDeveloper-overview.hireClassicASP-overview.powerBi-overview {
	padding: 100px 200px 50px
}

.webdevelopmentinner-banner.powerBi-banner>.container {
	position: relative;
	z-index: 9
}

.why-powerBi-section {
	padding: 100px 0
}

.why-powerBi-section .why-powerBi-content {
	padding: 0 100px 0 140px
}

.why-powerBi-content .divided {
	margin: initial
}

.why-powerBi-content ul.powerBi-list {
	list-style: none;
	padding: 30px 0 0 0;
	margin: 0
}

.why-powerBi-content ul.powerBi-list li {
	padding: 0 0 10px;
	font-size: 16px;
	color: #000;
	width: 100%
}

.why-powerBi-content ul.powerBi-list li i {
	color: #0183ff;
	font-size: 20px;
	margin-right: 12px;
	vertical-align: middle
}

.powerBi-product-section {
	padding: 120px 190px 20px;
	background: #012046;
	position: relative
}

.powerBi-product-section .powerBi-product-bg-img {
	position: absolute;
	bottom: 0;
	max-width: 58%;
	right: 0;
	opacity: .06;
	left: 0;
	margin: auto
}

.powerBi-product-section .section-head .divided:after,
.powerBi-product-section .section-head .divided:before {
	background: #fff
}

.powerBi-product-item .powerBi-product-icon svg {
	width: 70px
}

.powerBi-product-item .powerBi-product-content h2,
.powerBi-product-item .powerBi-product-content p {
	color: #fff
}

.powerBi-product-item .powerBi-product-content h2 {
	font-size: 26px
}

.powerBi-product-item .powerBi-product-content p {
	font-size: 16px;
	margin: 0
}

.powerBi-product-item {
	border: 3px solid #fff;
	border-top-color: transparent;
	padding: 60px 30px 20px 30px;
	margin-bottom: 100px;
	position: relative
}

.powerBi-product-item:after {
	content: "";
	position: absolute;
	right: -3px;
	height: 3px;
	background: #fff;
	width: 73%;
	top: -3px
}

.powerBi-product-item:before {
	content: "";
	position: absolute;
	left: -3px;
	height: 3px;
	background: #fff;
	width: 40px;
	top: -3px
}

.powerBi-product-icon {
	position: absolute;
	top: -38px;
	width: 110px;
	text-align: center
}

.powerBi-product-section .section-head {
	margin-top: 50px
}

section.powerBi-solution-wrapper .powerBi-solution-block {
	background: #ff9a44;
	background: -moz-linear-gradient(90deg, #ff9a44 0, #fc6076 100%);
	background: -webkit-linear-gradient(90deg, #ff9a44 0, #fc6076 100%);
	background: linear-gradient(90deg, #ff9a44 0, #fc6076 100%);
	padding: 100px 200px
}

.powerBi-solution-item .powerBi-solution-content h2 {
	color: #fff;
	font-size: 25px;
	margin-bottom: 20px
}

.powerBi-solution-item .powerBi-solution-content p {
	color: #000;
	font-size: 16px;
	margin: 0;
	min-height: 120px
}

section.powerBi-solution-wrapper .powerBi-solution-block>.container-fluid {
	margin-top: -260px
}

section.powerBi-solution-wrapper .container {
	margin-bottom: 200px
}

.powerBi-solution-item {
	position: relative;
	padding: 30px 35px 45px;
	background: #fff;
	overflow: hidden;
	border-radius: 4px;
	box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .2)
}

.powerBi-solution-item.nextRow-powerBi-solution {
	margin-top: 80px
}

.powerBi-solution-content h2.powerBi-solution-title {
	color: #000;
	font-size: 24px
}

span.powerBi-solution-count {
	font-size: 140px;
	color: #e8e8e8;
	position: absolute;
	top: -26%;
	left: -6%;
	opacity: .4
}

.powerBi-solution-icon {
	text-align: right;
	margin-bottom: 30px
}

.powerBi-solution-icon svg {
	width: 70px
}

.powerBi-mobileSolution-wrap img {
	max-width: 56%
}

.bettingApp-features .feature-category-title h2 {
	font-size: 18px
}

.sportAppDev-features.bettingApp-features .feature-category-icon {
	max-width: 70px
}

.sportBetting-soluation-wrap {
	padding-top: 100px
}

.sportBetting-soluation-wrap .powerBi-solution-item .powerBi-solution-content p {
	min-height: 144px
}

.sportBetting-features .features-wrapper .tab-content {
	padding: 80px 100px 0
}

.sportBetting-features .features-wrapper .tab-content h2 {
	color: #000;
	margin-bottom: 18px;
	font-size: 39px
}

.sportBetting-features ul.appFeatures-list {
	width: 100%;
	margin-top: 40px!important
}

.sportBetting-features ul.appFeatures-list li {
	display: inline-block;
	width: 48%
}

.onDemandSolution-appFeatures.sportBetting-features {
	padding-top: 100px
}

.sportBetting-features .features-wrapper li.features-item.active a {
	background: -webkit-linear-gradient(to right, #ff6163 0, #ff9667 100%);
	background: linear-gradient(to right, #ff6163 0, #ff9667 100%)
}

.sportBetting-features .features-wrapper li.features-item a {
	width: 170px;
	height: 90px;
	background: #02a8f3;
	border-radius: 8px
}

.sportBetting-features .features-wrapper li.features-item a span {
	color: #fff;
	font-size: 22px;
	margin-top: 0
}

.iotExpertise-head .divided {
	margin: 0 auto
}

section.iotInd-consumer-section {
	background: url(../../images/web-development/iotInd-consumer.jpg) no-repeat center center/cover;
	padding: 100px 140px;
	position: relative
}

section.iotInd-consumer-section:before {
	content: "";
	background: rgba(0, 0, 0, .5);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0
}

section.iotInd-consumer-section .webDev-solution-listItem ul li {
	width: 48%;
	margin: 0 10px 20px 0;
	color: #fff
}

section.iotInd-consumer-section .webDev-solution-wrapper p {
	margin: 30px 0 40px 0
}

section.iotInd-consumer-section .webDev-solution-listItem ul li i {
	margin-right: 10px
}

.iotfour-box-section .phpDevelopmentHome-serviceWrapper {
	border-bottom: 5px solid #f65d17;
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1)
}

.pwaDev-services-section {
	padding: 100px 140px
}

.pwaDev-service-item {
	padding: 20px;
	height: 500px;
	border-radius: 6px;
	position: relative;
	overflow: hidden;
	cursor: pointer
}

.pwaDev-service-item.item-one {
	background: url(../../images/iot/responsive-pwa.jpg) no-repeat center center/cover
}

.pwaDev-service-item.item-two {
	background: url(../../images/iot/custom-pwa-development.jpg) no-repeat center center/cover
}

.pwaDev-service-item.item-three {
	background: url(../../images/iot/bug-fixing-security.jpg) no-repeat center center/cover
}

.pwaDev-service-item.item-four {
	background: url(../../images/iot/maintenance-support.jpg) no-repeat center center/cover
}

.pwaDev-service-item:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .2) 50%, rgba(0, 0, 0, .8) 100%);
	background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .2) 50%, rgba(0, 0, 0, .8) 100%);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .2) 50%, rgba(0, 0, 0, .8) 100%)
}

.pwaDev-service-item:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	max-height: 0;
	background: #f68815;
	transition: all .4s ease-in-out
}

.pwaDev-service-item:hover:after {
	max-height: 100%
}

.pwaDev-content-wrapper {
	position: relative;
	color: #fff;
	opacity: 0;
	font-size: 16px;
	margin: 0;
	max-height: 0
}

.pwaDev-title-wrapper h3 {
	color: #fff;
	font-size: 24px
}

.pwaDev-title-wrapper {
	position: absolute;
	left: 0;
	width: 100%;
	padding: 15px;
	z-index: 99;
	transition: all .4s ease-in-out;
	top: 65%
}

.pwaDev-service-icon svg {
	width: 60px;
	margin-bottom: 20px
}

.pwaDev-service-item:hover .pwaDev-title-wrapper {
	top: 30px
}

.pwaDev-service-item:hover p.pwaDev-content-wrapper {
	opacity: 1;
	max-height: 100%;
	margin-top: 20px
}

.pwaDev-services-section p.subHead-content {
	padding: 0 200px
}

.pwaMirgate-section {
	background: url(../../images/iot/progressive-web.jpg) no-repeat center center/cover;
	padding: 100px 140px;
	position: relative
}

.pwaMirgate-section:before {
	content: "";
	background: rgba(0, 0, 0, .5);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0
}

.pwaMigrate-icon {
	width: 80px;
	height: 80px;
	background: #fff;
	text-align: center;
	line-height: 80px;
	border-radius: 14px 0 14px 0;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: center
}

.pwaMigrate-icon img,
.pwaMigrate-icon svg {
	width: 54px
}

.pwaMirgate-section .section-head .divided:after,
.pwaMirgate-section .section-head .divided:before {
	background: #fff
}

.pwaMirgate-section .webDev-solution-wrapper {
	border-radius: 40px 0 40px 0
}

.companyClient-logo-section {
	padding: 60px 140px;
	background: #fcfcfc
}

.companyClient-logo-section .subTitle-text {
	font-size: 22px
}

.companyClient-left-wrap h3 {
	font-size: 40px;
	margin-bottom: 15px;
	color: #000
}

.clientReview-img-name img {
	max-width: 110px
}

.companyClient-left-wrap h3 span {
	color: #00c2ff;
	border-bottom: 2px solid #00c2ff;
	line-height: 48px
}

.companyClient-logo-section figure img {
	-moz-filter: grayscale(1);
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.companyClient-logo-section figure img:hover {
	-moz-filter: grayscale(0);
	-webkit-filter: grayscale(0);
	cursor: pointer;
	filter: grayscale(0)
}

.phpDevelopmentServer-Navtab.iotSolution-Navtab li.phpDevelopmentServer-item.active {
	border: none;
	background: linear-gradient(180deg, #f65d17 0, #ff9623 100%)
}

.phpDevelopmentServer-Navtab.iotSolution-Navtab li.active.phpDevelopmentServer-item h2 {
	color: #fff
}

.phpDevelopmentServer-Navtab.iotSolution-Navtab .phpDevelopmentServer-item.active .phpDevelopmentServer-icon path {
	fill: #fff
}

body.thankyou-body:not(.home) .main-header:not(.sticky):not(.menu--opend) .brand-name img {
	-webkit-filter: brightness(1) invert(0);
	filter: brightness(1) invert(0)
}

body.thankyou-body:not(.home) .main-header:not(.sticky):not(.menu--opend) .header-right>ul>li>a:not(.cus_btn) {
	color: #333
}

body.thankyou-body:not(.home) .main-header:not(.sticky):not(.menu--opend) .header-right a .arrow-icon:after,
body.thankyou-body:not(.home) .main-header:not(.sticky):not(.menu--opend) .header-right a .arrow-icon:before {
	background-color: #333
}

body.thankyou-body:not(.home) .main-header:not(.sticky):not(.menu--opend) .contact-info button {
	border-color: #333;
	color: #333
}

.thankyou-banner {
	padding: 250px 0 80px 0
}

.thankyou-banner .thankyou-img {
	max-width: 90px;
	margin: 0 auto 70px
}

.thankyou-banner h1.mainHead-ty {
	font-size: 75px;
	font-weight: 600;
	color: #02a8f3;
	text-transform: uppercase;
	margin-bottom: 40px
}

.thankyou-banner p.subHead-ty {
	font-size: 28px;
	color: #000;
	font-weight: 600
}

.thankyou-banner p.ty-des {
	margin: 0;
	font-size: 20px
}

.caseStudy-section {
	padding: 100px 140px
}

.blog-ty-section {
	padding: 100px 140px 50px
}

.caseStudy-section .sec-heading-s {
	padding-bottom: 80px
}

.caseStudy-section .caseStudy-item a {
	background: #fff;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
	border-radius: 16px;
	padding: 185px 15px 25px 15px;
	text-align: center;
	position: relative;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	display: block
}

.caseStudy-section .caseStudy-item a:focus,
.caseStudy-section .caseStudy-item a:hover {
	margin-top: -15px;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2)!important
}

.caseStudy-img {
	position: absolute;
	left: 0;
	right: 0;
	top: -40px
}

.caseStudy-content span.caseStudy-industryName {
	color: #868686
}

.caseStudy-item .caseStudy-content h4 {
	margin: 6px 0 0 0;
	color: #0ab0cd;
	font-size: 22px
}

.heading-right-btn {
	text-align: right
}

.cus_btn.cus_orange_btn {
	color: #fff!important;
	border-color: #fff;
	padding: 11px 12px!important;
	min-width: 180px
}

.blog-ty-section .cus_btn,
.caseStudy-section .cus_btn,
.thankyou-banner .cus_btn {
	font-size: 18px;
	text-transform: capitalize;
	margin-top: 20px
}

.blog-ty-section .cus_btn i,
.caseStudy-section .cus_btn i,
.thankyou-banner .cus_btn i {
	font-size: 25px;
	vertical-align: middle;
	margin-left: 6px
}

.cus_btn.cus_orange_btn:before {
	background: linear-gradient(180deg, #f65d17 0, #ff9623 100%)
}

.blog-ty-section .sec-heading-s {
	padding-bottom: 40px
}

.outSystems-caseSolution-list ul {
	padding-left: 15px;
	margin: 0
}

.outSystems-caseSolution-list ul li {
	font-size: 16px;
	color: #000;
	padding: 4px 0
}

.outSystems-caseSolution--wrapper .powerBi-solution-item {
	min-height: 503px
}

.outSystems-caseSolution--wrapper span.powerBi-solution-count {
	top: -16%
}

section.phpDevelopmentHome-appBackend.outSystems-mobileSolution-wrap {
	padding: 100px 200px
}

.outSystems-mobileSolution-wrap .appBackend-image-wrapper img {
	max-width: 70%
}

.hirePhpDeveloper-overview.hireClassicASP-overview.outsystem-overview {
	padding: 100px 200px
}

.showcase {
	padding: 0 80px
}

.showcaseItem {
	width: 100%;
	height: 400px;
	position: relative;
	display: block
}

.showcaseItem:hover .showcaseItem__bcg {
	background-position: 100% 50%;
	transition: background-position 4s cubic-bezier(.4, .74, 1, 1)
}

.showcaseItem .showcaseItem__bcg {
	transition: background-position .7s linear
}

.showcaseItem__bcg {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: 0;
	z-index: -1
}

.showcaseItem__wrap {
	position: absolute;
	top: 62.5%;
	left: 0;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center
}

.showcaseItem__text {
	color: #fff;
	font-size: 1.2rem;
	line-height: 2;
	padding: 0 10px;
	opacity: 0;
	transform: matrix(1, 0, 0, 1, 0, 0);
	box-sizing: border-box;
	width: 100%;
	word-wrap: break-word;
	transition: all .3s ease-in-out
}

.showcaseItem__logoBox {
	transform: matrix(1, 0, 0, 1, 0, 0);
	padding-left: 30px;
	padding-right: 30px;
	transition: all .3s ease-in-out
}

.showcaseItem__button {
	opacity: 0;
	transition: all .3s ease-in-out
}

.showcaseItem__button span.showcaseDetails-btn {
	background: 0 0;
	font-size: 16px;
	display: block;
	max-width: 50%;
	margin: auto;
	display: block;
	text-transform: uppercase;
	border: 1px solid #fff;
	color: #ffff;
	padding: 10px 12px;
	transition: all .3s ease-in-out;
	position: relative;
	overflow: hidden;
	min-width: initial;
}

.showcaseItem:hover .showcaseItem__logoBox {
	transform: matrix(1, 0, 0, 1, 0, -60)
}

.showcaseItem:hover .showcaseItem__text {
	opacity: 1;
	transform: matrix(1, 0, 0, 1, 0, -30)
}

.showcaseItem:hover .showcaseItem__button {
	opacity: 1;
	transform: matrix(1, 0, 0, 1, 0, -15)
}

.showcaseItem__button span.showcaseDetails-btn:after,
.showcaseItem__button span.showcaseDetails-btn:before {
	content: "";
	width: 0;
	height: 100%;
	z-index: -1
}

.showcaseItem__button span.showcaseDetails-btn:before {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #fff;
	transition: width .2s ease
}

.showcaseItem__button span.showcaseDetails-btn:hover:before {
	left: 0;
	width: 100%
}

.showcaseItem__button span.showcaseDetails-btn:after {
	display: inline-block;
	vertical-align: middle;
	visibility: hidden
}

.showcaseItem__button span.showcaseDetails-btn:hover {
	color: #000
}

.showcase {
	position: relative;
	z-index: 3
}

.showcase__col {
	position: relative;
	width: 16.66%;
	margin-top: -15.057vh;
	transition: -webkit-transform .5s linear;
	transition: transform .5s linear;
	transition: transform .5s linear, -webkit-transform .5s linear;
	float: left
}

.showcase__col.showcase__col--topSmall {
	margin-top: -33.301vh
}

.showcase__col.showcase__col--topBig {
	margin-top: -55.491vh
}

.ourPortfolio-content-wrapper .sec-heading-s {
	position: relative;
	z-index: 9
}

.site>.siteBg {
	z-index: 0
}

.siteBg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.wrapper--vFill {
	height: 100%;
	position: relative;
	margin: 0 auto
}

.bgLines {
	position: relative;
	height: 100%;
	overflow: hidden
}

.bgLines__line {
	display: block;
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	background-color: #f5f5f5
}

.bgLines__line:first-of-type {
	left: 5%
}

.bgLines__line:nth-of-type(2) {
	left: 19.98%
}

.bgLines__line:nth-of-type(3) {
	left: 35%
}

.bgLines__line:nth-of-type(4) {
	left: 50%
}

.bgLines__line:nth-of-type(5) {
	left: 64.96%
}

.bgLines__line:nth-of-type(6) {
	left: 80%
}

.bgLines__line:nth-of-type(7) {
	left: 94.96%
}

.bgLines__line .bgLines__ray {
	display: block;
	width: 1px;
	position: absolute;
	left: 0
}

.bgLines__line .bgLines__ray--r {
	background-color: #f2004a;
	top: 200px
}

.bgLines__line .bgLines__ray--g {
	background-color: #c5dc00;
	top: 300px
}

.bgLines__line .bgLines__ray--b {
	background-color: #00c0cc;
	top: 500px
}

.headBox__bgLines,
.headBox__strips {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.headBox__strips {
	z-index: 0
}

.headBox__strips[data-modulo="0"] .headBox__strip:not(:first-child) span,
.headBox__strips[data-modulo="1"] .headBox__strip:not(:nth-child(3)) span,
.headBox__strips[data-modulo="2"] .headBox__strip:not(:nth-child(2)) span {
	display: none
}

.headBox__strip {
	width: 30%;
	height: 100%;
	float: left;
	box-sizing: border-box;
	border-right: 1px solid #f5f5f5;
	position: relative
}

.headBox__strip--blog {
	width: 22.22%
}

.showcaseTestimonial {
	padding: 0 140px;
	position: relative;
	z-index: 3
}

.testimonial-showcase {
	position: relative;
	width: 33.33%;
	margin-top: -15.057vh;
	transition: -webkit-transform .5s linear;
	transition: transform .5s linear;
	transition: transform .5s linear, -webkit-transform .5s linear;
	float: left
}

.testimonial-showcase.testimonial-showcase-topSmall {
	margin-top: -33.301vh
}

.testimonial-showcase.testimonial-showcase-topBig {
	margin-top: -55.491vh
}

.showcase-testimonial-Item {
	padding: 15px
}

.showcase-testimonial-Item-wrap {
	width: 100%;
	display: block;
	padding: 50px;
	position: relative
}

.showcase-testimonial-Item-wrap.itemCol-1 {
	background: #c6c8df
}

.showcase-testimonial-Item-wrap.itemCol-2 {
	background: #fcdde4
}

.showcase-testimonial-Item-wrap.itemCol-3 {
	background: #ffefbc
}

.showcase-testimonial-Item-wrap.itemCol-4 {
	background: #e8dcc3
}

.showcase-testimonial-Item-wrap.itemCol-5 {
	background: #ffe2d4
}

.showcase-testimonial-Item-wrap.itemCol-6 {
	background: #f8e1aa
}

.showcase-testimonial-Item-wrap.itemCol-7 {
	background: #d4d6ff
}

.showcase-testimonial-Item-wrap.itemCol-8 {
	background: #ccf4e1
}

.showcase-testimonial-Item-wrap.itemCol-9 {
	background: #baf9fe
}

.testQuote-icon i {
	font-size: 40px;
	color: #333
}

p.clientReviewText-box {
	font-size: 22px;
	line-height: 44px;
	padding: 30px 0
}

.clientName-proName-box span.clientName {
	color: #333;
	font-weight: 800;
	font-size: 22px
}

.clientName-proName-box span.clientPro-name {
	color: #333;
	font-size: 22px
}

.testimonialVideo-play-block {
	position: relative;
	display: block
}

.testimonialVideo-play-block img {
	min-height: 100%;
	min-width: 100%;
	object-fit: cover
}

.videoPlay-icon>i {
	position: relative;
	z-index: 3;
	font-size: 26px;
	color: #00adff;
	margin: 3px 0 0 5px
}

span.videoPlay-icon {
	position: absolute;
	z-index: 10;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: block;
	text-align: center
}

span.videoPlay-icon:before {
	content: "";
	position: absolute;
	z-index: 0;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 80px;
	height: 80px;
	background: #fff;
	border-radius: 50%;
	animation: pulse-border 1.5s ease-out infinite
}

span.videoPlay-icon:after {
	content: "";
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 80px;
	height: 80px;
	background: #fff;
	border-radius: 50%;
	transition: all .2s
}

@keyframes pulse-border {
	0% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		opacity: 1
	}
	100% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		opacity: 0
	}
}

span.videoPlay-icon:hover:after {
	background-color: darken(#fa183d, 10%)
}

.clientImg-box {
	padding-bottom: 30px
}

.clientImg-box img {
	border-radius: 10px;
	border: 3px solid rgba(255, 255, 255, .83);
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, .2);
	position: absolute;
	z-index: 99;
	top: -70px;
	left: 0;
	right: 0;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	width: 140px;
	transition: all .3s ease-in-out
}

@keyframes imgBounce {
	0% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
	50% {
		-webkit-transform: translateY(-15px);
		-ms-transform: translateY(-15px);
		transform: translateY(-15px)
	}
	100% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

.showcase-testimonial-Item:hover .clientImg-box>img {
	cursor: pointer;
	animation-name: imgBounce;
	-moz-animation-name: imgBounce
}

.videoModal-box.modal {
	transform: scale(0);
	opacity: 0;
	-webkit-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear
}

.videoModal-box.modal.show {
	transform: scale(1);
	opacity: 1
}

.videoModal-box.modal .modal-dialog {
	transform: none;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	margin: 0 auto
}

.videoModal-box .modal-body {
	padding: 0
}

.videoModal-box .close {
	position: absolute;
	right: -30px;
	top: 0;
	z-index: 999;
	font-size: 2rem;
	font-weight: 400;
	color: #fff;
	opacity: 1
}

body.thankyou-body button.requestPhone.base,
body.thankyou-body li.requstQuote-block {
	display: none!important
}

.caseStudy-showCase-section .showcase__col {
	margin-top: -9.057vh
}

.caseStudy-showCase-section .showcase__col.showcase__col--topSmall {
	margin-top: -24.301vh
}

.caseStudy-showCase-section .showcase__col.showcase__col--topBig {
	margin-top: -48.491vh
}

.caseStudy-showCase-section .showcase__col {
	width: 25%
}

.caseStudy-showCase-section .showcase__col span.showcaseDetails-btn {
	max-width: 168px;
	font-size: 15px
}

.arkaFeatures-point-wrap {
	background: #1689f4;
	padding: 36px 30px 16px
}

ul.arkaFeatures-list-block {
	padding: 0;
	margin: 0;
	list-style: none;
	flex-wrap: wrap
}

ul.arkaFeatures-list-block,
ul.arkaFeatures-list-block li {
	display: flex;
	align-items: center
}

ul.arkaFeatures-list-block li {
	flex: 50%;
	margin-bottom: 20px
}

.arkaFeatures-list-icon {
	display: block;
	min-height: 45px;
	min-width: 45px;
	background: #ff9623;
	background: -moz-linear-gradient(0deg, #ff9623 0, #f65e17 100%);
	background: -webkit-linear-gradient(0deg, #ff9623 0, #f65e17 100%);
	background: linear-gradient(0deg, #ff9623 0, #f65e17 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100px
}

ul.arkaFeatures-list-block li .arkaFeatures-name {
	color: #fff;
	font-size: 18px;
	margin-left: 15px
}

.blazorExpanding-section .webDev-solution-wrapper p {
	margin-bottom: 0
}

.blazorExpanding-section .machine-learning-wrapper .webDev-solution-wrapper {
	min-height: 410px;
	margin-bottom: 20px
}

.hostingModel-section .advance-apps-wrapper .webDev-solution-wrapper {
	min-height: 740px
}

.pos-panel-wrapper {
	padding: 0 0 100px 0
}

.pos-panel-item {
	background: #fff;
	-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2)
}

.pos-panel-item.largePanel-item {
	margin-bottom: 30px
}

.pos-panel-head {
	background: #f35319;
	padding: 15px 8px
}

.pos-panel-head h2 {
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	margin: 0;
	text-align: center
}

.pos-panel-body {
	padding: 15px 20px;
	position: relative;
	transition: all .3s ease-in-out
}

.pos-panel-body:after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	border: 10px solid #f35319;
	border-top-color: transparent;
	border-left-color: transparent
}

.pos-panel-body:before {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	height: 1px;
	width: 1px;
	opacity: 0;
	transition: all .3s ease-in-out
}

.pos-panel-item:hover .pos-panel-body:before {
	opacity: 1;
	top: 0;
	left: 0;
	background: #f35319;
	height: 100%;
	width: 100%
}

.posPanel-list {
	position: relative;
	z-index: 2
}

.largePanel-item .posPanel-list ul {
	display: flex;
	flex-wrap: wrap
}

.largePanel-item .posPanel-list ul li {
	width: 33.33%
}

.pos-panel-body ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.pos-panel-body ul li {
	font-weight: 300;
	color: #000;
	padding: 12px 0;
	font-size: 18px;
	display: flex;
	align-items: baseline
}

.pos-panel-item:hover i,
.pos-panel-item:hover li {
	color: #fff
}

.pos-panel-item:hover .pos-panel-head {
	background: #da440d
}

.pos-panel-body ul li i {
	font-size: 20px;
	font-weight: 700;
	color: #f35319;
	margin-right: 12px
}

.onDemandHome-essentialFeatures.pt-100 {
	padding-top: 100px
}

@media (max-width:1680px) {
	section.webDevelopmentHome-solution.machine-learning.blazorExpanding-section {
		padding: 100px 80px
	}
}

@media (max-width:1440px) {
	section.hostingModel-section.machine-learning .advance-apps-wrapper .webDev-solution-wrapper {
		min-height: 635px
	}
	.blazorExpanding-section.machine-learning .machine-learning-wrapper .webDev-solution-wrapper {
		min-height: 410px
	}
}

@media (max-width:1366px) {
	.blazorExpanding-section.machine-learning .machine-learning-wrapper .webDev-solution-wrapper {
		min-height: 425px
	}
}

@media (max-width:991px) {
	.arkaFeatures-point-wrap {
		padding: 30px 15px 10px;
		margin-top: 25px
	}
	ul.arkaFeatures-list-block li {
		padding-left: 5px
	}
	.pos-panel-wrapper {
		padding: 0 0 40px
	}
	.smallLast-panel-item .posPanel-list ul {
		display: flex;
		flex-wrap: wrap
	}
	.largePanel-item .posPanel-list ul li,
	.smallLast-panel-item .posPanel-list ul li {
		width: 50%
	}
	.pos-panel-item.smallLast-panel-item {
		margin-top: 30px
	}
}

@media (max-width:767px) {
	ul.arkaFeatures-list-block li {
		flex: 100%
	}
	.largePanel-item .posPanel-list ul li,
	.smallLast-panel-item .posPanel-list ul li {
		width: 100%
	}
	.pos-panel-item {
		margin: 30px 0 0 0!important
	}
}

.whyCassandra-section.useClassicASP-section {
	padding-bottom: 100px
}

.cassandra-dbCases-section.useClassicASP-section .useClassicASP-content,
.whyCassandra-section.useClassicASP-section .useClassicASP-content {
	padding: 45px 60px 45px 200px
}

.cassandra-dbCases-section {
	padding: 100px 0
}

.section-title-block h3 {
	font-size: 45px;
	font-weight: 400;
	color: #000;
	margin: 0
}

.section-title-block p {
	margin: 15px 0 0 0
}

.bulkLogo-img.logo-right-box {
	text-align: right
}

.BulkLogo-batch-section .bulkLogo-img {
	margin: 30px 0
}

.BulkLogo-batch-section .bulkLogo-img img {
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.BulkLogo-batch-section .bulkLogo-img img:hover {
	transform: scale(1.2)
}

.about-cassandra-quote-section {
	background: #189beb;
	background: linear-gradient(0deg, #189beb 0, #3a7bd5 100%);
	background: -webkit-linear-gradient(0deg, #189beb 0, #3a7bd5 100%);
	background: -moz-linear-gradient(0deg, #189beb 0, #3a7bd5 100%);
	width: 100%;
	position: relative;
	padding: 70px 0
}

.about-cassandra-quote-section:before {
	content: "";
	width: 100%;
	height: 100%;
	background: url(../../images/mobile-app/notch-bg.png) no-repeat center center/cover;
	position: absolute;
	top: 0;
	bottom: 0
}

.cassandraQuote-slider-block {
	margin-top: 50px;
	padding: 0 170px
}

.BulkLogo-batch-section {
	padding-bottom: 100px;
	background: #fcfcfc
}

.cassandraQuote-slider-block .owl-stage {
	display: flex
}

.cassandraQuote-item {
	padding: 40px 40px 60px;
	background: #fff;
	border-radius: 10px;
	transform: scale(.8);
	transition: all .3s ease-in-out;
	height: 100%
}

.center .cassandraQuote-item {
	transform: scale(1);
	min-height: 520px
}

.cassandraQuote-logo {
	width: 110px;
	height: 110px;
	border: 1px solid #e1e1e1;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 25px
}

.cassandraQuote-content {
	text-align: center
}

.cassandraQuote-content h5 {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 10px;
	color: #000
}

.cassandraQuote-content span {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 40px;
	color: #000;
	display: block
}

.cassandraQuote-content p {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 0
}

.cassandraQuote-slider-block .owl-nav {
	display: flex;
	text-align: center;
	justify-content: center;
	margin-top: -20px;
	z-index: 9999;
	position: absolute;
	left: 0;
	right: 0
}

.cassandraQuote-slider-block .owl-nav button {
	width: 35px;
	height: 35px;
	background: #ffead3!important;
	display: block;
	border-radius: 100px;
	margin: 0 10px;
	color: #ff9623!important
}

.pad-tb-100 {
	padding: 100px 0
}

.whyTechnology-section {
	padding: 60px 200px 100px
}

.whyTechnology-section.technologyUse-cases-section {
	padding: 100px 200px
}

.polygon-box-section {
	padding: 100px 200px
}

.polygon-box-item {
	display: flex;
	margin-bottom: 60px;
	padding: 0 15px
}

.polygon-box-item .pg-icon {
	width: 100%;
	margin-right: 20px
}

.polygon-box-item .pg-content h5 {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 15px;
	color: #000
}

.polygon-box-item .pg-content p {
	font-size: 18px;
	margin: 0
}

.fb-experience-wrapper {
	padding: 100px 0
}

.fb-experience-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	border-radius: 50px 0 50px 0;
	border: 1px solid #d8d8d8;
	margin-top: 20px
}

.fb-experience-item {
	width: 33.33%;
	text-align: center;
	border-right: 1px solid #d8d8d8;
	padding: 30px 30px 45px
}

.fb-experience-item:nth-child(2) {
	background: #dae9ff
}

.fb-experience-item:last-child {
	border-right: none
}

.fb-experience-item:nth-child(4),
.fb-experience-item:nth-child(5) {
	border-top: 1px solid #d8d8d8;
	width: 50%
}

.fb-experience-item .fb-experience-icon {
	width: 150px;
	height: 150px;
	border-radius: 0 0 30px 0;
	margin: 0 auto;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	position: relative
}

.fb-experience-item .fb-experience-icon img {
	width: 80px;
	filter: brightness(0)
}

.fb-experience-wrapper .section-head p {
	font-size: 25px;
	margin: 30px 0 0
}

.fb-experience-item .fb-experience-number {
	position: absolute;
	top: 12px;
	right: -15px;
	font-size: 24px;
	font-weight: 300
}

.fb-experience-item h3 {
	font-size: 24px;
	font-weight: 600;
	margin: 30px 0 15px 0;
	color: #000
}

.fb-experience-item p {
	margin-bottom: 0
}

.imporovingProduct-section {
	padding: 100px 0
}

.imporovingProduct-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -8px
}

.imporovingProduct-item {
	width: 25%;
	padding: 0 8px;
	margin-bottom: 16px
}

.imporovingProduct-item .imporovingProduct-inner {
	position: relative;
	background-color: #fff;
	border: 1px solid #dbd8d8;
	border-radius: 0 0 0 50px;
	height: 100%;
	padding: 40px 20px;
	transition: .4s;
	overflow: hidden
}

.imporovingProduct-item .imporovingProduct-inner:hover {
	padding: 15px 20px 65px;
	background: #dae9ff;
	animation: 1.75s infinite cubic-bezier(.66, 0, 0, 1)
}

.imporovingProduct-item .imporovingProduct-icon {
	margin-bottom: 30px;
	display: flex;
	align-items: center;
	height: 70px
}

.imporovingProduct-item .imporovingProduct-icon img {
	filter: brightness(0);
	width: 70px
}

.imporovingProduct-item h3 {
	margin-bottom: 20px;
	font-size: 24px;
	line-height: 30px;
	color: #333;
	font-weight: 600
}

.imporovingProduct-item p {
	margin: 0;
	color: #424a54;
	font-size: 16px
}

.firebaseDev-tech-section {
	padding: 100px 0;
	background: #fcfcfc
}

.firebaseDev-tech-list {
	position: relative;
	overflow: hidden
}

.firebaseDev-tech-list ul {
	list-style: none;
	padding: 0;
	margin: 0 0 -1px -1px;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	position: relative
}

.firebaseDev-tech-list ul li {
	width: 25%;
	margin: 0;
	padding: 30px 10px;
	text-align: center;
	border-bottom: 1px solid rgb(0 0 0 / 15%);
	border-left: 1px solid rgb(0 0 0 / 15%)
}

.firebaseDev-tech-list ul li img {
	display: block;
	margin: 0 auto 5px;
	max-height: 70px
}

.firebaseDev-tech-list ul li h5 {
	font-size: 22px;
	line-height: 30px;
	color: #000;
	font-weight: 400
}

.EssentialFeatures-content-wrapper .svgIcon {
	margin-bottom: 15px
}

.EssentialFeatures-content-wrapper .svgIcon img,
.features-tabLeft .nav-link.active .features-item-icon img {
	filter: brightness(0) invert(1)
}

.twelve-dev-block ul.phpDevelopmentServer-Navtab {
	width: 90%
}

.twelve-dev-block .phpDevelopmentServer-Navtab li.phpDevelopmentServer-item {
	width: 25%
}

@media (max-width:1600px) {
	.cassandraQuote-slider-block {
		padding: 0 100px
	}
	.polygon-box-section {
		padding: 100px 100px
	}
}

@media(max-width:1440px) {
	.whyTechnology-section {
		padding: 60px 100px 100px
	}
	.whyTechnology-section.technologyUse-cases-section {
		padding: 100px
	}
}

@media (max-width:1400px) {
	.cassandra-dbCases-section.useClassicASP-section .useClassicASP-content,
	.whyCassandra-section.useClassicASP-section .useClassicASP-content {
		padding: 45px 40px 45px 100px
	}
	.BulkLogo-batch-section .bulkLogo-img {
		margin: 15px 0
	}
}

@media (max-width:1366px) {
	.cassandraQuote-content span {
		font-size: 14px
	}
	.cassandraQuote-content p {
		font-size: 19px
	}
	.center .cassandraQuote-item {
		transform: scale(1);
		min-height: 460px;
		padding: 20px 20px 30px;
		height: initial
	}
	.cassandraQuote-slider-block .owl-nav {
		bottom: 25px
	}
	.polygon-box-item .pg-icon {
		min-width: 65px;
		margin-right: 20px
	}
	.polygon-box-section {
		padding: 100px 50px
	}
}

@media (max-width:991px) {
	.cassandra-dbCases-section.useClassicASP-section .useClassicASP-content,
	.whyCassandra-section.useClassicASP-section .useClassicASP-content {
		padding: 0 20px
	}
	.BulkLogo-batch-section .bulkLogo-img {
		text-align: center
	}
	.section-title-block h3 {
		font-size: 36px
	}
	.cassandraQuote-slider-block {
		padding: 0
	}
	.cassandraQuote-item {
		transform: scale(1)
	}
	.cassandraQuote-item {
		padding: 25px 26px 20px
	}
	.cassandraQuote-slider-block .owl-nav {
		bottom: auto;
		top: 0;
		left: auto
	}
	.whyTechnology-section {
		padding: 0 15px 60px
	}
	.whyTechnology-section.technologyUse-cases-section {
		padding: 50px 15px
	}
	.whyTechnology-section .whyTechnology-content h3 {
		font-size: 36px
	}
	.features-wrapper .tab-content ul.appFeatures-list li {
		font-size: 15px
	}
	.features-wrapper .tab-content ul.appFeatures-list li i {
		position: initial
	}
	.polygon-box-section {
		padding: 80px 15px
	}
	.imporovingProduct-item {
		width: 50%
	}
	.firebaseDev-tech-section {
		padding: 70px 0
	}
	.firebaseDev-tech-list ul li h5 {
		font-size: 17px
	}
	.fb-experience-item {
		width: 50%
	}
	.twelve-dev-block ul.phpDevelopmentServer-Navtab {
		width: 100%
	}
	.twelve-dev-block .phpDevelopmentServer-Navtab li.phpDevelopmentServer-item {
		width: 145px
	}
}

@media (max-width:767px) {
	.section-title-block h3 {
		font-size: 30px
	}
	.cassandra-dbCases-section.useClassicASP-section .useClassicASP-content,
	.whyCassandra-section.useClassicASP-section .useClassicASP-content {
		padding: 0
	}
	.useClassicASP-section.cassandra-dbCases-section {
		padding: 50px 0
	}
	.cassandraQuote-slider-block .owl-nav {
		bottom: -20px;
		top: auto;
		left: 0
	}
	.whyTechnology-section .whyTechnology-content h3 {
		font-size: 30px
	}
	.whyTechnology-section {
		padding: 0 0 60px
	}
	.whyTechnology-section.technologyUse-cases-section {
		padding: 50px 0
	}
	.BulkLogo-batch-section .bulkLogo-img img {
		width: 80px
	}
	.features-tabLeft .nav-link.active {
		background: #f35319!important
	}
	.fb-experience-item,
	.fb-experience-item:nth-child(4),
	.fb-experience-item:nth-child(5),
	.imporovingProduct-item {
		width: 100%
	}
	.polygon-box-section {
		padding: 70px 0
	}
	.polygon-box-item {
		display: block
	}
	.polygon-box-item .pg-icon {
		width: 65px;
		margin-bottom: 10px
	}
	.firebaseDev-tech-list ul li {
		width: 50%
	}
	.fb-experience-wrapper .section-head p {
		font-size: 18px
	}
	.twelve-dev-block ul.phpDevelopmentServer-Navtab {
		width: 94%
	}
}

.otherSoluation-itemInner.texiOndemand-item {
	background: url(../../images/ondemand/food-ordering/texi-ondemand.png) no-repeat bottom left/cover
}

.otherSoluation-itemInner.foodOndemand-item {
	background: url(../../images/ondemand/food-ordering/food-ondemand.png) no-repeat bottom left/cover
}

.otherSoluation-itemInner.fitnessOndemand-item {
	background: url(../../images/ondemand/food-ordering/fitness-ondemand.png) no-repeat bottom left/cover
}

.otherSoluation-itemInner.datingOndemand-item {
	background: url(../../images/ondemand/food-ordering/dating-ondemand.png) no-repeat bottom left/cover
}

.otherSoluation-itemInner.businessOndemand-item {
	background: url(../../images/ondemand/food-ordering/business-ondemand.png) no-repeat bottom left/cover
}

.otherSoluation-itemInner.doctorOndemand-item {
	background: url(../../images/ondemand/food-ordering/doctor-ondemand.png) no-repeat bottom left/cover
}

.otherSoluation-itemInner.beautyOndemand-item {
	background: url(../../images/ondemand/food-ordering/beauty-ondemand.png) no-repeat bottom left/cover
}

.otherSoluation-itemInner.groceryOndemand-item {
	background: url(../../images/ondemand/food-ordering/grocery-ondemand.png) no-repeat bottom left/cover
}

.otherSoluation-itemInner.laundryOndemand-item {
	background: url(../../images/ondemand/food-ordering/laundry-ondemand.png) no-repeat bottom left/cover
}

.otherSoluation-itemInner.eLearningOndemand-item {
	background: url(../../images/ondemand/food-ordering/eLearning-ondemand.png) no-repeat bottom left/cover
}

.onDemandSolution-trust-item.yellow:hover {
	border: 1px solid #ffbf00;
	border-top: 5px solid #ffbf00
}

.onDemandSolution-trust-item.blue:hover {
	border: 1px solid #0095ff;
	border-top: 5px solid #0095ff
}

.onDemandSolution-trust-item.green:hover {
	border: 1px solid #01b656;
	border-top: 5px solid #01b656
}

.onDemandSolution-trust-item.violet:hover {
	border: 1px solid #7c33ff;
	border-top: 5px solid #7c33ff
}

.onDemandSolution-trust-item.wildWatermelon:hover {
	border: 1px solid #f55676;
	border-top: 5px solid #f55676
}

.onDemandSolution-trust-item.coral:hover {
	border: 1px solid #ff884d;
	border-top: 5px solid #ff884d
}

.onDemandSolution-modelList .onDemandSolution-modelIcon img {
	max-height: 48px
}

.solution-advanceFeature .box .icon img {
	max-height: 70px
}

.onDemandSolution-trust-item.yellow .trustIcon {
	background: #ffbf00
}

.onDemandSolution-trust-item.blue .trustIcon {
	background: #0095ff
}

.onDemandSolution-trust-item.green .trustIcon {
	background: #01b656
}

.onDemandSolution-trust-item.wildWatermelon .trustIcon {
	background: #f55676
}

.onDemandSolution-trust-item.coral .trustIcon {
	background: #ff884d
}

.onDemandSolution-trust-item.violet .trustIcon {
	background: #7c33ff
}

.onDemandSolution-trust-item .trustIcon img {
	width: 50px
}

.onDemandSolution-tech-arch-wrapper .tech-item ul li img {
	display: block;
	max-width: 68px
}

.architecture-tab-wrapper ul.nav.nav-tabs {
	justify-content: center;
	border: none;
	margin-bottom: 30px
}

.architecture-tab-wrapper ul.nav.nav-tabs li.nav-item {
	margin: 0 40px
}

.soluation-inner-contant {
	margin: auto;
	margin-top: 50px;
	width: 80%
}

.architecture-tab-wrapper ul.nav.nav-tabs a.nav-link {
	border: none;
	background: 0 0;
	position: relative;
	color: #000;
	padding: 10px 0;
	font-size: 19px
}

.architecture-tab-wrapper ul.nav.nav-tabs a.nav-link.active {
	color: #f65e17
}

.architecture-tab-wrapper ul.nav.nav-tabs a.nav-link:after {
	content: "";
	width: 0;
	background: #f65e17;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: all .3s ease-in-out
}

.architecture-tab-wrapper ul.nav.nav-tabs a.nav-link.active:after {
	width: 100%
}

@media (min-width:768px) {
	.onDemandSolution-tech-arch-wrapper .tech-item ul {
		justify-content: initial
	}
	.onDemandSolution-tech-arch-wrapper .tech-item ul li {
		width: 200px
	}
}

@media (max-width:767px) {
	.soluation-inner-contant {
		width: 100%
	}
	.soluation-inner-contant iframe {
		height: 300px
	}
}

#ludo-project-fullView.modal.modal-upSide .modal-content {
	background: #2c0385
}

#ludo-project-fullView section.project-overview {
	background: #992295
}

.project-overview .portfolio-overview-desc ul li {
	font-size: 18px;
	margin-bottom: 15px;
	color: #fff
}

#arkaConnect-project-fullView.modal.modal-upSide .modal-content {
	background: #1b6ff6
}

#arkaConnect-project-fullView section.project-overview {
	background: #0b2446
}

.sec-heading-s h3.text-white span {
	border-color: #fff;
	color: #fff
}

.Technology-accordion-section .accordion>.card .card-body ul {
    margin: 0;
    padding-left: 25px;
    color: #000;
}

.Technology-accordion-section .accordion>.card .card-body ul li {
    margin-bottom: 7px;
}

.Technology-accordion-section .accordion>.card {
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(0,0,0,.125) !important;
}

.sec-heading-s h2 {
    font-size: 46px;
    line-height: 1.4;
    color: #333;
    margin-bottom: 20px;
}
.sec-heading-s h2 span {
    color: #00C2FF;
    border-bottom: 2px solid #00C2FF;
    line-height: 48px;
}

section.webDevelopmentHome-solution.machine-learning.ror-machine-solutionWrapper .webDev-solution-wrapper {
	min-height: 340px;
}

.ror-machine-solutionWrapper .webDev-solution-wrapper p {
	margin: 30px 0 0px 0;
}

@media screen and (max-width: 1366px){
    .sec-heading-s h2 {
        font-size: 32px;
    }
}

@media screen and (max-width: 767px){
    .sec-heading-s h2 {
        font-size: 28px;
    }
}








.ourstay-seciton{
	background: #333333;
	position: relative;
	padding: 60px 0 90px;
}

.ourstay-seciton .os-world-img{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}

.ourstay-seciton .sec-heading h2 {
    color: #fff;
    margin-bottom: 0;
}
.ourstay-seciton .container-2 {
    position: relative;
    z-index: 2;
}

.country-flagBg {
    width: 70px;
    height: 70px;
    display: inline-block;
    vertical-align: middle;
}

.country-usa-flag {
    background: url(../../images/flag/flag-sprites.png) -10px -10px;
}
.country-uk-flag {
    background: url(../../images/flag/flag-sprites.png) -100px -100px;
}
.country-ind-flag {
    background: url(../../images/flag/flag-sprites.png) -10px -100px;
}
.country-aus-flag {
    background: url(../../images/flag/flag-sprites.png) -100px -10px;
}
.stay-list {
    display: flex;
    justify-content: space-between;
    padding: 0 150px;
}

.stay-list .stay-item {
    background: #515151;
    width: calc(25% - 30px);
    text-align: center;
    padding: 20px 16px;
    position: relative;
    transition: all 0.3s ease-in-out;
}

.stay-list .stay-item:hover{
	background: #0099FF;
}

.stay-list .stay-item:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 16px solid #515151;
    bottom: -15px;
    position: absolute;
    transition: all 0.3s ease-in-out;
}

.stay-list .stay-item:hover:after{
	border-top-color: #0099FF;
}
.stay-item a, .stay-item p, .stay-item span {
    color: #fff;
}
.stay-item .stay-detail * {
    margin-top: 24px;
    display: block;
    font-size: 17px;
}
.stay-item .stay-call{
	font-size: 22px;
	text-decoration: underline;
}

.stay-item .stay-detail .stay-call + .stay-call {
    margin-top: 15px;
}

.cl-item {
    padding: 25px 40px;
    display: flex;
    align-items: center;
}
.cl-item.email-cl-block {
    justify-content: flex-end;
}
.email-cl-block{
	background: #FF9623;
}
.skype-cl-block{
	background: #F65D17;
}
.cl-item .ecl-left span{
	font-size: 18px;
	color: #FFFFFF;
	margin-bottom: 10px;
}

.cl-item .ecl-left h4{
	color: #fff;
	font-size: 42px;
	margin: 0;
}

.cl-item .ecl-right{
	margin-left: 50px;
}
.odhb-port-section {
    position: relative;
}

.odhb-port-section .banner-below {
    position: absolute;
    bottom: -240px;
    left: 0;
    right: 0;
}

@media (max-width: 1700px){
	.stay-list {
    	padding: 0 100px;
	}
	.stay-item .stay-detail *{
		margin-top: 16px;
	}
	.stay-item .stay-call{
		font-size: 20px;
	}
	.stay-item h4 span {
    	font-size: 20px;
	}
}

@media (max-width: 1440px){
	.enqiry-title h1{
		font-size: 56px;
	}
	.enqiry-title span {
    	font-size: 52px;
	}
	.enqiry-title {
    	margin-bottom: 30px;
	}
	.stay-list .stay-item{
		width: calc(25% - 12px);
	}
	.cl-item .ecl-left span{
		font-size: 16px;
	}
	.cl-item .ecl-left h4{
		font-size: 32px;
	}
	.cl-item .ecl-right img {
    	width: 46px;
	}
	.banner-below img {
    	width: 96%;
    	margin: auto;
    	display: block;
	}
}

@media (max-width: 1366px){
	.stay-list {
    	padding: 0 30px;
	}
	.stay-item .stay-detail *{
		font-size: 16px;
	}
	.banner-below img {
    	width: 86%;
	}
	.odhb-port-section .banner-below{
		bottom: -160px;
	}
	.sec-heading-s h3, h3.block-title {
	    font-size: 37px;
	    line-height: 46px;
	    margin-bottom: 15px;
	}
}
@media (max-width: 1199px){
	.odhb-port-section .banner-below {
    	bottom: -130px;
	}
	.odhb-port-section .banner-below img {
	    width: 90%;
	}
}
@media (max-width: 991px){
	.stay-list{
		flex-wrap: wrap;
	}
	.stay-list .stay-item {
	    width: calc(50% - 30px);
	}
	.stay-list .stay-item:nth-child(1), .stay-list .stay-item:nth-child(2) {
    	margin-bottom: 40px;
	}
	.cl-item{
		padding: 20px;
	}
	.cl-item .ecl-left h4 {
    	font-size: 29px;
	}
	.iaccept-check.checkbox-group .form-checkbox-label {
    	white-space: normal;
    	vertical-align: top;
	}
	.odhb-port-section .banner-below {
    	bottom: 0;
	}

	h3.block-title {
	    font-size: 36px;
	    line-height: 1.3;
	}
}

@media (max-width: 767px){
	.enqiry-section {
    	padding: 60px 0;
	}
	.enqiry-title h1 {
    	font-size: 30px;
	}
	.enqiry-title span {
    	font-size: 26px;
    	margin-top: 6px;
	}
	.enqiry-form-block .form-group{
		margin-bottom: 18px;
	}
	.stay-list .stay-item {
	    width: 100%;
	}
	.stay-list .stay-item{
		margin-bottom: 30px;
	}
	.stay-list .stay-item:last-child{
		margin-bottom: 0;
	}
	.iaccept-check.checkbox-group .form-checkbox-label:after, .iaccept-check.checkbox-group .form-checkbox-label:before {
    	top: 11px;
	}	
	.stay-list{
		padding: 0;
	}
	.cl-item .ecl-right{
		display: none;
	}
	.cl-item {
    	padding: 20px 15px;
	}
	.cl-item.email-cl-block{
		justify-content: flex-start;
	}
	.cl-item .ecl-left span {
    	font-size: 15px;
	}
	.cl-item .ecl-left h4 {
    	font-size: 24px;
	}
	.form-captcha {
    	justify-content: flex-start;
    	margin-top: 30px;
	}

	.odhb-port-section .banner-below img{
		width: 100%;
	}
	.odhb-port-section .banner-below {
    	position: initial;
    	margin-top: -100px;
	}

	h3.block-title {
	    font-size: 28px;
	}

	}
	.sec-heading-s.blink-none span:after {
    display: none;
}