h6.text-masking.y-letter span {
	background-image: url(https://web.archive.org/web/20230505114134im_/https://www.systango.com/img/systango-trusted-by-the-best-porsche-grindr-deloitte.jpg)
}

h6.text-masking.s2-letter span {
	background-image: url(https://web.archive.org/web/20230505114134im_/https://www.systango.com/img/grindr-custom-social-network-application-development-for-lgbt-community.jpg)
}

h6.text-masking.t-letter span {
	background-image: url(https://web.archive.org/web/20230505114134im_/https://www.systango.com/img/fret-zealot-custom-industrial-internet-of-things-application-development-for-guitar-learning.jpg)
}

h6.text-masking.a-letter span {
	background-image: url(https://web.archive.org/web/20230505114134im_/https://www.systango.com/img/systango-services-web-development-mobile-development-enterprise-solutions-iot-big-data-machine-learning.jpg)
}

h6.text-masking.n-letter span {
	background-image: url(https://web.archive.org/web/20230505114134im_/https://www.systango.com/img/systango-industries-social-networks-igaming-fintech-music-and-entertainment-marketplace.jpg)
}

h6.text-masking.g-letter span {
	background-image: url(https://web.archive.org/web/20230505114134im_/https://www.systango.com/img/systango-and-studio-fintech-blockchain-and-fintech-app-development-venture.jpg)
}

h6.text-masking.o-letter span {
	background-image: url(https://web.archive.org/web/20230505114134im_/https://www.systango.com/img/contact-us-today-to-get-started.jpg)
}

@media not all and (min-resolution:.001dpcm) {
	@media {
		.home h6.text-masking {
			display: none !important
		}

		.home .clipping-section {
			display: block !important
		}
	}
}

@media not all and (min-resolution:.001dpcm) {
	@media screen and (max-width:1366px) {
		.home:not(.group-blog) footer .footer-navigation {
			bottom: -30px !important
		}
	}

	@media screen and (max-width:1280px) {
		.home h6.text-masking span {
			font-size: 560px !important;
			background-position: -103px;
			background-size: 83%
		}

		.home .text-translate .width-100 {
			width: 100%
		}

		.home h6.text-masking.y-letter span,
		.home h6.text-masking.s2-letter span {
			background-position: -134px;
			background-size: 76%
		}

		.home h6.text-masking.t-letter span {
			background-position: -37px;
			background-size: 47%
		}

		.home h6.text-masking.a-letter span {
			background-position: -37px;
			background-size: 51%
		}

		.home h6.text-masking.n-letter span {
			background-size: 58%;
			background-position: -85px
		}

		.home h6.text-masking.g-letter span {
			background-size: 66%;
			background-position: -115px
		}

		.home h6.text-masking.o-letter span {
			background-size: 66%;
			background-position: -57px 130px
		}

		.banner h1 {
			font-size: 60px;
			line-height: 66px
		}

		.input-text {
			padding-top: 5px
		}

		.slidenav ul.submenu {
			left: 44%
		}

		.home:not(.group-blog) footer .footer-navigation {
			bottom: -15px !important
		}

		.home:not(.group-blog) #contact textarea {
			height: 151px !important
		}

		.home #contact .g-recaptcha {
			margin-top: 14px
		}
	}

	@media screen and (max-width:1280px) and (min-width:1025px) {

		.home #pagepiling .section:nth-child(8) .custom-fullwidth-column:first-child,
		.home #pagepiling .section:nth-child(8) .custom-fullwidth-column:first-child h6.text-masking {
			position: relative;
			z-index: -1
		}
	}

	@media screen and (max-width:1024px) {
		.home h6.text-masking {
			position: absolute;
			z-index: -1;
			top: -206px;
			left: 0;
			opacity: .6
		}

		.home #pagepiling .section:nth-child(2) h6.text-masking {
			top: -140px
		}

		.home #pagepiling .section:nth-child(3) h6.text-masking,
		.home #pagepiling .section:nth-child(4) h6.text-masking {
			top: -160px
		}

		.client-logo img {
			height: 35px
		}

		.home #pagepiling .section:nth-child(5) h6.text-masking {
			top: -122px;
			left: 10px
		}

		.home #pagepiling .section:nth-child(6) h6.text-masking {
			top: -182px
		}

		.home #pagepiling .section:nth-child(7) h6.text-masking {
			top: -82px;
			left: 20px
		}

		.home #pagepiling .section:nth-child(8) h6.text-masking {
			top: -2px;
			left: 10px
		}

		.input-label-text {
			font-size: 13px;
			top: 1em !important
		}

		.input-text {
			padding-top: 0
		}

		.input-form {
			margin: 3px 0
		}

		.home:not(.group-blog) #contact textarea {
			height: 181px !important
		}

		.input-cover {
			margin-bottom: 13px
		}

		.home:not(.group-blog) footer .footer-navigation {
			bottom: -125px
		}
	}

	@media screen and (max-width:768px) {
		.home .section.pp-section.active {
			z-index: 9 !important
		}
	}

	@media screen and (max-width:480px) {
		.home h6.text-masking span {
			font-size: 200px !important;
			line-height: 200px !important
		}

		.home h6.text-masking {
			top: -206px;
			left: 0;
			display: none !important;
			position: absolute;
		}

		.home #pagepiling .section:nth-child(2) h6.text-masking {
			top: -70px
		}

		.home #pagepiling .section:nth-child(3) h6.text-masking,
		.home #pagepiling .section:nth-child(4) h6.text-masking {
			top: -60px
		}

		.client-logo img {
			height: 35px
		}

		.home #pagepiling .section:nth-child(5) h6.text-masking,
		.home #pagepiling .section:nth-child(6) h6.text-masking {
			top: -22px;
			left: 10px
		}

		.home #pagepiling .section:nth-child(7) h6.text-masking {
			top: -82px;
			left: 20px
		}

		.home #pagepiling .section:nth-child(8) h6.text-masking {
			top: -2px;
			left: 10px
		}

		.inner-page .banner .clipping-section {
			display: none !important
		}

		.home h6.text-masking span {
			background-size: 30% !important;
			background-position: 345px !important
		}

		.home h6.text-masking.y-letter span {
			background-size: 28%;
			background-position: 359px
		}

		.slide-2 .custom-fullwidth-column:first-child,
		.slide-3 .custom-fullwidth-column:first-child,
		.slide-4 .custom-fullwidth-column:first-child,
		.slide-5 .custom-fullwidth-column:first-child,
		.slide-6 .custom-fullwidth-column:first-child,
		.slide-7 .custom-fullwidth-column:first-child {
			height: 150px !important;
			display: flex;
			text-align: center;
			justify-content: center;
			align-items: center;
			margin-top: 0 !important
		}

		h1 .dot,
		h2.heading-copy .dot {
			right: -15px
		}

		.contactPageWrapper h1 .dot,
		.contactPageWrapper h2.heading-copy .dot {
			right: auto
		}

		.slide-1 h1 .dot,
		.slide-3 h2.heading-copy .dot {
			right: auto
		}

		.section.slide-3 h2.heading-copy br+span {
			margin-left: 0
		}

		.home h6.text-masking.t-letter span {
			background-size: 30%;
			background-position: -25px
		}

		.home h6.text-masking.a-letter span {
			background-size: 37%
		}

		.home h6.text-masking.n-letter span {
			background-size: 45%
		}

		.home h6.text-masking.g-letter span {
			background-size: 45%;
			background-position: -85px
		}

		.home h6.text-masking.o-letter span {
			background-size: 48%;
			background-position: -57px 30px
		}

		.slide-8 h6.text-masking.o-letter span {
			background-size: 80%;
			background-position: 0
		}

		.slide-8-mob .col-md-6.custom-fullwidth-column.wow.fadeInDown.vertical-center {
			margin-top: -10px !important;
			margin-bottom: 0 !important
		}

		.home #pagepiling .section:nth-child(8) h6.text-masking {
			display: none !important
		}

		.slide-8-mob .contact-form-container p,
		.slide-8-mob .mobText {
			line-height: 24px !important
		}

		.section.slide-8-mob h2.heading-copy.contactFold {
			margin-bottom: 5px !important
		}

		input#txt {
			border-radius: 0 !important
		}

		.mobCapHeight .input-cover {
			margin-left: 21px
		}
	}
}
/*
     FILE ARCHIVED ON 11:41:34 May 05, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 13:06:40 Nov 27, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.513
  exclusion.robots: 0.018
  exclusion.robots.policy: 0.009
  esindex: 0.009
  cdx.remote: 17.723
  LoadShardBlock: 88.658 (3)
  PetaboxLoader3.datanode: 141.863 (5)
  load_resource: 200.195 (2)
  PetaboxLoader3.resolve: 131.77 (2)
*/