#homeSvg-graphic path {
	animation: none;
	stroke-dasharray: initial;
	stroke-dashoffset: initial;
}

path {
	stroke-dasharray: 1000;
	stroke-dashoffset: 1000;
	animation: dash 5s linear forwards
}

@keyframes dash {
	to {
		stroke-dashoffset: 0
	}
}

.portfolio-slider .item {
	overflow: hidden
}

.portfolio-slider .item img {
	-webkit-transition: all ease-in-out 1s;
	-moz-transition: all ease-in-out 1s;
	-ms-transition: all ease-in-out 1s;
	-o-transition: all ease-in-out 1s;
	transition: all ease-in-out 1s;
	position: relative
}

.portfolio-slider .item .left {
	height: 100%
}

.portfolio-slider .item .left img {
	left: 200%
}

.portfolio-slider .item .right {
	right: 200%;
	-webkit-transition: all ease-in-out 1s;
	-moz-transition: all ease-in-out 1s;
	-ms-transition: all ease-in-out 1s;
	-o-transition: all ease-in-out 1s;
	transition: all ease-in-out 1s;
	height: 100%
}

.portfolio-slider .item.swiper-slide-active .left img {
	left: 0
}

.portfolio-slider .item.swiper-slide-active .right {
	right: 0
}

.testimonial-sec .slide-bg {
	position: absolute;
	top: -70px;
	left: 60px;
	width: 650px;
	bottom: 0;
	z-index: -1
}

.testimonial-sec .slide-bg svg {
	width: 650px;
	height: 100%;
	margin-left: 0
}

.testimonial-slider .slide .slide-view {
	width: 730px;
	padding: 0
}

.testimonial-slider .slide .slide-view .client-quotes {
	min-height: 340px
}

.testimonial-slider .slide .slide-view .client-info {
	left: 0;
	right: auto;
	width: auto;
	position: relative;
	bottom: 0;
	padding: 0 180px 0 60px;
	text-align: right;
	float: right
}

.testimonial-slider .slide .slide-view .client-info h5 {
	text-align: left
}

.testimonial-slider .slide .slide-view .client-info h6 {
	text-align: left
}

.testimonial-slider .slide .slide-view .quote-icon {
	margin-left: 0;
	left: 0;
	position: relative;
	top: 0;
	width: 100%;
	padding: 100px 60px 0 0
}

.testimonial-slider .slide .slide-view .client-img {
	left: auto;
	right: 0
}

.project-slider {
	padding: 0;
	height: 100vh
}

.swiper-container {
	width: 100%;
	height: 100%
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	overflow: hidden
}

.fadeLeft {
	left: -100%;
	position: relative;
	-webkit-transition: all ease-in-out 1s;
	-moz-transition: all ease-in-out 1s;
	-ms-transition: all ease-in-out 1s;
	-o-transition: all ease-in-out 1s;
	transition: all ease-in-out 1s
}

.swiper-slide-active .fadeLeft {
	left: 0
}

.fadeRight {
	right: -100%;
	position: relative;
	-webkit-transition: all ease-in-out 1s;
	-moz-transition: all ease-in-out 1s;
	-ms-transition: all ease-in-out 1s;
	-o-transition: all ease-in-out 1s;
	transition: all ease-in-out 1s
}

.swiper-slide-active .fadeRight {
	right: 0
}

.slider-content {
	text-align: left;
	padding: 0 50px;
	font-weight: 300;
	color: #fff
}

.slider-content h2 {
	font-weight: 900;
	margin-bottom: 0;
	color: #000
}

.text-black {
	color: #000
}

.pro-title {
	font-size: 44px;
	text-transform: uppercase
}

.swiper-pagination-bullet {
	width: 30px;
	height: 2px;
	-moz-border-radius: 0;
	border-radius: 0;
	background: #bfbfbf;
	opacity: 1;
	float: right;
	clear: both
}

.swiper-pagination-bullet-active {
	width: 45px;
	background: #585858
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 10px
}

.project-slider img {
	max-height: 600px
}

.section-slide.project-slider {
	padding: 0
}

.first-bg {
	background: rgba(255, 215, 70, 1);
	background: -moz-linear-gradient(left, rgba(255, 215, 70, 1) 0, rgba(255, 151, 76, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0, rgba(255, 215, 70, 1)), color-stop(100%, rgba(255, 151, 76, 1)));
	background: -webkit-linear-gradient(left, rgba(255, 215, 70, 1) 0, rgba(255, 151, 76, 1) 100%);
	background: -o-linear-gradient(left, rgba(255, 215, 70, 1) 0, rgba(255, 151, 76, 1) 100%);
	background: -ms-linear-gradient(left, rgba(255, 215, 70, 1) 0, rgba(255, 151, 76, 1) 100%);
	background: linear-gradient(to right, rgba(255, 215, 70, 1) 0, rgba(255, 151, 76, 1) 100%)
}

.second-bg {
	background: rgba(255, 151, 76, 1);
	background: -moz-linear-gradient(left, rgba(255, 151, 76, 1) 0, rgba(255, 127, 81, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0, rgba(255, 151, 76, 1)), color-stop(100%, rgba(255, 127, 81, 1)));
	background: -webkit-linear-gradient(left, rgba(255, 151, 76, 1) 0, rgba(255, 127, 81, 1) 100%);
	background: -o-linear-gradient(left, rgba(255, 151, 76, 1) 0, rgba(255, 127, 81, 1) 100%);
	background: -ms-linear-gradient(left, rgba(255, 151, 76, 1) 0, rgba(255, 127, 81, 1) 100%);
	background: linear-gradient(to right, rgba(255, 151, 76, 1) 0, rgba(255, 127, 81, 1) 100%)
}

.third-bg {
	background: rgba(255, 127, 81, 1);
	background: -moz-linear-gradient(left, rgba(255, 127, 81, 1) 0, rgba(255, 80, 112, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0, rgba(255, 127, 81, 1)), color-stop(100%, rgba(255, 80, 112, 1)));
	background: -webkit-linear-gradient(left, rgba(255, 127, 81, 1) 0, rgba(255, 80, 112, 1) 100%);
	background: -o-linear-gradient(left, rgba(255, 127, 81, 1) 0, rgba(255, 80, 112, 1) 100%);
	background: -ms-linear-gradient(left, rgba(255, 127, 81, 1) 0, rgba(255, 80, 112, 1) 100%);
	background: linear-gradient(to right, rgba(255, 127, 81, 1) 0, rgba(255, 80, 112, 1) 100%)
}

.fourth-bg {
	background: rgba(255, 80, 112, 1);
	background: -moz-linear-gradient(left, rgba(255, 80, 112, 1) 0, rgba(111, 64, 254, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0, rgba(255, 80, 112, 1)), color-stop(100%, rgba(111, 64, 254, 1)));
	background: -webkit-linear-gradient(left, rgba(255, 80, 112, 1) 0, rgba(111, 64, 254, 1) 100%);
	background: -o-linear-gradient(left, rgba(255, 80, 112, 1) 0, rgba(111, 64, 254, 1) 100%);
	background: -ms-linear-gradient(left, rgba(255, 80, 112, 1) 0, rgba(111, 64, 254, 1) 100%);
	background: linear-gradient(to right, rgba(255, 80, 112, 1) 0, rgba(111, 64, 254, 1) 100%)
}

