@import url(https://db.onlinewebfonts.com/c/60ba35c45c54ef354183804b6555ea64?family=Macho+Thin);

@font-face {
	font-family: "Macho Thin";
	src: url(https://db.onlinewebfonts.com/t/60ba35c45c54ef354183804b6555ea64.eot);
	src: url(https://db.onlinewebfonts.com/t/60ba35c45c54ef354183804b6555ea64.eot?#iefix) format("embedded-opentype"), url(https://db.onlinewebfonts.com/t/60ba35c45c54ef354183804b6555ea64.woff2) format("woff2"), url(https://db.onlinewebfonts.com/t/60ba35c45c54ef354183804b6555ea64.woff) format("woff"), url(https://db.onlinewebfonts.com/t/60ba35c45c54ef354183804b6555ea64.ttf) format("truetype"), url("https://db.onlinewebfonts.com/t/60ba35c45c54ef354183804b6555ea64.svg#Macho Thin") format("svg")
}

@font-face {
	font-family: MuseoW01-900;
	src: url(https://db.onlinewebfonts.com/t/4cc9d692753925335e7af83ecf6e6815.eot);
	src: url(https://db.onlinewebfonts.com/t/4cc9d692753925335e7af83ecf6e6815.eot?#iefix) format("embedded-opentype"), url(https://db.onlinewebfonts.com/t/4cc9d692753925335e7af83ecf6e6815.woff2) format("woff2"), url(https://db.onlinewebfonts.com/t/4cc9d692753925335e7af83ecf6e6815.woff) format("woff"), url(https://db.onlinewebfonts.com/t/4cc9d692753925335e7af83ecf6e6815.ttf) format("truetype"), url(https://db.onlinewebfonts.com/t/4cc9d692753925335e7af83ecf6e6815.svg#MuseoW01-900) format("svg")
}

@media(min-width:768px) and (max-width:1024px) {
	header {
		display: none !important
	}

	.cd-nav-trigger {
		display: inline-block !important
	}

	.services_box1 {
		margin-top: 50px !important
	}

	.services_box3 {
		margin-top: 50px !important
	}

	.services_box7 {
		margin-top: 50px !important
	}

	.services_box11 {
		margin-top: 50px !important
	}
}

@media(min-width:300px) and (max-width:568px) {
    .section-1-desc {
    text-align: center;
    padding: 19% 0 10% 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.section-1-desc h1 {
    font-size: 52px;
}
.section-1-desc a {
    padding: 15px 20px;
}
a.cd-nav-trigger.js-cd-nav-trigger.text-replace {
    background: #000;
}
.cd-nav-trigger__icon {
    background-color: #fff !important;
}
	#about-desc {
		top: -2px !important
	}
	.apply-icon span {
    justify-content: flex-start;
}
.join-us-btn.vacancy-btn {
    margin-bottom: 1rem;
}
}

@media(min-width:300px) and (max-width:364px) {
	.our_work_title {
		font-size: 40px !important
	}
}

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

	.home_ourwork_main {
		height: 100vh !important
	}

	.slider-over-content {
		top: 50px !important;
		bottom: none !important;
		left: 44% !important;
		width: 73% !important
	}

	.slider-over-content h2 span {
		font-weight: 400 !important;
		font-size: 15pt !important;
		font-family: Lato !important
	}

	.slide {
		top: 0 !important
	}

	.slider-images {
		height: 320px !important
	}

	.play-video-icon {
		width: 10% !important
	}

	header {
		display: none !important
	}

	.link--arrow {
		padding-right: 0 !important;
		color: #fbe105 !important
	}

	.link--arrow.link--white:after,
	.link--arrow.link--white:before {
		background-image: url(../images/left-arrow.png);
		display: none !important
	}

	.link--arrow:hover span {
		transform: translateX(0) !important
	}

	.home_services_back {
		background-size: contain;
		min-height: 500px;
		background-color: #151515 !important;
		background-position-x: 72px;
		padding-bottom: 20px !important
	}

	.gallery {
		left: 30px !important
	}

	.four_boxes_title_ai {
		font-size: 45px !important;
		line-height: 53px !important;
		color: #333;
		font-family: Lato !important;
		font-weight: 900 !important;
		text-transform: uppercase;
		letter-spacing: 0
	}

	.agency {
		font-size: 55pt !important;
		letter-spacing: -6px !important;
		right: 0 !important;
		line-height: 55pt !important
	}

	.agency_work {
		font-size: 55pt !important;
		letter-spacing: -6px !important;
		right: 0 !important;
		line-height: 55pt !important;
		color: #3e3f3f;
		font-weight: 900;
		position: relative;
		opacity: .5;
		top: 1px !important
	}

	.agency_testimonials {
		font-size: 31pt !important;
		letter-spacing: -1px !important;
		right: 0 !important;
		line-height: 55pt !important;
		top: 38px !important;
		color: #3e3f3f;
		font-weight: 900;
		position: relative;
		opacity: .5
	}

	.about-use-description {
		padding-top: 0 !important;
		padding-bottom: 25px;
		position: absolute;
		top: 180px !important
	}

	.arrow {
		width: 233px;
		margin-top: 31% !important
	}

	#read {
		left: 104% !important
	}

	.about-use-description {
		position: absolute;
		top: 180px !important
	}

	#who-we-are {
		color: #fff;
		font-size: 30pt !important;
		font-weight: 700;
		width: 80%;
		margin-top: -5px !important
	}

	.home_work_section_mobile {
		background-color: #000;
		padding: 0 0 80px
	}

	.home_work_section_mobile h3 {
		font-size: 20px;
		padding-left: 10px;
		color: #fff;
		font-family: Lato;
		font-weight: 300;
		letter-spacing: 1px
	}

	.home_work_section_mobile h4 {
		position: absolute;
		top: 50px;
		color: #fff;
		right: 14px;
		font-size: 18px;
		font-family: Lato;
		font-weight: 400;
		letter-spacing: 1px
	}

	.home_work_section_mobile a {
		color: #fbe105
	}

	.home_testimonials_main {
		background-color: #000;
		background-image: url(../images/home_testimonial_back.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: -280px -20px !important;
		padding-bottom: 40px !important
	}

	#video_slider {
		display: flex;
		position: relative;
		flex-direction: column;
		width: 100vw !important;
		margin: 0 auto !important;
		height: auto !important
	}

	#next {
		text-align: left;
		border-radius: 0 100% 100% 0 !important;
		position: absolute;
		right: -10% !important;
		background: 0 0;
		border: 0;
		bottom: 125px !important
	}

	#prev {
		text-align: right;
		border-radius: 100% 0 0 100% !important;
		position: absolute;
		left: -10% !important;
		background: 0 0;
		border: 0;
		bottom: 125px !important
	}

	#carousel {
		position: relative;
		height: 330px !important;
		top: 0;
		transform: translateY(4%) !important;
		overflow: hidden
	}

	.location_box1 {
		background-size: 100% 100% !important;
		min-height: 360px !important;
		background-image: url(../images/location_box1_hover.jpg) !important;
		padding: 25px !important
	}

	.location_box1 img {
		display: none !important;
		float: right;
		padding-right: 80px;
		padding-top: 30px;
		opacity: 0;
		transition: 1s
	}

	.location_box2 img {
		display: none !important;
		float: right;
		padding-right: 80px;
		padding-top: 30px;
		opacity: 0;
		transition: 1s
	}

	.location_box2 {
		background-size: 100% 100% !important;
		min-height: 300px !important;
		background-image: url(../images/location_box2_hover.jpg) !important;
		background-repeat: no-repeat;
		color: #fff;
		font-family: Lato;
		padding: 35px;
		margin-top: 20px !important;
		border-radius: 10px !important;
		transition: 1s
	}

	.location_box1 h1 {
		color: #fff !important;
		font-family: Lato;
		font-size: 26px;
		text-transform: uppercase;
		font-weight: 600;
		border-bottom: 2px solid #fff;
		width: 75% !important;
		padding-bottom: 10px
	}

	.location_box1 h2 {
		color: #fff;
		font-family: Lato;
		font-size: 18px;
		font-weight: 400;
		width: 100% !important;
		line-height: 26px !important;
		padding-bottom: 5px;
		padding-left: 35px
	}

	.location_box1 h3 {
		color: #fff;
		font-family: Lato;
		font-size: 42px !important;
		font-weight: bolder;
		padding-left: 40px !important;
		margin-top: 30px
	}

	.phone_icon {
		background-image: url(../images/box_phone_icon.png);
		background-repeat: no-repeat;
		background-size: 30px !important
	}

	.location_box2 h1 {
		color: #fff !important;
		font-family: Lato;
		font-size: 26px;
		text-transform: uppercase;
		font-weight: 600;
		border-bottom: 2px solid #fff;
		width: 75% !important;
		padding-bottom: 10px
	}

	.location_box2 h2 {
		color: #fff;
		font-family: Lato;
		font-size: 18px;
		font-weight: 400;
		width: 100% !important;
		line-height: 26px !important;
		padding-bottom: 5px;
		padding-left: 35px
	}

	.location_boxes {
		background-color: #1e1e1e;
		padding: 40px 0 20px !important
	}

	.upper_footer {
		height: 120px !important;
		padding-top: 0 !important
	}

	.upper_footer_img {
		height: 120px !important;
		width: 80% !important
	}

	.upper_footer_img {
		height: 200px;
		margin: 0 auto !important;
		text-align: center;
		transition: all .2s linear;
		background-image: url(../images/upper_footer_logo_hover.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% !important
	}

	.carousel-cell {
		width: 80% !important;
		height: auto !important;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center
	}

	.flickity-page-dots {
		bottom: -44px !important
	}

	.flickity-prev-next-button.next {
		right: 0;
		top: 330px !important
	}

	.flickity-prev-next-button.previous {
		left: 0;
		top: 330px !important
	}

	.flickity-viewport {
		overflow: hidden;
		position: relative;
		min-height: 500px !important
	}

	.link--arrow.link--white {
		color: #fff;
		margin-top: 80px !important
	}

	#b {
		margin-top: 0 !important;
		background-repeat: no-repeat;
		background-size: cover
	}

	.home_about_section {
		background-color: #222020;
		display: none !important
	}

	.red_arrow1 {
		text-align: right;
		padding-right: 0 !important;
		padding-bottom: 10px
	}

	.asasa {
		line-height: 44px;
		font-size: 48px !important;
		color: #fff;
		margin-top: 0
	}

	.home_video_banner_text ul {
		margin-top: 32% !important
	}

	.video_over {
		background-position: -670px 0 !important
	}

	#top_fixed {
		position: initial !important;
		top: 0;
		left: 0;
		z-index: 0
	}

	.we_are_hero1 {
		font-family: Lato;
		letter-spacing: 3px;
		font-size: 30px !important;
		color: #fff !important;
		font-weight: 100;
		line-height: 60px !important;
		position: absolute;
		top: 13% !important;
		left: 10% !important;
		width: 80% !important;
		margin: 0 auto
	}

	.we_are_hero1 p {
		color: #fff !important;
		font-weight: 500;
		font-size: 12px !important;
		line-height: 19px !important;
		font-family: Lato !important;
		padding-top: 9px !important;
		margin: 0
	}

	.top_logo_mobile {
		position: absolute;
		top: 10px;
		left: 10px;
		z-index: 9
	}

	.techno_text {
		padding: 12% 9% !important
	}

	.blog1 {
		margin-top: 20px !important
	}

	.hero_service {
		margin-bottom: 10px;
		margin-top: 10px;
		background-color: transparent !important;
		margin-left: 30px;
		margin-right: 30px;
		padding: 5px;
		border-radius: 28px;
		border: none !important;
		border-right: none !important
	}

	.we_are_hero {
		display: none !important;
		font-size: 54px !important;
		font-family: lato;
		font-weight: 800;
		text-transform: uppercase;
		line-height: 40px;
		top: 18% !important;
		left: 5% !important
	}

	.cd-main {
		overflow: hidden !important
	}

	.cd-main__content {
		will-change: transform !important
	}

	.swiper-slide {
		width: 320px !important
	}

	.case_intro img {
		width: 70% !important;
		padding-top: 40px !important
	}

	.case1_mobile_float {
		position: absolute;
		z-index: 999999;
		right: -20px !important;
		top: 277px !important;
		width: 90% !important;
		background-size: cover
	}

	.swiper-container {
		width: 100%;
		padding-top: 0 !important;
		padding-bottom: 50px
	}

	.case1_banner {
		background-image: url(../images/case_study/header_purple.png);
		background-color: #fff;
		background-repeat: no-repeat;
		background-position: -112px 0 !important;
		min-height: 600px !important;
		background-size: auto !important
	}

	.case2_banner {
		background-position: -112px 0 !important;
		min-height: 600px !important;
		background-size: auto !important
	}

	.sec5_slider_main {
		display: none !important
	}

	.case1_sec2 {
		width: 100% !important;
		margin: 0 auto !important;
		text-align: left;
		padding-left: 10% !important;
		padding-right: 9% !important;
		padding-top: 20px !important
	}

	.case1_sec3 h1 {
		margin-top: 0 !important;
		color: #fff;
		width: 90% !important;
		font-size: 34px !important;
		text-transform: uppercase;
		background-color: #ba7fb5 !important;
		margin: 55px auto 0 !important;
		padding: 10px 10px !important
	}

	.case1_sec3_box1 {
		position: absolute;
		top: 17% !important;
		left: 15% !important;
		animation: pulse 3s ease infinite alternate, nudge_xd 5s linear infinite alternate
	}

	.case_intro p {
		font-size: 28px !important;
		width: 80% !important;
		margin: 0 auto !important;
		line-height: 34px !important;
		font-family: lato;
		padding-top: 22px !important;
		color: #fff;
		text-shadow: 0 0 10px #c1c1c1 !important
	}

	.case_arrow_float {
		display: none;
		width: 10%;
		position: absolute;
		z-index: 999999;
		left: 0;
		bottom: 150px;
		background-size: cover
	}

	.banner_contact_main img {
		height: auto !important;
		background-size: cover;
		padding-top: 0 !important;
		margin-left: -15px;
		width: 100% !important
	}

	.banner_contact {
		padding: 0 0 0 6% !important;
		color: #fff;
		position: inherit;
		z-index: 1
	}

	.banner_contact p {
		font-family: var(--font-secondary);
		font-size: 16px !important;
		letter-spacing: 1px;
		line-height: 28px !important;
		color: #7e7f80 !important;
		font-weight: 500;
		margin-top: 10px !important;
		padding-right: 45px !important
	}

	.both_address {
		padding: 0 30px 0 50px !important
	}

	.gray_contact_form {
		background-color: #232427;
		padding: 20px 0 50px !important;
		margin-top: 30px !important
	}

	.gform_body {
		margin-top: 50px !important;
		padding: 0 40px !important
	}

	.gray_form_label {
		padding-bottom: 0;
		color: #aaaaab;
		font-size: 21px !important;
		line-height: 22px !important;
		font-family: lato;
		font-weight: 400
	}

	.gray_form_input {
		margin-bottom: 50px !important;
		height: 45px !important
	}

	textarea {
		min-height: 150px !important;
		width: 100% !important;
		margin-bottom: 20px !important
	}

	textarea .gray_form_input {
		margin-bottom: 20px !important
	}

	.footer_button {
		width: 100% !important;
		margin-top: -30px !important
	}

	.gform_button {
		background: #00c9d3;
		color: #fff;
		text-align: center !important;
		border: none;
		padding: 20px 90px !important;
		margin-left: 10% !important;
		font-size: 18px !important;
		float: none !important;
		transition: ease-in-out;
		width: 80% !important
	}

	#team_member_for_mobile {
		width: 100% !important
	}

	.display_none_for_mobile {
		display: none !important
	}

	.display_none_for_desktop {
		display: block !important
	}

	.blog_main_left {
		margin-top: 0 !important
	}

	.blog_main {
		background-color: #080816;
		padding-top: 50px !important;
		padding-bottom: 50px !important;
		padding-left: 5% !important;
		padding-right: 5% !important
	}

	.blog_big {
		position: relative;
		height: 250px !important;
		margin-top: 25px;
		padding: 30px 25px 30px 15px !important
	}

	.blog_small_left a {
		position: absolute;
		top: 190px !important;
		right: 30px !important
	}

	.blog_small a {
		position: absolute;
		top: 190px !important;
		right: 30px !important
	}

	.blog_big a img {
		position: absolute;
		top: 0;
		left: 0;
		overflow: visible;
		width: auto !important
	}

	.blog_big img {
		position: absolute;
		top: 0;
		left: 0;
		overflow: visible;
		width: 100% !important
	}

	.blog_big p {
		font-family: clear sans;
		font-weight: 400;
		font-size: 24px !important;
		color: #fff;
		padding-top: 10px !important;
		position: relative;
		padding-right: 0 !important;
		line-height: 28px !important
	}

	.blog_small_left img {
		width: 100% !important
	}

	.blog_small_left p {
		font-family: clear sans !important;
		font-weight: 400 !important;
		font-size: 24px !important;
		color: #fff !important;
		padding-top: 10px !important;
		position: absolute !important;
		padding-right: 2% !important;
		line-height: 28px !important
	}

	.blog_small img {
		width: 100% !important
	}

	.blog_small p {
		font-family: clear sans !important;
		font-weight: 400 !important;
		font-size: 24px !important;
		color: #fff !important;
		padding-top: 10px !important;
		position: absolute !important;
		padding-right: 1% !important;
		line-height: 28px !important
	}

	.floating {
		animation-name: floating;
		animation-duration: 4s;
		animation-iteration-count: infinite;
		animation-timing-function: ease-in-out;
		position: absolute;
		top: 50px !important;
		left: 0 !important;
		z-index: 998
	}

	.floating img {
		width: 75% !important
	}
	.video_about_main {
    background-image: none !important;
}

	.about_banner_btn {
		background-color: #e22b13 !important;
		padding: 11px 38px !important;
		border: none !important;
		color: #fff !important;
		font-family: clear sans;
		font-size: 20px !important;
		font-weight: 400 !important;
		position: absolute !important;
		bottom: 10% !important;
		right: 17% !important;
		z-index: 999999 !important
	}

	.banner_about {
		background-position: -380px 270px !important;
		background-size: 230% !important
	}

	.banner_about_main {
		min-height: 100vh !important
	}

	.video_about_main {
		background-image: url(../images/uifstechnologies/video_about.jpg);
		min-height: 470px !important;
		background-color: grey;
		transform: skewy(0)
	}

