:where(body, iframe, pre, img, svg, video, canvas, select) {
			max-width: 100%;
			overflow: auto;
			word-break: break-word
		}
	
	
		.hero {
			padding: 30px 0 25px;
			margin-top: 58px;
			height: auto;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: -52px 25px;
		}

		.hero .container {
			display: flex;
			align-items: center;
			height: 100%;
			min-height: 230px;
		}

		.hero .hero-txt,
		.hero .hero-txt:hover {
			color: inherit;
			text-decoration: none;
		}

		.hero .title {
			margin-top: 7px;
			font-size: 30px;
			line-height: 1.1;
			font-weight: 600;
			color: #000;
		}

		.hero .yearsof {
			font-size: 24px;
			letter-spacing: 2px;
		}

		.hero .years {
			font-size: 192px;
			font-weight: 700;
			color: #000;
			line-height: 0.8;
		}

		.hero .subtitle {
			padding: 0 20px;
			font-size: 18px;
			line-height: 1.3;
			font-weight: 400;
			color: #989898;
			border-top: 4px solid #FFBD33;
			padding-top: 15px;
			margin-top: 15px;
			display: inline-block;
		}

		@media (min-width: 768px) {
			.hero {
				padding: 0;
				background-color: #ffbd33;
				background-position: top right;
				background-size: inherit;
			}

			.hero,
			.hero .container {
				min-height: 390px;
			}

			.hero .title {
				font-size: 50px;
				margin-left: 15px;
				margin-top: -24px;
				line-height: 1;
				color: #fff;
				font-weight: 700;
			}

			.hero .years {
				font-size: 180px;
				color: #fff;
			}

			.hero .yearsof {
				font-size: 30px;
				letter-spacing: 0;
				color: #fff;
			}

			.hero .subtitle {
				font-size: 20px;
				padding-right: 0;
				padding-left: 0;
				font-weight: 600;
				color: #fff;
				border-top: 4px solid #fff;
			}
		}

		@media (min-width: 992px) {
			.hero .years {
				font-size: 200px;
			}

			.hero .title {
				font-size: 60px;
			}

			.hero .subtitle {
				font-size: 28px;
			}
		}



		.about-sec {
			padding-top: 3rem;
			background-color: #F3F7FA;
			background-image: linear-gradient(#F3F7FA, #FFFFFF);
		}

		.about-sec .row.position-relative {
			z-index: 2;
		}

		.circle-overlay {
			top: -50px;
			right: -75px;
			z-index: -1;
		}

		.dot-overlay {
			right: -11%;
			bottom: -1%;
			z-index: -1;
		}

		.about-sec h2 {
			font-size: 22px;
			font-weight: 600;
		}

		.about-sec .custom-margin,
		.about-sec .custom-margin+.col-lg-6.position-relative {
			margin-top: 50px;
		}

		.about-sec .btn.btn-yellow {
			font-size: 16px;
			font-weight: 600;
			color: #000;
			border-radius: 6px;
		}

		.about-sec .btn.btn-yellow:hover {
			color: #fff;
		}

		.about-sec .col-lg-6.main-col {
			overflow-x: auto;
			padding: 0;
		}

		.about-sec .col-lg-6.main-col .row {
			display: inline-flex;
			flex-wrap: inherit;
			margin: 0;
		}

		.about-sec .col-lg-6.main-col .row .col-lg-6 {
			padding: 0;
			flex-basis: inherit;
			-webkit-box-flex: inherit;
			flex-grow: inherit;
			max-width: inherit;
			display: flex;
		}

		@media(min-width:768px) {
			.section-right {
				right: 0;
				top: auto;
				bottom: 25%;
			}

			.about-sec .col-lg-6.main-col {
				padding: 0 15px;
			}

			.about-sec .custom-margin+.col-lg-6.position-relative {
				margin-top: 0;
			}

			.about-sec .col-lg-6.main-col .row .col-lg-6 {
				display: block;
				padding: 0 15px;
				width: 50%;
				flex-basis: 50%;
				-webkit-box-flex: inherit;
				flex-grow: inherit;
				max-width: 50%;
			}
		}

		@media(min-width:992px) {
			.about-sec {
				padding-top: 6rem;
			}

			.about-sec .custom-margin {
				margin-top: 120px;
			}

			.circle-overlay {
				top: -4%;
				right: -33%;
			}

			.dot-overlay {
				bottom: 8%;
				right: -26%;
			}
		}

		.service-box {
			margin: 0 10px;
			padding: 22px 18px;
			min-width: 250px;
			border-radius: 10px;
			background-color: #fff;
			box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
			transition: all 0.6s ease-in-out;
			-webkit-transition: all 0.6s ease-in-out;
			-moz-transition: all 0.6s ease-in-out;
			-ms-transition: all 0.6s ease-in-out;
			-o-transition: all 0.6s ease-in-out;
		}

		.service-box h2 {
			font-size: 16px;
			margin-bottom: 10px;
		}

		.service-box p {
			min-height: 168px;
			color: #000;
		}

		.service-box .service-icon {
			width: 78px;
			height: 78px;
		}

		.service-box .service-icon img {
			position: absolute;
			top: 50%;
			left: 0;
			right: 0;
			margin: 0 auto;
			transform: translateY(-50%);
			-ms-transform: translateY(-50%);
		}

		.view-more {
			font-size: 15px;
			color: #000;
			font-weight: 600;
		}

		.view-more svg {
			transition: all 0.2s ease-in-out;
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			-ms-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
		}

		.service-box:hover {
			text-decoration: none;
			background-color: #262626;
		}

		.service-box:hover h2,
		.service-box:hover p,
		.service-box:hover .view-more {
			color: #fff;
		}

		.service-box:hover .view-more svg {
			fill: #fff;
		}

		@media(min-width:1200px) {
			.circle-overlay {
				top: -5%;
			}

			.dot-overlay {
				bottom: 3%;
			}
		}

		@media(min-width:768px) {
			.service-box p {
				min-height: inherit;
			}

			.service-box {
				margin: 0;
				min-width: inherit;
			}

			.about-sec .col-lg-6.main-col {
				overflow-x: inherit;
			}

			.about-sec .col-lg-6.main-col .row {
				display: flex;
				flex-wrap: wrap;
				margin: 0 -15px;
			}

			.about-sec h2 {
				font-size: 26px;
			}
		}





		.whywli .overflow-x .row .col-12 {
			padding: 0 25px 0 10px;
			width: 280px;
			flex-basis: inherit;
			-webkit-box-flex: inherit;
			flex-grow: inherit;
			max-width: inherit;
		}

		.whywli-overlay-bg-left {
			top: -3%;
			left: -33%;
		}

		.whywli-overlay-bg-right {
			top: -3%;
			right: -39%;
		}

		.whywebline-slider .slick-prev,
		.whywebline-slider .slick-next {
			display: none !important;
		}

		.whywebline-slider .slick-dots li,
		.slick-dots li button {
			width: 10px;
			height: 10px;
		}

		.whywebline-slider .slick-dots li button:before {
			display: none;
		}

		.whywebline-slider .slick-dots li button {
			border-radius: 100%;
			background: #fff;
			opacity: .5;
		}

		.whywebline-slider .slick-dots li.slick-active button {
			opacity: 1;
		}



		@media(min-width:1200px) {
			.whywli-overlay-bg-left {
				top: -3%;
				left: -12%;
			}

			.whywli-overlay-bg-right {
				top: -3%;
				right: -5%;
			}
		}

		.whywli-overlay-bg-left svg,
		.whywli-overlay-bg-right svg {
			width: 100%;
			height: 100%;
		}

		.whywli {
			color: #fff;
		}

		.whywli h2 {
			color: #fff;
		}

		.whywli h3 {
			margin-bottom: 15px;
			font-size: 18px;
			font-weight: 600;
			color: #ffbd33;
		}

		.whywli .btn.btn-yellow {
			font-size: 16px;
			line-height: 20px;
			font-weight: 600;
			color: #000;
			border-radius: 6px;
		}

		.whywli .btn.btn-yellow:hover {
			color: #fff;
		}



		.overflow-x {
			overflow-x: auto;
			margin: 0 -10px;
		}

		.overflow-x .row {
			display: -webkit-inline-box;
			display: inline-flex;
			flex-wrap: inherit;
			margin: 0;
		}

		.industry-container {
			margin: 0 -10px;
		}

		.industry .col-6 {
			margin-top: 20px;
			padding: 0 10px;
			width: 160px;
			flex-basis: inherit;
			-webkit-box-flex: inherit;
			flex-grow: inherit;
			max-width: inherit;
		}

		.industry-box {
			position: relative;
			height: 100%;
		}

		.industry-box .blank-link {
			position: relative;
			display: flex;
			height: 100%;
			height: 140px;
			align-items: center;
			flex-direction: column;
			padding: 15px 15px 0 15px;
			border: 1px solid #CFD6D9;
			border-radius: 10px;
			transition: all 0.2s ease-in-out;
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			-ms-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
		}

		.industry-box .blank-link:hover {
			background-color: #262626;
		}

		.industry-box .icon-box {
			width: 64px;
			min-width: 64px;
			height: 64px;
			min-height: 64px;
			border-radius: 10px;
		}

		.industry-box .icon-box img {
			position: absolute;
			top: 50%;
			left: 0;
			right: 0;
			margin: 0 auto;
			transform: translateY(-50%);
			-ms-transform: translateY(-50%);
		}

		.industry-box h4 {
			font-size: 13px;
			margin-bottom: 10px;
			margin-top: 15px;
			transition: all 0.6s ease-in-out;
		}

		.industry-box p {
			margin: 0;
			color: #000;
			transition: all 0.6s ease-in-out;
		}

		.industry-box .blank-link:hover p,
		.industry-box .blank-link:hover h4 {
			color: #fff;
		}

		.industry-slider .slick-prev,
		.industry-slider .slick-next {
			display: none !important;
		}

		.industry-slider .slick-dots {
			bottom: -35px;
		}

		.industry-slider .slick-dots li,
		.slick-dots li button {
			width: 10px;
			height: 10px;
		}

		.industry-slider .slick-dots li button:before {
			display: none;
		}

		.industry-slider .slick-dots li button {
			border-radius: 100%;
			background: #000;
			opacity: .5;
		}

		.industry-slider .slick-dots li.slick-active button {
			opacity: 1;
		}

		@media(min-width:768px) {
			.industry-slider {
				display: flex;
				flex-wrap: wrap;
			}

			.about-sec {
				background: #fff;
			}

			.overflow-x {
				overflow-x: inherit;
				margin: 0;
			}

			.overflow-x .row {
				display: flex;
				flex-wrap: wrap;
				margin: 0 -10px;
			}

			.industry .col-6 {
				padding: 0 10px;
				width: 33.33%;
				flex-basis: 33.33%;
				-webkit-box-flex: inherit;
				flex-grow: inherit;
				max-width: 33.33%;
			}

			.industry-box .blank-link {
				height: 524px;
			}

			.industry-box h4 {
				font-size: 16px;
			}
		}

		@media(min-width:992px) {
			.industry .col-6 {
				width: 33.33%;
				flex-basis: 33.33%;
				-webkit-box-flex: inherit;
				flex-grow: inherit;
				max-width: 33.33%;
			}

			.industry-box .blank-link {
				padding: 20px;
			}

			.industry-box .blank-link {
				height: 640px;
			}
		}

		@media(min-width:1025px) {
			.industry-box .blank-link {
				height: 524px;
			}
		}

		.ancher-link {
			font-weight: 600;
			position: relative;
		}

		.ancher-link:hover {
			text-decoration: none;
			color: #fdb930;
		}

		.ancher-link:after {
			content: '';
			width: 0;
			height: 2px;
			background-color: #fdb930;
			position: absolute;
			left: 0;
			bottom: -4px;
			transition: all 0.5s ease-in-out;
		}

		.ancher-link:hover:after {
			width: 100%;
		}




		.client-speaks,
		.client-speaks h2 {
			color: #fff;
		}

		.client-speaks h2 {
			color: #fff;
		}

		@media(max-width:767px) {
			.moretext {
				display: none;
			}
		}

		.client-speaks+hr {
			border-top: 0;
		}

		.home-slider-section {
			height: auto;
			min-height: 490px;
		}

		.home-slider-section .carousel-control-next,
		.home-slider-section .carousel-control-prev {
			height: 30px;
			transform: translateY(-50px);
			width: 30px;
			top: 50%;
			background: #000;
			border-radius: 0;
			padding: 8px;
		}

		.title-home {
			font-weight: 700;
			line-height: 1.2;
			font-size: 27px;
			padding-top: 30px;
			color: #000;
		}

		.home-slider-section p {
			color: #000;
		}

		.py-110 {
			padding: 60px 0 30px 0;
		}

		.carousel-indicators li {
			background-color: rgb(255 255 255 / 50%);
		}

		.carousel-indicators .active {
			background-color: #ffbd33;
		}

		@media (min-width: 992px) {

			.home-slider-section .carousel-control-next,
			.home-slider-section .carousel-control-prev {
				height: 44px;
				width: 44px;
				border-radius: 100%;
				display: flex !important;
				align-items: center;
				justify-content: center;
			}

			.title-home {
				font-size: 50px;
				padding-top: 0px;
			}

			.home-slider-section {
				height: calc(100vh - 70px);
			}

			.home-slider-section p {
				font-size: 20px;
			}

			.py-110 {
				padding: 68px 0 110px 0;
			}

			.carousel-indicators {
				bottom: 16px;
			}

			.home-banner-content {
				max-width: 560px;
			}

			.carousel-control-next {
				right: 1%;
			}

			.carousel-control-prev {
				left: 1%;
				padding-left: 4px;
			}

			.blog-section {
				padding: 180px 0;
			}

			.project-info {
				padding: 50px;
			}
		}

		.home-slider-section .carousel-item .container .row {
			height: 100%;
		}

		.home-slider-section .carousel-item .container .row img {
			height: auto;
		}

		.home-slider-section .carousel-item {
			padding-bottom: 20px;
		}

		.bg-black {
			background: #000;
			color: #fff;
		}

		.bg-black .title-home,
		.bg-black p {
			color: #fff;
		}

		@media (min-width: 992px) {
			.home-slider-section .carousel-item .container .row {
				height: calc(100vh - 250px);

			}

			.home-slider-section .carousel-item .container .row img {
				height: auto;
				width: auto;
			}
		}

		@media only screen and (min-width: 768px) and (max-width: 1023px) {
			.home-slider-section {
				height: auto;
				padding: 100px 0;
			}

			.home-slider-section .carousel-item .container .row img {
				height: auto;
				width: auto;
			}

			.home-slider-section .carousel-item .container .row {
				height: auto;
			}
		}

		@media(max-width:767px) {
			.home-slider-section .carousel-item .container .row img {
				width: 80%;
			}

			.carousel-indicators {
				bottom: -6px;
			}
		}

		@media only screen and (min-width: 520px) and (max-width: 767px) {
			.title-home {
				padding-right: 50px;
			}
		}

		@media only screen and (min-height: 655px) and (max-height: 691px) {
			.title-home {
				font-size: 23px;
				margin-bottom: 10px !important;
			}

			.title-home br {
				display: none;
			}

			.home-slider-section .carousel-item .container .row img {
				width: 70%;
			}
		}

		@media(max-width:500px) {
			.home-slider-section p {
				max-width: 360px;
			}

			.title-home br {
				display: block;
			}
		}

		@media(max-width:374px) {
			.home-slider-section p {
				max-width: 300px;
			}
		}






		.about-text .legacy-strip {
			font-size: clamp(0.6875rem, 0.6117rem + 0.3236vw, 1rem);
			padding: 6px 30px;
			background-color: rgba(259, 189, 51, 0.6);
			border-radius: 20px;
			font-weight: 600;
		}

		.service-card {
			background-image: url({$theme_path}/static/picture/arrow.svg);
			background-position: 30px 92%;
			background-repeat: no-repeat;
			background-size: 25px;
			border-radius: 10px;
			height: 100%;
			padding: 30px 30px 50px;
		}

		.service-card a {
			height: 100%;
			width: 100%;
		}

		.service-card::after {
			content: '';
			position: absolute;
			left: 0;
			bottom: 0;
			width: 100%;
			height: 8px;
			background: #ffbd33;
			border-bottom-left-radius: 10px;
			border-bottom-right-radius: 10px;
			-webkit-transform: scaleX(0);
			transform: scaleX(0);
			-webkit-transform-origin: right;
			transform-origin: right;
			transition: -webkit-transform 0.45s cubic-bezier(0.645, 0.045, 0.355, 1);
			transition: transform 0.45s cubic-bezier(0.645, 0.045, 0.355, 1);
			transition: transform 0.45s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.45s cubic-bezier(0.645, 0.045, 0.355, 1);
		}

		.service-card:hover::after {
			-webkit-transform: scaleX(1);
			transform: scaleX(1);
			-webkit-transform-origin: left;
			transform-origin: left;
		}

		.hire-developers p.bottom-para {
			font-size: 18px;
			font-weight: 600;
			margin-top: 25px;
		}