.fifth-bg {
	background: rgba(111, 64, 254, 1);
	background: -moz-linear-gradient(left, rgba(111, 64, 254, 1) 0, rgba(255, 154, 76, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0, rgba(111, 64, 254, 1)), color-stop(100%, rgba(255, 154, 76, 1)));
	background: -webkit-linear-gradient(left, rgba(111, 64, 254, 1) 0, rgba(255, 154, 76, 1) 100%);
	background: -o-linear-gradient(left, rgba(111, 64, 254, 1) 0, rgba(255, 154, 76, 1) 100%);
	background: -ms-linear-gradient(left, rgba(111, 64, 254, 1) 0, rgba(255, 154, 76, 1) 100%);
	background: linear-gradient(to right, rgba(111, 64, 254, 1) 0, rgba(255, 154, 76, 1) 100%)
}

.swiper-slide-active .fadeLeft.scrolly {
	visibility: visible!important
}

.swiper-slide-active .fadeRight.scrolly {
	visibility: visible!important
}

#home-canvas {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.trending-solution .solution-slider-nav .slick-slide:last-child~.slick-slide:nth-child(1) {
	display: block
}

@media screen and (min-height: 700px) and (max-height: 880px) {
	.trending-solution .item-content {
		margin-top: 200px
	}
	.trending-solution .solution-slider-nav .slick-slide.slick-current+.slick-active+.slick-active .slide {
		padding: 0 60px 30px 60px
	}
	.solution-slider .item-title {
		margin: 15px 0
	}
	.trending-solution .sec-heading {
		padding: 15px 60px
	}
	.sec-heading .animation-text {
		line-height: 100px
	}
	.trending-solution .solution-slider-nav .slick-slide.slick-current+.slick-active .slide {
		padding: 110px 60px 0 60px
	}
	.trending-solution .solution-slider.slick-slider {
		margin-top: -148px
	}
}

@media screen and (min-height: 500px) and (max-height: 699px) {
	.trending-solution .item-content {
		margin-top: 200px
	}
	.trending-solution .solution-slider-nav .slick-slide.slick-current+.slick-active+.slick-active .slide {
		padding: 0 60px 30px 60px
	}
	.solution-slider .item-title {
		margin: 15px 0
	}
	.trending-solution .sec-heading {
		padding: 15px 60px
	}
	.sec-heading .animation-text {
		line-height: 100px
	}
	.trending-solution .solution-slider-nav .slick-slide.slick-current+.slick-active .slide {
		padding: 90px 60px 0 60px
	}
	.trending-solution .solution-slider.slick-slider {
		margin-top: -148px
	}
	.row.main-title {
    top: 66%;
}
}

@media screen and (max-width: 1600px) {
	.testimonial-slider .slide .slide-view .client-quotes {
		padding: 0 190px 0 80px
	}
	.testimonial-slider .slide .slide-view .quote-icon {
		padding: 100px 80px 0 0
	}
}

@media screen and (max-width: 1399px) {
	.testimonial-sec .slide-bg svg {
		margin-left: 0
	}
	.testimonial-slider .slide .slide-view .client-img {
		right: 30px
	}
	.testimonial-slider .slide .slide-view .client-info {
		padding: 0 200px 0 60px
	}
}

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

.slider-content.turquoise {
	background: url(../images/juicy-orange-bg.png) no-repeat left top
}

.industries-sec,
.testimonial-sec {
	background: #fff
}

div#offering-sec {
	background: url(../images/success-bg.png) no-repeat left bottom
}

.our-offering .offering-icon-block .slick-track .slick-slide {
	transition: all .2s ease-in-out
}

.offering-icon-block .slick-slide.slick-current.slick-active,
.our-offering .offering-icon-block .slick-track .slick-slide:hover {
	background: linear-gradient(to left, #189beb 0, #3a7bd5 100%)!important;
	color: #fff;
	border-color: #3a7bd5
}

.our-offering .offering-slider .slick-slide {
	padding: 0 60px
}

.our-offering .offering-content .cus_btn {
	color: #fff!important;
	border-color: #fff
}

.our-offering .offering-content .cus_btn:before {
	background: 0 0
}

.our-offering .offering-content .cus_btn:after {
	background: #fff!important
}

.our-offering .offering-content .cus_btn:hover {
	color: #69747d!important
}

.offering-content .slick-list.draggable {
	top: 90px;
	color: #fff
}

.our-offering .offering-content .offering-dec {
	color: #fff;
	font-size: 20px;
	margin: 33px 0 0 0
}

.our-offering .offering-content .offering-details {
	margin-right: 20px
}

.our-offering .offering-content .block-icon svg {
	width: 140px;
	height: 140px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 90px
}

.our-offering .offering-content .block-icon {
	text-align: center;
	width: 192px;
	height: 192px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	border: 1px solid #e1e1e1;
	position: relative
}

.our-offering .offering-content .block-icon:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: transparent;
	border: 4px solid #fff;
	content: '';
	border-top: 4px solid transparent;
	border-right: 4px solid transparent;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all .4s cubic-bezier(.42, 0, .58, 1);
	-moz-transition: all .4s cubic-bezier(.42, 0, .58, 1);
	-ms-transition: all .4s cubic-bezier(.42, 0, .58, 1);
	-o-transition: all .4s cubic-bezier(.42, 0, .58, 1);
	transition: all .4s cubic-bezier(.42, 0, .58, 1)
}

.our-offering .offering-content .block-icon.uxui-icon:after,
.our-offering .offering-content .block-icon.web-dev-icon:after {
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	transform: rotate(225deg)
}

.our-offering .offering-content .block-icon.crmIcon:after,
.our-offering .offering-content .block-icon.software-dev-icon:after {
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg)
}

.our-offering .offering-content .block-icon.eCommerce-icon:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.our-offering .offering-content .block-icon:hover:after {
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	transform: rotate(225deg);
	border-top: 4px solid transparent;
	border-right: 4px solid transparent
}

.our-offering .offering-content .block-icon.uxui-icon:hover:after,
.our-offering .offering-content .block-icon.web-dev-icon:hover:after {
	-webkit-transform: rotate(405deg);
	-moz-transform: rotate(405deg);
	-ms-transform: rotate(405deg);
	-o-transform: rotate(405deg);
	transform: rotate(405deg);
	border-top: 4px solid transparent;
	border-right: 4px solid transparent
}

.our-offering .offering-content .block-icon.crmIcon:hover:after,
.our-offering .offering-content .block-icon.software-dev-icon:hover:after {
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	-ms-transform: rotate(315deg);
	-o-transform: rotate(315deg);
	transform: rotate(315deg);
	border-top: 4px solid transparent;
	border-right: 4px solid transparent
}

.our-offering .offering-content .block-icon.eCommerce-icon:hover:after {
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	border-top: 4px solid transparent;
	border-right: 4px solid transparent
}

.our-offering .offering-content .block-icon.uxui-icon:hover:after {
	border-color: #fff;
	border-top: 4px solid transparent;
	border-right: 4px solid transparent
}

.our-offering .offering-content .block-icon.crmIcon:hover:after {
	border-top: 4px solid transparent;
	border-right: 4px solid transparent
}

.owl-carousel .owl-item img {
	width: initial
}

.slide.revenue-block .cus_btn {
	z-index: 999
}

.successStory-slider .slick-track {
	margin: initial
}

.slide.revenue-block .sec-heading {
	padding-bottom: 0
}