.we_are {
    padding: 100px 0 !important;
    margin: 0 auto !important;
    font-size: 48px !important;
    color: #fff;
    font-weight: bolder;
    line-height: 62px !important;
}
.stats {
    background: linear-gradient(200deg,#060316 50%,#e5e5e5 49%) !important;
}
.banner_contact #lets-work {
    font-size: 46px !important;
}
.our-value-header {
    padding: 10px 0px !important;
}
.floating {
    text-align: center;
}

	.journey {
		padding: 10px !important
	}

	.journey_subtitle {
		font-size: 15px !important;
		line-height: 24px !important;
		font-weight: 600;
		color: #31313a;
		padding: 0 5px !important;
		width: 92% !important;
		margin: 0 auto !important
	}

	.stats_white {
		padding-top: 40px !important;
		padding-bottom: 40px !important
	}

	.stats_title_grey {
		color: #fff;
		font-size: 90px !important;
		font-weight: 600;
		margin-top: 0 !important
	}

	.pad-top-100 {
		padding-top: 0 !important
	}

	.pad-top-100 {
		padding-left: 0 !important
	}

	.stats_subtitle_white {
		color: #fff;
		font-size: 30px !important;
		font-weight: 600
	}

	.stats_grey {
		padding-top: 80px !important;
		padding-bottom: 80px !important;
		width: 100% !important;
		margin: 0 auto !important;
		vertical-align: middle;
		background-color: #e5422b
	}

	.white_space_main {
		position: initial !important
	}

	.stats_blue {
		padding-top: 80px !important;
		padding-bottom: 80px !important;
		text-align: center !important;
		vertical-align: middle;
		background-color: #151759
	}

	.journey_title {
		font-size: 50px !important;
		color: #31313a
	}

	.portfolioFilter a.current {
		font-size: 18px !important;
		color: #fff !important;
		background-color: #82dda1 !important;
		border-radius: 22px !important;
		width: 100% !important;
		padding: 10px 25px !important;
		margin-top: 10px !important;
		margin-bottom: 10px !important
	}

	.portfolio_box {
		margin: 20px 0 30px !important
	}

	.banner_our_work {
		position: relative;
		min-height: 500px !important
	}

	.our_work_title {
		font-family: "Playfair Display", serif;
		font-size: 37px !important;
		font-weight: 600;
		width: 90% !important;
		margin: 0 auto !important;
		margin: 0 auto !important;
		color: #fff;
		background-size: 200%;
		background-image: none;
		background-image: linear-gradient(45deg, #fff070 0, #fff070 35%, #00c9d3 66%, #00c9d3 100%);
		-webkit-text-fill-color: transparent;
		-webkit-background-clip: text;
		animation: glow 9s linear infinite
	}

	.our_work_para_original {
		font-family: lato;
		font-size: 20px !important;
		width: 90% !important;
		padding-top: 20px !important;
		margin: 0 auto !important;
		font-weight: 300;
		text-transform: uppercase;
		letter-spacing: 2px;
		color: #fff
	}

	.port_img img {
		margin: 0;
		width: 100%;
		transition: 2s;
		margin: 20px 0 !important;
		background-color: #fff
	}

	.port_img {
		overflow: hidden;
		width: 100%;
		background-color: #fff !important
	}

	.portfolioContainer {
		border: 0 solid #eee !important;
		border-radius: 3px
	}

	ul.find-experts-tech-list li {
		float: left;
		position: relative;
		width: 100%;
		margin-bottom: 30px;
		color: #3c3c3c;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		font-size: 22px !important;
		text-align: left;
		height: 35px;
		line-height: 20px;
		padding-left: 10px
	}

	.hire_team_title img {
		width: 100% !important
	}

	.hire_benefits_main {
		background-color: #f6f6f6;
		margin-bottom: 30px;
		padding: 20px 0 0;
		text-align: center;
		display: none !important
	}

	.right-experts-tech img.right-experts-tech-icon {
		max-height: 53px !important;
		width: auto;
		margin-bottom: 10px !important;
		margin-top: 20px !important
	}

	.hourly_main h1 {
		font-size: 30px !important;
		font-weight: 600 !important;
		padding-bottom: 20px !important;
		color: #fff
	}

	.benefitsimg {
		text-align: center;
		max-width: 93%;
		margin-bottom: -15px;
		display: none !important;
		background-size: cover
	}

	.hire_benefits_main p {
		color: #444;
		font-size: 17px !important;
		line-height: 26px !important;
		width: 100% !important;
		margin: 0 auto !important
	}

	.hire_benefits_heading {
		width: 100%;
		display: inline-block;
		color: #393d3e;
		font-family: lato;
		font-size: 28px;
		font-weight: 400;
		line-height: 32px;
		margin-bottom: 24px !important
	}

	.hourly_box1,
	.hourly_box2,
	.hourly_box3 {
		background-color: #a71666;
		padding: 30px 20px !important;
		min-height: 450px;
		min-height: auto;
		background-image: url(../images/uifstechnologies/hours_back1.png);
		margin-bottom: 50px !important
	}

	.hourly_main {
		padding: 0 50px 50px !important;
		min-height: 450px;
		background-position: center 130px;
		background-repeat: no-repeat;
		background-image: url(../images/uifstechnologies/hire_hours_back.jpg);
		background-size: cover !important
	}

	.hire_team_btn {
		font-size: 30px !important;
		font-weight: 300 !important;
		color: #edeaea;
		border: 1px solid #311b74 !important;
		border-radius: 50px !important;
		background-color: transparent !important;
		padding: 12px 40px !important;
		margin-top: 20px !important;
		background: linear-gradient(to right, #e5422b 50%, transparent 50%);
		background-size: 200% 100%;
		background-position: right bottom;
		transition: all .3s ease-out
	}

	.right-experts {
		padding: 0 0 40px !important
	}

	.skyblue-bg {
		padding: 50px 0 50px;
		position: relative;
		z-index: 99;
		display: none !important
	}

	.ux_design_content {
		background-image: url(../images/uifstechnologies/ux_desigining_content_new_mobile.jpg) !important;
		background-repeat: no-repeat;
		min-height: 1030px !important;
		background-size: initial !important
	}

	.ux_design_para {
		display: none !important
	}

	.banner_ux_design {
		padding-left: 2% !important;
		position: relative;
		padding-top: 84% !important
	}

	.ux_box1,
	.ux_box2,
	.ux_box3 {
		background-position: -20px !important;
		float: left;
		height: 523px;
		width: 100% !important
	}

	.ux_design_take {
		font-family: lato;
		font-size: 28px !important;
		font-weight: lighter;
		color: #000841;
		padding-bottom: 20px !important;
		text-transform: uppercase !important;
		line-height: 38px !important;
		padding-left: 26px !important;
		text-align: right !important;
		padding-top: 20px !important;
		padding-right: 30px !important
	}

	.ux_design_content_text {
		font-weight: 600 !important;
		color: #020731 !important;
		position: relative !important;
		top: 500px !important;
		left: 30px !important;
		font-size: 63px !important;
		text-align: left !important
	}

	.ux_design_stats h1 {
		font-family: lato;
		font-weight: 400;
		font-size: 18px !important;
		margin: 0
	}

	.ux_design_3boxes {
		background-repeat: no-repeat;
		padding: 20px 0 !important;
		background-size: cover !important
	}

	.ux_design_content_text_title {
		font-size: 40px !important;
		color: #020730
	}

	.banner_ux_design_main {
		background-image: url(../images/uifstechnologies/banner_ux_design_mobile.gif) !important;
		background-repeat: no-repeat !important;
		background-size: cover !important;
		min-height: 100vh !important;
		background-color: #151759 !important
	}

	.for_all_mobile_display {
		display: none !important
	}

	.banner_chat_bot .mobile_app_banner_btn {
		margin-top: 10px !important
	}

	.chat_bot_section2_title {
		font-family: lato;
		font-weight: 800;
		font-size: 30px !important;
		color: #101010;
		text-align: left !important;
		padding-right: 20px !important;
		padding-left: 20px !important;
		letter-spacing: 1px
	}

	.chat_bot_section2_para {
		text-align: left !important;
		padding-right: 5% !important;
		fon t-family: clear sans;
		font-weight: 500;
		color: #07121e;
		font-size: 21px !important;
		padding-top: 10px !important;
		margin-bottom: 30px !important;
		line-height: 34px !important;
		padding-left: 20px !important
	}

	.chat_bot_integrations {
		padding: 15px 0 !important;
		background-color: #f4f4fd
	}

	.banner_chat_bot h3 {
		font-family: raleway;
		font-size: 70px !important;
		color: #fff;
		font-weight: 600;
		letter-spacing: 5px
	}

	.banner_chat_bot {
		padding: 70px 0 0 25px !important
	}

	.banner_chat_bot h4 {
		font-family: raleway;
		font-size: 18px !important;
		color: #fff;
		font-weight: 300;
		width: 95% !important;
		line-height: 28px !important
	}

	.banner_chat_bot_main {
		background-image: url(../images/uifstechnologies/chat_bot_banner.jpg);
		background-repeat: no-repeat;
		min-height: 940px !important;
		background-position: -660px bottom !important;
		background-color: #000841 !important;
		z-index: 3;
		width: 100%;
		background-size: auto !important
	}

	.chat_bot_section2_content {
		padding-top: 0 !important
	}

	.chat_bot_section3 {
		background-color: #000841;
		background-repeat: no-repeat;
		padding-top: 0 !important;
		margin-top: 0 !important
	}

	.chat_bot_section3_content {
		padding-top: 20px !important;
		padding-left: 10% !important;
		padding-right: 20px !important
	}

	.server_support_sec2_para {
		font-family: clear sans;
		font-weight: 500;
		color: #07121e;
		font-size: 16px !important;
		padding-top: 0 !important;
		line-height: 24px !important;
		width: 90% !important;
		text-align: justify !important
	}

	.server_support_sec2_content {
		padding-top: 0 !important;
		padding-left: 12% !important
	}

	.server_support_sec2_title {
		padding-top: 0 !important;
		font-size: 32px !important
	}

	.banner_server_support .mobile_app_banner_btn {
		font-size: 20px !important;
		margin-top: 10px !important;
		background: linear-gradient(to right, #fff 50%, #fff 50%);
		color: #000
	}

	.banner_server_support h4 {
		font-family: lato;
		font-weight: 400;
		font-size: 16px !important;
		line-height: 24px !important;
		padding-top: 0;
		color: #fff
	}

	.banner_server_support_main {
		background-image: url(../images/uifstechnologies/server_support_banner.jpg);
		background-repeat: no-repeat;
		background-color: #151a51 !important;
		min-height: 100vh !important;
		background-position: -800px 348px !important;
		z-index: 3;
		width: 100% !important;
		background-size: cover
	}

	.banner_server_support h3 {
		font-size: 40px !important
	}

	.banner_server_support {
		padding: 15% 5% 0 5% !important
	}

	.testimonials_section3_points_title {
		padding-top: 50px;
		padding-left: 60px !important;
		padding-right: 5%
	}

	.customer_support_title_mobile h1 {
		font-size: 24px !important;
		margin-bottom: 0 !important
	}

	.testimonials_section3_points_title {
		padding-top: 0 !important;
		padding-left: 50px !important
	}

	.customer_support_sec3_title {
		font-size: 26px !important;
		padding-bottom: 0 !important;
		padding-top: 20px !important
	}

	.testimonials_section3_points_title h2 {
		font-size: 26px !important
	}

	.testimonials_section3_points_title h3 {
		font-size: 15px !important;
		font-weight: 600 !important;
		padding-bottom: 0 !important;
		margin-top: 0;
		padding-right: 40px !important;
		line-height: 22px !important
	}

	.testimonials_section3_points_title p {
		font-family: clear sans;
		font-size: 15px !important;
		font-weight: 500;
		color: #7d7d7d;
		padding-left: 50px !important;
		padding-right: 20px !important
	}

	.customer_support_sec2 {
		padding: 0 !important;
		margin-bottom: 10px !important
	}

	.banner_customer_support_main {
		min-height: 600px !important;
		background-position: -40px -30px !important;
		z-index: 3;
		width: 100%;
		background-size: cover
	}

	.customer_support_title_mobile>p.four_boxes_para {
		padding-bottom: 0 !important;
		margin-bottom: 20px !important
	}

	button.mobile_app_btn {
		font-size: 22px !important;
		border-radius: 50px !important
	}

	.four_boxes_sec2_content {
		padding-top: 40px;
		padding-left: 40px !important;
		padding-right: 30px
	}

	.customer_support_sec2 img {
		width: 113%;
		float: right
	}

	.support_banner_btn {
		margin-top: 40px;
		font-size: 18px !important;
		font-weight: 300;
		color: #edeaea;
		border: 1px solid #311b74;
		border-radius: 50px !important
	}

	.support {
		padding: 70px 0 0 20px !important
	}

	.support h2 {
		font-family: cursive;
		font-size: 26px !important
	}

	.banner_machine_main img {
		padding-top: 40% !important
	}

	.banner_machine p::after {
		content: "";
		display: block;
		border: 3px solid #e4422b !important;
		width: 259px !important;
		height: 360px !important;
		background-color: transparent;
		margin-top: -320px !important;
		margin-left: 70px !important
	}

	.banner_machine {
		padding: 15% 0 0 10% !important
	}

	.banner_machine h3 {
		font-family: quantify;
		font-size: 70px !important;
		color: #fff;
		font-weight: 600;
		letter-spacing: 1px;
		position: relative;
		z-index: 999999
	}

	.banner_machine p {
		font-family: clear sans;
		font-size: 17px !important;
		width: 80% !important;
		color: #fff;
		font-weight: 300;
		letter-spacing: 2px !important;
		padding-top: 22px !important;
		line-height: 30px !important;
		padding-right: 0 !important;
		position: absolute;
		z-index: 999
	}

	.machine_learning_section2 {
		background-image: url(../images/uifstechnologies/machine_learning_section2_back.jpg);
		background-repeat: no-repeat;
		padding: 30px 30px !important
	}

	.machine_learning_section2 h1 {
		font-family: clear sans;
		font-weight: 600;
		font-size: 30px !important
	}

	.machine_learning_section2 h1 {
		font-family: clear sans;
		font-weight: 600;
		font-size: 30px !important;
		color: #33383d;
		letter-spacing: 1px;
		padding-bottom: 0 !important
	}

	.machine_learning_section2_box1 p {
		font-family: clear sans;
		font-weight: 400;
		font-size: 17px !important;
		color: #9c9c9c;
		padding-bottom: 12px
	}

	.machine_learning_section2_box2 p {
		font-family: clear sans;
		font-weight: 400;
		font-size: 17px !important;
		color: #9c9c9c;
		padding-bottom: 12px
	}

	.machine_learning_section2_box2 {
		margin-top: 50px !important
	}

	.machine_section3 p {
		font-family: clear sans;
		color: #07121e;
		font-size: 16px;
		line-height: 30px;
		padding: 0 0 10px !important
	}

	.machine_section4 p {
		font-family: clear sans;
		color: #07121e;
		font-size: 16px;
		line-height: 30px;
		padding: 0 0 10px !important
	}

	.machine_section4 h1 {
		font-family: clear sans;
		color: #07121e;
		font-size: 36px !important
	}

	.machine_section3 h1 {
		font-family: clear sans;
		color: #07121e;
		font-size: 36px !important
	}

	.machine_section6 h1 {
		font-family: clear sans;
		color: #fff;
		font-size: 30px !important;
		padding-top: 5% !important
	}

	.machine_section3 {
		padding: 3% 7% 12% !important
	}

	.machine_section6_1 h1 {
		text-align: center;
		font-family: clear sans;
		font-weight: 700;
		color: #fff;
		font-size: 22px !important
	}

	.machine_section3 h4 {
		line-height: 24px !important;
		font-family: lato;
		font-size: 18px !important;
		padding-right: 5% !important
	}

	.banner_iot_main {
		background-image: url(../images/uifstechnologies/iot_banner_mobile.jpg) !important;
		background-repeat: no-repeat;
		min-height: 600px;
		background-color: #151759;
		background-size: cover
	}

	.banner_iot h4 {
		width: 80% !important;
		color: #fff;
		font-family: lato;
		font-size: 18px !important;
		text-shadow: 0 0 50px #000 !important;
		font-weight: 100;
		letter-spacing: 4px;
		line-height: 30px !important;
		padding-top: 15px !important
	}

	.iot_banner_btn {
		margin-top: 20px !important;
		font-size: 20px !important;
		border-radius: 50px !important
	}

	.banner_iot {
		padding: 12% 0 3% 9% !important;
		text-align: left;
		margin: 0 auto 0 auto !important
	}

	.iot_sec2 {
		text-align: center;
		width: 100% !important;
		margin: 5% auto 0 !important
	}

	.v_line {
		background-color: rgba(26, 26, 26, .5);
		min-height: 60px !important;
		width: 2px;
		margin: 0 auto
	}

	.iot_sec4 h1 {
		color: #191919;
		font-family: lato;
		font-size: 48px !important;
		font-weight: 900;
		padding: 0 !important
	}

	.iot_sec4 p {
		color: #191919;
		font-family: lato;
		font-size: 20px !important;
		font-weight: 400;
		padding-left: 0 !important
	}

	.iot_sec5 h1 {
		color: #191919;
		font-family: lato;
		font-size: 28px !important;
		text-decoration: underline;
		font-weight: 900;
		padding-bottom: 15px !important
	}

	.iot_sec5_imgbox {
		width: 100% !important
	}

	.iot_sec5_box1,
	.iot_sec5_box2,
	.iot_sec5_box3,
	.iot_sec5_box4,
	.iot_sec5_box5,
	.iot_sec5_box6 {
		margin-right: 0 !important;
		width: 100% !important;
		margin-bottom: 5% !important
	}

	.h_line {
		display: none
	}

	.iot_sec2 h2 {
		font-family: lato;
		font-size: 50px !important;
		font-weight: 900;
		color: #de9f8c;
		line-height: 53px !important
	}

	.iot_sec2 h2 {
		font-family: lato;
		font-size: 50px;
		font-weight: 900;
		color: #de9f8c;
		line-height: 53px
	}

	.some_words {
		padding: 0 40px !important
	}

	.some_words p {
		width: 100% !important;
		font-size: 21px !important;
		line-height: 35px !important;
		padding-top: 10px !important;
		text-align: justify !important
	}

	.seo_sec2 {
		padding-right: 40px !important;
		padding-top: 10px !important;
		text-align: right
	}

	.seo_sec2_title {
		font-family: lato;
		font-size: 44px;
		color: #07121e;
		text-align: right;
		padding-bottom: 10px !important
	}

	.seo_sec2 p {
		font-family: lato;
		font-size: 24px !important;
		padding-left: 10px !important
	}

	.seo_sec2_btn {
		float: right;
		font-size: 26px !important;
		font-weight: 300;
		color: #07121e;
		border: 1px solid #87898d;
		border-radius: 50px !important
	}

	.seo_sec3_main {
		margin-top: 50px !important
	}

	.seo_sec3 {
		padding-left: 40px !important;
		padding-top: 0 !important;
		text-align: left
	}

	.seo_sec3_title {
		font-family: lato;
		font-size: 44px;
		color: #07121e;
		text-align: left;
		padding-bottom: 10px !important
	}

	.seo_sec3 p {
		font-family: lato;
		font-size: 24px !important;
		padding-right: 10px !important
	}

	.seo_why_main {
		background-image: url(../images/uifstechnologies/why_ucodice_back.jpg);
		background-repeat: repeat;
		background-size: cover;
		background-position: -825px -175px !important;
		padding: 0 10% !important
	}

	.seo_why_title {
		font-size: 36px !important;
		color: #5a4466 !important
	}

	.seo_why p {
		font-family: lato;
		font-size: 22px !important;
		padding-bottom: 30px !important;
		color: #8f8e8f;
		font-weight: 400;
		line-height: 24px !important
	}

	.seo_why {
		padding: 65px 50px 30px !important;
		margin: 155px 0 60px 0 !important
	}

	.seo_why_small {
		padding: 0 0 !important
	}

	.seo_why h1 {
		padding-bottom: 0 !important
	}

	.seo_title img {
		width: 95% !important
	}

	.banner_seo {
		padding-top: 90px !important;
		padding-left: 10px !important
	}

	.banner_seo_main {
		background-image: url(../images/uifstechnologies/seo_banner_back.jpg) !important;
		background-repeat: no-repeat !important;
		min-height: 100vh !important;
		background-size: cover !important;
		background-color: #0e0b5a !important;
		background-position: -450px 110px !important
	}

	.some_words_title {
		padding-top: 20px !important
	}

	.some_words {
		padding: 0 50px !important;
		padding-bottom: 10px !important;
		text-align: left !important
	}

	.banner_seo p {
		font-family: lato;
		font-weight: 300;
		font-size: 34px !important;
		line-height: 40px !important;
		color: #fff;
		padding-left: 10px !important;
		padding-bottom: 0 !important;
		padding-top: 20px !important
	}

	.ai_we_offer_quote {
		display: none !important
	}

	.ai_we_offer_techimg {
		border-bottom: 1px solid rgba(255, 255, 255, .2) !important;
		width: 70% !important;
		text-align: center !important;
		margin-bottom: 30px !important;
		padding: 50px 0 !important;
		margin: 0 auto !important;
		border-right: 0 solid #fff !important
	}

	.ai_we_offer_main h1 {
		color: #fff;
		text-align: center;
		padding: 0 0 !important
	}

	.ai_we_offer_main h1 {
		color: #fff !important;
		text-align: center !important;
		padding: 0 0 !important;
		font-size: 33px !important;
		line-height: 44px !important;
		margin: 0 !important
	}

	.ai_we_offer_main {
		padding-top: 50px;
		background-color: #020940;
		margin-top: 50px !important
	}

	.ai_we_offer_main_ai {
		width: 90%;
		padding-top: 20px !important;
		text-align: center;
		margin: 0 auto
	}

	.ai_we_offer_main_ai h1 {
		padding-bottom: 0 !important;
		font-size: 45px;
		font-family: fantasy;
		letter-spacing: 2px;
		margin-bottom: 0 !important
	}

	.four_boxes_ai .box {
		width: 320px;
		height: 300px
	}

	.four_boxes_ai .box1 {
		width: 320px;
		height: 300px
	}

	.four_boxes_content_ai {
		padding-top: 0 !important;
		padding-left: 40px !important;
		padding-right: 20px !important;
		padding-bottom: 60px !important
	}

	.banner_artificial_intelligence {
		padding-left: 10px !important;
		position: relative;
		top: 80px !important
	}

	.intelligence_title {
		font-family: Beyonce;
		font-size: 52px !important;
		color: #fff !important
	}

	.ai_btn {
		font-size: 24px !important;
		margin-top: 20px !important;
		font-weight: 300;
		color: #000 !important;
		border: 1px solid #311b74;
		border-radius: 50px !important;
		background-color: #fff !important;
		padding: 12px 40px;
		display: block;
		background-size: 200% 100%;
		background-position: right bottom;
		transition: all .3s ease-out
	}

	.banner_artificial_intelligence_main {
		background-image: url(../images/uifstechnologies/banner_artificial_intelligence1.gif);
		background-repeat: no-repeat;
		background-position: -740px 0 !important;
		min-height: 710px;
		background-color: #151759;
		padding-top: 10px !important;
		background-size: cover;
		width: 100% !important
	}

	.four_boxes_main_ai {
		background-image: url(../images/uifstechnologies/mobile_app_float_back.png);
		background-repeat: no-repeat;
		background-size: cover;
		padding-bottom: 50px;
		background-color: #eef3f7;
		padding-top: 30px !important
	}

	.four_boxes_para_ai {
		font-family: alef;
		font-weight: 500;
		color: #3a3a3a;
		font-size: 22px !important;
		line-height: 34px !important;
		padding-right: 0 !important;
		padding-top: 20px !important;
		margin-bottom: 30px !important
	}

	.leaf-orange {
		position: absolute;
		width: 60px !important;
		top: 34%;
		right: 56%
	}

	.web_dev_content {
		text-align: center;
		width: 100%;
		padding: 7% 8% 0 14% !important
	}

	.web_dev_content_title {
		font-family: clear sans;
		color: #fff;
		margin-bottom: 0 !important;
		font-weight: 400;
		position: relative;
		max-width: 700px;
		width: 100%;
		line-height: 130% !important;
		font-size: 25px !important;
		text-align: left
	}

	.web_dev_content_title::before {
		content: "";
		position: absolute;
		top: 17px !important;
		left: -47px !important;
		width: 40px !important;
		height: 3px !important;
		background: #fff
	}

	.web_dev_content_main {
		background-color: #140f21;
		width: 100%;
		padding-bottom: 10px !important
	}

	.leaf-orange {
		position: absolute;
		top: 13% !important;
		right: 13% !important
	}

	.banner_web_dev {
		left: 7% !important;
		position: absolute;
		top: 10% !important;
		width: 100% !important
	}

	.web_dev_title {
		font-family: "Playfair Display", serif;
		font-size: 50px !important;
		line-height: 50px !important
	}

	.ux_design_para {
		font-size: 17px !important;
		color: #fff;
		font-weight: 500;
		padding-top: 250px !important;
		padding-right: 15px !important;
		padding-left: 0 !important;
		width: 100% !important
	}

	.web_dev_side_img {
		position: absolute;
		right: -110px !important;
		top: 42% !important
	}

	.web_dev_served_heading {
		text-align: center;
		width: 100%;
		padding: 6% 0 1% 20% !important;
		background-color: #eef3f7
	}

	.web_dev_served_title::before {
		content: "";
		position: absolute;
		top: 14px !important;
		left: -63px !important;
		width: 55px !important;
		height: 4px !important;
		background: #2b2c4a
	}

	.web_dev_served_title {
		font-family: clear sans;
		color: #2b2c4a;
		margin-bottom: 20px !important;
		font-weight: 700;
		position: relative;
		max-width: 700px;
		width: 100%;
		line-height: 90% !important;
		font-size: 31px !important;
		text-align: left
	}

	.box_up {
		width: 85% !important;
		margin: 0 auto 30px !important;
		text-align: center !important
	}

	.box_up1 {
		width: 85% !important;
		margin: 0 auto 30px !important;
		text-align: center !important
	}

	.box_up_left {
		width: 85% !important;
		margin: 0 auto 30px !important;
		text-align: center !important
	}

	.box_up h5,
	.box_up1 h5,
	.box_up_left {
		color: #3f3b3c;
		font-size: 23px !important
	}

	.cd-nav-trigger {
		display: inline-block !important
	}

	.services_box1 {
		margin-top: 50px !important
	}

	.services_box3 {
		margin-top: 50px !important
	}

	.services_box7 {
		margin-top: 50px !important
	}

	.services_box11 {
		margin-top: 50px !important
	}

	.sec2_services {
		padding:0px !important;
		margin-bottom: 5rem;
	}
	.banner_services.banner_services_company {
    width: 100% !important;
}

	.banner_mobile_app {
		padding: 90px 0 0 20px !important
	}

	.banner_mobile_app h2 {
		font-family: cursive;
		font-size: 44px !important;
		color: #fff;
		letter-spacing: 3px;
		line-height: 20px;
		letter-spacing: 4px !important
	}

	.banner_mobile_app h3 {
		font-family: MuseoW01-900 !important;
		font-size: 54px !important;
		color: #fff;
		font-weight: 900 !important;
		letter-spacing: 2px !important
	}

	.banner_mobile_app h4 {
		color: #f0f8ff;
		font-size: 23px !important;
		line-height: 30px !important;
		font-family: lato;
		font-weight: 100;
		padding-top: 40px !important
	}

	.banner_mobile_app_main {
		background-image: url(../images/uifstechnologies/mobile_app_banner.png);
		background-repeat: no-repeat;
		min-height: 100vh !important;
		z-index: 3;
		background-size: cover;
		background-color: #eef3f7
	}

	.box {
		margin-left: auto !important;
		margin-right: auto !important
	}

	.four_boxes {
		padding-left: 0 !important
	}

	.box1 {
		margin-left: auto;
		margin-right: auto
	}

	.four_boxes_content {
		padding-top: 30px !important;
		padding-left: 40px !important
	}

	.four_boxes_title {
		font-size: 37px !important
	}

	.four_boxes_para {
		font-family: clear sans;
		font-weight: 500;
		color: #2b2c4a !important;
		font-size: 18px !important;
		line-height: 30px;
		padding-right: 40px !important;
		text-align: justify !important;
		padding-top: 10px !important;
		margin-bottom: 30px !important
	}

	.mobile_app_btn {
		font-size: 25px !important;
		font-weight: 300;
		color: #07121e;
		border: 1px solid #87898d;
		border-radius: 50px !important;
		background-color: transparent;
		padding: 8px 30px !important;
		background: linear-gradient(to right, #ea2a0f 50%, transparent 50%);
		background-size: 200% 100%;
		background-position: right bottom;
		transition: all .3s ease-out
	}

	.mobile_app_sec1 {
		background-image: url(../images/uifstechnologies/mobile_app_sec1_back.jpg);
		background-repeat: no-repeat;
		background-position: 10px -160px !important;
		padding-top: 30px !important
	}

	.mobile_app_sec1_content {
		padding-top: 0 !important;
		padding-left: 50px !important
	}

	.banner_mobile_app h3::after {
		content: "";
		display: block;
		position: absolute;
		border-top: 3px solid #03bfff;
		width: 460px;
		margin-top: 20px !important
	}

	.banner_services {
		padding: 15% 0 7% 0 !important;
		width: 80% !important;
		margin: 0 auto !important
	}

	.banner_services h4 {
		color: #909090;
		font-family: clear sans;
		font-size: 19px !important;
		font-weight: 400;
		line-height: 34px
	}

	.mobile_app_sec1 img {
		display: none !important
	}

	.mobile_app_sec2_img {
		padding-left: 150px;
		float: right !important
	}

	.mobile_app_sec2 {
		background-image: url(../images/uifstechnologies/mobile_app_sec2_back.jpg);
		background-repeat: no-repeat;
		padding-top: 30px !important;
		padding-bottom: 40px !important
	}

	.four_boxes_para_sec1 {
		font-family: clear sans;
		font-weight: 500;
		color: #777;
		font-size: 18px !important;
		line-height: 30px;
		padding-right: 49px !important;
		text-align: justify !important;
		padding-top: 10px !important;
		margin-bottom: 30px !important
	}

	.mobile_app_sec4 img {
		display: none !important
	}

	.mobile_app_sec4 {
		padding-top: 0 !important
	}

	.mobile_app_sec4 .four_boxes_sec2_content {
		padding-top: 0 !important
	}

	.mobile_app_banner_btn {
		margin-top: 30px !important;
		font-size: 30px !important;
		font-weight: 300;
		color: #edeaea;
		border: 1px solid #311b74;
		border-radius: 50px !important;
		background-color: transparent;
		padding: 12px 40px;
		background: linear-gradient(to right, #e5422b 50%, transparent 50%);
		background-size: 200% 100%;
		background-position: right bottom;
		transition: all .3s ease-out
	}

	.box h5 {
		font-size: 26px !important;
		color: #313131 !important
	}

	.box1 h5 {
		font-size: 26px !important;
		color: #313131 !important
	}

	.home_footer_ucodice_text {
		float: none !important
	}

	.our_work_para {
		font-family: lato;
		font-size: 30px !important;
		font-weight: 300;
		text-transform: uppercase;
		letter-spacing: 2px;
		color: #fff
	}

	.banner_our_work {
		position: relative;
		min-height: 650px;
		background-color: #000;
		padding: 120px 0 80px !important;
		background-image: linear-gradient(to top, #030729 20%, #01083b 80%)
	}

	.portfolioContainer {
		position: relative !important;
		border: 1px solid #eee;
		border-radius: 3px
	}

	.pull-right {
		float: none !important
	}

	.isotope .isotope-item {
		position: relative;
		width: 100% !important
	}

	.footer_mobile {
		display: none
	}

	.js .cd-nav__content {
		padding: 2em 0 2em 30px !important
	}

	.js .cd-nav__contact {
		display: none !important
	}

	.block-content li {
		list-style: none;
		padding-bottom: 10px !important;
		font-family: lato;
		font-size: 14px;
		font-weight: 300
	}

	.fordesktop {
		display: none !important
	}

	.forMobile {
		display: inline-block !important
	}

	.tech_php {
		background-image: url(../images/techno/php_hover.png) !important;
		transform: rotate(8deg) !important;
		transition: .5s !important;
		animation-name: rotateleftside !important;
		animation-duration: 1.2s !important;
		animation-iteration-count: infinite !important;
		animation-timing-function: ease-in-out !important
	}

	@keyframes rotateleftside {
		from {
			transform: rotate(8deg)
		}

		65% {
			transform: rotate(0)
		}

		to {
			transform: rotate(8deg)
		}
	}

	.tech_html {
		background-image: url(../images/techno/html_hover.png) !important;
		transform: rotate(15deg) !important;
		padding-left: 30px !important;
		animation-name: floating !important;
		animation-duration: 1s !important;
		animation-iteration-count: infinite !important;
		animation-timing-function: ease-in-out !important
	}

	@keyframes floatingleft {
		from {
			transform: translate(0, 0)
		}

		65% {
			transform: translate(25px, 0)
		}

		to {
			transform: translate(0, 0)
		}
	}

	.tech_bootstrap {
		background-image: url(../images/techno/bootstrap.png) !important;
		animation-name: floating !important;
		animation-duration: .5s !important;
		animation-iteration-count: infinite !important;
		animation-timing-function: ease-in-out !important
	}

	.tech_react {
		background-image: url(../images/techno/react1.png) !important;
		animation-name: floatingleft !important;
		animation-duration: 1s !important;
		animation-iteration-count: infinite !important;
		animation-timing-function: ease-in-out !important
	}

	.services_slides_container {
		cursor: move !important;
		touch-action: unset !important;
		user-select: unset !important
	}

	.text-component img {
		display: inline-block !important
	}

	.banner_hero_main {
		background-color: #0e0e0e !important;
		background-image: url(../images/uifstechnologies/banner_web_dev_mobile.webp);
		background-repeat: no-repeat !important
	}

	@keyframes banner_web_dev {
		0% {
			background-position: 0 0
		}

		50% {
			background-position: 100% 0
		}

		100% {
			background-position: 0 0
		}
	}

	.technology .techImages>li:nth-child(3) {
		margin-top: 0 !important
	}

	.home_video_banner_text h1 {
		font-size: 51px !important;
		padding-left: 10px !important;
		line-height: 56px !important;
		letter-spacing: 1px !important;
		font-weight: 100 !important;
		font-size: 45px !important;
		line-height: 40px;
		font-weight: 600 !important;
		background-size: 200% !important;
		background-image: none !important;
		background-image: linear-gradient(45deg, #fff070 0, #fff070 35%, #00c9d3 66%, #00c9d3 100%) !important;
		-webkit-text-fill-color: transparent !important;
		-webkit-background-clip: text !important;
		animation: glow 9s linear infinite !important
	}

	.home_video_banner_text {
		background-color: transparent !important;
		width: 94% !important;
		left: 0 !important;
		top: 25% !important;
		height: auto !important
	}

	#hero_myVideo {
		object-fit: unset;
		opacity: 0 !important
	}

	.technology {
		background-position: bottom !important
	}

	.testimonial_section {
		display: none
	}

	.vertical_full {
		display: none
	}

	.let_work {
		padding-top: 40px !important
	}

	.technology .techImages>li {
		float: left !important;
		display: inline-block;
		list-style: none;
		margin: 0 10px;
		text-align: center;
		width: 124px
	}

	.techImages {
		padding-left: 0 !important
	}

	.technology .techImages>li:first-child {
		margin-top: 0 !important
	}

	.technology .techImages>li:nth-child(2) {
		margin-top: 0 !important
	}
}

@media(min-width:1025px) and (max-width:1440px) {
	.flip_iona {
		transition: 1s;
		background-image: url(../images/work/new/img-6.jpg);
		background-repeat: no-repeat;
		width: 100%;
		height: 250px;
		position: absolute;
		background-size: cover;
		background-color: bisque
	}

	.flip_iona:hover {
		transition: 1s;
		background-image: url(../images/work/new/img-6_hover.jpg);
		background-repeat: no-repeat;
		width: 100%;
		height: 250px;
		position: absolute;
		background-size: cover;
		background-color: bisque
	}

	.flip-box_gayze {
		background-image: url(../images/work/new/img-3.jpg);
		position: absolute;
		width: 100%;
		height: 250px;
		background-size: cover;
		transition: 1s
	}
}

@media(min-width:1441px) and (max-width:1600px) {
	.ux_design_content {
		background-image: url(../images/uifstechnologies/ux_desigining_content_new.jpg);
		background-repeat: no-repeat;
		min-height: 1600px !important;
		background-size: cover
	}

	.ux_design_content_text {
		font-weight: 600;
		color: #020731;
		position: relative;
		top: 800px !important;
		left: 210px !important
	}

	.server_support_sec2_para {
		color: #777 !important;
		font-size: 18px !important;
		line-height: 30px !important
	}

	.banner_server_support_main {
		background-image: url(../images/uifstechnologies/server_support_banner.jpg);
		background-repeat: no-repeat;
		min-height: 700px !important;
		background-position: bottom !important
	}

	.banner_machine {
		padding: 15% 0 0 10%
	}

	.banner_machine {
		padding: 11% 0 0 15% !important
	}

	.machine_section3 p {
		font-size: 18px !important
	}

	.machine_section4 p {
		font-size: 18px !important
	}

	.banner_machine p {
		font-size: 20px !important
	}

	.machine_learning_section2_box1 p {
		font-size: 17px !important
	}

	.machine_learning_section2_box2 p {
		font-size: 17px !important
	}

	.machine_learning_section2_box1 h1 {
		font-size: 24px !important
	}

	.machine_learning_section2_box2 h1 {
		font-size: 24px !important
	}

	.iot_sec4 p {
		color: #191919;
		font-family: lato;
		font-size: 24px !important;
		font-weight: 400;
		padding-left: 5%
	}

	.flip_iona {
		transition: 1s;
		background-image: url(../images/work/new/img-6_900h.jpg) !important;
		background-repeat: no-repeat;
		width: 100%;
		height: 450px !important;
		position: absolute;
		background-size: cover;
		background-color: bisque
	}

	.flip_iona:hover {
		transition: 1s;
		background-image: url(../images/work/new/img-6_hover_900h.jpg) !important;
		background-repeat: no-repeat;
		width: 100%;
		height: 450px !important;
		position: absolute;
		background-size: cover;
		background-color: bisque
	}

	.flip-box_gayze {
		background-image: url(../images/work/new/img-3_900h.jpg) !important;
		background-position: center;
		position: absolute;
		width: 100%;
		height: 450px !important;
		background-size: cover;
		transition: 1s
	}

	.flip-box_gayze:hover {
		background-image: url(../images/work/new/img-3_hover_900h.jpg) !important;
		background-position: center;
		position: absolute;
		width: 100%;
		height: 450px !important;
		background-size: cover;
		transition: 1s
	}

	.flip_lobital {
		width: 100%;
		height: 450px !important;
		background-image: url(../images/work/new/img-2_900h.jpg) !important;
		background-position: center;
		background-size: cover;
		text-align: center;
		transition: 1s
	}

	.flip_lobital:hover {
		width: 100%;
		height: 450px !important;
		background-image: url(../images/work/new/img-2_hover_900h.jpg) !important;
		background-position: center;
		background-size: cover
	}

	.banner_web_dev {
		left: 12% !important;
		position: absolute;
		top: 25%
	}

	.web_dev_side_img {
		position: absolute;
		right: 8% !important;
		top: 10%;
		animation-name: floating;
		animation-duration: 8s;
		animation-iteration-count: infinite;
		animation-timing-function: ease-in-out
	}

	.banner_artificial_intelligence {
		padding-left: 180px !important;
		position: relative;
		top: 250px
	}

	.seo_why {
		background-color: #fff;
		height: 510px !important;
		border-radius: 5px;
		border: 1px solid #fff;
		padding: 75px 50px !important;
		margin: 275px 0 105px 0 !important;
		box-shadow: 0 0 46px -27px
	}
}

@media(min-width:1601px) and (max-width:1920px) {
	.right-experts .page-section .box {
		float: none !important;
		width: auto !important;
		height: auto !important
	}

	.banner_ux_design_main {
		background-image: url(../images/uifstechnologies/banner_ux_design.gif);
		background-repeat: no-repeat;
		background-size: cover;
		min-height: 800px !important;
		background-color: #151759
	}

	.ux_design_content {
		background-image: url(../images/uifstechnologies/ux_desigining_content_new.jpg);
		background-repeat: no-repeat;
		min-height: 1600px !important;
		background-size: cover
	}

	.ux_design_content_text {
		font-weight: 600;
		color: #020731;
		position: relative;
		top: 800px !important;
		left: 210px !important
	}

	.ux_design_3boxes {
		background-repeat: no-repeat;
		padding: 120px 0 !important
	}

	.banner_server_support h4 {
		font-size: 23px !important
	}

	.server_support_sec2_para {
		font-size: 28px !important;
		line-height: 46px !important;
		color: #777 !important
	}

	.server_support_sec2_title {
		padding-top: 20px;
		font-family: lato;
		font-size: 48px;
		color: #07121e;
		font-weight: 700
	}

	.server_support_sec2_title {
		padding-top: 20px;
		font-family: lato;
		font-size: 48px !important;
		color: #07121e;
		font-weight: 700
	}

	.machine_section6 h1 {
		font-family: clear sans;
		color: #fff;
		font-size: 55px !important;
		padding-top: 5%;
		padding-bottom: 2% !important
	}

	.machine_section6_1 h1 {
		text-align: center;
		font-family: clear sans;
		font-weight: 700;
		color: #fff;
		font-size: 25px !important
	}

	.machine_section6 p {
		font-family: clear sans;
		color: #fff;
		font-size: 27px !important;
		line-height: 42px !important;
		padding: 0 0 20px !important
	}

	.chat_bot_red_btn {
		font-size: 24px !important;
		font-weight: 300;
		color: #fff;
		border: 1px solid #fff;
		border-radius: 50px !important;
		padding: 15px 40px !important
	}

	.machine_section3 img {
		width: 80% !important
	}

	.machine_section4 img {
		width: 80% !important
	}

	.banner_machine {
		padding: 8% 0 0 15% !important
	}

	.machine_learning_section2_box1 h1 {
		font-size: 31px !important
	}

	.machine_learning_section2_box2 h1 {
		font-size: 31px !important
	}

	.machine_learning_section2_box1 p {
		font-size: 22px !important
	}

	.machine_learning_section2_box2 p {
		font-size: 22px !important
	}

	.machine_section3 h1 {
		font-size: 55px !important
	}

	.machine_section3 h4 {
		font-size: 24px !important
	}

	.machine_section3 p {
		font-size: 22px !important
	}

	.machine_section4 h1 {
		font-size: 55px !important
	}

	.machine_section4 p {
		font-size: 22px !important
	}

	.iot_sec4 p {
		color: #191919;
		font-family: lato;
		font-size: 27px !important;
		font-weight: 400;
		padding-left: 5%
	}

	.iot_sec5 {
		margin: 4% auto !important
	}

	.seo_why {
		background-color: #fff;
		border-radius: 5px;
		border: 1px solid #fff;
		padding: 140px 50px !important;
		margin: 290px 0 105px 0 !important;
		box-shadow: 0 0 46px -27px !important
	}

	.seo_why_title {
		font-size: 28px !important;
		color: #5a4466
	}

	.seo_why p {
		font-family: lato;
		font-size: 26px !important;
		color: #8f8e8f;
		font-weight: 400;
		line-height: 32px !important;
		padding-top: 10px !important
	}

	.seo_sec3 p {
		font-family: lato;
		font-size: 28px !important;
		color: #07121e;
		text-align: left;
		padding-bottom: 20px
	}

	.seo_sec2 p {
		font-size: 28px !important
	}

	.seo_sec3_title {
		font-family: lato;
		font-size: 54px !important;
		color: #07121e;
		text-align: left;
		padding-bottom: 30px
	}

	.seo_sec2_title {
		font-family: lato;
		font-size: 54px !important;
		color: #07121e;
		text-align: right;
		padding-bottom: 30px
	}

	.some_words_title {
		font-size: 54px !important;
		padding-top: 50px !important
	}

	.some_words p {
		width: 60%;
		margin: 0 auto;
		font-size: 24px !important;
		padding: 10px
	}

	.banner_artificial_intelligence {
		padding-left: 260px !important;
		position: relative;
		top: 250px
	}

	.ai_btn {
		font-size: 30px !important;
		font-weight: 300;
		color: #edeaea;
		border: 1px solid #311b74;
		border-radius: 50px !important;
		background-color: transparent;
		margin-top: 30px !important;
		padding: 12px 40px;
		display: block;
		background: linear-gradient(to right, #e5422b 50%, transparent 50%);
		background-size: 200% 100%;
		background-position: right bottom;
		transition: all .3s ease-out
	}

	.four_boxes_para_ai {
		font-family: alef;
		font-weight: 500;
		color: #3a3a3a;
		font-size: 27px !important;
		line-height: 40px !important;
		padding-right: 60px;
		padding-top: 20px;
		margin-bottom: 30px
	}

	.four_boxes_title_ai {
		font-size: 64px !important;
		color: #333;
		font-family: fantasy;
		letter-spacing: 1px
	}

	.mobile_app_btn {
		font-size: 26px !important;
		font-weight: 300;
		color: #07121e;
		border: 1px solid #87898d;
		border-radius: 50px !important;
		background-color: transparent;
		padding: 12px 40px;
		background: linear-gradient(to right, #ea2a0f 50%, transparent 50%);
		background-size: 200% 100%;
		background-position: right bottom;
		transition: all .3s ease-out
	}

	.four_boxes_content_ai {
		padding-top: 50px;
		padding-left: 230px !important
	}

	.ai_we_offer_main_ai h1 {
		padding-bottom: 20px;
		font-size: 65px !important;
		font-family: fantasy;
		letter-spacing: 2px
	}

	.ai_we_offer_quote h2 {
		font-size: 46px !important
	}

	.ai_we_offer_quote h3 {
		font-size: 26px !important;
		color: #848484;
		font-weight: 100
	}

	.banner_mobile_app_main {
		background-image: url(../images/uifstechnologies/mobile_app_banner.png);
		background-repeat: no-repeat;
		background-position: bottom !important;
		min-height: 810px;
		z-index: 3;
		background-size: cover;
		background-color: #eef3f7
	}

	.box h5 {
		font-size: 24px !important
	}

	.box1 h5 {
		font-size: 24px !important
	}

	.box {
		float: right !important;
		width: 320px !important;
		height: 260px !important
	}

	.box1 {
		float: right !important;
		width: 320px !important;
		height: 260px !important
	}

	.four_boxes_title {
		font-size: 50px !important;
		color: #2b2c4a
	}

	.four_boxes_para {
		font-family: clear sans;
		font-weight: 500;
		color: #777;
		font-size: 23px !important;
		line-height: 40px !important
	}

	.mobile_app_sec2_img img {
		float: right !important
	}

	.mobile_app_sec2_img {
		padding-right: 60px !important
	}

	.mobile_app_sec1_content {
		padding-top: 120px;
		padding-left: 15% !important
	}

	.four_boxes_sec2_content {
		padding-top: 40px;
		padding-left: 60px;
		padding-right: 7% !important
	}

	.banner_web_dev {
		left: 18% !important;
		position: absolute;
		top: 25%
	}

	.web_dev_side_img {
		position: absolute;
		right: 15% !important;
		top: 10%;
		animation-name: floating;
		animation-duration: 8s;
		animation-iteration-count: infinite;
		animation-timing-function: ease-in-out
	}

	.box_up1 {
		width: 90% !important;
		height: 170px !important
	}

	.box_up h5 {
		font-size: 22px !important;
		padding-top: 10px !important
	}

	.box_up1 h5 {
		font-size: 22px !important;
		padding-top: 10px !important
	}

	.box_up_left h5 {
		font-size: 22px !important;
		padding-top: 10px !important
	}

	.box_up {
		width: 90% !important;
		height: 170px !important;
		font-size: 22px !important;
		padding-top: 10px !important
	}

	.box_up_left {
		width: 90% !important;
		height: 170px !important;
		font-size: 22px !important;
		padding-top: 10px !important
	}

	.flip_iona {
		transition: 1s;
		background-image: url(../images/work/new/img-6_900h.jpg) !important;
		background-repeat: no-repeat;
		width: 100%;
		height: 450px !important;
		position: absolute;
		background-size: cover;
		background-color: bisque
	}

	.flip_iona:hover {
		transition: 1s;
		background-image: url(../images/work/new/img-6_hover_900h.jpg) !important;
		background-repeat: no-repeat;
		width: 100%;
		height: 450px !important;
		position: absolute;
		background-size: cover;
		background-color: bisque
	}

	.flip-box_gayze {
		background-image: url(../images/work/new/img-3_900h.jpg) !important;
		position: absolute;
		width: 100%;
		height: 450px !important;
		background-size: cover;
		transition: 1s
	}

	.flip-box_gayze:hover {
		background-image: url(../images/work/new/img-3_hover_900h.jpg) !important;
		position: absolute;
		width: 100%;
		height: 450px !important;
		background-size: cover;
		transition: 1s
	}

	.flip_lobital {
		width: 100%;
		height: 450px !important;
		background-image: url(../images/work/new/img-2_900h.jpg) !important;
		background-size: cover;
		text-align: center;
		transition: 1s
	}

	.flip_lobital:hover {
		width: 100%;
		height: 450px !important;
		background-image: url(../images/work/new/img-2_hover_900h.jpg) !important;
		background-size: cover
	}

	.technology {
		min-height: 720px !important
	}
}

@media(min-width:1920px) and (max-width:2440px) {
	.four_boxes {
		padding-left: 150px !important
	}

	.box {
		float: right !important;
		width: 360px !important;
		height: 300px !important;
		margin-left: 60px
	}

	.box1 {
		float: right !important;
		width: 360px !important;
		height: 300px !important;
		margin-left: 60px
	}

	.box h5 {
		font-size: 30px !important
	}

	.box1 h5 {
		font-size: 30px !important
	}

	.four_boxes_title {
		font-size: 60px !important;
		color: #2b2c4a
	}

	.four_boxes_para {
		font-family: clear sans;
		font-weight: 500;
		color: #777;
		font-size: 28px !important;
		line-height: 46px !important
	}

	.four_boxes_para_sec1 {
		font-family: clear sans;
		font-weight: 500;
		color: #777;
		font-size: 30px !important;
		line-height: 46px !important;
		padding-right: 90px;
		padding-top: 20px;
		margin-bottom: 30px
	}
}

@media(min-width:0px) and (max-width:767px) {
	header {
		display: none !important
	}

	.cd-nav-trigger {
		display: inline-block !important
	}

	.services_box1 {
		margin-top: 50px !important
	}

	.services_box3 {
		margin-top: 50px !important
	}

	.services_box7 {
		margin-top: 50px !important
	}

	.services_box11 {
		margin-top: 50px !important
	}

	#hero_myVideo {
		object-fit: unset;
		opacity: 0 !important
	}

	.forMobile {
		display: inline-block !important
	}
}

@media(min-width:0px) and (max-width:301px) {
	.home_video_banner_text {
		width: 100%
	}

	.home_video_banner_text ul {
		margin-top: -31% !important;
		padding-left: 0 !important
	}

	span.stretch {
		display: none !important
	}

	.home_video_banner_text ul li {
		font-size: 9px !important
	}
}

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

	.ai1,
	.ai2,
	.ai3,
	.ai4,
	.ai5,
	.ai6,
	.ai7,
	.ai8 {
		margin-top: 0 !important
	}

	.ai_we_offer_main {
		padding: 50px 5px 5px !important
	}

	.ai_we_offer {
		font-size: 30px !important;
		line-height: 30px !important
	}

	.seo_sec2_title,
	.seo_sec3_title {
		text-align: center !important
	}

	.seo_sec2 p,
	.seo_sec3_title p {
		text-align: center !important
	}

	.seo_sec2 {
		text-align: center !important
	}

	.seo_sec2_btn.text-right {
		text-align: center;
		float: unset;
		margin: auto
	}

	.ai_btn {
		width: 250px !important
	}
	.artificial_title {
    font-size: 52px;
}
.blogs-home-page:before {
top:0;
}
}

@media only screen and (max-width:1024px) and (min-width:992px) and (orientation:landscape) {

	.location_box1,
	.location_box2 {
		background-size: 100% 98% !important
	}

	.location_box1 img,
	.location_box2 img {
		padding-top: 0 !important
	}
}