.raised-font {
	font-size: 45px;
	font-weight: 500;
	color: #e64d66;
	margin-bottom: 36px
}

.revenue-content h2.success-com-title {
	font-size: 30px;
	font-weight: 500;
	color: #000;
	margin-bottom: 40px;
	letter-spacing: 1px
}

.raised-font>span {
	font-weight: 700;
	font-size: 60px
}

.appicon>img {
	max-width: 160px
}

.revenue-wrapper p.raised-content {
	color: #69747d;
	font-size: 20px;
	font-weight: 300;
	margin-bottom: 60px
}

.revenue-wrapper .appicon {
	min-height: 70px;
	margin-bottom: 30px
}

.revenue-pro-portfolid,
.revenue-wrapper {
	display: flex;
	justify-content: center;
	align-items: center
}

.revenue-wrapper {
	min-height: 650px
}

.success_words span {
	display: block;
	font-size: 90px;
	text-transform: uppercase;
	line-height: 1.4;
	color: #eff3ff;
	font-weight: 800;
	letter-spacing: 16px
}

.success_words {
	position: absolute;
	right: 0;
	display: block;
	left: 0;
	text-align: center;
	top: 50px
}

.slick-arrow,
.slick-arrow.slick-next:after,
.slick-arrow.slick-prev:after {
	transition: all .4s ease-in-out
}

.slick-arrow.slick-next:hover:after {
	margin-left: 20px
}

.slick-arrow.slick-prev:hover:after {
	margin-left: -20px
}

.poster .poster-in>img:hover .sub-work-content {
	display: block
}

.sub-work-content {
	display: none
}

.sub-work-content {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0
}

.dot-slider {
	top: 15%;
	bottom: 15%;
	z-index: 1000;
	-webkit-transition: opacity .5s ease .2s;
	transition: opacity .5s ease .2s
}

.arkatouchtop,
.arkatouchtop-twoCol,
.arkatouchtop-threeCol,
.arkatouchtop-fourCol {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: 0 0;
	pointer-events: none;
	height: 800px
}

#portfolio-sec {
	transition: all .5s ease-in-out
}

.swiper-slide.item {
	background: url(../images/success/success-bg.png) no-repeat center center;
	background-size: cover
}

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

#contact-sec>div {
	background: url(../images/contact-bg.png) no-repeat left bottom
}

.partner-wrapper {
	margin: 65px 0 50px 0
}

.partner-wrapper>h2 {
	font-size: 26px;
	font-weight: 400
}

.partner-wrapper p {
	font-size: 18px;
	font-weight: 300
}

.other-logo ul,
.partner-wrapper ul.list-inline {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.our-client-logo li,
.partner-wrapper ul.list-inline li {
	opacity: .7;
	transition: all .4s ease-in-out;
	cursor: pointer
}

.other-logo ul li {
	opacity: .3;
	transition: all .4s ease-in-out;
	cursor: pointer
}

.other-logo ul li:hover,
.our-client-logo li:hover,
.partner-wrapper ul.list-inline li:hover {
	opacity: 1
}

.partnerLogo-bg-amazon {
	width: 127px;
	height: 48px;
	background: url('../images/partner/partner-logo-sprites.png') -10px -148px;
}

.partnerLogo-bg-intel {
	width: 160px;
	height: 37px;
	background: url('../images/partner/partner-logo-sprites.png') -10px -91px;
}

.partnerLogo-bg-iso {
	width: 80px;
	height: 80px;
	background: url('../images/partner/partner-logo-sprites.png') -210px -10px;
}

.partnerLogo-bg-samsung {
	width: 180px;
	height: 61px;
	background: url('../images/partner/partner-logo-sprites.png') -10px -10px;
}

.partnerLogo-bg-acquia {
	width: 150px;
	height: 33px;
	background: url('../images/partner/partner-logo-sprites.png') -10px -216px;
}

.partnerLogo-img {
	display: inline-block;
}

.footer-link>.container {
	position: relative
}

.rating>span>i {
	color: #efce4a
}

.weAreHiring-wrapper {
	position: absolute;
	right: 0;
	top: -130px;
	z-index: 999
}

.weAreHiring {
	padding: 30px;
	border-radius: 4px;
	background: #f65d17;
	background: linear-gradient(90deg, rgba(246, 93, 23, 1) 0, rgba(255, 150, 35, 1) 100%);
	position: absolute;
	right: 0;
	top: 0
}

.weAreHiring h2 {
	font-size: 38px;
	font-weight: 600;
	margin-bottom: 30px
}

.weAreHiring a.cus_btn {
	color: #fff!important;
	border: 1px solid #fff
}

.contact-form .form-control,
.contact-form .input-group-text {
	border-radius: 6px;
	transition: all .4s ease-in-out
}

.contact-form .input-group-text {
	border-top-left-radius: 6px!important;
	border-bottom-left-radius: 6px!important;
	min-width: 50px
}

.contact-form textarea {
	border-top-right-radius: 6px!important;
	border-bottom-right-radius: 6px!important
}

.contact-forms {
	padding: 80px 0 160px 0;
	background: url(../images/contact-form-bg1.png) no-repeat 99% top, url(../images/contact-form-bg2.png) no-repeat left 90%
}

.weAreHiring a.cus_btn {
	z-index: 999
}

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

.weAreHiring a.cus_btn:hover {
	color: rgba(4, 5, 46, 1)!important
}

.weAreHiring a.cus_btn:after {
	background: #fff!important
}

.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
}

.solution-carousel .owl-nav {
	position: absolute;
	bottom: -95px;
	right: 0;
	text-align: center;
	left: 0;
	z-index: 999999
}

.solution-carousel .owl-nav button {
	width: 42px;
	position: relative;
	height: 42px;
	border: 1px solid #023857!important;
	border-radius: 100%;
	margin: 0 16px
}

.solution-carousel .owl-nav button .arrowLeft,
.solution-carousel .owl-nav button .arrowRight {
	position: absolute;
	top: 37%;
	bottom: 0;
	transition: all .5s ease-in-out;
	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;
	-webkit-transition: all .5s ease-in-out
}

.solution-carousel .owl-nav button .arrowLeft {
	right: -12px
}

.solution-carousel .owl-nav button .arrowRight {
	left: -12px
}

.solution-carousel .owl-nav button:hover .arrowRight {
	left: -5px
}

.solution-carousel .owl-nav button:hover .arrowLeft {
	right: -5px
}

h2.trending-title {
	margin: 15px 0 0 0;
	color: #fff;
	font-size: 26px;
	font-weight: 500
}

button:focus {
	outline: 0
}

.post-module {
	position: relative;
	z-index: 1;
	display: block;
	background: #fff;
	height: 448px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15);
	-webkit-transition: all .3s linear 0s;
	-moz-transition: all .3s linear 0s;
	-ms-transition: all .3s linear 0s;
	-o-transition: all .3s linear 0s;
	transition: all .3s linear 0s
}

.hover,
.post-module:hover {
	-webkit-box-shadow: 0 1px 35px 0 rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 35px 0 rgba(0, 0, 0, .3);
	box-shadow: 0 1px 35px 0 rgba(0, 0, 0, .3)
}

.hover .blog-thumbnail img,
.post-module:hover .blog-thumbnail img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
	opacity: .6
}

.post-module .blog-thumbnail {
	background: #000;
	height: 327px;
	overflow: hidden
}

.post-module .blog-thumbnail .date {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 1;
	background: linear-gradient(to right, #044090 0, #3a7bd5 100%);
	width: 55px;
	height: 55px;
	padding: 8px 0;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	color: #fff;
	font-weight: 700;
	text-align: center;
	-webkti-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.post-module .blog-thumbnail .date .month {
	font-size: 11px;
	text-transform: uppercase
}

.post-module .blog-thumbnail img {
	display: block;
	object-fit: cover;
	height: 100%;
	width: 100%;
	object-position: center center;
	-webkit-transition: all .3s linear 0s;
	-moz-transition: all .3s linear 0s;
	-ms-transition: all .3s linear 0s;
	-o-transition: all .3s linear 0s;
	transition: all .3s linear 0s
}

.post-module .blogPost-content {
	position: absolute;
	bottom: 0;
	background: #fff;
	width: 100%;
	padding: 30px 20px;
	-webkti-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s cubic-bezier(.37, .75, .61, 1.05) 0s;
	-moz-transition: all .3s cubic-bezier(.37, .75, .61, 1.05) 0s;
	-ms-transition: all .3s cubic-bezier(.37, .75, .61, 1.05) 0s;
	-o-transition: all .3s cubic-bezier(.37, .75, .61, 1.05) 0s;
	transition: all .3s cubic-bezier(.37, .75, .61, 1.05) 0s
}

.post-module .blogPost-content .category {
	position: absolute;
	top: -41px;
	left: 0;
	background: #e74c3c;
	padding: 10px 15px;
	font-size: 14px;
	font-weight: 600
}

.post-module .blogPost-content .title {
	margin: 0;
	padding: 0 0 10px;
	color: #333;
	font-size: 22px;
	font-weight: 700
}

.post-module .blogPost-content .sub_title {
	margin: 0;
	padding: 0 0 20px;
	color: #1b98e9;
	font-size: 19px;
	font-weight: 400
}

.post-module .blogPost-content .description {
	display: none;
	color: #666;
	font-size: 14px;
	line-height: 1.8em
}

.hover .blogPost-content .description {
	display: block!important;
	height: auto!important;
	opacity: 1!important
}

.latest-blog-wrapper .inner-column .blog-title {
	margin: 0 0 15px;
	color: #666;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase
}

.latest-blog-wrapper .info {
	width: 300px;
	margin: 50px auto;
	text-align: center
}

.latest-blog-wrapper .info h1 {
	margin: 0 0 15px;
	padding: 0;
	font-size: 24px;
	font-weight: 700;
	color: #333
}

.office-sec {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: left;
	color: #fff;
	border-top: 1px solid #244973
}

.office-sec .col-3 {
	padding: 35px 1.5%;
	border-left: 1px solid #244973;
	margin-left: -1px;
	border-top: 0
}

.office-sec .title {
	font-size: 45px;
	font-weight: 700;
	color: #fff;
	text-align: center
}

.office-sec p {
	color: #fff;
	font-size: 15px;
	font-weight: 300;
	margin-bottom: 0
}

.office-sec .social-icons {
	width: 100%;
	position: relative;
	top: 25%;
	text-align: center
}

.office-sec .social-icons a {
	font-size: 20px;
	color: #fff;
	margin: 0 14px;
	font-weight: 300
}

.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
}

.port_sliderHome_left {
	padding: 0 15px;
	display: flex;
	align-items: center;
	float: left;
	width: 40%;
	height: 100%;
	overflow: hidden;
	position: relative;
	z-index: 2
}

.port_sliderHome_right {
	position: relative;
	width: 60%;
	overflow: hidden;
	z-index: 2;
	height: 100vh;
}

span.left-subText-top,
span.right-subText-bottom {
	font-size: 22px;
	margin: 0;
	font-weight: 500
}

.slider-content h4 {
	font-weight: 500;
	font-size: 30px;
	line-height: 40px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;  
	position: relative;
	color: #fff
}

p.portfolio-content {
	font-size: 18px;
	font-weight: 300;
	margin: 60px 0 45px 0
}

.slider-content.investExpert-bg-color,
.slider-content.kerry-bg-color,
.slider-content.sunshine-web-bg-color {
	background: url(../images/portfolio/investExpert-shape.png) no-repeat left top
}

.slider-content.colnayler-bg-color,
.slider-content.greenandblack-bg-color {
	background: url(../images/portfolio/colnayler-shape.png) no-repeat left top
}

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

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

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

.slider-content.northern-bg-color {
	background: url(../images/portfolio/pearlCab-shape.png) no-repeat left top;
}

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

.slider-content.baabuk-bg-color {
	background: url(../images/portfolio/pearlCab-shape.png) no-repeat left top
}

.ridcor-bg {
	background: #EE1C25;
	height: 100%;
}

.readup-bg {
	background: rgb(41, 177, 77);
	background: -moz-linear-gradient(180deg, rgba(41, 177, 77, 1) 0%, rgba(21, 89, 39, 1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(41, 177, 77, 1) 0%, rgba(21, 89, 39, 1) 100%);
	background: linear-gradient(180deg, rgba(41, 177, 77, 1) 0%, rgba(21, 89, 39, 1) 100%);
	height: 100%;
}

.streetFood-bg {
	background: rgb(251, 29, 37);
	background: -moz-linear-gradient(180deg, rgba(251, 29, 37, 1) 0%, rgba(177, 0, 6, 1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(251, 29, 37, 1) 0%, rgba(177, 0, 6, 1) 100%);
	background: linear-gradient(180deg, rgba(251, 29, 37, 1) 0%, rgba(177, 0, 6, 1) 100%);
	height: 100%;
}

.fitNutro-web-bg {
	background: rgb(236, 120, 35);
	background: -moz-linear-gradient(180deg, rgba(236, 120, 35, 1) 0%, rgba(198, 35, 41, 1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(236, 120, 35, 1) 0%, rgba(198, 35, 41, 1) 100%);
	background: linear-gradient(180deg, rgba(236, 120, 35, 1) 0%, rgba(198, 35, 41, 1) 100%);
	height: 100%;
}

.notify-bg {
	background: rgb(27, 163, 165);
	background: -moz-linear-gradient(180deg, rgba(27, 163, 165, 1) 0%, rgba(20, 109, 110, 1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(27, 163, 165, 1) 0%, rgba(20, 109, 110, 1) 100%);
	background: linear-gradient(180deg, rgba(27, 163, 165, 1) 0%, rgba(20, 109, 110, 1) 100%);
	height: 100%;
}

.investExpert-bg {
	background: rgba(27, 132, 231, 1);
	background: -moz-linear-gradient(top, rgba(27, 132, 231, 1) 0%, rgba(0, 45, 69, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(27, 132, 231, 1) 0%, rgba(0, 45, 69, 1) 100%);
	background: -o-linear-gradient(top, rgba(27, 132, 231, 1) 0%, rgba(0, 45, 69, 1) 100%);
	background: -ms-linear-gradient(top, rgba(27, 132, 231, 1) 0%, rgba(0, 45, 69, 1) 100%);
	background: linear-gradient(to bottom, rgba(27, 132, 231, 1) 0%, rgba(0, 45, 69, 1) 100%);
	height: 100%;
}

.smartHome-bg {
	background: rgb(85, 199, 206);
	background: -moz-linear-gradient(180deg, rgba(85, 199, 206, 1) 0%, rgba(34, 155, 162, 1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(85, 199, 206, 1) 0%, rgba(34, 155, 162, 1) 100%);
	background: linear-gradient(180deg, rgba(85, 199, 206, 1) 0%, rgba(34, 155, 162, 1) 100%);
	height: 100%;
}

.sunshine-web-bg {
	background: rgb(0, 170, 186);
	background: -moz-linear-gradient(180deg, rgba(0, 170, 186, 1) 0%, rgba(14, 102, 147, 1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(0, 170, 186, 1) 0%, rgba(14, 102, 147, 1) 100%);
	background: linear-gradient(180deg, rgba(0, 170, 186, 1) 0%, rgba(14, 102, 147, 1) 100%);
	height: 100%;
}

.niki-infotech-bg {
	background: rgb(190, 215, 60);
	background: -moz-linear-gradient(180deg, rgba(190, 215, 60, 1) 0%, rgba(2, 150, 68, 1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(190, 215, 60, 1) 0%, rgba(2, 150, 68, 1) 100%);
	background: linear-gradient(180deg, rgba(190, 215, 60, 1) 0%, rgba(2, 150, 68, 1) 100%);
	height: 100%;
}

.anerweb-bg {
	background: rgb(245, 210, 66);
	background: -moz-linear-gradient(180deg, rgba(245, 210, 66, 1) 0%, rgba(216, 179, 28, 1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(245, 210, 66, 1) 0%, rgba(216, 179, 28, 1) 100%);
	background: linear-gradient(180deg, rgba(245, 210, 66, 1) 0%, rgba(216, 179, 28, 1) 100%);
	height: 100%;
}

.fireviteWeb-bg {
	background: rgb(70, 149, 215);
	background: -moz-linear-gradient(180deg, rgba(70, 149, 215, 1) 0%, rgba(41, 121, 188, 1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(70, 149, 215, 1) 0%, rgba(41, 121, 188, 1) 100%);
	background: linear-gradient(180deg, rgba(70, 149, 215, 1) 0%, rgba(41, 121, 188, 1) 100%);
	height: 100%;
}

.wattsupEnergy-bg {
	background: rgb(0, 189, 253);
	background: -moz-linear-gradient(180deg, rgba(0, 189, 253, 1) 0%, rgba(0, 128, 171, 1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(0, 189, 253, 1) 0%, rgba(0, 128, 171, 1) 100%);
	background: linear-gradient(180deg, rgba(0, 189, 253, 1) 0%, rgba(0, 128, 171, 1) 100%);
	height: 100%;
}

.allInOne-bg {
	background: rgb(236, 64, 122);
	background: -moz-linear-gradient(180deg, rgba(236, 64, 122, 1) 0%, rgba(212, 45, 101, 1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(236, 64, 122, 1) 0%, rgba(212, 45, 101, 1) 100%);
	background: linear-gradient(180deg, rgba(236, 64, 122, 1) 0%, rgba(212, 45, 101, 1) 100%);
	height: 100%;
}

.slider-content.fireviteWeb-bg-color,
.slider-content.wattsupEnergy-bg-color {
	background: url(../images/portfolio/firevite-shape.png) no-repeat left top;
}

.slider-content.allInOne-bg-color {
	background: url(../images/portfolio/allinone-shape.png) no-repeat left top;
}

.slider-content.benvenuto-bg-color {
	background: url(../images/portfolio/benvenuto-shape.png) no-repeat left top;
}

.benvenuto-bg {
	background: #064051;
	height: 100%;
}

.slider-content.american-orchid-bg-color,
.slider-content.readup-bg-color,
.slider-content.niki-infotech-bg-color {
	background: url(../images/portfolio/american-shape.png) no-repeat left top
}

.american-orchid-bg {
	background: url(../images/portfolio/american-02.png) no-repeat center center/cover;
	height: 100%;
}

.waiverPro-bg {
	background: #0D1016;
	height: 100%;
}

.baabuk-bg {
	background: rgb(196, 0, 25);
	background: -moz-linear-gradient(180deg, rgba(196, 0, 25, 1) 0%, rgba(211, 3, 30, 1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(196, 0, 25, 1) 0%, rgba(211, 3, 30, 1) 100%);
	background: linear-gradient(180deg, rgba(196, 0, 25, 1) 0%, rgba(211, 3, 30, 1) 100%);
	height: 100%;
}

.northern-bg {
	background: rgb(227, 19, 19);
	background: -moz-linear-gradient(180deg, rgba(227, 19, 19, 1) 0%, rgba(172, 0, 0, 1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(227, 19, 19, 1) 0%, rgba(172, 0, 0, 1) 100%);
	background: linear-gradient(180deg, rgba(227, 19, 19, 1) 0%, rgba(172, 0, 0, 1) 100%);
	height: 100%;
}

.craftsnmore-bg {
	background: rgb(251, 33, 88);
	background: -moz-linear-gradient(180deg, rgba(251, 33, 88, 1) 0%, rgba(219, 20, 70, 1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(251, 33, 88, 1) 0%, rgba(219, 20, 70, 1) 100%);
	background: linear-gradient(180deg, rgba(251, 33, 88, 1) 0%, rgba(219, 20, 70, 1) 100%);
	height: 100%;
}

.kerry-bg {
	background: rgb(204, 134, 6);
	background: -moz-linear-gradient(0deg, rgba(204, 134, 6, 1) 0%, rgba(244, 158, 2, 1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(204, 134, 6, 1) 0%, rgba(244, 158, 2, 1) 100%);
	background: linear-gradient(0deg, rgba(204, 134, 6, 1) 0%, rgba(244, 158, 2, 1) 100%);
	height: 100%;
}

.doctor-bg {
	background: rgb(111, 147, 129);
	background: -moz-linear-gradient(180deg, rgba(111, 147, 129, 1) 0%, rgba(206, 234, 182, 1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(111, 147, 129, 1) 0%, rgba(206, 234, 182, 1) 100%);
	background: linear-gradient(180deg, rgba(111, 147, 129, 1) 0%, rgba(206, 234, 182, 1) 100%);
	height: 100%;
}

figure.investExpert-01,
figure.kerry-01,
figure.northern-01,
figure.craftsnmore-01,
figure.benvenuto-01,
figure.american-orchid-01,
figure.notify-01,
figure.ridcor-01,
figure.fitNutro-web-01,
figure.greenandblack-01,
figure.smartHome-01,
figure.fireviteWeb-01,
figure.wattsupEnergy-01,
figure.allInOne-01,
figure.zednielmabh-01,
figure.anerweb-01,
figure.niki-infotech-01,
figure.sunshine-web-01 {
	position: absolute;
	z-index: 2;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0
}

figure.american-orchid-01,
figure.american-orchid-01,
figure.wattsupEnergy-01,
figure.allInOne-01,
figure.zednielmabh-01,
figure.anerweb-01,
figure.ridcor-01,
figure.niki-infotech-01,
figure.sunshine-web-01,
figure.greenandblack-01,
figure.smartHome-01 {
	top: 80px;
}

.slider-content.teacher-bg-color,
.slider-content.sharwa-bg-color,
.slider-content.smartHome-bg-color {
	background: url(../images/portfolio/teacher-shape.png) no-repeat left top
}

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

.teacher-bg {
	background: rgb(10, 176, 205);
	background: -moz-linear-gradient(0deg, rgba(10, 176, 205, 1) 0%, rgba(40, 214, 206, 1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(10, 176, 205, 1) 0%, rgba(40, 214, 206, 1) 100%);
	background: linear-gradient(0deg, rgba(10, 176, 205, 1) 0%, rgba(40, 214, 206, 1) 100%);
	height: 100%;
}

.zednielmabh-bg {
	background: -moz-linear-gradient(0deg, #303f9f 0%, #7b1fa2 100%);
	background: -webkit-linear-gradient(0deg, #303f9f 0%, #7b1fa2 100%);
	background: linear-gradient(0deg, #303f9f 0%, #7b1fa2 100%);
	height: 100%;
}

.sharwa-bg {
	background: rgb(0, 219, 255);
	background: -moz-linear-gradient(180deg, rgba(0, 219, 255, 1) 0%, rgba(0, 71, 139, 1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(0, 219, 255, 1) 0%, rgba(0, 71, 139, 1) 100%);
	background: linear-gradient(180deg, rgba(0, 219, 255, 1) 0%, rgba(0, 71, 139, 1) 100%);
	height: 100%
}

.greenandblack-bg {
	background: rgb(156, 135, 91);
	background: -moz-linear-gradient(0deg, rgba(156, 135, 91, 1) 0%, rgba(78, 75, 72, 1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(156, 135, 91, 1) 0%, rgba(78, 75, 72, 1) 100%);
	background: linear-gradient(0deg, rgba(156, 135, 91, 1) 0%, rgba(78, 75, 72, 1) 100%);
	height: 100%;
}

figure.teacher-01,
figure.teacher-03,
figure.sharwa-01,
figure.sharwa-03 {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	display: flex;
	justify-content: center;
	top: -260px;
}

figure.teacher-02,
figure.teacher-04 {
	position: absolute;
	top: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	left: 21px;
}

figure.sharwa-02,
figure.sharwa-04 {
	position: absolute;
	top: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	left: 51px;
}

figure.teacher-03,
figure.sharwa-03 {
	bottom: -173px;
	top: auto;
}

figure.teacher-04 {
	left: auto;
	right: 21px;
}

figure.sharwa-04 {
	left: auto;
	right: 40px;
}

.slider-content.pearlCab-bg-color,
.slider-content.mystarApp-bg-color {
	background: url(../images/portfolio/pearlCab-shape.png) no-repeat left top
}

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

.pearlCab-bg,
.mystarApp-bg {
	background: rgb(133, 3, 4);
	background: -moz-linear-gradient(0deg, rgba(133, 3, 4, 1) 0%, rgba(228, 0, 2, 1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(133, 3, 4, 1) 0%, rgba(228, 0, 2, 1) 100%);
	background: linear-gradient(0deg, rgba(133, 3, 4, 1) 0%, rgba(228, 0, 2, 1) 100%);
	height: 100%;
}

.egg-bg {
	background: rgb(24, 165, 236);
	background: -moz-linear-gradient(180deg, rgba(24, 165, 236, 1) 0%, rgba(0, 75, 120, 1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(24, 165, 236, 1) 0%, rgba(0, 75, 120, 1) 100%);
	background: linear-gradient(180deg, rgba(24, 165, 236, 1) 0%, rgba(0, 75, 120, 1) 100%);
	height: 100%;
}

figure.pearlCab-01,
figure.egg-01 {
	position: absolute;
	top: 65px;
	left: 44px;
}

figure.pearlCab-02,
figure.mystarApp-02,
figure.egg-02 {
	position: absolute;
	top: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	left: 0;
	right: 0;
}

figure.pearlCab-03,
figure.egg-03 {
	bottom: 65px;
	right: 44px;
	position: absolute;
}

.slider-content.fitNutro-bg-color,
.slider-content.fitNutro-web-bg-color {
	background: url(../images/portfolio/fitNutro-shape.png) no-repeat left top;
}

.slider-content.doctor-bg-color {
	background: url(../images/portfolio/turquoise-bg.png) no-repeat left top;
}

.fitNutro-bg {
	background: rgb(198, 35, 41);
	background: -moz-linear-gradient(0deg, rgba(198, 35, 41, 1) 0%, rgba(236, 120, 35, 1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(198, 35, 41, 1) 0%, rgba(236, 120, 35, 1) 100%);
	background: linear-gradient(0deg, rgba(198, 35, 41, 1) 0%, rgba(236, 120, 35, 1) 100%);
	height: 100%;
}

figure.fitNutro-01 {
	position: absolute;
	left: 46px;
	top: -130px;
}

figure.fitNutro-02 {
	position: absolute;
	top: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	left: 0;
	right: 0;
}

figure.doctor-03,
figure.doctor-02 {
	bottom: -37px;
	right: 46px;
	position: absolute;
}

figure.doctor-02 {
	left: 46px;
	right: auto;
}

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

figure.fitNutro-03 {
	bottom: -37px;
	right: 46px;
	position: absolute;
}

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

.slider-content.ssomd-bg-color,
.slider-content.ridcor-bg-color,
.slider-content.streetFood-bg-color {
	background: url(../images/portfolio/pearlCab-shape.png) no-repeat left top
}

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

.leaserate-bg {
	background: rgb(206, 96, 7);
	background: -moz-linear-gradient(0deg, rgba(206, 96, 7, 1) 0%, rgba(255, 114, 0, 1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(206, 96, 7, 1) 0%, rgba(255, 114, 0, 1) 100%);
	background: linear-gradient(0deg, rgba(206, 96, 7, 1) 0%, rgba(255, 114, 0, 1) 100%);
	height: 100%;
}

.careforkids-bg {
	background: rgb(120, 80, 161);
	background: -moz-linear-gradient(180deg, rgba(120, 80, 161, 1) 0%, rgba(29, 21, 38, 1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(120, 80, 161, 1) 0%, rgba(29, 21, 38, 1) 100%);
	background: linear-gradient(180deg, rgba(120, 80, 161, 1) 0%, rgba(29, 21, 38, 1) 100%);
	height: 100%;
}

.colnayler-bg {
	background: rgb(166, 124, 82);
	background: -moz-linear-gradient(180deg, rgba(166, 124, 82, 1) 0%, rgba(17, 17, 17, 1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(166, 124, 82, 1) 0%, rgba(17, 17, 17, 1) 100%);
	background: linear-gradient(180deg, rgba(166, 124, 82, 1) 0%, rgba(17, 17, 17, 1) 100%);
	height: 100%;
}

.slider-content.partspak-bg-color,
.slider-content.evitamins-bg-color {
	background: url(../images/portfolio/evitamins-shape.png) no-repeat left top
}

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

.norfolkFlorist-bg {
	height: 100%;
	background: rgb(145, 8, 33);
	background: -moz-linear-gradient(180deg, rgba(145, 8, 33, 1) 0%, rgba(94, 28, 40, 1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(145, 8, 33, 1) 0%, rgba(94, 28, 40, 1) 100%);
	background: linear-gradient(180deg, rgba(145, 8, 33, 1) 0%, rgba(94, 28, 40, 1) 100%);
}

.partspak-bg {
	background: rgb(53, 98, 152);
	background: -moz-linear-gradient(180deg, rgba(53, 98, 152, 1) 0%, rgba(28, 67, 110, 1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(53, 98, 152, 1) 0%, rgba(28, 67, 110, 1) 100%);
	background: linear-gradient(180deg, rgba(53, 98, 152, 1) 0%, rgba(28, 67, 110, 1) 100%);
	height: 100%;
}

.evitamins-bg {
	background: rgb(50, 97, 155);
	background: -moz-linear-gradient(180deg, rgba(50, 97, 155, 1) 0%, rgba(16, 54, 96, 1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(50, 97, 155, 1) 0%, rgba(16, 54, 96, 1) 100%);
	background: linear-gradient(180deg, rgba(50, 97, 155, 1) 0%, rgba(16, 54, 96, 1) 100%);
	height: 100%;
}

.ssomd-bg {
	background: rgb(228, 0, 2);
	background: -moz-linear-gradient(180deg, rgba(228, 0, 2, 1) 0%, rgba(7, 7, 7, 1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(228, 0, 2, 1) 0%, rgba(7, 7, 7, 1) 100%);
	background: linear-gradient(180deg, rgba(228, 0, 2, 1) 0%, rgba(7, 7, 7, 1) 100%);
	height: 100%;
}

figure.leaserate-01,
figure.ssomd-01,
figure.jeeto-01,
figure.readup-01,
figure.streetFood-01,
figure.colnayler-01,
figure.careforkids-01 {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

figure.mystarApp-01 {
	position: absolute;
	top: 65px;
	left: 60px;
}

figure.mystarApp-03 {
	bottom: 65px;
	right: 60px;
	position: absolute;
}

.baseline-bg {
	background: rgb(62, 124, 242);
	background: -moz-linear-gradient(180deg, rgba(62, 124, 242, 1) 0%, rgba(31, 55, 101, 1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(62, 124, 242, 1) 0%, rgba(31, 55, 101, 1) 100%);
	background: linear-gradient(180deg, rgba(62, 124, 242, 1) 0%, rgba(31, 55, 101, 1) 100%);
	height: 100%;
}

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

.slider-content.cleverpick-bg-color {
	background: url(../images/bloody-mary-bg.png) no-repeat left top;
}

.cleverpick-bg {
	background: rgb(222, 181, 29);
	background: -moz-linear-gradient(180deg, rgba(222, 181, 29, 1) 0%, rgba(239, 79, 37, 1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(222, 181, 29, 1) 0%, rgba(239, 79, 37, 1) 100%);
	background: linear-gradient(180deg, rgba(222, 181, 29, 1) 0%, rgba(239, 79, 37, 1) 100%);
	height: 100%;
}

figure.baseline-01,
figure.baseline-02,
figure.baseline-03,
figure.cleverpick-01 {
	position: absolute;
	top: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	left: 0;
	right: 0;
}

figure.baseline-03 {
	right: 46px;
	left: auto;
}

figure.baseline-02 {
	left: 46px;
	right: auto;
}

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

.jeeto-bg {
	background: rgb(239, 40, 46);
	background: -moz-linear-gradient(180deg, rgba(239, 40, 46, 1) 0%, rgba(2, 34, 109, 1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(239, 40, 46, 1) 0%, rgba(2, 34, 109, 1) 100%);
	background: linear-gradient(180deg, rgba(239, 40, 46, 1) 0%, rgba(2, 34, 109, 1) 100%);
	height: 100%;
}

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

.fantasy-bg {
	background: linear-gradient(to right, #0089d4, #00ff5f);
	background: -webkit-linear-gradient(to right, #0089d4, #00ff5f);
	height: 100%;
}

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

figure.fantasy-01 {
	left: 15%;
}

figure.fantasy-02 {
	right: 15%;
}

.vikas-photo_portfolio .allInOne-bg,
.vikas-photo-bg {
	background: rgb(142, 142, 142);
	background: -moz-radial-gradient(circle, rgba(142, 142, 142, 1) 0%, rgba(17, 17, 17, 1) 100%);
	background: -webkit-radial-gradient(circle, rgba(142, 142, 142, 1) 0%, rgba(17, 17, 17, 1) 100%);
	background: radial-gradient(circle, rgba(142, 142, 142, 1) 0%, rgba(17, 17, 17, 1) 100%);
}

.vikas-photo_portfolio .slider-content.allInOne-bg-color {
	background: url(../images/portfolio/colnayler-shape.png) no-repeat left top;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
    width: max-content !important;
	left: -163%;
}
.mainmenu-area.mainmenu-bb {
    position: fixed;
    z-index: 9;
    width: 100%;
    margin-top: 38px !important;
}
.top-header {
    background: #03a9f4d9 !important;
    position: fixed;
    z-index: 99;
    width: 100%;
}
nav.navbar.navbar-expand-lg.navbar-light {
    float: right !important;
	padding-right: 0;
}
.col-lg-10.col-sm-6.mainmenu-wrapper {
    width: 50%;
}

.row.main-title .col-md-6 img.aos-animate.aos-init {
    height: 95% !important;
}
section.weoffer .container {
    padding: 0px !important;
}
.phpDevelopmentServer-left-des, .phpDevelopmentServer-left-des .tab-content .phpDevelopmentServer-content-wrapper {
    padding-left: 16px !Important;
}
section.weoffer {
    background: linear-gradient(
90deg, #fefefe 50%, #2a5298 50%) !Important;
}
.phpDevelopmentServer-tabpanel {
    padding-bottom: 40px;
    background: unset !Important;
}
.phpDevelopmentServer-Navtab li.phpDevelopmentServer-item {
    height: 180px !Important;
  
}
.section-head {
    padding-left: 0px !important;
}
.col-lg-12.sec-heading-s.text-center {
    padding-left: 0px !important;
}
div#skipDownspaces .section_content_text p {
    padding: 0px 12rem;
}
.main-title {
	position: absolute;
	margin: 0;
	padding: 0;
	color: #f9f1e9;
	text-align: left;
	top: 54%;
	width: 100%;
    left: 50%;
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
}
.col-lg-2.col-sm-6.remove-padding {
    padding-left: 0px !important;
}
.col-lg-10.col-sm-6.mainmenu-wrapper {
    padding-right: 0px !important;
}
section.top-header .container {
    padding: 0px;
    padding-right: 15px;
}

.phpDevelopmentServer-content-wrapper button {
	background: #fff;
    color: #37517e;
    border: 2px solid #37517e;
    margin: 16px 0px;
	font-weight: 600;
    padding: 2px 32px;
}
.phpDevelopmentServer-content-wrapper button:hover {
	background: #37517e;
    color: #ffff !important;
    border: 2px solid;
}
.phpDevelopmentServer-content-wrapper button a {
    color: #37517e;
}
.row.main-title button:hover {
    background: #fff;
    border: 2px solid #fff;
    color: #37517e;
}

.dropdown-content .col-md-6 {
    max-width: 52%;
}
.col-12.col-md-12.image-background.cover {
    height: 565px !important;
}
a.text-center.active.show .phpDevelopmentServer-icon {
    width: 32% !important;
    margin: auto;
	max-width: 32%;
    margin-top: 26px;
}
.webDevelopmentHome-technologies-wrappper {
    padding: 0px 20px 0px 0px;
}







/*-----mobile_viwe-----*/


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


.containerone {
    margin-left: 10px !important;
    margin-right: 10px !important;
}
.row.align-items-center.mainmenu-area-innner {
    padding-top: 10px;
}
.header_top .col-lg-12.remove-padding .right-content {
    display: none;
}
.left-content ul li a {
    color: #fff;
    font-size: 16px;
}
section.top-header .header_top {
    padding: 0 0px 0 0px !important;
}  
.top-header {
    height: 38px !important;
}

div#large-header {
    height: 54rem !important;
}
li.phpDevelopmentServer-item.active .phpDevelopmentServer-icon {
    margin: auto;
    display: table;
}
.phpDevelopmentServer-Navtab li.phpDevelopmentServer-item {
    width: 44% !important;
  
    margin: 10px!important;
}
.col-lg-5.order-lg-2.phpDevelopmentServer-left-des {
    padding: 27px 30px;
}
.phpDevelopmentServer-content-wrapper h4 {
    font-size: 30px;
}
.phpDevelopmentServer-content-wrapper p {
    text-align: justify;
    padding: 0px 10px;
}
h3.aos-init.aos-animate {
    font-size: 34px !important;
}
p.aos-init.aos-animate {
    font-size: 16px !important;
    text-align: justify;
    margin-bottom: 2rem;
}
.col-sm-12.sec-heading-s.text-center h3 {
    font-size: 27px !important;
}
.col-sm-12.sec-heading-s.text-center p {
    text-align: justify;
    padding: 0px 18px;
}
.col-sm-12.industries-list .col-custom a.box {
    margin: auto;
    display: table;
}
.work-with-us h2 {
    font-size: 64px !important;
    padding: 0px 20px !important;
}
.work-with-us a.custom-btn {
    margin: 17px;
}
.footer .footer-info-area .footer-logo {
    margin-top: 20px;
}
.technical-tk-ul ul li a {
    z-index: unset !important;
}
.company-pro-left.sec-heading-s h3.aos-init {
    font-size: 34px !important;
}
.col-md-12.col-lg-12.sec-heading-s.text-center {
    padding-top: 20px;
}
section.our_culture .our-culture.row {
    padding: 30px;
}
.our-culture-wrapper.sec-heading-s h3 {
    font-size: 28px !important;
}
.joinTeamBox .col-md-5 h2 {
    font-size: 30px;
    margin-bottom: 15px;
}
section.benifits .col-lg-12.sec-heading-s.text-center {
    padding-top: 30px;
}
div#navbarSupportedContent {
    position: absolute;
    background: #fff;
    top: 4.2rem;
    right: 13px;
}
div#navbarSupportedContent ul.navbar-nav.mr-auto {
    margin-right: auto!important;
    width: 340px;
    padding: 20px;
    line-height: 1.8;
    font-weight: 600;
}
ul.navbar-nav.mr-auto li.nav-item {
    font-size: 20px;
}
li.nav-item.dropdown.show .dropdown-menu.show {
    width: 100% !important;
}
section.weoffer {
    background: linear-gradient( 
0deg, #fefefe 33%, #2a5298 0%) !Important;
}
div#skipDownspaces .section_content_text p {
    padding: 0px 1rem;
}



}
/*-----mobile_viwe_end-----*/


/*-----ipad_viwe-----*/
@media screen and (min-width: 768px) and (max-width: 1023px){

section.weoffer {
    background: linear-gradient( 
0deg, #fefefe 25%, #2a5298 0%) !Important;
}		
div#navbarSupportedContent {
    position: absolute !important;
    background: #fff ;
    top: 4.2rem ;
    right: 13px;
}	
div#navbarSupportedContent ul.navbar-nav.mr-auto {
    margin-right: auto!important;
    width: 340px ;
    padding: 20px ;
    line-height: 1.8 ;
    font-weight: 600 ;
}	
div#large-header {
    height: 36rem !important;
}	
div#large-header .row.main-title img.aos-animate {
    padding-top: 80px;
}
div#large-header .row.main-title h1 {
    font-size: 34px;
}
.phpDevelopmentServer-Navtab li.phpDevelopmentServer-item {
    width: 46.33% !important;
    margin: 10px !important;
}
li.phpDevelopmentServer-item.active .phpDevelopmentServer-icon {
    margin: auto;
    display: table;
}
.phpDevelopmentServer-left-des .tab-content .phpDevelopmentServer-content-wrapper {
    padding: 0px 30px !important;
}
p.aos-init.aos-animate {
    padding-bottom: 20px;
}
.sec.sec-100.pb-0.helping-sec.allIndustry-view-section {
    padding: 10px 50px 0px 50px;
}	
section.service-cta.service-cta--about.gradient_sec .col-sm-6 .service-cta__text-area {
    text-align: center;
    width: 651px;
}
section.service-cta.service-cta--about.gradient_sec a.reach_out_btn {
    width: 170px;
}
.service-cta__text-area a.reach_out_btn {
    margin-right: -16rem;
    margin-top: 25px !important;
}
section.service-cta.service-cta--about.gradient_sec .col-sm-6 {
    display: inline-table;
}
.work-with-us h2 {
    font-size: 64px !important;
    padding: 0px 20px !important;
}
.work-with-us a.custom-btn {
    margin: 17px;
}
.col-12.col-md-12.image-background.cover {
    height: 455px;
}
.description {
    padding-top: 20px;
    padding-bottom: 50px;
}
section.find-job-section.bg-light img {
    margin-top: 9rem;
}
section.our_culture .our-culture.row .col-md-6 {
    display: contents;
}
.col-md-6.creative {
    margin-top: -150px;
    margin-left: 195px;
    max-width: 22%;
}

.col-md-6.vission {
    margin-left: -15px;
    margin-top: -166px;
    max-width: 22% !important;
}
.col-md-12.team_succes {
    position: absolute;
    text-align: center;
    margin-top: 6px;
    margin-left: 19px;
    font-weight: 700;
}
.col-md-6.passion {
    position: absolute;
    margin-left: 232px;
    margin-top: 41px;
    max-width: 22% !important;
}
.col-md-6.focus {
    position: absolute;
    margin-top: 13px;
    margin-left: 414px;
	max-width: 22% !important;
}
.col-md-12.teamdata.company-pro-left.creative_data.show_text {
    width: 45%;
}
.main-title {
    top: 30% !important;
}
}


/*-----ipad-pro_viwe-----*/
@media screen and (min-width: 1024px) and (max-width: 1366px){
.main-title {
    top: 26% !important;
}
div#large-header {
    height: 700px !important;
}
.device-twin.align-items-center.mt-4.mt-lg-0 {
    top: 22%;
}
.phpDevelopmentServer-Navtab li.phpDevelopmentServer-item {
    height: 158px !important;
    margin: 3px !important;
    width: 28% !important;
}
.phpDevelopmentServer-tabpanel.offset-lg-1.col-lg-6.order-lg-3 {
    padding: 4% 0px 7% 3% !important;
}
.work-with-us h2 {
    font-size: 94px !important;
    padding: 0px 20px !important;
}
.work-with-us a.custom-btn {
    margin: 17px !important;
}

.technical-main-img span img {
    width: 100%;
    height: 100%;
}
.company-abt-inn .company-pro-right, .company-abt-dtl.whoweare .whoweare-img.aos-init img {
    TOP: 20%;
}
.row.gradient.gradient-blue-navy.text-contrast .col-12.col-md-12.image-background.cover {
    height: 567px;
}
section.singl-testimonial.shadow .banner_content {
    padding: 149px 0px 14px 11px;
}
.contact-form {
    width: 95%;
}
ul.phpDevelopmentServer-Navtab {
    width: 520px !important;
}


	
}