:root {
	--primary-bg-clr: #FFF5FF;
	--primary-txt-clr: #222A41;
	--primary-red-clr: #ED1C24;
	--bg-white: #ffffff;
	--spacer: 50px 0px;
	--spacer: 50px 0;
	--spacer-top: 50px;
	--spacer-bottom: 50px;
	--spacer-ft: 40px;
	--spacer-fb: 40px;
	--spacer-ftb: 40px 0px;
	--navy-bg: #1F235A;
	--text-light: #737373;
	--typography: 'Roboto', sans-serif;
	--heading-color: #070707;
	--primary-bg: #CE272E;
	--secondary-bg: #262829;
	--primary-btn: #CE272E;
	--bg-blue: #1F235A;
	--border-radius: 10px;
	--secondary-secondary-bg: #eee;
	--shadow: 0 0px 5px 0px rgba(0, 0, 0, .10);
}

@font-face {
	font-family: "remixicon";
	src: url('../remixicondf6d.html');
	/* IE9*/
	src: url('../remixicondf6d.html#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url("../woff2/remixicondf6d.woff2") format("woff2"),
		url("../woff/remixicondf6d.woff") format("woff"),
		url('../remixicondf6d-2.html') format('truetype'),
		/* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
		url('../remixicondf6d-3.html#remixicon') format('svg');
	/* iOS 4.1- */
	font-display: swap;
}

[class^="ri-"],
[class*=" ri-"] {
	font-family: 'remixicon' !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.ri-mail-send-line:before {
	content: "\eefc";
}

.ri-skype-fill:before {
	content: "\f14b";
}

.ri-arrow-right-s-line:before {
	content: "\ea6e";
}

.ri-phone-fill:before {
	content: "\efe9";
}

.ri-arrow-up-line:before {
	content: "\ea76";
}

.ri-notification-fill:before {
	content: "\ef99";
}

.ri-arrow-right-line:before {
	content: "\ea6c";
}

.ri-file-list-line:before {
	content: "\ecf1";
}

.ri-file-4-line:before {
	content: "\ecc7";
}

.ri-user-voice-line:before {
	content: "\f27a";
}

.ri-links-line:before {
	content: "\EEB8";
}

.ri-download-line:before {
	content: "\EC5A";
}

.ri-close-circle-line:before {
	content: "\EB97";
}

.ri-arrow-down-s-line:before {
	content: "\EA4E";
}

.spacer {
	padding: var(--spacer);
}

.spacer-top {
	padding-top: var(--spacer-top);
}

.spacer-bottom {
	padding-bottom: var(--spacer-top);
}

.spacer-ftb {
	padding: var(--spacer-ftb);
}

.spacer-ft {
	padding-top: var(--spacer-ft);
}

.spacer-fb {
	padding-bottom: var(--spacer-fb);
}

.secondary-bg {
	background-color: var(--secondary-bg);
}

.txt-primary {
	color: var(--primary-txt-clr);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--primary-txt-clr);
	font-weight: 700;
}

img {
	max-width: 100%;
}

.bg-f8 {
	background: #F8FAFF !important;
}

.section-bg {
	background-color: var(--primary-bg-clr);
}

body {
	font-family: var(--typography);
	color: var(--text-light);
}

.container {
	max-width: 1140px;
}

.btn {
	color: #fff !important;
	padding: 0;
	text-transform: capitalize;
	font-size: 1.125rem;
	font-weight: 400;
}

.btn-lg {
	min-width: 150px;
	height: 50px;
	line-height: 50px;
}

.btn-md {
	min-width: 180px;
	height: 50px;
	line-height: 50px;
	padding: 0px 16px;
}

a.btn-md {
	font-size: 16px;
	font-weight: 400;
	border-radius: 6px;
}

a.btn.primary-btn,
button.btn.primary-btn {
	background-image: linear-gradient(to right, #ce272e 0%, #ff8a12 50%, #d2303b 100%);
	padding: 0 1rem;
	transition: 0.5s;
	position: relative;
	overflow: hidden;
	background-size: 200% auto;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}

a.btn.primary-btn:hover,
button.btn.primary-btn:hover {
	background-position: right center;
}

.btn-white {
	color: var(--primary-txt-clr) !important;
	font-weight: 600 !important;
	padding: 0 1rem;
	background-color: var(--bg-white);
}

.get-quote.g-block {
	display: none;
}

/*------------HEADER Start----------------*/

.header__top ul {
	display: flex;
	margin: 0;
	padding: 0;
}

.header__top ul li {
	list-style: none;
}

.header__top ul>li::marker {
	color: transparent;
}

.header__top ul li a img.flg-img {
	width: 30px;
	height: 30px;
	object-fit: contain;
	margin-right: 5px;
}

/*header.fixed-header {
    position: fixed;
    background-color: #fff;
    width: 100%;
	top: 0;
    left: 0;
    z-index: 5;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    animation: fixed .5s linear;
}*/
header.site-header {
	position: sticky;
	top: 0px;
	background: #fff;
	z-index: 9;
}

@keyframes fixed {
	0% {

		transform: translateY(-100px);
	}

	100% {

		transform: translateY(0px);

	}
}

@-webkit-keyframes fixed {
	0% {

		transform: translateY(-100px);
	}

	100% {

		transform: translateY(0px);

	}
}

@-moz--keyframes fixed {
	0% {

		transform: translateY(-100px);
	}

	100% {

		transform: translateY(0px);

	}
}

.header__top ul>li:not(:last-child) {
	margin-right: 10px;
}

.header__top ul:nth-child(2) li {
	list-style: none;
}

.header__top a {
	color: #fff;
	text-decoration: none;
	font-size: 1rem;
	display: flex;
	align-items: center;
}

.header__top a i {
	margin-right: 5px;
}

.logo {
	max-width: 200px;
}

header .navbar li a {
	color: #141414 !important;
}

.mob-display {
	display: none;
}

header.site-header div.header__top+nav.navbar {
	/* -webkit-box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%); */
	/* box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);	 */
	border-bottom: 1px solid rgb(115 115 115 / 20%);
	background: #fff;
}

.service-height {
	height: 450px;
	overflow-X: hidden;
}

.no-pointer {
	pointer-events: none;
}

.site-header .navbar-nav>li>a {
	padding: 20px 10px;
}

.site-header .nav-item.dropdown:hover {
	position: static;
}

.dropdown:hover .dropdown-menu {
	display: block;
}

.site-header .dropdown .dropdown-menu {
	padding: 0;
	left: inherit;
	right: 0;
	border: 0;
	box-shadow: var(--shadow);
	border-radius: 7px;
}

.site-header .navbar-nav .nav-item .dropdown-menu {
	min-width: 300px;
	padding: 10px;
	margin: 0;
	border-radius: 12px;
}

.site-header .navbar-nav .nav-item .dropdown-menu.nav-list {
	padding: 10px;
	border-radius: 0px;
	width: 100%;
	min-width: 650px;
	border: 0;
	box-shadow: 0 6px 4px -8px #000000c2;
}

.site-header .navbar-nav .nav-item .dropdown-menu ul {
	background: #fff;
	width: 100%;
	list-style-type: none;
	padding-left: 0px;
}

.dropdown-menu.nav-list.service-height .row .col-md-3 ul {
	padding-left: 0px;
}

.site-header .navbar-nav .nav-item .dropdown-menu.nav-list ul+ul {
	margin-left: 3px;
}

.site-header .navbar-nav .dropdown-menu ul li {
	background-color: #fff;
	font-size: 14px;
	text-transform: capitalize;
}

.site-header .navbar-nav .dropdown-menu .dropdown-item {
	border-bottom: 1px solid transparent;
	/*padding: 8px 12px;*/
	padding: 2px 5px;
}

.site-header .navbar-nav .dropdown-menu .nav-title .dropdown-item {
	font-weight: 600;
	border: 0;
}

.site-header .navbar-nav .dropdown-menu ul li+li {
	border-top: 1px solid #f3f1f1;
}

.site-header .navbar-nav .dropdown-menu ul li.nav-title {
	background-color: #f7f7f7;
	border: 0;
	margin-top: 10px;
}

.nav-item.dropdown.position-relative .dropdown-menu.nav-list {
	left: 0;
	min-width: 270px;
}

.navbar-light .navbar-nav .nav-link:hover {
	color: var(--primary-btn) !important;
}

li.nav-title a {
	font-size: 18px;
}

li.nav-title~li a.dropdown-item:hover {
	color: var(--primary-btn) !important;
	background: #fd0d0d1a !important;
}

.dropdown-item:active {
	background-color: #fd0d0d1a !important;
}

ul.ps-0 li a.dropdown-item:hover {
	color: var(--primary-btn) !important;
	background: #fd0d0d1a !important;
}

.hire-b {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	margin-bottom: 10px;
}

.col-md-12.hire-b~div.col-md-3 ul li a:hover,
.col-md-12.solution-b~div.col-md-3 ul li a:hover {
	color: var(--primary-btn) !important;
	background: #fd0d0d1a !important;
}

.site-header .navbar-nav .dropdown-menu .hire-b ul li.nav-title {
	margin-top: 10px;
	margin-bottom: 10px;
}

.mobile-nav-menu {
	display: none !important;
}

.mobile-nav-menu.show-blk {
	display: block !important;
	width: 100%;
	margin-top: 5px;
	background: #fff;
	z-index: 2;
}

header .navbar-nav>li {
	margin-right: 10px;
}

/*=========arrow icon dropdown icon animation============*/

a.dropdown-item {
	position: relative;
	transition: 0.1s all ease-in;
}

span.red-arrow {
	display: block;
	width: 8px;
	top: 50%;
	bottom: 50%;
	margin: auto;
	right: 10px;
	height: 10px;
	position: absolute;
	transform: translateY(-50%);
}

span.red-arrow span {
	content: "\EA6E";
	position: absolute;
	display: block;
	width: 8px;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 0px;
	height: 10px;
	opacity: 1;
	font-family: remixicon !important;
	color: var(--primary-txt) !important;
	font-size: 25px;
	line-height: 20px;
}

span.red-arrow:before {
	content: "\EA6E";
	display: block;
	width: 8px;
	font-family: remixicon !important;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 10px;
	height: 10px;
	position: absolute;
	opacity: 0.5;
	color: var(--primary-txt) !important;
	font-size: 25px;
	line-height: 20px;
}

span.red-arrow:after {
	content: "\EA6E";
	font-family: remixicon !important;
	display: block;
	width: 8px;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 20px;
	height: 10px;
	position: absolute;
	opacity: 0.3;
	color: var(--primary-txt) !important;
	font-size: 25px;
	line-height: 20px;
}

a.dropdown-item:hover span.red-arrow:before {
	animation: animate-arrow-2 1s ease-in-out infinite 0.1s;
}

a.dropdown-item:hover span.red-arrow:after {
	animation: animate-arrow-3 1s ease-in-out infinite 0.2s;
}

a.dropdown-item:hover .red-arrow span {
	animation: animate-arrow-1 1s ease-in-out infinite;
}

@keyframes animate-arrow-1 {
	0% {
		transform: translateX(-40px);
		opacity: 0;
	}

	70%,
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes animate-arrow-2 {
	0% {
		transform: translateX(-20px);
		opacity: 0;
	}

	70%,
	100% {
		transform: translateX(0px);
		opacity: 0.5;
	}
}

@keyframes animate-arrow-3 {
	0% {
		transform: translateX(-10px);
		opacity: 0;
	}

	70%,
	100% {
		transform: translateX(0px);
		opacity: 0.3;
	}
}

/* -------- header end css----------- */

/* ----------New Header css start 19/7/22------- */
.m-w135 {
	min-width: 135px !important;
}

.links-tab {
	background: #1f235a;
	padding: 20px 0px;
	border-bottom-left-radius: 30px !important;
	height: 100%;
}

.links-box,
.links-box ul li,
.links-box ul li a {
	background: #fff !important;
}

.links-box ul li a.dropdown-item {
	padding: 10px 5px !important;
	color: #1f235a !important;
}

.dropdown-menu-animation {
	animation: growDown 300ms ease-in-out forwards;
	transform-origin: top center;
}

@keyframes growDown {
	0% {
		transform: scaleY(0);
	}

	80% {
		transform: scaleY(1.1);
	}

	100% {
		transform: scaleY(1);
	}
}

.dropdown-menu.megamenu {
	padding: 0px !important;
}

.dropdown-menu.nav-list.megamenu {
	background: transparent !important;
	box-shadow: none !important;
}

.web-menu-navbar>ul li.nav-item.dropdown .dropdown-toggle::after {
	position: absolute;
	content: "\EA4E";
	font-family: 'remixicon';
	border: 0px !important;
	margin-left: 0px !important;
}

.dropdown-menu.megamenu .nav-pills .nav-link.active,
.dropdown-menu.megamenu .nav-pills .show>.nav-link {
	background-color: #ffffff;
	color: #1f235a !important;
	border-radius: 0px;
	text-align: end;
}

.links-tab,
.links-box {
	height: 100%;
}

.links-box {
	padding: 20px 30px;
	border-bottom-right-radius: 30px !important;
}

.links-box ul li {
	border: 0px !important;
}

.links-tab a.nav-link {
	color: #fff !important;
	text-align: end;
}

.links-tab a.nav-link:hover {
	color: var(--primary-btn) !important;
	background: #fff !important;
	border-radius: 0px !important;
}

.links-box ul li a.dropdown-item:hover {
	background: #fff !important;
	color: #ED1C24 !important;
}

.links-box ul li a {
	position: relative;
	display: inline-block;
	width: auto !important;
}

.links-box ul li a:before {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 100%;
	height: .5px;
	background: #ED1C24;
	z-index: 1;
	transition: transform .5s;
	transform-origin: 100% 50%;
	transform: scale3d(0, 1, 1);

}

.links-box ul li a:hover:before {
	transform-origin: 0% 50%;
	transform: scale3d(1, 1, 1);
}

.megamenu-inner {
	border-bottom-left-radius: 30px !important;
	border-bottom-right-radius: 30px !important;
	box-shadow: 0px 1px 4px -2px rgb(0 0 0 / 20%);
}

.dropdown-menu.megamenu .nav-pills .nav-link svg {
	margin-left: 10px;
}

.dropdown-menu.megamenu .nav-pills .nav-link.active svg path {
	fill: #1f235a;
}

.dropdown-menu.megamenu .nav-pills .nav-link:hover svg path {
	fill: #ED1C24;
}

.links-tab button.nav-link {
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.links-not-tabs {
	border-bottom-left-radius: 30px !important;
	box-shadow: 0px 1px 4px -2px rgb(0 0 0 / 20%);
}

ul.navbar-nav.ms-auto li.nav-item:first-child .megamenu {
	width: 90% !important;
	left: 0;
	right: 0;
	margin: 0 auto;
}

ul.navbar-nav.ms-auto li.nav-item:nth-child(2) .megamenu,
ul.navbar-nav.ms-auto li.nav-item:nth-child(3) .megamenu {
	width: 80% !important;
	left: 0;
	right: 0;
	margin: 0 auto;
}

/*--- navicon css start -----*/

.links-box .tab-pane ul li a.dropdown-item {
	display: inline-flex;
	justify-content: flex-start;
	align-items: center;
}

span.navicon {
	width: 25px;
	height: 25px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-right: 5px;
}

span.navicon img {
	width: 20px;
	height: 20px;
	object-fit: contain;
}

/*--- navicon css end -----*/

/*----- Mobile tabs css start --------*/

/*--- Hamburger css start-----*/
#nav-icon3 {
	width: 24px;
	height: 23px;
	position: relative;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}

#nav-icon3 span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background: #000;
	border-radius: 20px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

#nav-icon3 span:nth-child(1) {
	top: 0px;
}

#nav-icon3 span:nth-child(2),
#nav-icon3 span:nth-child(3) {
	top: 10px;
}

#nav-icon3 span:nth-child(4) {
	top: 20px;
}

#nav-icon3.open span:nth-child(1) {
	top: 18px;
	width: 0%;
	left: 50%;
}

#nav-icon3.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
	top: 18px;
	width: 0%;
	left: 50%;
}

/*--- Hamburger css end -----*/

.nw-mbl-menu .tabcontact-btn li {
	text-align: center;
	border: 0px !important;
}

.mobile-nav-menu.nw-mbl-menu .accordion-item {
	border: 0px !important
}

.mobile-nav-menu.nw-mbl-menu .navbar-nav {
	border: 0px !important;
	text-align: left;

}

.mobile-nav-menu.nw-mbl-menu .navbar-nav>li>a {
	padding: 20px;
}

.tabcontact-btn li:first-child a {
	background: #1F235A;
	color: #fff !important;
	border-radius: 6px;
	font-size: 14px;
}

.tabcontact-btn li:first-child a.nav-link:hover {
	color: #fff !important;
}

.tabcontact-btn li:last-child a {
	background: #FAF9F6;
	color: #1F235A !important;
	border-radius: 6px;
	font-size: 14px;
	border: 1px solid #1F235A;
}

.tabcontact-btn li:last-child a.nav-link:hover {
	color: #1F235A !important;
}

.nw-mbl-menu .navbar-nav.tabcontact-btn li:not(:last-child) {
	margin-bottom: 15px;
}

.nw-mbl-menu .accordion-button:focus {
	border-color: transparent;
	outline: 0;
	box-shadow: none;
}

.nw-mbl-menu button.accordion-button {
	background: #FAF9F6;
}

.mobile-nav-menu.nw-mbl-menu.show-blk,
.mobile-nav-menu.nw-mbl-menu button.accordion-button:not(.collapsed),
.mobile-nav-menu.nw-mbl-menu .accordion-body ul {
	background: #FAF9F6;
	box-shadow: none !important;
}

.mobile-nav-menu.nw-mbl-menu .accordion-body ul li .dropdown-item {
	padding: 10px 24px;
}

.mobile-nav-menu.nw-mbl-menu .accordion-body ul li .dropdown-item:hover {
	color: var(--primary-btn) !important;
	background: #fd0d0d1a !important;
}

.nw-mbl-menu .navbar-nav.tabcontact-btn {
	padding: 15px 15px 15px !important;
}

.mobile-nav-menu.nw-mbl-menu .accordion-button::after {
	transform: rotateZ(270deg) !important;
}

.mobile-nav-menu.nw-mbl-menu .accordion-button:not(.collapsed)::after {
	transform: rotateZ(360deg) !important;
}

.navbar-light .navbar-toggler {
	border: none;
	padding: 0px;
}

.blog-page-link a.nav-link {
	display: flex;
	align-items: center;
}

.blog-page-link a.nav-link svg {
	width: 1.25rem;
	height: 1.25rem;
	margin-left: auto;
	transform: rotateZ(-90deg);
}

.site-header .navbar-nav.blog-page-link>li {
	border-bottom: 0px !important;
}

/*----- Mobile tabs css end --------*/
.ps-static {
	position: static;
}

.get-quote {
	width: 265px;
	padding: 15px;
	background: linear-gradient(97.67deg, #222A41 -9.88%, #163471 91.69%);
	border-radius: 10px;
	position: fixed;
	top: 150px;
	right: -350px;
	z-index: 5;
	transition: all .5s linear;
}

.get-quote a {
	font-size: 25px;
	font-weight: 500;
	color: #fff;
	text-decoration: none;
}

.get-quote p {
	font-size: 14px;
	color: #fff;
	margin-top: 5px;
	line-height: 20px;
	text-transform: capitalize;
}

span.close-quote {
	position: absolute;
	content: "";
	top: 5px;
	right: 5px;
	width: 24px;
	height: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

span.close-quote i {
	font-size: 24px;
	color: #fff;
}

.g-block {
	display: block;
	right: 25px;
}

.g-none {
	right: -350px;
}

/* ----------New Header css end------- */


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

section.home-hero h1+p {
	font-size: 18px !important;
}

.hero h1+p {
	font-size: 20px !important;
}

.hero-global-adv {
	margin-top: 50px;
	margin-bottom: 0px;
}

p.p-md {
	font-size: 18px;
	line-height: 30px;
}

p.psize-16 {
	font-size: 16px;
	line-height: 30px;
}

.navy-bg {
	background: var(--navy-bg) !important;
}

/*----- 404 page css ---------*/

section.page-not-found img {
	width: 550px;
	height: 100%;
	object-fit: contain;
	margin: 0 auto;
	display: block;
	margin-top: 40px;
}

section.page-not-found p a {
	text-decoration: none;
	color: var(--primary-red-clr);
}

/*----- 404 page css ---------*/

/* new footer css */

.whatsapp-logo img {
	position: fixed;
	content: "";
	bottom: 50px;
	right: 30px;
	border-radius: 50%;
	z-index: 1111;
}

.whatsapp-logo a img {
	animation: moveicon 1.8s infinite;
	overflow: hidden;
}

@keyframes moveicon {

	0%,
	100% {
		opacity: 1;
		transform: scale(1, 1);
	}

	50% {
		opacity: 1;
		transform: scale(1.3, 1.3);
	}
}

/* ------ Call icon animation start--------*/
.call__wrapper {
	width: 250px;
	height: auto;
	position: fixed;
	top: 50%;
	right: -250px;
	z-index: 1;
	transform: translateY(-50%);
	transition: .5s all;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	display: none;
}

.call__wrapper__inner {
	width: 100%;
	height: 100%;
	background: #171717;
	padding: 25px;
	position: relative;
	color: #fff;
}

.call__wrapper__inner h5 {
	color: #fff;
}

.call__inner__img {
	position: absolute;
	content: "";
	top: 38%;
	left: -50px;
	width: 50px;
	height: 50px;
	background: #171717;
	text-align: center;
	line-height: 50px;
	transform: translateY(-38%);
	animation: shake 4.72s ease infinite;
	transform-origin: 50% 50%;
}

@keyframes shake {
	0% {
		transform: translate(0, 0)
	}

	1.78571% {
		transform: translate(5px, 0)
	}

	3.57143% {
		transform: translate(0, 0)
	}

	5.35714% {
		transform: translate(5px, 0)
	}

	7.14286% {
		transform: translate(0, 0)
	}

	8.92857% {
		transform: translate(5px, 0)
	}

	10.71429% {
		transform: translate(0, 0)
	}

	100% {
		transform: translate(0, 0)
	}
}

.call__inner__img:hover {
	cursor: pointer;
}

.call__inner__img i {
	font-size: 40px;
	color: #fff;
}

.call__wrapper__inner ul {
	padding-left: 0px;
	margin-left: 0px;
}

.call__wrapper ul li {
	list-style: none;
}

.call__wrapper ul li:first-child {
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
	padding: 10px 0;
}

.call__wrapper ul li:last-child {
	padding-top: 10px;
}

.call__wrapper ul li a {
	text-decoration: none;
	color: #fff;
}

.call__wrapper ul li a img {
	width: 30px;
	height: 30px;
	object-fit: contain;
	margin-right: 10px;
}

.call-slide {
	right: 0 !important;
}


/* ------ Call icon animation end--------*/
.back-to-top {
	cursor: pointer;
	position: fixed;
	right: 10px;
	bottom: 10px;
	text-align: center;
	background-color: #000;
	color: #fff;
	font-size: 20px;
	padding: 0;
	border-radius: 10px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	line-height: 40px;
	display: none;
}


.footer-logo {
	width: 240px;
}

footer .footer-links p {
	color: #BBBDCD;
}

footer ul.social-links {
	display: flex;
	padding-left: 0px;
}

footer ul.social-links li:not(:last-child) {
	margin-right: 20px;
}

footer ul.social-links li svg:hover path {
	fill: var(--primary-btn) !important;
}

footer .footer-nav h5,
footer .footer-nav .h5 {
	margin-bottom: 40px;
	color: #fff;
}

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

footer.site-footer ul .nav-link {
	padding-left: 0px;
	color: #BBBDCD;
	padding-top: 0px;
	padding-bottom: 18px;
}

footer.site-footer ul li a {
	transition: 0.5s all;
	display: inline-block;
	color: #BBBDCD;
	padding-bottom: 18px;
}

footer.site-footer ul li a:hover {
	color: var(--primary-btn);
}

ul.contact-num li a {
	display: flex !important;
	align-items: center;
}

.contact-num a {
	color: #BBBDCD;
	text-decoration: none;
	font-weight: normal !important;
}

.contact-num p {
	color: #BBBDCD;
}

.contact-num svg path {
	stroke: #BBBDCD;
}

ul.contact-num li svg,
ul.contact-num li img {
	margin-right: 8px;
}

ul.contact-num li img {
	width: 28px;
}

footer .copyright-wrapper {
	border-top: 1px solid #BBBDCD;
}

footer .copyright-wrapper a {
	text-decoration: none;
	color: #BBBDCD;
	transition: .5s all;
}

footer .copyright-wrapper a:hover {
	color: var(--primary-btn);
}

footer .copyright-wrapper p {
	font-size: 16px;
	color: #BBBDCD;
}

/*--------- Blog slider css start ----------------*/

.latest-blog-block {
	border-radius: 20px;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
	width: 100%;
	height: 100%;
	box-shadow: 0px 0px 6px rgb(18 17 39 / 10%);
}

.latest-blog-block-img img {
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.latest-blog-block-img {
	height: 170px;
	width: 100%;
}

.latest-blog-block-content {
	padding: 20px;
	background: #fff;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.latest-blog-block-content h6,
.latest-blog-block-content .h6 {
	text-transform: uppercase;
	font-weight: 500;
	color: rgb(70 70 70 / 90%);
}

.latest-blog-block-content p {
	line-height: 26px;
	margin: 15px 0px !important;
}

.latest-blog-block-content a {
	text-decoration: none;
	color: #F83D3D;
}

.latest-blog-block-content a svg {
	margin-left: 3px;
	margin-top: -2px;
}

.latest-blog-block-content a svg path {
	fill: #F83D3D;
}

.latest-blog-block-content a:hover {
	color: #F83D3D;
}

.latest-blog-block-content a:hover svg path {
	fill: #F83D3D;
}

.latest-blog-block-content a:hover svg {
	margin-left: 8px;
	transition: .2s all linear;
}

.blog-slider .owl-stage-outer {
	padding: 10px 0px;
}

.blog-slider .owl-nav button {
	width: 50px;
	height: 50px;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15);
}

.blog-slider .owl-nav button:hover {
	background: #ED1C24;
}

.blog-slider .owl-nav button:hover svg path {
	stroke: #fff;
}

.blog-slider .owl-nav button.owl-prev {
	position: absolute;
	content: "";
	top: 50%;
	left: -80px;
	transform: translateY(-50%);
}

.blog-slider .owl-nav button.owl-next {
	position: absolute;
	content: "";
	top: 50%;
	right: -80px;
	transform: translateY(-50%);
}

/*--------- Blog slider css end ----------------*/

/*----------- Start form css start -----*/

.start-form {
	position: relative;
}

section.start-form .row.justify-content-center.g-0 {
	border-radius: 20px;
	box-shadow: 0px 0px 9px 0px rgb(0 0 0 / 10%);
}

.start-form-img {
	width: 100%;
}

.start-form::before {
	width: 100%;
	height: 200px;
	position: absolute;
	content: "";
	bottom: 0;
	background: var(--navy-bg);
	left: 0;
	z-index: -1;
}

.start-form-content {
	background: #fff;
	padding: 40px 60px;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
}

.start-form-content h2 {
	font-size: 45px;
	line-height: 60px;
	color: var(--primary-txt-clr);
	text-transform: capitalize;
}

.start-form-img img {
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	width: 100%;
	height: 100%;
	display: none;

}

.start-form .col-md-5.order_1.d-flex {
	background: url(../jpg/start-form-img-2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}

.start-form input.btn.primary-btn {
	background-image: linear-gradient(to right, #ce272e 0%, #ff8a12 50%, #d2303b 100%);
	transition: 0.5s;
	position: relative;
	overflow: hidden;
	background-size: 200% auto;
	padding: 5px 10px;
	display: none;
}

.start-form input.btn.primary-btn:hover {
	background-position: right center;
}

.start-form-content form .form-control {
	color: var(--primary-txt-clr);
	background: transparent;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-radius: 0;
	padding-left: 0px;
	border-color: var(--primary-txt-clr) !important;
	opacity: 0.5;
}

.start-form-content form textarea.form-control {
	resize: none;
	height: 0px;
}

.start-form-content form .form-control:focus {
	box-shadow: none;
}

.start-form-content form .form-control::placeholder {
	color: var(--primary-txt-clr);
	font-size: 15px;
}

.start-form-content .card {
	background: transparent;
	border: none;
}

.start-form-content .card-body {
	padding: 0px;
	background: transparent !important;
}

.start-form-content form label {
	display: none;
}

.start-form-content form button.btn.btn-primary {
	padding: 7px 26px;
	border: none;
	background-image: linear-gradient(to right, #ce272e 0%, #ff8a12 50%, #d2303b 100%) !important;
	transition: .5s;
	position: relative;
	overflow: hidden;
	background-size: 200% auto !important;
	font-size: 16px;
	font-weight: normal;
}

.start-form-content form .col-md-6.mb-3,
.start-form-content form .col-md-12.mb-3 {
	margin-bottom: 2rem !important;
}

.start-form-content form button.btn.btn-primary:hover {
	background-position: right center !important;
}

.start-form-content form .col-md-12.text-center.mt-4 {
	text-align: left !important;
}

/*----------- Start form css end -----*/

/*  ---------- kickstart section css start ----------*/
section.section-kickstart .start-development-block {
	border-radius: 0px;
	padding: 0px !important;
}

/*  ---------- kickstart section css end ----------*/

/*-------------- Home , ecommerce page css start -----------------*/

.fw-semi {
	font-weight: 600;
}

.negtive-mb-30 {
	margin-bottom: -30px;
}

.ecommerce-card__blk.shadow.border-radius {
	padding: 30px 26px;
	width: 100%;
}

.ecommerce-card .col-md-3 {
	display: flex;
}

.section__subheading {
	margin-bottom: 10px;
	color: var(--primary-txt-clr);
}

.ecommerce-soluions {
	margin-bottom: -30px;
}

.ecommerce-soluions .col-md-4 {
	margin-bottom: 30px;
}

.ecommerce-soluions__blk {
	position: relative;
	padding: 0 20px;
}

.ecommerce-soluions__blk::after {
	width: 1px;
	height: 50%;
	background: #737373;
	content: "";
	position: absolute;
	/* left: 0; */
	opacity: .40;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.ecommerce-soluions_cols>div:nth-child(3n+3) .ecommerce-soluions__blk::after {
	display: none;
}

.call-action__inner {
	background: #1F235A;
	border-radius: 10px;
	position: relative;
}

.call-action__inner img {
	position: absolute;
	top: -25px;
}

.call-action__inner h4,
.call-action__inner .h4 {
	padding-left: 200px;
	padding-right: 150px;
}

.choose-pt {
	padding-top: 80px;
}

.choose-us__blk {
	box-shadow: 0px 2px 4px 0px #0E567C2A;
	padding: 35px 35px 19px 35px;
	border-radius: var(--border-radius);
}

.choose-us__blk:not(:last-child) {
	margin-bottom: 30px !important;
}




.choose-us__img {
	width: 116px;
	height: 116px;
}

.choose-us__img img {
	width: 116px;
	height: 116px;
	object-fit: cover;
	border-radius: 10px;
}

.choose-us__content {
	width: calc(100% - 116px);
	padding-left: 48px;
}


.ecommerce-features.spacer {
	background: #F7F8FA;
}

.ecommerce-features__blk {
	border-radius: 10px;
	background: #fff;
	border: 1px solid #E2E4E8;
	padding: 20px;
	margin-bottom: 30px;
}

.platform__box {
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 30px;
}

.platform__box .owl-item img {
	display: block;
	width: 60px;
	/* display: flex; */
	/* justify-content: center; */
	/* align-items: center !important; */
}

.platform__box--one {
	background-color: #F1A03F;
}

.platform__box--two {
	background: #E8642E;
}

.platform__box--three {
	background: #007095;

}

.platform__box--four {
	background: #ABD4E4;

}

.platform__box--five {
	background: #1DD05D;

}

.platform__box--six {
	background: #CC3A43;

}

.platform__box--seven {
	background: #4D588E;

}

.platform__box--eight {
	background: #2ABCE8;
}

.portfolio__inner {
	padding: 80px;
	box-shadow: 0px 12px 34px 0px #413E651A;
}

.portfolio img {
	width: auto !important;
	margin: 0 auto;
}

.portfolio button {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(270deg, #ED8A3E -7.89%, #F7413D 80%) !important;
}

.portfolio .owl-nav button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.portfolio .owl-nav button.disabled {
	opacity: 0.2;
}

.portfolio .owl-nav button.owl-prev {
	left: 0;
}

.portfolio .owl-nav button.owl-prev svg {
	transform: rotateY(-180deg);
}

.portfolio .owl-nav button.owl-next {
	right: 0;
}

/*  ------- new ecommerce page css start ---------- */

.section-ecommerce {
	background: url(../jpg/ecommerce-bnr-2.jpg) rgb(34 42 65 / 80%) !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

.marketing-bg {
	background: #ffd5de;
}

.manufacturing-bg {
	background: #ffe76866;
}

.retail-bg {
	background: #ffc38b66;
}

.ecommerce-create .app__blk .contents {
	padding-bottom: 0px;
}


/*  ------- new ecommerce page css end ---------- */

/* ANDROID page css */


.listing__inner {
	border: 1px solid #EAE9F2;
	background: #fff;
	border-radius: 10px;
	padding: 14px;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
	align-items: center;
	justify-content: center;
}

.listing__inner h5,
.listing__inner .h5 {
	padding-left: 15px;
	margin-bottom: 0;
}

.listing-spacer {
	margin-left: 60px;
}

.listing-counter {
	counter-reset: section;
}

.listing-counter>li {
	position: relative;
	padding-left: 50px;
	margin-bottom: 40px;
}

.listing-counter>li::before {
	counter-increment: section;
	content: counter(section);
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: linear-gradient(180deg, #ED1C24 0%, #ED8A3E 100%);
	position: absolute;
	left: 0;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 22px;
	line-height: 38px;
}

/* see more review section */

#section-more-review img {
	max-width: 160px;
	transition: all .2s linear;
	margin-bottom: 10px;
}

#section-more-review img:hover {
	transform: scale(1.1);
}

.gallery {
	display: flex;
	align-items: flex-start;
	justify-content: center;
}

.gallery>div {
	width: calc(100% / 2 - 20px);
	margin: 8px;
}

.gallery__rt {
	padding-top: 20px;
}

.gallery img {
	border-radius: 8px;
	margin-bottom: 15px;
	width: 100%;
}



/*-- CUSTOM STYLE START 13/05/22 --*/




.hero-heading {
	color: var(--primary-txt-clr);
	font-size: 3.438rem;
}

.special-char {
	color: var(--primary-red-clr);
}

.hero-heading .special-char {
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 10px;
	display: inline-block;
}

.hero-heading .special-char::after {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 100%;
	height: 24px;
	background: url(../svg/special-line.svg) center center / contain no-repeat;
}

.hero-banner-list {
	display: grid;
	grid-auto-columns: 1fr;
	grid-column-gap: 40px;
	grid-row-gap: 20px;
	grid-template-columns: 1fr 1fr;
	list-style: none;
	padding-left: 0px;
}


.hero-banner-list li {
	position: relative;
	padding-left: 40px;
	font-size: 18px;
}

.hero-banner-list li::before {
	position: absolute;
	top: 50%;
	left: 0;
	background: url(../svg/check-tick.svg) center center;
	content: "";
	background-repeat: no-repeat;
	background-size: 14px;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	background-color: var(--primary-red-clr);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}


.service-block {
	background-color: var(--bg-white);
	padding: 35px 30px;
	border-radius: 10px;
	height: 100%;
	transition: all .5s linear;
}

section.service-provide .row .col-md-6:first-child .service-block:hover {
	background: #2CA88F;
}

section.service-provide .row .col-md-6:nth-child(2) .service-block:hover {
	background: #f04037;
}

section.service-provide .row .col-md-6:nth-child(3) .service-block:hover {
	background: #ec963f;
}

section.service-provide .row .col-md-6:last-child .service-block:hover {
	background: #05a9dd;
}

section.service-provide .service-block:hover span {
	background: #fff !important;
}

section.service-provide .row .col-md-6 .service-block:hover h4,
section.service-provide .row .col-md-6 .service-block:hover p {
	color: #fff;
}

.service-block-content {
	margin-top: 20px;
}

.section-intro h2 {
	font-weight: 500;
	letter-spacing: 2px;
	line-height: 42.19px;
}

.service-block-content h4,
.service-block-content .h4 {
	text-transform: capitalize;
	margin-bottom: 15px;
	font-weight: 500;
}

.service-block:hover .service-block-content h4,
.service-block:hover .service-block-content .h4 {
	color: #fff;
}




/* EDUCATION PAGE CSS START */

.custom-image-border-radius {
	border-radius: 10px;
}

.orange-color {
	background-color: #ED8A3E;
}

.img-section {
	position: relative;
}



.project-discussion {
	position: absolute;
	right: 0%;
	top: 40%;
	padding: 20px;
	color: #fff;
	border-radius: 10px;
	max-width: 220px;
	text-align: left;
	font-size: 16px;
	width: 100%;
	z-index: 2;
}

.details {
	display: flex;
}

.details span.text {
	width: calc(100% - 30px);
}

.details .icon {
	width: 30px;
	height: 30px;
	border-radius: 100%;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.details .icon i {
	color: #222A41;
}

.mobile-app-development-soluions__blk img {
	box-shadow: 12px 34px 30px rgba(65, 62, 101, 0.102519);
}


.clutch-reviews video {
	width: 100%;
	object-fit: cover;
	height: 400px;
}

.learning-solutions {
	background-color: #222A41;
}

.app__blk {
	border: 1px solid #222A41;
	border-radius: 10px;
	padding: 50px 30px;
	width: 100%;
}

.app__blk h5 {
	margin-top: 10px;
	margin-bottom: 0px;
}

.development-solutions .project-discussion {
	left: 0;
	right: inherit;
	background-color: #F04037;
	width: 250px;
	max-width: 250px;
}

.development-solutions .project-discussion .icon {
	background-color: #222A41;
}

.development-solutions {
	background-color: #FBFBFB;
}


.specific-requirements-bg {
	position: relative;
	padding-bottom: 30px;
}

.specific-requirements-bg:before {
	content: "";
	position: absolute;
	width: 80%;
	right: 0;
	top: 0;
	bottom: 0;
	height: 85%;
	background-color: #222A41;
	border-radius: 20px 0px 0px 20px;
}




.specific-requirements-bg .service-block {
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.14);
}

.specific-requirements-bg .row [class*="col-"]:nth-child(even) {
	margin-top: 100px;
	margin-bottom: 20px;
}

.service-provide .service-block {
	box-shadow: 0px 3px 20px -8px rgb(41 47 83 / 15%);
}

.bg-brown {
	background: #E43037;
}

.bg-skyblue {
	background: #49BDD6;
}

.bg-skyblue-dark {
	background: #00D8FF;
}

.bg-purple-color {
	background: #4885EF;
}

.bg-brown-light {
	background: #E7372F;

}

.bg-blue-dark {
	background: #1066A9;
}

.bg-blue-light {
	background: #3293D4;
}

.bg-red {
	background: #DD0031;
}

.platform__box {
	width: 120px;
	height: 120px;
}

/* EDUCATION PAGE CSS END */

/*-- HOME PAGE STYLE START 18/05/22 --*/

.home-hero {
	background: url(../hero-bg-new.html) top center/cover no-repeat;
	padding: 8rem 0 !important;
	position: relative;
}

.home-hero::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(90deg, rgba(34, 42, 65, 0.8) 0%, rgba(34, 42, 65, 0) 100%);
	z-index: 0;
}

.mouse-wheel {
	display: block;
	width: 26px;
	height: 38px;
	border: 1px solid #fff;
	border-radius: 14px;
	position: absolute;
	left: calc(50% - 540px);
	top: 90%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.mouse-wheel span {
	width: 7px;
	height: 20px;
	display: block;
	background: url(../svg/wheel-icon.svg) center center/contain no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-animation: ani-mouse 1.5s linear infinite;
	animation: ani-mouse 1.5s linear infinite;
}

@-webkit-keyframes ani-mouse {
	0% {
		opacity: 1;
		top: 29%
	}

	15% {
		opacity: 1;
		top: 50%
	}

	50% {
		opacity: 0;
		top: 50%
	}

	100% {
		opacity: 0;
		top: 29%
	}
}

@keyframes ani-mouse {
	0% {
		opacity: 1;
		top: 29%
	}

	15% {
		opacity: 1;
		top: 50%
	}

	50% {
		opacity: 0;
		top: 50%
	}

	100% {
		opacity: 0;
		top: 29%
	}
}

/*  ---------- Home css start 19 may 2022 ------------ */
.home-lft-align .service-block {
	text-align: left !important;
}

.home-lft-align .service-block .service-img {
	margin-left: 0px;
}

.home-lft-align .service-block p {
	font-size: 15px;
	line-height: 28px;
}

.section-services.home-service .service-block {
	background: #FFFFFF;
	border: 1.5px solid rgba(35, 34, 65, 0.18);
	border-radius: 10px;
	text-align: center;
}

.section-services.home-service .service-block {
	position: relative;
	overflow: hidden;
	transition: all .5s ease-in-out;
	z-index: 1;
}

.section-services.home-service .service-block:before {
	position: absolute;
	content: "";
	width: 150px;
	height: 70px;
	border-radius: 50px;
	background: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	top: 0;
	right: -70px;
	transform: rotateZ(-20deg);
	opacity: .2;
	transition: transform .8s;
}

.section-services.home-service .service-block:hover::before {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	right: -30px;
	transform: scale(1.2);
}

.section-services.home-service .service-block:after {
	position: absolute;
	content: "";
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	bottom: -60px;
	left: -60px;
	opacity: .2;
	transition: transform .8s;
	z-index: -1;

}

.section-services.home-service .service-block:hover::after {
	transform: scale(1.8);
}

.service-img {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: #ddd;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}

.section-services.home-service .row:last-child .col-lg-4:first-child .service-img {
	background: #EDF4D7;
}

.section-services.home-service .row:last-child .col-lg-4:nth-child(2) .service-img {
	background: #eee;
}

.section-services.home-service .row:last-child .col-lg-4:nth-child(3) .service-img {
	background: #EAEAF7;
}

.section-services.home-service .row:last-child .col-lg-4:nth-child(4) .service-img {
	background: #E2F6F2;
}

.section-services.home-service .row:last-child .col-lg-4:nth-child(5) .service-img {
	background: #FDECEB;
}

.section-services.home-service .row:last-child .col-lg-4:last-child .service-img {
	background: #E2F3F8;
}

.section-services.home-service .service-block:hover {
	background: linear-gradient(red, black);
}

.section-services.home-service .service-block:hover .service-img img {
	transform: scale(1.2);
}

.section-services.home-service .row:last-child .col-lg-4:first-child .service-block:hover {
	background: linear-gradient(#a4c639 102%, #EDF4D7);
}

.section-services.home-service .row:last-child .col-lg-4:nth-child(2) .service-block:hover {
	background: linear-gradient(#161b2c 102%, #fff);
}

.section-services.home-service .row:last-child .col-lg-4:nth-child(3) .service-block:hover {
	background: linear-gradient(#6b6bed 102%, #EAEAF7);
}

.section-services.home-service .row:last-child .col-lg-4:nth-child(4) .service-block:hover {
	background: linear-gradient(#2ca88f 102%, #E2F6F2);
}

.section-services.home-service .row:last-child .col-lg-4:nth-child(5) .service-block:hover {
	background: linear-gradient(#f04037 102%, #FDECEB);
}

.section-services.home-service .row:last-child .col-lg-4:last-child .service-block:hover {
	background: linear-gradient(#05a9dd 102%, #E2F3F8);
}

.section-services.home-service .service-block:hover .service-img {
	background: #fff !important;
}

.section-services.home-service .service-block:hover h4,
.section-services.home-service .service-block:hover .h4,
.section-services.home-service .service-block:hover h5,
.section-services.home-service .service-block:hover .h5,
.section-services.home-service .service-block:hover p {
	color: #fff;
}

.section-services.home-service .service-block:hover svg path {
	stroke: #fff;
}

.section-services.home-service .service-block a {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.tech-block-content {
	text-align: center;
	margin-top: 25px;
}

.tech-block-content h5 {
	font-weight: normal;
}

.tech-block-img {
	width: 100%;
	height: 100px;
}

.tech-block-img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.tech-slider .owl-dots {
	text-align: center;
	margin-top: 15px;
}

.tech-slider button.owl-dot {
	width: 10px;
	height: 10px;
	background: #dadada !important;
	border-radius: 50%;
	margin-right: 10px;
}

.tech-slider button.owl-dot.active {
	background: #ED1C24 !important;
}

.ourclient-slider .owl-stage-outer {
	padding: 10px 0px;
}

.our-client-block {
	display: flex;
	border: 1px solid #eee;
	border-radius: 20px;
	box-shadow: 0px 5px 6px rgba(0, 0, 0, .15);
}

.our-client-block-img {
	width: 40%;
	position: relative;
	overflow: hidden;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

.our-client-block-img img {
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

.our-client-block-content {
	width: 60%;
	padding: 60px;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

button.btn.client-play-btn img {
	width: 120px;
	height: 120px;
}

.client-profile-img {
	width: 60px;
	height: 60px;
}

.client-profile-img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: 50%;
}

.client-profile {
	display: flex;
	align-items: center;
}

.client-profile-detail {
	margin-left: 15px;
}

.btn.client-play-btn {
	position: absolute;
	content: "";
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.btn.client-play-btn:focus {
	box-shadow: none;
}

.our-client-block-img::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.5;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
}

.our-client-block-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.client-video-wrapper .modal-dialog {
	max-width: 750px;
}

.ourclient-slider .owl-nav button {
	width: 50px;
	height: 50px;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15);
}

.ourclient-slider .owl-nav button:hover {
	background: #ED1C24;
}

.ourclient-slider .owl-nav button:hover svg path {
	stroke: #fff;
}

.ourclient-slider .owl-nav button.owl-prev {
	position: absolute;
	content: "";
	top: 50%;
	left: -80px;
	transform: translateY(-50%);
}

.ourclient-slider .owl-nav button.owl-next {
	position: absolute;
	content: "";
	top: 50%;
	right: -80px;
	transform: translateY(-50%);
}

.client-profile {
	display: none;
}

.value-for-money {
	/* background: url(../images/home/value-bnr1.png) #1F235A; */
	background: #1F235A;
	background-repeat: no-repeat;
	background-size: cover;
}

.value-font {
	font-size: 50px;
	letter-spacing: 2px;
	font-weight: 700;
}

.value-box ul {
	display: flex;
	justify-content: center;
	margin-bottom: 0px;
	padding-left: 0px;
}

.value-box ul li {
	list-style: none;
}

.value-box ul li {
	border-right: 1px solid #ffffff36;
	padding: 0px 5%;
}

.value-box ul li:last-child {
	border-right: 0px;
}

.value-box span {
	padding-bottom: 2px;
	border-bottom: 3px solid #fff;

}

.value-box p {
	font-size: 20px;
	margin-top: 10px;
}

span.counter-text:after {
	position: absolute;
	content: "+";
}

.counter-01 {
	background-color: #FDECEB;
}

.counter-02 {
	background-color: #E2F6F2;
}

.counter-03 {
	background-color: #FBF3E2;
}

.counter-04 {
	background-color: #F7E5FF;
}

.counter-05 {
	background-color: #E7EEFF;
}

.counter-06 {
	background-color: #E2F3F8;
}

.counter-07 {
	background-color: #DDEDFF;
}

.counter-08 {
	background-color: #DBFFD8;
}

.steps__blk:hover span.counter-01+div h5 {
	color: #f04037;
}

.steps__blk:hover span.counter-02+div h5 {
	color: #06a787;
}

.steps__blk:hover span.counter-03+div h5 {
	color: #feba38;
}

.steps__blk:hover span.counter-04+div h5 {
	color: #cd5eff;
}

.steps__blk:hover span.counter-05+div h5 {
	color: #1355ff;
}

.steps__blk:hover span.counter-06+div h5 {
	color: #24c5f9;
}

.steps__blk:hover span.counter-07+div h5 {
	color: #2d87ea;
}

.steps__blk:hover span.counter-08+div h5 {
	color: #28b01d;
}


.innovation-content {
	background: #0054AE;
	width: 100%;
	height: 100%;
	padding-left: 100px;
	padding-right: 100px;
	position: relative;
}

.innovation-content::before {
	position: absolute;
	content: "";
	top: 30%;
	right: -15%;
	width: 350px;
	height: 350px;
	background: #004288;
	border-radius: 50%;
	transform: translateY(-30%);
}

.innovation-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.innovation-main-heading {
	position: absolute;
	content: "";
	top: 35%;
	right: 0;
}

.innovation-projects {
	position: absolute;
	content: "";
	bottom: 10%;
	width: 75%;
}

.innovation-slider .owl-nav svg path {
	stroke: #fff;
}

.innovation-slider .owl-nav {
	position: absolute;
	bottom: 20px;
	display: flex;
	justify-content: space-between;
	width: 100%;
	color: #fff;
	padding: 0px 20px;
}

.innovation-projects a:hover {
	border-bottom: 1px solid #fff;
}

.form-ios {
	background: #fff;
	padding: 40px;
	border-radius: 15px;
	width: 100%;
	margin-left: auto;
}

.form-ios .card {
	border: none;
}

.form-ios .card-body.card-bg-btm {
	padding: 0px;
}

.form-ios .container {
	padding: 0px;
}

.form-ios h2 {
	margin-bottom: 10px !important;
	font-size: 30px;
	letter-spacing: 1px;
}

.form-ios p {
	color: #464646 !important;
	font-size: 16px !important;
}

.form-ios .col-md-6 {
	width: 100%;
}

.form-ios label {
	display: none;
}

.form-ios input.form-control {
	border: none;
	background: #F4F4F4;
	height: 50px;
}

.form-ios textarea.form-control {
	border: none;
	background: #F4F4F4;
	height: 70px;
	resize: none;
}

.form-ios .form-control:focus {
	box-shadow: none;
}

.form-ios .form-control::placeholder {
	font-size: 14px;
}

.form-ios .btn.btn-primary {
	background-image: linear-gradient(to right, #ce272e 0%, #ff8a12 50%, #d2303b 100%) !important;
	transition: 0.5s;
	position: relative;
	overflow: hidden;
	background-size: 200% auto !important;
	border: none;
	min-width: 170px !important;
	padding: 10px 20px;
	margin-top: -25px;
}

.form-ios .btn.btn-primary:hover {
	background-position: right center !important;
}

/*-------------- Home , ecommerce page css end -----------------*/

/*-------------- IOS , Android page css start -----------------*/

.section-ios-bg {
	background: url(../banner-ios.html) rgb(34 42 65 / 80%);
	background-blend-mode: overlay;
	background-repeat: no-repeat;
	background-size: cover;
}

.section-ios-bg .hero-heading,
.section-ios-bg p,
.hero-banner-list li {
	color: #fff;
}

.ios-gallery {
	position: relative;
}

.ios-gallery img {
	border-radius: 15px;
	margin-bottom: 25px;
	width: 100%;
}

.ios-gallery-content {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	padding: 20px;
	width: 75%;
}

.ios-gallery-content p {
	color: #282424;
}

.ios-gallery-content a {
	width: 40px;
	height: 40px;
	background: #fff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.ios-gallery-content a:hover svg path {
	fill: #F83D3D;
}

.ios-gallery-content a:hover {
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
}

.btn.casestudies-btn {
	color: #F83D3D !important;
	border: 1px solid #F83D3D;
	border-radius: 5px;
	padding: 10px 20px;
}

.section-testimonial {
	background: url(../jpg/testimonial-bg-2.jpg) #7e7e7e;
	background-repeat: no-repeat;
	background-size: cover;
	background-blend-mode: overlay;
}

.testimonial-block {
	background: #000;
	width: 100%;
	height: 100%;
	text-align: center;
	border-radius: 10px;
	position: relative;
	overflow: hidden;
}

.playpause {
	background-image: url(../svg/play-btn.svg);
	background-repeat: no-repeat;
	width: 60px;
	height: 60px;
	position: absolute;
	right: 5%;
	bottom: 5%;
	margin: auto;
	background-size: contain;
	background-position: center;
	cursor: pointer;
}

.back-to-top {
	z-index: 1;
}

.section-services.go-global {
	background: url(../jpg/global-bnr-2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.global-service-block {
	border-radius: 10px;
	position: relative;
}

.global-service-block-img img {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-radius: 10px;
}

.global-service-block-content {
	padding: 20px;
	background: #34477E;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	transition: .5s all ease-in-out;
}

.global-service-block-content h4,
.global-service-block-content .h4 {
	color: #fff;
}

.global-service-block-content p {
	display: none;
}

.global-service-block:hover .global-service-block-content p {
	display: block
}

.global-service-block:hover .global-service-block-content {
	background: #fff;
	height: auto;
}

.global-service-block:hover .global-service-block-content h4,
.global-service-block:hover .global-service-block-content .h4 {
	color: var(--primary-txt-clr);
}

.global-service-block-content {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 11;
	height: 90px;
}

.global-slider .owl-nav {
	position: absolute;
	content: "";
	bottom: 15px;
	right: 35px;
	background: #fff;
	width: 65px;
	height: 65px;
	border-radius: 50%;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}

.global-slider .owl-nav button:hover svg path:last-child {
	stroke: #F83D3D;
}

.why-choose-us-blk .row .col-md-6:first-child {
	background: url(../jpg/why-choose-img-2.jpg);
	background-size: cover;
	padding: 350px 80px;
	padding-left: 80px;
	background-position: center;
}

.why-choose-us-blk .row .col-md-6:last-child {
	padding-right: calc(50% - 650px) !important;
}

.start-development-block {
	width: 100%;
	border-radius: 10px;
	padding: 30px 20px;
}

.border-gradient {
	background-image: linear-gradient(#ED1C24 -24%, transparent 96%);
	position: relative;
	z-index: 1;
}

.border-gradient::before {
	content: '';
	display: block;
	background-color: white;
	position: absolute;
	border-radius: 5px;
	height: 95%;
	width: 99%;
	z-index: -1;
	left: 5px;
	right: 0;
	bottom: 7px;
}

.intro ul li {
	line-height: 40px;
	font-weight: 500;
	font-size: 18px;
	color: var(--primary-txt-clr);
}

/*-------------- IOS , Android page css end -----------------*/

/*-------------- Education page css Start -----------------*/

.section-education-bg {
	background: url(../education-hero-bg.html) rgb(34 42 65 / 80%);
	background-blend-mode: overlay;
	background-repeat: no-repeat;
	background-size: cover;
}

.section-education-bg .hero-heading,
.section-education-bg p,
.hero-banner-list li {
	color: #fff;
}

section.hero.section-education-bg .hero-banner-list li,
section.hero.section-education-bg h1+p {
	font-size: 18px !important;
}

.img-section figure {
	position: relative;
	display: inline-block;
	z-index: 1;
}


.img-section figure::after {
	content: "";
	position: absolute;
	left: 30px;
	top: 30px;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	z-index: -2;
	background-image: linear-gradient(transparent 10%, #ED8A3E 96%);
}

.img-section figure::before {
	content: "";
	position: absolute;
	left: 37px;
	top: 45px;
	width: 97%;
	height: 100%;
	z-index: -1;
	background-color: #fff;
	border-radius: 10px;
	right: 0;
	margin: auto;
	bottom: 0px;
}

.clutch-reviews {
	background-color: #F8F8FF;
}

.app__blk {
	border: none !important;
	border-radius: 10px;
	overflow: hidden;
}

.app__blk .bottom-img {
	width: 100%;
	max-height: 400px;
	/* border-radius: 0px 0px 10px 10px; */
	height: 100%;
}

.app__blk .contents {
	padding: 50px;
}

.app__blk h4,
.app__blk .h4 {
	margin-top: 15px;
	margin-bottom: 10px;
}

.app__blk p {
	letter-spacing: 0.5px;
}

.app__blk a {
	margin-bottom: 30px;
	color: #000;
	font-weight: 500;
	text-decoration: none;
	border-bottom: 1px solid #000;
	display: inline-flex;
}

.app__blk a:hover {
	color: #f83d3d;
	border-color: #f83d3d;
}

.app__blk a i {
	margin-left: 5px;
}

.ebook-bg {
	background-color: #eb63831f;
}

.puzzle-bg {
	background-color: #26e7a11a;
}

.puzzle-bg .bottom-img {
	margin-left: 8%;
	border-top-left-radius: 10px !important;
}

.online-study-bg {
	background-color: #ffc38b24;
}

.learning-solutions {
	position: relative;
	overflow: hidden;
}

section.learning-solutions:before {
	position: absolute;
	content: "";
	width: 490px;
	height: 197px;
	border-radius: 51%;
	background: #979797;
	opacity: .3;
	top: -17%;
	right: -18%;
}

.learning-solutions:after {
	position: absolute;
	content: "";
	width: 100%;
	background: url(../png/white-curve-2.png);
	bottom: -1px;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
	height: 100px;
}

section.specific-requirements,
.service-provide {
	background: url(../svg/yellow-dottedline.svg);
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 110% 215px;
}

.education-services .service-block {
	display: flex;
	align-items: center;
	border: 1px solid #eee;
	padding: 20px 30px;
	transition: all .5s linear;
}

.education-services .service-block-content {
	margin-top: 0px;
	width: calc(100% - 90px);
}

.education-services .service-block-content p {
	line-height: 28px;
}

.education-services .service-block img {
	background: red;
	width: 75px;
	height: 75px;
	object-fit: none;
	border-radius: 10px;
	margin-right: 15px;
}

.education-services .col-md-6:first-child .service-block img {
	background: #FF926B;
}

.education-services .col-md-6:nth-child(2) .service-block img {
	background: #EB6383;
}

.education-services .col-md-6:nth-child(3) .service-block img {
	background: #48B48D;
}

.education-services .col-md-6:last-child .service-block img {
	background: #FFC38B;
}

.education-services .service-block:hover {
	box-shadow: 0px 8px 15px rgb(0 0 0 / 15%);
}

.work-transparency .swiper {
	width: 100%;
	height: 100%;
	padding-bottom: 50px;
}

.work-transparency .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	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;
}

.work-transparency .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.work-transparency .swiper-scrollbar {
	opacity: 1 !important;
}

.work-transparency .swiper-scrollbar-drag {
	background: #ec1c24 !important;
}

.work-transparency .swiper-item {
	text-align: left;
	position: relative;
}

.work-transparency .swiper-item span {
	width: 116px;
	height: 116px;
	border: 2px solid rgba(34, 42, 65, 0.05);
	display: block;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.work-transparency .swiper-item:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: url(../svg/arrow-dashed.svg);
	background-repeat: no-repeat;
	background-position: 135px 50px;
}

.work-transparency .swiper-item h5,
.work-transparency .swiper-item .h5 {
	margin-top: 30px;
	margin-bottom: 15px;
}

.work-transparency .swiper-slide.swiper-slide-active span {
	background: #ED1C24;
	box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.03);
}

.work-transparency .swiper-slide.swiper-slide-active span svg path {
	fill: #fff;
}

.work-transparency .swiper-item p {
	font-size: 16px;
}

.section-kickstart {
	width: 100%;
	height: 100%;
	background: url(../kickstart-banner-2.html) #222A41;
	background-repeat: no-repeat;
	background-size: cover;
	background-blend-mode: overlay;
	opacity: 80%;
	padding: 100px 0px;
}

.service-provide .service-block span {
	width: 80px;
	height: 80px;
	background: #E2F6F2;
	display: block;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}

.service-provide .col-md-7 .row .col-md-6:nth-child(2) .service-block span {
	background: #FDECEB;
}

.service-provide .col-md-7 .row .col-md-6:nth-child(3) .service-block span {
	background: #ffe3c6;
}

.service-provide .col-md-7 .row .col-md-6:last-child .service-block span {
	background: #E2F3F8;
}

section.service-provide {
	position: relative;
	overflow: hidden;
}

section.service-provide:before {
	position: absolute;
	content: "";
	width: 265px;
	height: 265px;
	background: #EAF3FE;
	border-radius: 50%;
	top: 10%;
	left: -10%;
	z-index: -1;
}

section.service-provide h2 {
	margin-bottom: 20px;
}

section.service-provide h2+p {
	line-height: 30px;
}

section.service-provide .service-block-content {
	margin-top: 0px;
}

.webdesign-service-provide {
	overflow: unset !important;
}

.webdesign-service-provide .row .col-md-5 {
	position: sticky;
	top: 150px;
}

/*-------------- Education page css End -----------------*/

/*-------------- Mobile Appication html page css Start -----------------*/

.mobile-app-section {
	background: url(../mobile-bnr.html) #07184ad9;
	background-repeat: no-repeat;
	background-size: cover;
	background-blend-mode: overlay;
}

ul.new-banner-list {
	padding-left: 0px;
}

ul.new-banner-list li {
	position: relative;
	color: #fff;
	list-style: none;
	font-size: 20px;
	line-height: 50px;
	padding-left: 30px;
}

ul.new-banner-list li:before {
	position: absolute;
	content: "";
	top: 15px;
	left: 0;
	width: 20px;
	height: 20px;
	background: url(../svg/white-check.svg);
	background-repeat: no-repeat;
	/* transform: translateY(-50%); */
}

.know-more-about-wrapper {
	background: #F6C7A3;
	padding: 50px 33px;
	text-align: center;
}

.know-more-inner-blk {
	padding: 25px;
	background: #fff;
	border-radius: 15px;
	text-align: center;
}

.know-more-img {
	width: 100px;
	height: 120px;
	margin: 0 auto;
	overflow: hidden;
}

.know-more-inner-blk h3,
.know-more-inner-blk h2 {
	margin: 15px auto;
	font-weight: 500;
}

.know-more-about-wrapper p {
	color: #464646;
}

.know-more-inner-blk p {
	font-size: 14px;
	padding-top: 10px;
}

.know-more-about-wrapper .know-more-inner-blk+h4+p {
	font-size: 16px;
	padding-left: 25px;
	padding-right: 25px;
}

.know-more-about-wrapper h4,
.know-more-about-wrapper .h4 {
	margin: 20px auto;
}

span.red-bg {
	/* background: url(../images/mobile-images/red-bg.png); */
	/* background-repeat: no-repeat; */
	/* background-size: cover; */
	display: block;
	width: 53%;
	position: relative;
	z-index: 1;
}

span.red-bg:before {
	position: absolute;
	content: "";
	top: -6px;
	left: -5px;
	background: url(../png/red-bg-2.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	z-index: -1;
}

span.red-bg:after {
	position: absolute;
	content: url(../png/arrow-line-2.png);
	top: -20px;
	right: -100%;
	width: 100%;
	height: 100%;
}

.mobile-service-dev .service-block {
	box-shadow: 0px 3px 20px -8px rgb(41 47 83 / 15%);
	border-radius: 15px;
	padding-left: 18px;
	padding-right: 18px;
}

.mobile-service-dev .service-block span {
	width: 80px;
	height: 80px;
	background: #E2F6F2;
	display: block;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}

.mobile-service-dev .service-block-content {
	margin-top: 0;
}

.mobile-service-dev .row .col-md-3:nth-child(2) .service-block span {
	background: #FDECEB;
}

.mobile-service-dev .row .col-md-3:nth-child(3) .service-block span {
	background: #ffe3c6;
}

.mobile-service-dev .row .col-md-3:last-child .service-block span {
	background: #E2F3F8;
}

.mobile-service-dev .row .col-md-3:first-child .service-block:hover {
	background: #2CA88F;
}

.mobile-service-dev .row .col-md-3:nth-child(2) .service-block:hover {
	background: #f04037;
}

.mobile-service-dev .row .col-md-3:nth-child(3) .service-block:hover {
	background: #ec963f;
}

.mobile-service-dev .row .col-md-3:last-child .service-block:hover {
	background: #05a9dd;
}

.mobile-service-dev .service-block:hover .service-block-content h4,
.mobile-service-dev .service-block:hover .service-block-content .h4,
.mobile-service-dev .service-block:hover .service-block-content p {
	color: #fff;
}

.mobile-service-dev .service-block:hover span {
	background: #fff !important;
}

.mobile-dev-process .service-block {
	box-shadow: 0px 0px 10px rgb(151 151 151 / 10%);
	border: none !important;
	padding-left: 20px;
	padding-right: 20px;
}

.mobile-dev-process .service-block-content p {
	margin-bottom: 0px;
	font-size: 18px;
	line-height: 26px;
}

.mobile-dev-process .row:last-child .col-lg-4:first-child .service-img {
	background: #ffd5e1 !important;
}

.mobile-dev-process .row:last-child .col-lg-4:nth-child(2) .service-img {
	background: #2e89fb33 !important;
}

.mobile-dev-process .row:last-child .col-lg-4:nth-child(3) .service-img {
	background: #f5a52433 !important;
}

.mobile-dev-process .row:last-child .col-lg-4:nth-child(4) .service-img {
	background: #E2F3F8 !important;
}

.mobile-dev-process .row:last-child .col-lg-4:nth-child(5) .service-img {
	background: #c9595933 !important;
}

.mobile-dev-process .row:last-child .col-lg-4:last-child .service-img {
	background: #7dc7de33 !important;
}

.mobile-dev-process .row:last-child .col-lg-4:first-child .service-block:hover {
	background: #FE6A92 !important;
}

.mobile-dev-process .row:last-child .col-lg-4:nth-child(2) .service-block:hover {
	background: #258AFF !important;
}

.mobile-dev-process .row:last-child .col-lg-4:nth-child(3) .service-block:hover {
	background: #F5A623 !important;
}

.mobile-dev-process .row:last-child .col-lg-4:nth-child(4) .service-block:hover {
	background: #22B0FC !important;
}

.mobile-dev-process .row:last-child .col-lg-4:nth-child(5) .service-block:hover {
	background: #E45151 !important;
}

.mobile-dev-process .row:last-child .col-lg-4:last-child .service-block:hover {
	background: #2AA6CB !important;
}

.mobile-dev-process .row:last-child .col-lg-4 .service-block:hover .service-img {
	background: #fff !important;
}

.new-partnership-modal {
	background: #F8F8FF;
}

.new-partnership-modal .service-block {
	padding: 35px 40px;
	border-radius: 10px;
}

.new-partnership-modal .service-block p {
	text-align: justify;
}

.new-partnership-modal .service-block .service-block-content h4,
.new-partnership-modal .service-block .service-block-content .h4 {
	font-size: 22px;
}

.new-partnership-modal .row:last-child .col-md-4:first-child .service-block span {
	background: #EFF1FF;
}

.new-partnership-modal .row:last-child .col-md-4:nth-child(2) .service-block span {
	background: #EBF4FF;
}

.new-partnership-modal .row:last-child .col-md-4:last-child .service-block span {
	background: #FFF7EC;
}

.new-partnership-modal .row:last-child .col-md-4:first-child .service-block:hover {
	background: #616EE4;
}

.new-partnership-modal .row:last-child .col-md-4:nth-child(2) .service-block:hover {
	background: #3C8AE6;
}

.new-partnership-modal .row:last-child .col-md-4:last-child .service-block:hover {
	background: #F29100;
}

.section-why-hire-us .row:last-child .col-lg-4:first-child .service-img {
	background: #ffd96433 !important;
}

.section-why-hire-us .row:last-child .col-lg-4:nth-child(2) .service-img {
	background: #2ca88f33 !important;
}

.section-why-hire-us .row:last-child .col-lg-4:nth-child(3) .service-img {
	background: #6b6bed33 !important;
}

.section-why-hire-us .row:last-child .col-lg-4:nth-child(4) .service-img {
	background: #f0403733 !important;
}

.section-why-hire-us .row:last-child .col-lg-4:nth-child(5) .service-img {
	background: #be4f1533 !important;
}

.section-why-hire-us .row:last-child .col-lg-4:last-child .service-img {
	background: #f2910033 !important;
}

.section-why-hire-us .row:last-child .col-lg-4:first-child .service-block:hover {
	background: #FFC102 !important;
}

.section-why-hire-us .row:last-child .col-lg-4:nth-child(2) .service-block:hover {
	background: #2CA88F !important;
}

.section-why-hire-us .row:last-child .col-lg-4:nth-child(3) .service-block:hover {
	background: #6B6BED !important;
}

.section-why-hire-us .row:last-child .col-lg-4:nth-child(4) .service-block:hover {
	background: #F04037 !important;
}

.section-why-hire-us .row:last-child .col-lg-4:nth-child(5) .service-block:hover {
	background: #BE4F15 !important;
}

.section-why-hire-us .row:last-child .col-lg-4:last-child .service-block:hover {
	background: #F29100 !important;
}

.section-why-hire-us .row:last-child .col-lg-4 .service-block:hover .service-img {
	background: #fff !important;
}

.our-built-slider .global-service-block .global-service-block-content {
	text-align: center;
	position: relative;
	height: 100px;
}

.our-built-slider .global-service-block:hover .global-service-block-content {
	height: 100px;
	background: #34477E;
}

.our-built-slider .global-service-block .global-service-block-content h4,
.our-built-slider .global-service-block .global-service-block-content .h4 {
	margin-bottom: 0px;
	margin-top: 30px;
}

.our-built-slider .global-service-block:hover .global-service-block-content h4,
.our-built-slider .global-service-block:hover .global-service-block-content .h4 {
	color: #fff;
}

.our-built-slider .global-service-block-img img {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

.our-built-slider .global-service-block-content {
	position: static;

}

.slide-icons {
	width: 82px;
	height: 82px;
	margin: 0 auto;
	background: #34477e;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -40px;
	left: 0;
	right: 0;
}

.slide-icons span {
	width: 70px;
	height: 70px;
	display: block;
	padding: 15px;
	background: #FF8B8A;
	border-radius: 50%;
	margin: 0 auto;
}

.slide-icons span img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.our-built-slider .owl-item:nth-child(2) .global-service-block-content .slide-icons span {
	background: #8085F5;
}

.our-built-slider .owl-item:nth-child(3) .global-service-block-content .slide-icons span {
	background: #F3A542;
}

.our-built-slider .owl-item:nth-child(4) .global-service-block-content .slide-icons span {
	background: #3aabfb;
}

.our-built-slider .owl-item:nth-child(5) .global-service-block-content .slide-icons span {
	background: #2faf76;
}

.our-built-slider .owl-item:last-child .global-service-block-content .slide-icons span {
	background: #ffa86b;
}

.support-blks {
	background: #FFFFFF;
	border: 1px solid #EEEEEE;
	border-radius: 10px;
	padding: 24px;
	height: 100%;
}

.support-blks span {
	font-size: 22px;
	font-weight: 600;
	color: var(--primary-txt-clr);
	margin-top: 20px;
	margin-bottom: 15px;
	display: block;
}

.support-blks p {
	line-height: 25px;
}

.support-blks-img {
	width: 82px;
	height: 82px;
	background: #fff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.section-support-manage .row:last-child .col-md-8 .row .col-md-6:first-child .support-blks-img {
	background: #EFE8FF;
}

.section-support-manage .row:last-child .col-md-8 .row .col-md-6:nth-child(2) .support-blks-img {
	background: #E5F5FF;
}

.section-support-manage .row:last-child .col-md-8 .row .col-md-6:nth-child(3) .support-blks-img {
	background: #FFF5EF;
}

.section-support-manage .row:last-child .col-md-8 .row .col-md-6:last-child .support-blks-img {
	background: #DDFFF2;
}

.faq-blocks .accordion-button::after {
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
	transform: scale(.7) !important;
}

.faq-blocks .accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
	transform: rotate(-227deg) !important;
}

.faq-blocks button.accordion-button {
	font-size: 18px;
	font-weight: 500;
	padding: 16px 24px;
}

.faq-blocks .accordion-button:not(.collapsed) {
	color: var(--primary-txt-clr);
	background-color: #ffffff;
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
}

.faq-blocks .accordion-item {
	border: none;
}

.faq-blocks .accordion-flush .accordion-item .accordion-header {
	border: 1px solid #eee !important;
	/* border-bottom: 0 !important; */
}

.faq-blocks .accordion-flush .accordion-item:last-child .accordion-header {
	border-bottom: 1px solid #eee !important;
}

.faq-blocks .accordion-body {
	padding: 16px 48px;
	color: rgba(60, 60, 67, 0.85);
}

.faq-blocks .accordion-flush .accordion-collapse {
	border-left: 0px !important;
	border-radius: 0px !important;
	border-bottom: 0px !important;
	border-top: 1px solid #eee;
}

.faq-blocks .accordion-item:not(:last-child) {
	margin-bottom: 8px;
}

.faq-blocks .accordion-button:focus {
	box-shadow: none !important;
}

/*-------------- Mobile Appication html page css End -----------------*/

/*-------------- Dating page css Start -----------------*/

.dating-hero-section {
	background: url(../png/dating-hero-bg-2.png) #ffafb226;
	background-repeat: no-repeat;
	background-size: cover;
	background-blend-mode: overlay;
}

.dating-hero-section h1 {
	font-size: 47px !important;
	line-height: 65px;
}

section.dating-hero-section p {
	margin-top: 20px;
	margin-bottom: 30px;
}

span.oval-style {
	position: relative;
}

.dating-hero-section span.oval-style:before {
	position: absolute;
	content: "";
	top: -13px;
	left: -24px;
	width: 116%;
	height: 145%;
	background: url(../svg/dating-hero-path.svg);
	background-repeat: no-repeat;
	display: block;
	z-index: -1;
}

a.btn.dating-btn {
	background: #FB4470;
}

a.btn.dating-btn:hover {
	background: #ff678c;
}

section.excellent-feature h2+p {
	margin: 20px auto;
}

.excellent-img {
	position: sticky;
	top: 100px;
}

.excellent-block {
	padding: 25px 30px;
	box-shadow: 0px 1px 10px rgb(0 0 0 / 10%);
	border-radius: 10px;
	background: #fff;
	transition: all .5s linear;
}

.excellent-block:not(:last-child) {
	margin-bottom: 25px;
}

.excellent-inner-blk {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.excellent-inner-blk span {
	width: 30px;
	margin-right: 10px;
}

.excellent-inner-blk span svg {
	width: 30px;
	height: 30px;
}

.excellent-inner-blk h5,
.excellent-inner-blk .h5 {
	width: calc(100% - 40px);
}

.excellent-block:hover {
	background: #FF8E8E;
}

.excellent-block:hover span svg path {
	fill: #fff;
}

.excellent-block:hover h5,
.excellent-block:hover .h5,
.excellent-block:hover p {
	color: #fff;
}

.dating-banner {
	background: url(../png/dating-banner-2.png) #ffafb226;
	background-repeat: no-repeat;
	background-size: cover;
	background-blend-mode: overlay;
	background-position: center;
}

section.dating-banner h2 {
	line-height: 50px;
}

.banner-btn-blk {
	width: 250px;
	height: 250px;
	background: #ff8e8e1a;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: auto;
}

section.dating-banner p {
	margin-top: 15px;
}

.dating-panel h2 {
	font-size: 50px;
}

.dating-panel-blk {
	background: #F8F8FF;
}

ul.dating-panel-list {
	display: flex;
	flex-wrap: wrap;
}

ul.dating-panel-list li {
	flex-basis: 50%;
	padding: 20px 0px;
	font-size: 18px;
	color: #222A41;
}

ul.dating-panel-list span {
	margin-right: 13px;
}

.section-effective-banner {
	margin-top: 250px;
}

.effective-banner {
	background: url(../png/effeective-banner-2.png) #FF8E8E;
	background-repeat: no-repeat;
	background-size: cover;
	background-blend-mode: overlay;
	background-position: center;
	border-radius: 20px;
	width: 100%;
	margin: 0 auto;
}

.effective-banner-img {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: relative;
}

.effective-img img {
	margin-top: -50%;
}

.btn.white-btn {
	background: #fff;
	color: var(--primary-txt-clr) !important;
	font-size: 18px;
	font-weight: 500;
	border-radius: 6px;
}

.btn.white-btn svg {
	margin-left: 10px;
	margin-top: -5px;
}

.btn.white-btn:hover {
	background: #fffffff5;
}

.effective-banner-img a {
	position: absolute;
	top: 40%;
	right: 10%;
}

.why-choose-dating {
	background: #FCFCFC;
}

section.why-choose-dating .service-block {
	display: flex;
	background: #ffffff1a;
	border: 2px solid #9797971a;
	border-radius: 10px;
	padding: 20px;
}

section.why-choose-dating .service-block .service-img {
	width: 56px;
	height: 56px;
	margin-right: 20px;
}

section.why-choose-dating .service-block .service-block-content {
	margin-top: 0px;
	width: calc(100% - 76px)
}

section.why-choose-dating .service-block .service-block-content h5,
section.why-choose-dating .service-block .service-block-content .h5 {
	font-weight: 500;
}

section.why-choose-dating .row:last-child .col-lg-4:first-child .service-img {
	background: #E2F3F8;
}

section.why-choose-dating .row:last-child .col-lg-4:nth-child(2) .service-img {
	background: #E4EAFB;
}

section.why-choose-dating .row:last-child .col-lg-4:nth-child(3) .service-img {
	background: #E2F6F2;
}

section.why-choose-dating .row:last-child .col-lg-4:nth-child(4) .service-img {
	background: #FAE8E7;
}

section.why-choose-dating .row:last-child .col-lg-4:nth-child(5) .service-img {
	background: #FBF3E2;
}

section.why-choose-dating .row:last-child .col-lg-4:last-child .service-img {
	background: #EAEAF7;
}

section.why-choose-dating .row:last-child .col-lg-4 .service-block:hover .service-img {
	background: #fff;
}

section.why-choose-dating .row:last-child .col-lg-4 .service-block:hover h5,
section.why-choose-dating .row:last-child .col-lg-4 .service-block:hover .h5,
section.why-choose-dating .row:last-child .col-lg-4 .service-block:hover p {
	color: #fff;
}

section.why-choose-dating .row:last-child .col-lg-4:first-child .service-block:hover {
	background: #2AA6CB;
}

section.why-choose-dating .row:last-child .col-lg-4:nth-child(2) .service-block:hover {
	background: #1355FF;
}

section.why-choose-dating .row:last-child .col-lg-4:nth-child(3) .service-block:hover {
	background: #06A787;
}

section.why-choose-dating .row:last-child .col-lg-4:nth-child(4) .service-block:hover {
	background: #f04037;
}

section.why-choose-dating .row:last-child .col-lg-4:nth-child(5) .service-block:hover {
	background: #F5A623;
}

section.why-choose-dating .row:last-child .col-lg-4:last-child .service-block:hover {
	background: #5454D4;
}

.our-success-stories {
	background: #FF8E8E !important;
}

.our-history.our-success-stories .nav-pills .nav-link.active {
	color: #ffd0af !important;
	border-bottom: 1px solid #ffd0af !important;
}

.our-success-stories button.owl-dot:before,
.our-success-stories .history-slider button.owl-dot span::before {
	background: #fff !important;
}

.efficient-banner {
	background: #FF8E8E;
	border-radius: 30px;
	width: 100%;
	margin: 0 auto;
}

.effective-banner-content p {
	margin: 15px 0px;
}

.efficient-img {
	background: url(../png/efficient-banner-2.png);
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.section-efficient-bnr {
	background: url(../png/efficient-second-banner-2.png) #FF8E8E;
	background-repeat: no-repeat;
	background-size: cover;
	background-blend-mode: overlay;
	background-position: center;
}

.section-sw-platform {
	background: url(../jpg/sw-slider-bg-2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;

}

.infinite-new-slider .owl-item {
	display: flex;
	justify-content: center;
	align-items: center;
}

.infinite-new-slider .bs-slide-blk {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
}

.provide-icon-div {
	display: flex;
	align-items: center;
	background: #FFFFFF;
	box-shadow: 0px 0px 20px rgb(34 42 65 / 7%);
	border-radius: 10px;
	padding: 15px 55px;
}

.provide-icon-div span {
	width: 40px;
	height: 40px;
	margin-right: 30px;
}

.provide-icon-content {
	width: calc(100% - 70px);
	text-align: left;
}

.provide-icon-content h3 {
	font-size: 30px;
	color: #000;
}

.provide-icon-content p {
	font-size: 25px;
	color: #000;
}

section.statistics-block {
	position: relative;
}

.statistics-content {
	width: 47%;
	position: absolute;
	content: "";
}

.statistics-content p {
	margin-top: 15px;
	margin-bottom: 25px;
}

.statistics-arrow {
	padding-left: 150px;
}

/*-- tabs css ---*/

.our-tabs-style .history-img-block img {
	height: 350px;
}

ul.tabs-slide {
	position: relative;
	margin-top: 30px;
}

.line:after {
	position: absolute;
	content: "";
	top: -8px;
	right: 0;
	width: 20px;
	height: 20px;
	background: white;
	border-radius: 50%;
}

.line {
	width: 20%;
	height: 100%;
	content: "";
	position: absolute !important;
	left: 0px;
	top: 0px;
	background: #fff !important;

}

ul.tabs-slide li {
	flex-basis: 20%;
	background: rgba(255, 255, 255, 0.4);
	position: relative;
	transition: all .8s linear;
}

ul.tabs-slide .nav-link.active,
ul.tabs-slide .nav-link {
	width: 100%;
	text-align: left;
	padding: 2px;
}

ul.tabs-slide .nav-link.active {
	background: transparent;
}


ul.tabs-slide .nav-link:before {
	position: absolute;
	content: "2009 - 2011";
	font-size: 18px;
	color: #fff;
	width: 100%;
	height: 100%;
	left: 0;
	bottom: -30px;
}

ul.tabs-slide li:nth-child(2) .nav-link:before {
	position: absolute;
	content: "2012 - 2014";
}

ul.tabs-slide li:nth-child(3) .nav-link:before {
	position: absolute;
	content: "2015 - 2017";
}

ul.tabs-slide li:nth-child(4) .nav-link:before {
	position: absolute;
	content: "2018 - 2020";
}

ul.tabs-slide li:nth-child(5) .nav-link:before {
	position: absolute;
	content: "2021 - Running";
}

/* new css start */

.bg-light-pink {
	background-color: #FFE2EC;
}

.dating-grid-row {
	border-radius: 30px;
	background: var(--white, #FFF);
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}


.dating-grid-block {
	text-align: center;
	position: relative;
	padding: 20px 20px;
}

.dating-grid-img {
	margin-bottom: 20px;
}





.apps-slider-img {

	border-radius: 20px;
	padding: 30px 0;
	text-align: center;
}


.bg-pink-clr {
	background: linear-gradient(180deg, #FE635E 0%, #FD3873 100%);
}

.bg-blue-clr {
	background: #03526D;
}

.bg-yellow-clr {
	background: #E5AB0A;
}

.bg-purple-clr {
	background: #A36C9B;
}

.apps-slider-content-wrapper {
	border-radius: 20px;
	background: var(--white, #FFF);
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
	padding: 35px 25px;
	height: 100%;
}

.apps-slider {
	height: 100%;
}

.apps-slider-pagination>div {
	position: unset !important;
	display: flex;
	width: 50px;
	height: 50px;
	padding: 15px;
	justify-content: center;
	align-items: center;
	border-radius: 60px;
	border: 1px solid #A6A6A6;

}


.apps-slider-pagination>div:hover {
	background-color: #FB4470;
	border-color: #FB4470;
}

.apps-slider-pagination>div:hover svg path {
	stroke: #fff;
}


.apps-slider-pagination>div::after {
	display: none !important;
}

.apps-slider-pagination {
	display: flex;
	align-items: center;
	gap: 25px;
	margin-top: -30px !important;
}

.apps-slider-content>img {
	width: 25%;
}

.dating-cta .btn {
	background-color: #fff !important;
	color: #121212 !important;
}

.disuss-reuirment {
	background: #fff3f4;
}



/*-------------- Dating page css End -----------------*/

/*-------------- Food page css Start -----------------*/

.food-hero {
	background: url(../png/food-banner-2.png) rgb(252 96 17 / 5%);
	background-repeat: no-repeat;
	background-size: cover;
	background-blend-mode: overlay;
}

.food-hero span.oval-style:before {
	position: absolute;
	content: "";
	background: url(../svg/food-path.svg);
	background-repeat: no-repeat;
	top: -25px;
	left: -17px;
	width: 150%;
	height: 115px;
	display: block;
	z-index: -1;
}

a.btn.solid-org-btn {
	background: #FC6011;
}

a.btn.solid-org-btn:hover {
	background: #F79F19;
}

.food-features .service-img {
	border-radius: 20px;
	border: 1.5px solid #ECECEC;
	background: #fff;
	margin: 0;
}

.food-features .service-block {
	background: #fff;
	padding: 38px 26px;
	border: 1px solid transparent;
	border-radius: 40px;
	transition: all .5s linear;
}

.food-features .service-block:hover {
	border: 1.5px solid #FC6011;
	box-shadow: 0px 10px 20px 7px rgba(237, 28, 34, 0.06);
}

.food-features .service-block:hover .service-img {
	background: #FC6011;
}

.food-features .service-block:hover svg path {
	fill: #fff;
}

section.food-efficient-bnr {
	background: rgb(252 96 17 / 6%);
	border-radius: 32px;
	margin: 0px 90px;
}

section.food-efficient-bnr h2 {
	font-size: 44px;
}

section.food-efficient-bnr .effective-banner-content p {
	margin: 20px 0px;
}

.recent-service-block {
	width: calc(100% - 26px);
}

.recent-service-img,
.recent-service-img img {
	border-radius: 10px;
}

.recent-service-content h4,
.recent-service-content .h4 {
	margin-top: 20px;
	margin-bottom: 10px;
}

.recent-service-content p {
	color: #222A41;
}

.recent-works .row:last-child .col-lg-6:last-child .row .col-lg-12 .recent-service-block {
	margin-left: auto;
}

.recent-service-img {
	overflow: hidden;
}

.recent-service-img img {
	transition: all .5s linear;
}

.recent-service-img:hover img {
	transform: scale(1.1);
}

.food-feature .excellent-block:hover {
	background: #FC6011;
}

.kickstart-new-bg {
	background-image: radial-gradient(50% 50% at 50% 50%, rgba(34, 42, 65, 0.75) 0%, hwb(227deg 5% 76% / 70%) 100%), url(../kickstart-banner-2.html);
	background-size: cover;
	background-blend-mode: normal;
	opacity: 1;
}

.food-grey-bg {
	background: #FBFBFB;
}

section.food-clone {
	background: #070E25;
}

section.food-clone .service-block {
	background: #070E25;
	padding: 30px 17px;
	border: 1px solid #737373;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

section.food-clone .service-block:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 0%;
	height: 100%;
	background: #FFF;
	transition: all .5s linear;
	z-index: -1;
}

section.food-clone .service-block:hover:before {
	width: 100%;
}

section.food-clone .service-img {
	width: 100%;
	height: 60px;
	background: transparent;
}

section.food-clone .service-block h5,
section.food-clone .service-block .h5 {
	color: #fff;
	text-align: center;
	margin: 15px auto;
}

section.food-clone .service-block p {
	color: #c7c7c7;
	text-align: center;
}

section.food-clone .service-block:hover p {
	color: #737373;
}

section.food-clone .service-block:hover h5,
section.food-clone .service-block:hover .h5 {
	color: #070E25;
}

section.food-clone .row:last-child .col-md-4:first-child .service-block:hover svg path {
	fill: #CB202D;
	;
}

section.food-clone .row:last-child .col-md-4:nth-child(2) .service-block:hover svg path {
	fill: #FC8019;
	;
}

section.food-clone .row:last-child .col-md-4:last-child .service-block:hover svg path:last-child {
	fill: #000;
	;
}

/*-------------- Food page css End -----------------*/

/*-------------- About page css Start -----------------*/

section.about-section {
	background: #f8f8ff;
}

section.about-section .hero-about-us h1 {
	font-size: 110px !important;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #222A41;
	letter-spacing: 2px;
	opacity: .2;
}

section.about-section .hero-about-us h5 {
	margin: 20px 0px;

}

.heading-dashed {
	position: relative;
	margin-left: 35px !important;
	font-size: 18px;
	font-weight: 500;
	color: #efaa66;
}

.heading-dashed:before {
	position: absolute;
	content: "";
	top: 50%;
	left: -35px;
	width: 30px;
	height: 2px;
	background: #efaa66;
	transform: translateY(-50%);
}

.hero-about-us {
	padding-bottom: 20px;
	border-bottom: 1px solid #D9DBE9;
}

.hero-baout-social-media {
	padding-top: 30px;
}

.hero-baout-social-media ul {
	display: flex;
	padding-left: 0px;
	margin-bottom: 0px;
	flex-wrap: wrap;
}

.hero-baout-social-media ul li {
	list-style: none;
	flex-basis: 21%;
	margin-right: 20px;
}

.hero-baout-social-media li img {
	filter: grayscale(1);
}

.hero-baout-social-media li img:hover {
	filter: grayscale(0);
}

.hero-baout-social-media p {
	color: #222A41;
	margin-bottom: 30px;
}

.hero-baout-social-media ul li:first-child svg:hover path:first-child {
	fill: #3174F0;
}

.hero-baout-social-media ul li:first-child svg:hover path:nth-child(2) {
	fill: #279b44;
}

.hero-baout-social-media ul li:first-child svg:hover path:nth-child(3) {
	fill: #E53226;
}

.hero-baout-social-media ul li:first-child svg:hover path:nth-child(4) {
	fill: #FAB004;
}

.hero-baout-social-media ul li:first-child svg:hover path:nth-child(5) {
	fill: #3174F0;
}

.hero-baout-social-media ul li:first-child svg:hover path:last-child {
	fill: #E53226;
}

.hero-baout-social-media ul li:nth-child(2) svg:hover path {
	fill: #4267B2;
}

.hero-baout-social-media ul li:nth-child(3) svg:hover path:first-child {
	fill: #FF2303;
}

.hero-baout-social-media ul li:nth-child(3) svg:hover path:nth-child(2),
.hero-baout-social-media ul li:nth-child(3) svg:hover path:last-child {
	fill: #222A41;
}

.hero-baout-social-media ul li:last-child svg:hover path {
	fill: #E60023;
}

.hero-baout-social-media svg path {
	transition: .2s all linear;
}


/*------- who we are css start --------*/
section.about-who-we-are h2 {
	line-height: 55px;
}

.about-points span {
	font-size: 30px;
	font-weight: 600;
	color: var(--primary-txt-clr);
	margin: 30px 0px 20px 0px;
	display: block;
}

.about-points p {
	text-align: left;
	margin-bottom: 0px;
}

/*----- our history ---------*/

section.our-history {
	background: #1F235A;
	position: relative;
	overflow: hidden;
}

/* section.our-history .col-md-6.our-history-tabs { */
/* position: absolute; */
/* content: ""; */
/* top: 100px; */
/* } */
.history-img-block {
	text-align: center;
}

.history-img-block img {
	border-radius: 10px;
	width: 100%;
	height: 100%;
}

.glass {
	width: 343px;
	height: 460px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	max-width: 100%;
}

.history-img-block .swiper {
	width: 100%;
	height: 100%;
}

.history-img-block .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 18px;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
}

.history-slide {
	width: 100%;
	height: 100%;
}

.history-img-block.glass:before {
	position: absolute;
	content: "";
	top: 2px;
	left: 0px;
	width: calc(100% + 100px);
	height: calc(100% + 5px);
	background: url(../png/history-glass-2.png);
	background-size: contain;
	transform: rotateZ(20deg);
	background-repeat: no-repeat;
	z-index: -1;
	/* animation: glassbefore 5s linear infinite; */
}

@keyframes glassbefore {
	0% {
		transform: rotate(20deg);
	}

	25% {
		transform: rotate(10deg);
	}

	50% {
		transform: rotate(20deg);
	}

	75% {
		transform: rotate(10deg);
	}

	100% {
		transform: rotate(20deg);
	}
}

.history-img-block.glass:after {
	position: absolute;
	content: "";
	top: -5px;
	left: 0px;
	width: calc(100% + 100px);
	height: calc(100% + 5px);
	background: url(../png/history-glass-2.png);
	background-size: contain;
	transform: rotateZ(8deg);
	background-repeat: no-repeat;
	z-index: -1;
	/* animation: glassafter 8s linear infinite; */
}

@keyframes glassafter {
	0% {
		transform: rotate(8deg);
	}

	25% {
		transform: rotate(4deg);
	}

	50% {
		transform: rotate(8deg);
	}

	75% {
		transform: rotate(4deg);
	}

	100% {
		transform: rotate(8deg);
	}
}

.glass-div {
	position: absolute;
	content: "";
	top: -20px;
	left: 0px;
	width: calc(100% + 100px);
	height: calc(100% + 5px);
	background: url(../png/history-glass-2.png);
	background-size: contain;
	transform: rotateZ(-10deg);
	background-repeat: no-repeat;
	z-index: -1;
	/* animation: glassdiv 8s linear infinite; */
}

@keyframes glassdiv {
	0% {
		transform: rotate(-10deg);
	}

	25% {
		transform: rotate(0deg);
	}

	50% {
		transform: rotate(-10deg);
	}

	75% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(-10deg);
	}
}

.history-slider-new {
	overflow: hidden;
}

.our-history-wrapper {
	position: relative;
	width: 100%;
	margin-top: 20px;
}

.our-history .nav-pills li.active .nav-link,
.our-history .nav-pills .show>.nav-link {
	background-color: transparent;
	color: #EC963F !important;
	border-bottom: 1px solid #EC963F;
	border-radius: 0px;
}

.our-history .nav-pills .nav-link {
	background-color: transparent;
	color: #fff !important;
	border-bottom: 1px solid #fff;
	border-radius: 0px;
}

.our-history ul.nav li:not(:last-child) {
	margin-right: 20px;
}

ul.history-list li {
	position: relative;
	padding-left: 25px;
	font-size: 18px;
	color: #fff;
}

ul.history-list li {
	margin-top: 30px;
}

ul.history-list li:before {
	position: absolute;
	content: "";
	top: 10%;
	left: 0;
	width: 20px;
	height: 20px;
	background: url(../svg/history-li-arrow.svg);
	background-repeat: no-repeat;
	/* transform: translateY(-50%); */
}

.history-slider button.owl-dot {
	width: 20%;
}

.history-slider button.owl-dot span {
	background: rgba(255, 255, 255, 0.4);
	width: 100%;
	height: 4px;
	border-radius: 0;
	display: block;
	position: relative;
}

.history-slider button.owl-dot span::before {
	width: 0%;
	height: 100%;
	background: #FFD964;
	position: absolute;
	left: 0px;
	top: 0px;
	content: "";
	animation: slidebar1 5s linear;
	animation-fill-mode: forwards;
}

.history-slider button.owl-dot span::after {
	position: absolute;
	content: "2009";
	left: 0;
	top: 26px;
	color: #fff;
	font-size: 18px;
}

.history-slider button.owl-dot:first-child span::after {
	content: "2009 - 2011";
}

.history-slider button.owl-dot:nth-child(2) span::after {
	content: "2012 - 2014";
}

.history-slider button.owl-dot:nth-child(3) span::after {
	content: "2015 - 2017";
}

.history-slider button.owl-dot:nth-child(4) span::after {
	content: "2018 - 2020";
}

.history-slider button.owl-dot:last-child span::after {
	content: "2021 - Running";
}

.history-slider button.owl-dot:before {
	position: absolute;
	content: "";
	bottom: 0px;
	left: 0;
	width: 18px;
	height: 18px;
	background: #FFD964 !important;
	border-radius: 50%;
}

.history-slider button.owl-dot:nth-child(2) span::before {
	animation-delay: 5s;
}

.history-slider button.owl-dot:nth-child(3) span::before {
	animation-delay: 10s;
}

.history-slider button.owl-dot:nth-child(4) span::before {
	animation-delay: 15s;
}

.history-slider button.owl-dot:nth-child(5) span::before {
	animation-delay: 20s;
}


@keyframes slidebar1 {

	0% {
		width: 0%;
	}

	100% {
		width: 100%;
	}
}



.founder-section .project-discussion {
	position: absolute;
	right: -5%;
	top: 15%;
	background: #fff;
	box-shadow: 0px 0px 4px -1px rgb(0 0 0 / 15%);
	padding: 15px 24px;
}

.founder-section .details {
	align-items: center;
}

.founder-section span.icon {
	background: transparent !important;
}

.founder-section span.text {
	color: var(--primary-txt-clr);
}

.founder-section .custom-image-border-radius,
.founder-section .img-section figure::before,
.founder-section .img-section figure::after {
	border-radius: 40px;
}

.founder-section .img-section figure::before {
	left: 36px;
	top: 43px;
	width: 97%;
	height: 100%;
}

.founder-section span.heading {
	font-size: 18px;
	font-weight: 600;
}

.founder-section span.small {
	font-size: 12px;
	color: #868686;
}

/*----- our core values css -------*/
section.our-core-values {
	background: #f8f8ff;
}

.core-value-wrapper {
	display: flex;
	align-items: center;
	padding: 70px 40px;
	position: relative;
}

.core-value-icon {
	margin-right: 50px
}

.core-value-wrapper p {
	font-size: 20px;
	line-height: 30px;
}

.core-value-wrapper:before {
	position: absolute;
	content: "";
	top: 50%;
	right: 0px;
	width: 1.5px;
	height: 50%;
	background: #222A41;
	opacity: .06;
	transform: translateY(-50%);
}

.core-value-wrapper:after {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	right: 0;
	width: 80%;
	height: 1.5px;
	background: #222A41;
	opacity: .06;
	margin: 0 auto;
}

section.our-core-values .row:last-child .col-md-4:first-child .core-value-wrapper:before,
section.our-core-values .row:last-child .col-md-4:nth-child(2) .core-value-wrapper:before {
	top: 25% !important;
}

section.our-core-values .row:last-child .col-md-4:nth-child(4) .core-value-wrapper:before,
section.our-core-values .row:last-child .col-md-4:nth-child(5) .core-value-wrapper:before {
	top: 75% !important;
}

.our-core-values .row:nth-child(2) .col-md-4:nth-child(3) .core-value-wrapper:before,
.our-core-values .row:nth-child(2) .col-md-4:last-child .core-value-wrapper:before {
	display: none;
}

.our-core-values .row:nth-child(2) .col-md-4:nth-child(4) .core-value-wrapper:after,
.our-core-values .row:nth-child(2) .col-md-4:nth-child(5) .core-value-wrapper:after,
.our-core-values .row:nth-child(2) .col-md-4:last-child .core-value-wrapper:after {
	display: none;
}

/*------ images section css ------*/
.all-img-box {
	width: 100%;
	height: 100%;
}

.all-img-box img {
	width: 100%;
	height: 100%;
	border-radius: 20px;
}

/*-------- our-achievement css ----------*/
.our-achievement {
	background: #FBFBFB;
}

.achieve-block {
	perspective: 1200px;
	width: 100%;
	height: 250px;
}

.achievement-wrapper {
	background: #fff;
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 20px;
	text-align: center;
	transition: transform 1s;
	transform-style: preserve-3d;
}

.achievement-wrapper .achievement-text {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0px 36px;
	border-radius: 20px;
	color: #fff;
	transform: rotateY(180deg);
}

.achievement-text p {
	font-size: 20px;
	line-height: 36px;
}

.our-achievement .row:nth-child(2) .col-md-4:first-child .achievement-wrapper .achievement-text {
	background: #17313b;
}

.our-achievement .row:nth-child(2) .col-md-4:nth-child(2) .achievement-wrapper .achievement-text {
	background: #3a7af3;
}

.our-achievement .row:nth-child(2) .col-md-4:nth-child(3) .achievement-wrapper .achievement-text {
	background: #262626;
}

.our-achievement .row:nth-child(2) .col-md-4:nth-child(4) .achievement-wrapper .achievement-text {
	background: #faae02;
}

.our-achievement .row:nth-child(2) .col-md-4:nth-child(5) .achievement-wrapper .achievement-text {
	background: #8ec63f;
}

.our-achievement .row:nth-child(2) .col-md-4:last-child .achievement-wrapper .achievement-text {
	background: #ff0137;
}

.achieve-block:hover .achievement-wrapper {
	transform: rotateY(180deg);
}

.achievement-icon,
.achievement-text {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.about-counters .value-for-money {
	border-radius: 34px;
}

.about-counters li:first-child span.counter-text:after,
.about-counters li:last-child span.counter-text:after {
	position: absolute;
	content: "+";
}

section.about-counters .value-box ul li {
	border: 0px;
	text-align: center;
}

section.about-counters .value-box span {
	border-bottom: 0px;
}

section.about-counters .value-box p {
	margin-top: 0px;
}

.our-expending {
	background: #f8f8ff;
}

.our-expending a.btn {
	margin-top: 20px;
}

/*-------------- About page css End -----------------*/

/*-------------- Blockchain page css Start -----------------*/

.section-key-benefit {
	background: url(../svg/blockchain-bg.svg) #1F235A;
	background-repeat: no-repeat;
	background-size: contain;
}

.blockchain-hero {
	background: url(../new-blockchain-banner.html);
	background-repeat: no-repeat;
	background-size: cover;
}

.blockchain-hero h1 {
	font-size: 55px;
	font-weight: 500;
}

.blockchain-hero p {
	margin-top: 15px;
	margin-bottom: 30px;
}

.blockchain-dev .row:last-child .col-lg-4:first-child .service-block .service-img {
	background: rgb(201 89 89 / 20%) !important;
}

.blockchain-dev .row:last-child .col-lg-4:nth-child(2) .service-block .service-img {
	background: rgb(245 166 35 / 20%) !important;
}

.blockchain-dev .row:last-child .col-lg-4:nth-child(3) .service-block .service-img {
	background: rgb(37 138 255 / 20%) !important;
}

.blockchain-dev .row:last-child .col-lg-4:nth-child(4) .service-block .service-img {
	background: rgb(74 172 201 / 20%) !important;
}

.blockchain-dev .row:last-child .col-lg-4:nth-child(5) .service-block .service-img {
	background: rgb(34 176 252 / 20%) !important;
}

.blockchain-dev .row:last-child .col-lg-4:last-child .service-block .service-img {
	background: rgb(254 106 146 / 20%) !important;
}

.blockchain-dev .row:last-child .col-lg-4 .service-block:hover .service-img {
	background: #fff !important;
}

.blockchain-dev .row:last-child .col-lg-4:first-child .service-block:hover {
	background: #C95959 !important;
}

.blockchain-dev .row:last-child .col-lg-4:nth-child(2) .service-block:hover {
	background: #F5A623 !important;
}

.blockchain-dev .row:last-child .col-lg-4:nth-child(3) .service-block:hover {
	background: #258AFF !important;
}

.blockchain-dev .row:last-child .col-lg-4:nth-child(4) .service-block:hover {
	background: #4AACC9 !important;
}

.blockchain-dev .row:last-child .col-lg-4:nth-child(5) .service-block:hover {
	background: #22B0FC !important;
}

.blockchain-dev .row:last-child .col-lg-4:last-child .service-block:hover {
	background: #FE6A92 !important;
}

.blockchain-dev .service-block-content p {
	color: var(--text-light) !important;
}

.blockchain-dev .service-block:hover .service-block-content p {
	color: #fff !important;
}

.key-benefit-block button.nav-link {
	background: #fff !important;
	width: 100%;
	padding: 45px 69px;
	border-radius: 10px;
}

.key-benefit-block button.nav-link.active {
	background: #EC963F !important;
}

.key-benefit-block button.nav-link.active h5,
.key-benefit-block button.nav-link.active .h5 {
	color: #fff !important;
}

.key-benefit-block ul li {
	flex-basis: 23.4%;
}

.key-benefit-block ul li:not(:last-child) {
	margin-right: 20px;
}

.key-benefit-icon {
	margin-bottom: 15px;
}

.key-benefit-block button.nav-link.active svg path,
.key-benefit-block button.nav-link.active svg rect {
	fill: #fff;
}

.blockchain-tabs-text span {
	font-size: 40px;
	color: #fff;
	font-weight: 600;
	text-align: center;
}

.blockchain-tabs-img {
	text-align: center;
	margin-bottom: 30px;
}

.blockchain-tabs-img img {
	width: 76px;
	height: 76px;
	object-fit: contain;
	/* margin-left: 35px;	 */
}

.blockchain-tabs-text p {
	color: rgb(255 255 255 / 80%);
	text-align: justify;
}

.key-benefit-block ul li:nth-child(2),
.key-benefit-block ul li:last-child {
	padding-top: 30px;
}

.hw-work-block {
	text-align: center;
	padding: 20px 40px;
	position: relative;
}

.hw-work-block h5,
.hw-work-block .h5 {
	margin-top: 20px;
	margin-bottom: 15px;
}

.col-lg-4:not(:first-child) .hw-work-block:before {
	position: absolute;
	content: "";
	top: 45%;
	right: -15%;
	width: 70px;
	height: 20px;
	background: url(../svg/blk-right-arrow.svg);
	background-repeat: no-repeat;
	transform: translateY(-45%);
}

.col-lg-4:nth-child(3) .hw-work-block:before {
	top: 100%;
	left: 40%;
	width: 70px;
	height: 20px;
	transform: rotateZ(90deg);
}

.col-lg-4:nth-child(4) .hw-work-block:before {
	content: unset;
}

.col-lg-4:nth-child(5) .hw-work-block:before {
	top: 45%;
	left: -10%;
	width: 70px;
	height: 20px;
	transform: translateY(-45%) rotateZ(180deg);
}

.col-lg-4:nth-child(6) .hw-work-block:before {
	top: 45%;
	left: -10%;
	width: 70px;
	height: 20px;
	transform: translateY(-45%) rotateZ(180deg);
}

.col-lg-4:nth-child(7) .hw-work-block:before {
	top: 45%;
	right: -10%;
	width: 70px;
	height: 20px;
	transform: translateY(-45%);
}

.hw-work-img img {
	width: 100%;
	height: 190px;
	object-fit: contain;
}

.blockchain-platform p {
	color: rgb(255 255 255 / 80%);
	/* text-align: justify; */
	padding-right: 3rem;
}

/*----- CIRCLE Animation css  start ----------*/

.main-container {
	min-height: 100vh;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	height: 560px;
	overflow: hidden;
}

.main {
	margin: 0px auto;
	width: 480px;
	height: 480px;
	position: relative;
}

.main-container a {
	margin-top: 35px;
}

.big-circle {
	height: 100%;
	width: 100%;
	position: relative;
	border: 1.5px dashed #979797;
	border-radius: 50%;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	animation: Rotate 20s linear infinite;
	-webkit-animation: Rotate 20s linear infinite;
}

.icon-block {
	width: 64px;
	height: 64px;
	position: absolute;
	border-radius: 50%;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	background: #fff;
}

.icon-block img {
	margin: 0px auto;
	width: 43px;
	height: 43px;
	object-fit: contain;
	animation: Rotate-reverse 20s linear infinite;
	-webkit-animation: Rotate-reverse 20s linear infinite;
}

.icon-block:first-child {
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.icon-block:nth-child(2) {
	top: 50%;
	right: 0;
	transform: translate(50%, -50%);
	-webkit-transform: translate(50%, -50%);
}

.icon-block:nth-child(3) {
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 50%);
	-webkit-transform: translate(-50%, 50%);
}

.icon-block:nth-child(4) {
	top: 50%;
	left: 0;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.icon-block:nth-child(5) {
	top: 84%;
	left: 14%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.icon-block:nth-child(6) {
	top: 13%;
	left: 84%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.icon-block:nth-child(7) {
	top: 12%;
	left: 17%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.icon-block:nth-child(8) {
	top: 83%;
	left: 87%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.big-circle .icon-block:nth-child(3),
.big-circle .icon-block:nth-child(4),
.big-circle .icon-block:nth-child(6) {
	width: 110px;
	height: 110px;
}

.big-circle .icon-block:nth-child(3) img,
.big-circle .icon-block:nth-child(4) img,
.big-circle .icon-block:nth-child(6) img {
	width: 60px;
	height: 60px;
}

/* circle content */
.circle {
	animation: circle-rotate 20s linear infinite;
	-webkit-animation: circle-rotate 20s linear infinite;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	width: 55%;
	height: 55%;
	border: 1.5px dashed #979797;
	border-radius: 50%;
}

.circle .icon-block img {
	width: 48px;
	height: 48px;
	object-fit: contain;
	animation: img-rotate 20s linear infinite;
	-webkit-animation: img-rotate 20s linear infinite;
}

.small-circle {
	animation: circle-rotate 20s linear infinite;
	-webkit-animation: circle-rotate 20s linear infinite;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	width: 30%;
	height: 30%;
	border: 1.5px dashed #979797;
	border-radius: 50%;
}

/* center logo */
.center-logo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.center-logo {
	width: 70px;
	height: 70px;
	background: #fff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.center-logo img {
	width: 54px;
	height: 54px;
	object-fit: contain;
}

/* keyframe animation */

@keyframes Rotate {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@-webkit-keyframes Rotate {
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes Rotate-reverse {
	from {
		transform: rotate(360deg);
	}

	to {
		transform: rotate(0deg);
	}
}

@-webkit-keyframes Rotate-reverse {
	from {
		-webkit-transform: rotate(360deg);
	}

	to {
		-webkit-transform: rotate(0deg);
	}
}

@keyframes circle-rotate {
	from {
		transform: translate(-50%, -50%) rotate(45deg);
	}

	to {
		transform: translate(-50%, -50%) rotate(405deg);
	}
}

@-webkit-keyframes circle-rotate {
	from {
		-webkit-transform: translate(-50%, -50%) rotate(45deg);
	}

	to {
		-webkit-transform: translate(-50%, -50%) rotate(405deg);
	}
}

@keyframes img-rotate {
	from {
		transform: rotate(-45deg);
	}

	to {
		transform: rotate(-405deg);
	}
}

@-webkit-keyframes img-rotate {
	from {
		-webkit-transform: rotate(-45deg);
	}

	to {
		-webkit-transform: rotate(-405deg);
	}
}


/*----- CIRCLE Animation css  end ----------*/
.why-choose-blockchain .service-block {
	text-align: center;
}

.why-choose-blockchain .service-block:hover h5,
.why-choose-blockchain .service-block:hover .h5,
.why-choose-blockchain .service-block:hover p {
	color: #fff;
}

.why-choose-blockchain .row:last-child .col-lg-4:first-child .service-img {
	background: rgb(255 217 100 / 20%) !important;
}

.why-choose-blockchain .row:last-child .col-lg-4:nth-child(2) .service-img {
	background: rgb(254 106 146 / 20%) !important;
}

.why-choose-blockchain .row:last-child .col-lg-4:nth-child(3) .service-img {
	background: rgb(107 107 237 / 20%) !important;
}

.why-choose-blockchain .row:last-child .col-lg-4:nth-child(4) .service-img {
	background: rgb(240 64 55 / 20%) !important;
}

.why-choose-blockchain .row:last-child .col-lg-4:nth-child(5) .service-img {
	background: rgb(190 79 21 / 20%) !important;
}

.why-choose-blockchain .row:last-child .col-lg-4:last-child .service-img {
	background: rgb(242 145 0 / 20%) !important;
}

.why-choose-blockchain .row:last-child .col-lg-4:first-child .service-block:hover {
	background: linear-gradient(180.1deg, #FFC102 68.05%, rgba(255, 255, 255, 0) 336%) !important;
}

.why-choose-blockchain .row:last-child .col-lg-4:nth-child(2) .service-block:hover {
	background: linear-gradient(180.1deg, #FE88A8 68.05%, rgba(255, 255, 255, 0) 336%) !important;
}

.why-choose-blockchain .row:last-child .col-lg-4:nth-child(3) .service-block:hover {
	background: linear-gradient(180.1deg, #6B6BED 68.05%, rgba(255, 255, 255, 0) 336%) !important;
}

.why-choose-blockchain .row:last-child .col-lg-4:nth-child(4) .service-block:hover {
	background: linear-gradient(180.1deg, #F04037 68.05%, rgba(255, 255, 255, 0) 336%) !important;
}

.why-choose-blockchain .row:last-child .col-lg-4:nth-child(5) .service-block:hover {
	background: linear-gradient(180.1deg, #BE4F15 68.05%, rgba(255, 255, 255, 0) 336%) !important;
}

.why-choose-blockchain .row:last-child .col-lg-4:last-child .service-block:hover {
	background: linear-gradient(180.1deg, #F29100 68.05%, rgba(255, 255, 255, 0) 336%) !important;
}

.blockchain-money-blk {
	margin-top: 76px;
}

.blockchain-money-wrapper {
	border-radius: 10px;
}

.block-bnr-content,
.block-bnr-content-new {
	padding-left: 60px;
}

.block-bnr-img {
	text-align: center;
}

.block-bnr-content p {
	margin-top: 15px !important;
	margin-bottom: 30px !important;
}

.block-bnr-img img {
	margin-top: -125px;
}

section.blockchain-tech-block {
	background: #F8F8FF;
}

ul.blockchain-tech-tabs {
	justify-content: space-between;
}

ul.blockchain-tech-tabs li .nav-link {
	font-size: 20px;
	font-weight: 500;
	color: #979797 !important;
}

ul.blockchain-tech-tabs li .nav-link.active {
	color: #EC963F !important;
	background: transparent !important;
	border-bottom: 1px solid #EC963F;
	border-radius: 0px;
}

.blkchain-tabs-company {
	text-align: center;
}

.blkchain-tabs-company-logo {
	margin-bottom: 20px;
}

.blkchain-tabs-company h5,
.blkchain-tabs-company .h5 {
	font-weight: 500;
}

.app-blockchain .service-block {
	text-align: center;
}

.app-blockchain .row:last-child .col-lg-4:first-child .service-img {
	background: rgb(254 106 146 / 20%) !important;
}

.app-blockchain .row:last-child .col-lg-4:nth-child(2) .service-img {
	background: rgb(37 138 255 / 20%) !important;
}

.app-blockchain .row:last-child .col-lg-4:nth-child(3) .service-img {
	background: rgb(245 166 35 / 20%) !important;
}

.app-blockchain .row:last-child .col-lg-4:nth-child(4) .service-img {
	background: rgb(34 176 252 / 40%) !important;
}

.app-blockchain .row:last-child .col-lg-4:nth-child(5) .service-img {
	background: rgb(201 89 89 / 20%) !important;
}

.app-blockchain .row:last-child .col-lg-4:nth-child(6) .service-img {
	background: rgb(74 172 201 / 20%) !important;
}

.app-blockchain .row:last-child .col-lg-4:first-child .service-block:hover {
	background: rgb(254 106 146 / 20%) !important;
}

.app-blockchain .row:last-child .col-lg-4:nth-child(2) .service-block:hover {
	background: rgb(37 138 255 / 20%) !important;
}

.app-blockchain .row:last-child .col-lg-4:nth-child(3) .service-block:hover {
	background: rgb(245 166 35 / 20%) !important;
}

.app-blockchain .row:last-child .col-lg-4:nth-child(4) .service-block:hover {
	background: rgb(34 176 252 / 40%) !important;
}

.app-blockchain .row:last-child .col-lg-4:nth-child(5) .service-block:hover {
	background: rgb(201 89 89 / 20%) !important;
}

.app-blockchain .row:last-child .col-lg-4:nth-child(6) .service-block:hover {
	background: rgb(74 172 201 / 20%) !important;
}

.hire-blockchain-blk h2 {
	margin-bottom: 15px;
}

.blk-industry-wrapper ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 40px;
}

.blk-industry-wrapper ul li {
	flex-basis: 46%;
}

.blk-industry-inner {
	width: 100%;
	height: 100%;
	padding: 22px 20px;
	background: #FFFFFF;
	box-shadow: 0px 2px 4px rgb(0 0 0 / 9%);
	border-radius: 10px;
	display: flex;
	align-items: center;
}

.blk-industry-inner h5,
.blk-industry-inner .h5 {
	margin-bottom: 0px;
	font-weight: 500;
	margin-left: 25px;
}

.blockchain-slider .owl-stage-outer {
	padding: 10px 0px;
}

.blockchain-slider .owl-dots {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}

.blockchain-slider button.owl-dot {
	background: #dadada !important;
	width: 12px;
	height: 12px;
	border-radius: 20px;
}

.blockchain-slider button.owl-dot.active {
	background: #EC963F !important;
}

.blockchain-slider button.owl-dot:not(:last-child) {
	margin-right: 10px;
}

/*-------------- Blockchain page css End -----------------*/

/*-------------- Hire Angular page css Start -----------------*/

section.angular-hero {
	background: url(../hireangular_banner01.html);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
}

section.hire-kotlin-hero {
	background: url(../hirekotlin_banner01.html);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
}

section.reactjs-hero {
	background: url(../hirereact_banner01.html);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
}

section.vuejs-hero {
	background: url(../hirevuejs-banner.html);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
}

section.hireapp-hero {
	background: url(../hireapp-banner.html);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
}

section.hireuiux-hero {
	background: url(../hireuiux_banner01.html);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
}

section.hirenodejs-hero {
	background: url(../hirenodejs-banner.html);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
}

section.hirebubble-hero {
	/*background: url(../images/angular-images/hirebubble-banner.webp);*/
	background: url(../hirebubble_banner01.html);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
}

section.hirelaravel-hero {
	background: url(../hirelaravel-banner.html);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
}

section.hireshopify-hero {
	background: url(../hireshopify_banner01.html);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
}

section.hirewordpress-hero {
	background: url(../hirewordpress_banner01.html);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
}

section.hirewebflow-hero {
	background: url(../hirewebflow_banner01.html);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
}

section.hireandroid-hero {
	background: url(../hireandroid-banner.html);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
}

section.hireblockchain-hero {
	background: url(../hireblockchain_banner01.html);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
}

section.hireflutter-hero {
	background: url(../hireflutter_banner01.html);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
}

section.hirereactnative-hero {
	background: url(../hirereactnative_banner01.html);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
}

section.hirephp-hero {
	background: url(../hirephp-banner-img.html);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
}

section.hirefullstack-hero {
	background: url(../hirefullstack-banner.html);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
}

section.hireweborphan-hero {
	background: url(../orphan-web-hero-banner.html);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
}

section.hireapporphan-hero {
	background: url(../orphan-app-hero-banner.html);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
}

section.hireitorphan-hero {
	background: url(../orphan-it-hero-banner.html);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
}

section.hiresolidity-hero {
	background: url(../hiresolidity-banner.html);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
}

section.hirepython-hero {
	background: url(../hirepython-banner.html);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
}

section.hirefrontend-hero {
	background: url(../hirefrontend-hero.html);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
}

section.hiredevops-hero {
	background: url(../hiredevops_banner01.html);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
}

section.uberclone-hero {
	background: url(../uberclone-banner.html);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
}

section.whatsappclone-hero {
	background: url(../whatsappclone-banner.html);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
}

section.tinderclone-hero {
	background: url(../tinderclone-banner.html);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
}

.hiring-hero ul.new-banner-list {
	margin-top: 15px;
	margin-bottom: 30px;
}

.hiring-hero .form-ios {
	box-shadow: 0px 0px 25px -10px rgb(34 42 65 / 30%);
}

ul.new-banner-list li:before {
	background: url(../svg/hiring-tick1.svg);
	background-repeat: no-repeat;
}

.angular-reviews-content {
	padding-bottom: 5px;
	/* border-bottom: 1.5px solid rgb(34 42 65 / 40%); */
}

.angular-reviews .hero-baout-social-media p {
	letter-spacing: 1px;
	font-weight: 500;
	font-size: 18px;
}

.common-hiring-section .row .col-lg-6:first-child {
	padding-left: calc(50% - 560px) !important;
}

.common-hiring-section .row .col-lg-6:last-child {
	background: url(../dedicated-angular.html);
	background-size: cover;
	padding: 275px 80px;
	padding-left: 80px;
	background-position: center;
}

.kotlin-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../kotlin-mbl-dash.html);
	background-size: cover;
	padding: 275px 80px;
	padding-left: 80px;
	background-position: center;
}

.reactjs-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../png/react-mbl-dash-2.png);
	background-size: cover;
	padding: 275px 80px;
	padding-left: 80px;
	background-position: center;
}

.vuejs-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../vuejs-mbl-dash.html);
	background-size: cover;
	padding: 275px 80px;
	padding-left: 80px;
	background-position: center;
}

.hireapp-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../app-mbl-dash.html);
	background-size: cover;
	padding: 275px 80px;
	padding-left: 80px;
	background-position: center;
}

.hireuiux-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../uiux-mbl-dash.html);
	background-size: cover;
	padding: 275px 80px;
	padding-left: 80px;
	background-position: center;
}

.hirenodejs-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../nodejs-mbl-dash.html);
	background-size: cover;
	padding: 275px 80px;
	padding-left: 80px;
	background-position: center;
}

.hirebubble-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../bubble-mbl-dash.html);
	background-size: cover;
	padding: 275px 80px;
	padding-left: 80px;
	background-position: center;
}

.hirelaravel-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../laravel-mbl-dash.html);
	background-size: cover;
	padding: 275px 80px;
	padding-left: 80px;
	background-position: center;
}

.hireshopify-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../shopify-mbl-dash.html);
	background-size: cover;
	padding: 275px 80px;
	padding-left: 80px;
	background-position: center;
}

.hirewordpress-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../wordpress-mbl-dash.html);
	background-size: cover;
	padding: 275px 80px;
	padding-left: 80px;
	background-position: center;
}

.hirewebflow-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../webflow-mbl-dash.html);
	background-size: cover;
	padding: 275px 80px;
	padding-left: 80px;
	background-position: center;
}

.hireandroid-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../android-mbl-dash.html);
	background-size: cover;
	padding: 275px 80px;
	padding-left: 80px;
	background-position: center;
}

.hireblockchain-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../blockchain-mbl-dash.html);
	background-size: cover;
	padding: 275px 80px;
	padding-left: 80px;
	background-position: center;
}

.hireflutter-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../flutter-mbl-dash.html);
	background-size: cover;
	padding: 275px 80px;
	padding-left: 80px;
	background-position: center;
}

.hiredevops-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../devops-mbl-dash.html);
	background-size: cover;
	padding: 275px 80px;
	padding-left: 80px;
	background-position: center;
}

.hirereactnative-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../reactnative-mbl-dash.html);
	background-size: cover;
	padding: 275px 80px;
	padding-left: 80px;
	background-position: center;
}

.hirephp-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../php-mbl-dash.html);
	background-size: cover;
	padding: 275px 80px;
	padding-left: 80px;
	background-position: center;
}

.hirefullstack-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../fullstack-mbl-dash.html);
	background-size: cover;
	padding: 275px 80px;
	padding-left: 80px;
	background-position: center;
}

.hireweborphan-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../orphan-web-dash-mbl.html);
	background-size: cover;
	padding: 275px 80px;
	padding-left: 80px;
	background-position: center;
}

.hireapporphan-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../orphan-app-dash-mbl.html);
	background-size: cover;
	padding: 275px 80px;
	padding-left: 80px;
	background-position: center;
}

.hireitorphan-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../orphan-it-dash-mbl.html);
	background-size: cover;
	padding: 275px 80px;
	padding-left: 80px;
	background-position: center;
}

.hiresolidity-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../solidity-mbl-dash.html);
	background-size: cover;
	padding: 275px 80px;
	padding-left: 80px;
	background-position: center;
}

.hirepython-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../python-mbl-dash.html);
	background-size: cover;
	padding: 275px 80px;
	padding-left: 80px;
	background-repeat: no-repeat;
	background-position: center;
}

.hirefrontend-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../frontend-mbl-dash.html);
	background-size: cover;
	padding: 275px 80px;
	padding-left: 80px;
	background-repeat: no-repeat;
	background-position: center;
}

.common-hiring-text-block h2,
.common-hiring-text-block h3 {
	margin-bottom: 15px;
}

.common-hiring-text-block a {
	margin-top: 35px;
}

.program-expertise-icon {
	width: 40px;
	height: 40px;
}

.program-expertise-list-block h5,
.program-expertise-list-block .h5 {
	margin-top: 15px;
	margin-bottom: 10px;
}

.program-expertise-block {
	position: sticky;
	top: 120px;
	border-right: 1.5px solid #F2F2F2;
	margin-right: -20px;
	padding-right: 20px;
}

.section-hire-expert p {
	color: rgb(255 255 255 / 70%);
}

.hire-expert-profile-wrapper {
	text-align: center;
}

.hire-expert-img {
	width: 214px;
	height: 214px;
	margin: 0 auto;
	margin-bottom: 35px;
}

.hire-expert-detail h5,
.hire-expert-detail .h5 {
	font-size: 22px;
}

.hire-expert-detail ul {
	display: flex;
	gap: 30px;
}

.hire-expert-detail ul li {
	display: flex;
	align-items: center;
}

.hire-expert-detail ul li span {
	margin-right: 20px;
}

.hire-expert-detail p>a {
	color: #FFD964;
	text-decoration: none;
	padding-left: 10px;
}

.hire-expert-btnlink {
	margin-top: 20px;
}

.hire-expert-btnlink ul {
	display: flex;
	justify-content: space-between;
}

.hire-expert-btnlink li a.btn.btn-trpt {
	font-size: 14px;
	font-weight: 400;
	color: rgb(255 255 255 / 70%) !important;
	min-width: 93px;
	border: 1px solid rgb(255 255 255 / 70%);
	border-radius: 20px;
	padding: 8px 26px;
}

.hire-expert-btnlink li a.btn:focus,
a.btn-load:focus {
	box-shadow: none;
}

a.btn-load {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	margin-top: 40px;
	border-radius: 0px;
	font-size: 20px;
	font-weight: 400;
}

a.btn-load:hover {
	color: #F83D3D !important;
	border-bottom-color: #F83D3D;
}

a.btn-load:hover svg path {
	fill: #F83D3D !important;
}

.why-hire-angular-dev .service-block {
	border: none;
}

.why-hire-angular-dev .service-block:hover {
	border: none;
	box-shadow: none;
}

.why-hire-angular-dev .service-block:hover .service-img {
	background: #ED1C24;
}

.why-hire-angular-dev .service-block-content h5,
.why-hire-angular-dev .service-block-content .h5 {
	font-weight: 500;
}

.why-hire-angular-dev .service-block-content p {
	line-height: 30px;
}

section.common-why-hire-us .row {
	background: url(../png/why-hire-bg-2.png) var(--navy-bg);
	background-repeat: no-repeat;
	background-size: contain;
}

.common-why-hire-us-content h2 {
	margin-bottom: 15px;
}

.common-why-hire-us-content p,
.common-why-hire-us-content li {
	color: rgb(255 255 255 / 70%);
}

.common-why-hire-us-content li {
	color: rgb(255 255 255 / 70%) !important;
	font-size: 18px !important;
}

.common-why-hire-us-content ul.new-banner-list li:before {
	background: url(../svg/why-hire-list-tick.svg) !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
}

.common-why-hire-us-content ul {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
	margin-bottom: 0px;
}

.common-why-hire-us-content ul li {
	flex-basis: 50%;
}

.hiring-process-wrapper ul {
	display: flex;
	justify-content: space-around !important;
	align-items: baseline;
	flex-wrap: wrap;
	text-align: center;
}

.hiring-process-wrapper ul li {
	flex-basis: 20%;
}

.hiring-process-block {
	display: flex;
	flex-direction: column;
}

.hiring-process-wrapper ul li:nth-child(odd) .hiring-process-block {
	flex-direction: column-reverse;
}

.hiring-process-block-content {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: left;
	margin: 0 auto;
}

.hiring-process-block-content span {
	font-size: 80px;
	font-weight: 700;
	display: block;
	margin-right: 10px;
}

.hiring-process-block-content h5,
.hiring-process-block-content .h5 {
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 0px;
	line-height: 30px;
}

.hiring-process-wrapper ul li:first-child .hiring-process-block span,
.hiring-process-wrapper ul li:first-child .hiring-process-block h5,
.hiring-process-wrapper ul li:first-child .hiring-process-block .h5 {
	color: #1F235A;
}

.hiring-process-wrapper ul li:nth-child(2) .hiring-process-block span,
.hiring-process-wrapper ul li:nth-child(2) .hiring-process-block h5,
.hiring-process-wrapper ul li:nth-child(2) .hiring-process-block .h5 {
	color: #EC963F;
}

.hiring-process-wrapper ul li:nth-child(3) .hiring-process-block span,
.hiring-process-wrapper ul li:nth-child(3) .hiring-process-block h5,
.hiring-process-wrapper ul li:nth-child(3) .hiring-process-block .h5 {
	color: #FF5900;
}

.hiring-process-wrapper ul li:nth-child(4) .hiring-process-block span,
.hiring-process-wrapper ul li:nth-child(4) .hiring-process-block h5,
.hiring-process-wrapper ul li:nth-child(4) .hiring-process-block .h5 {
	color: #17313B;
}

.hiring-process-wrapper ul li:last-child .hiring-process-block span,
.hiring-process-wrapper ul li:last-child .hiring-process-block h5,
.hiring-process-wrapper ul li:last-child .hiring-process-block .h5 {
	color: #ED1C24;
}

.pricing-box {
	border: 1px solid #F0F0F0;
	padding: 32px;
	text-align: center;
	position: relative;
}

.pricing-box h4,
.pricing-box .h4 {
	color: #0E1318;
}

.pricing-box p {
	font-size: 14px;
	background: #efefef;
	padding: 10px 20px;
}

span.pricing-value {
	display: block;
	font-size: 30px;
	color: #333333;
	font-weight: 500;
	margin-bottom: 20px;
}

a.btn.black-btn {
	background: #333333;
	transition: 0.5s;
}

a.btn.black-btn:hover {
	background-image: linear-gradient(to right, #ce272e 0%, #ff8a12 50%, #d2303b 100%);
	position: relative;
	overflow: hidden;
	background-size: 200% auto;
	background-position: right center;
}

.hire-pricing-block .row:last-child .col-md-4:nth-child(2) .pricing-box {
	border-color: #ED1C24;
}

.hire-pricing-block .row:last-child .col-md-4:nth-child(2) .pricing-box:before {
	position: absolute;
	content: "Best Value";
	top: -25px;
	left: -1px;
	width: 100.6%;
	height: 25px;
	background: #ED1C24;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #fff;
	border: 1px solid #ED1C24;
}

.hire-projects .app__blk {
	border-radius: 20px;
}

.hire-projects .app__blk.online-study-bg .contents {
	padding: 0px 40px;
}

.hire-projects .app__blk.ebook-bg {
	padding: 40px 40px 0px;
}

.hire-projects .app__blk.puzzle-bg {
	padding: 40px 25px 0px;
}

.hire-projects .app__blk.ebook-bg .contents,
.hire-projects .app__blk.puzzle-bg .contents {
	padding: 0px;
}

.hire-projects .app__blk img.web-img {
	width: 100%;
	border-top-left-radius: 20px !important;
	border-top-right-radius: 20px !important;
	max-height: 290px !important;
	min-height: 290px !important;
	height: 100% !important;
}

.hire-projects .app__blk a {
	margin-bottom: 30px;
	font-weight: 500;
	border-bottom: 1px solid #000;
	display: inline-flex;
	font-size: 18px;
	color: #1F235A !important;
	text-decoration: none !important;
	border: 0px;
}

.hire-projects .app__blk a:hover {
	color: #f83d3d !important;
}

.hire-projects p.p-title {
	color: #6D7783;
	font-weight: 500;
}

.hire-projects .app__blk h4+p {
	line-height: 30px;
	margin-top: 20px;
	margin-bottom: 20px;
	letter-spacing: 0px !important;
}

/*-------------- Hire Angular page css End -----------------*/

/*---------- Web development page css Start --------------*/

.hero-new h1+p {
	font-size: 18px !important;
}

.web-technology .excellent-img {
	position: sticky;
	top: 150px;
}

.excellent-block.web-block {
	display: flex;
	background: transparent;
	box-shadow: none;
}

.excellent-block.web-block h5,
.excellent-block.web-block p {
	color: #fff;
}

.excellent-block.web-block p {
	line-height: 25px;
}

.excellent-block.web-block .excellent-inner-blk {
	background: #fff;
	border-radius: 50%;
	width: 100px;
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 0px;
}

.efficient-web-content {
	width: calc(100% - 120px);
	margin-left: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.excellent-block.web-block .excellent-inner-blk span {
	margin-right: 0px;
	width: 42px;
	height: 42px;
}

.excellent-block.web-block .excellent-inner-blk span svg {
	width: 42px;
	height: 42px;
}

.excellent-block.web-block:hover span svg path {
	fill: #1D293F;
}

.web-highly-effective .row:last-child .col-lg-3:nth-child(even) {
	padding-top: 50px;
}

.web-highly-effective .service-block {
	height: auto;
	position: relative;
}

.web-highly-effective .service-block:before {
	position: absolute;
	content: "1";
	top: 10px;
	right: 15px;
	font-size: 60px;
	color: rgb(0 0 0 / 5%);
	font-weight: 600;
}

.web-highly-effective .row:last-child .col-lg-3:nth-child(2) .service-block:before {
	content: "2";
}

.web-highly-effective .row:last-child .col-lg-3:nth-child(3) .service-block:before {
	content: "3";
}

.web-highly-effective .row:last-child .col-lg-3:nth-child(4) .service-block:before {
	content: "4";
}

.web-highly-effective .row:last-child .col-lg-3:nth-child(2) .service-block span {
	background: #FDECEB;
}

.web-highly-effective .row:last-child .col-lg-3:nth-child(3) .service-block span {
	background: #ec963f33;
}

.web-highly-effective .row:last-child .col-lg-3:nth-child(4) .service-block span {
	background: #E2F3F8;
}

.web-highly-effective .row:last-child .col-lg-3:first-child .service-block:hover {
	background: #2B6B5F;
}

.web-highly-effective .row:last-child .col-lg-3:nth-child(2) .service-block:hover {
	background: #CD3C33;
}

.web-highly-effective .row:last-child .col-lg-3:nth-child(3) .service-block:hover {
	background: #EC963F;
}

.web-highly-effective .row:last-child .col-lg-3:nth-child(4) .service-block:hover {
	background: #05A9DD;
}

.web-highly-effective .row:last-child .col-lg-3 .service-block:hover h5,
.web-highly-effective .row:last-child .col-lg-3 .service-block:hover p {
	color: #fff;
}

.web-highly-effective .row:last-child .col-lg-3 .service-block:hover:before {
	color: #fff;
}

.web-img-section {
	position: relative;
}

.web-img-section figure {
	text-align: center;
}

.web-img-section figure::before {
	position: absolute;
	content: "";
	top: -35px;
	left: 0;
	width: 85%;
	height: 100%;
	border: 5px solid #ddd;
	border-radius: 10px;
	z-index: -1;
}

.web-features .service-block:hover {
	border: 1.5px solid #FF2303;
	box-shadow: 0px 10px 20px 7px rgb(255 35 3 / 6%);
}

.web-features .service-block:hover .service-img {
	background: #FF2303;
	border-color: #FF2303;
}

/*---------- Web development page css End --------------*/

/*------------- Crypto Development css start ----------------*/
.crypto-hero {
	/* background: linear-gradient(294.61deg, #151846 2.3%, #212A9A 29.86%, #1F235A 101.35%); */
	/* background: #480E95; */
	background: url(../new-crypto-banner.html);
	background-repeat: no-repeat;
	background-size: cover;
}

.crypto-hero ul.new-banner-list li {
	font-size: 18px;
}

span.crypto-span {
	color: #FFD964;
}

.crypto-keyword .web-img-section figure::before {
	border-color: rgb(236 150 63 / 45%);
}

.crypto-features .service-block,
.crypto-features .service-img {
	background: transparent;
}

.crypto-features .service-block:hover {
	border: 1.5px solid #EC963F;
	box-shadow: none;
}

.crypto-features .service-block:hover .service-img {
	background: #EC963F;
	border-color: #EC963F;
}

.excellent-block.crypto-blk {
	border-radius: 0px;
	background: transparent;
	box-shadow: none;
	padding: 20px;
}

.excellent-block.crypto-blk .excellent-inner-blk {
	margin-bottom: 15px;
}

.excellent-block.crypto-blk .excellent-inner-blk span {
	width: 40px;
}

.excellent-block.crypto-blk .excellent-inner-blk h5,
.excellent-block.crypto-blk .excellent-inner-blk .h5 {
	width: calc(100% - 50px);
	color: #fff;
	margin-bottom: 0px;
}

.excellent-block.crypto-blk .efficient-web-content {
	width: 100%;
	margin-left: 0px;
}

.excellent-block.crypto-blk .efficient-web-content p {
	color: rgb(255 255 255 / 80%);
	font-size: 16px;
	line-height: 30px;
}

.why-crypto p {
	color: rgb(255 255 255 / 80%);
}

.crypto-dev-process .service-block {
	box-shadow: none;
	background: transparent;
}

.crypto-dev-process .service-block span {
	background: transparent;
	width: 40px;
	height: 40px;
	border-radius: 0px;
}

.crypto-dev-process .service-block:hover {
	box-shadow: 0px 3px 20px -8px rgb(41 47 83 / 15%);
	background: #fff;
}

section.crypto-dev-process .service-block:hover span {
	background: transparent !important;
}

.crypto-dev-process .service-block-content p {
	font-size: 16px;
	line-height: 30px;
}

.crypto-dev-process .service-block {
	position: relative;
}

.crypto-dev-process .col-lg-3:not(:nth-child(4)) .service-block:before {
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
	background: #dadada;
	display: none;
}

.crypto-dev-process .service-block:hover:before {
	display: none;
}

.crypto-security {
	position: relative;
}

.crypto-security .common-why-hire-img {
	position: absolute;
	content: "";
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

.crypto-security-content p,
.crypto-security-content ul li {
	color: #ECECEC;
}

.crypto-security-content p {
	margin-bottom: 30px;
	margin-top: 15px;
}

.crypto-security-content ul li {
	position: relative;
	padding-left: 35px;
	font-size: 20px;
}

.crypto-security-content ul li:not(:last-child) {
	margin-bottom: 30px;
}

.crypto-security-content ul li:before {
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	width: 26px;
	height: 22px;
	background: url(../svg/crypto-security-list-icon.svg);
	background-repeat: no-repeat;
	transform: translateY(-50%);
}

section.crypto-security {
	background: url(../crypto-security-bnr.html) var(--navy-bg) !important;
	background-repeat: no-repeat;
	background-size: cover;
}

.crypto-testimonial-block {
	padding: 24px;
	border: 1px solid #E7EAEC;
	border-radius: 10px;
	background: #fff;
	height: 100%;
}

.crypto-profile-blk {
	display: flex;
	justify-content: space-between;
	align-items: self-start;
}

.crypto-profile img {
	border-radius: 10px;
	width: 60px !important;
	height: 60px;
}

.crypto-testimonial-block h5,
.crypto-testimonial-block .h5 {
	margin-top: 12px;
	margin-bottom: 15px;
}

.crypto-testimonial-block p {
	line-height: 30px;
}

.crypto-slider .owl-nav {
	position: absolute;
	top: -100px;
	right: 115px;
}

.crypto-slider .owl-nav button.disabled {
	color: rgb(115 115 115 / 50%) !important;
	font-weight: 600;
}

.crypto-slider .owl-nav button {
	font-weight: 600 !important;
	color: #222A41 !important;
}

.crypto-slider .owl-nav button:first-child {
	margin-right: 10px;
	position: relative;
}

.crypto-slider .owl-nav button:first-child:before {
	position: absolute;
	content: "";
	top: 50%;
	right: -5px;
	width: 1px;
	height: 20px;
	background: #737373;
	transform: translateY(-50%);
}

.crypto-slider .owl-dots {
	text-align: center;
}

.crypto-slider button.owl-dot {
	background: #f9dfc5 !important;
	width: 10px;
	height: 10px;
	border-radius: 20px;
}

.crypto-slider button.owl-dot.active {
	background: #EC963F !important;
}

.crypto-slider button.owl-dot:not(:last-child) {
	margin-right: 10px;
}

.crypto-slider {
	padding-left: calc(50% - 540px) !important;
}

.crypto-slider .owl-stage {
	margin-left: -100px;
}

.intro.crypto-keyword .web-img-section1 {
	text-align: center;
}

.nft-hero {
	/* background: linear-gradient(294.61deg, #171E54 2.3%, #18215B 29.86%, #161E54 101.35%); */
	background: url(../new-nft-banner.html);
	background-repeat: no-repeat;
	background-size: cover;
}

.smart-hero {
	background: url(../new-smart-banner.html);
	background-repeat: no-repeat;
	background-size: cover;
}

.ico-hero {
	/* background: radial-gradient(73.06% 128.04% at 75.42% 49.93%, #4351BE 2.02%, #161E54 100%); */
	background: url(../new-ico-banner.html);
	background-repeat: no-repeat;
	background-size: cover;
}

.custom-hero {
	background: radial-gradient(73.06% 128.04% at 75.42% 49.93%, #266BAE 2.02%, #003F81 100%);
}

.tokenization-hero {
	/* background: linear-gradient(267.1deg, #3D065F 3.63%, #45108A 93.66%); */
	background: #3D065F;
}

/*------------- Crypto Development css End ----------------*/

/*------ New Contact Us CSS Start ---------------*/
section.hero-contact {
	background: url(../contact-us-bg.html);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0px -180px;
}

.contact-discover-text {
	margin-bottom: 30px;
}

.contact-discover-text p {
	width: 75%;
}

.contact-discover-img {
	text-align: center;
}

.contact-new-form {
	padding: 40px 50px;
	background: #261D56;
	border-radius: 10px;
}

.contact-new-form h4 {
	color: #fff;
}

.contact-new-form form .col-md-6 {
	width: 100%;
}

.contact-new-form form label {
	display: none;
}

.contact-new-form .card {
	border: 0px;
	border-radius: 0px;
	background: transparent;
}

.contact-new-form .card-body,
.contact-new-form .container {
	padding: 0px;
	background: transparent !important;
}

.contact-new-form .form-control {
	border-width: 0px 0px 1px 0px;
	border-radius: 0px;
	padding-left: 0px;
	background: transparent;
	border-color: #fff !important;
	color: #fff;
}

.contact-new-form .form-control::placeholder {
	font-size: 14px;
	color: #fff;
}

.contact-new-form .form-control:focus {
	box-shadow: none;
}

.contact-new-form form .col-md-12.text-center.mt-4 {
	text-align: left !important;
}

.contact-new-form form button.btn.btn-primary {
	padding: 14px 60px 14px 32px;
	border: none;
	background: #fff !important;
	transition: .5s;
	position: relative;
	overflow: hidden;
	background-size: 200% auto !important;
	font-size: 16px;
	font-weight: 500;
	color: #070E25 !important;
	border-radius: 8px;
}

.contact-new-form form button.btn.btn-primary:before {
	position: absolute;
	content: "";
	top: 50%;
	right: 30px;
	width: 20px;
	height: 20px;
	background: url(../svg/contactline.svg);
	background-repeat: no-repeat;
	background-position: center;
	transform: translateY(-50%);
}

.new-contactblk {
	position: relative;
}

.new-contactblk span.contact-span {
	width: 60px;
	height: 60px;
	background: #fef1f2;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	transition: .5s all ease-in-out;
}

.new-contactblk:hover .contact-span {
	background: #D31B27;
}

.new-contactblk:hover .contact-span svg path {
	fill: #fff;
}

.new-contactblk h4 {
	margin-top: 24px;
	margin-bottom: 15px;
	color: #183B56;
}

.new-contactblk p {
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 12px;
}

.new-contactblk a {
	font-size: 16px;
	text-decoration: none;
	font-weight: 700;
	color: #EC963F;
}

.new-contactblk span.call-span {
	color: #EC963F;
}

.contact-flex {
	display: flex;
}

.contact-flex span {
	width: 28px;
	height: 20px;
	display: block;
	margin-right: 12px;
	margin-top: 5px;
}

.contact-flex span img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.contact-flex p {
	width: calc(100% - 40px);
}

section.new-contact-detail .row .col-lg-4:first-child .new-contactblk {
	padding-right: 57px;
}

section.new-contact-detail .row .col-lg-4:nth-child(2) .new-contactblk {
	padding: 0px 57px;
}

section.new-contact-detail .row .col-lg-4:last-child .new-contactblk {
	padding-left: 57px;
}

section.new-contact-detail .row .col-lg-4:not(:last-child) .new-contactblk:before {
	position: absolute;
	content: "";
	top: 50%;
	right: 0;
	width: 2px;
	height: 85%;
	background: #e9e8ee;
	transform: translateY(-50%);
}

/*------ New Contact Us CSS end ---------------*/

/*------- old webflow development page css start----------*/

section.new-services-blk .solution-offers-blk {
	background: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 10px rgba(151, 151, 151, 0.1);
	border-radius: 10px;
	padding: 40px 27px;
}

section.intro.image-frame .img-section figure {
	z-index: 1;
}

section.intro.image-frame.frame-one,
section.intro.image-frame.frame-one .img-section figure::before {
	background: rgb(255 252 252);
}

.bg-grey-new,
section.intro.image-frame.frame-two,
section.intro.image-frame.frame-two .img-section figure::before {
	background: #FAF9F6;
}

section.new-services-blk .solution-offers-blk .offers-blk-header {
	margin-bottom: 15px;
}

section.new-services-blk .solution-offers-blk li {
	margin-bottom: 0px;
	padding-left: 0px;
}

section.new-services-blk .solution-offers-blk li:before {
	display: none;
}

section.new-services-blk .blk span.offer-icon,
section.new-services-blk .row .col-md-6 span.offer-icon {
	border-radius: 50px;
	text-align: center;
	width: 70px !important;
	height: 70px !important;
	display: block;
	line-height: 70px;
	margin-right: 20px;
}

section.new-services-blk .blk+h4,
section.new-services-blk .blk+.h4,
section.new-services-blk span.offer-icon+h4,
section.new-services-blk span.offer-icon+.h4 {
	width: calc(100% - 90px);
}

section.new-services-blk .row .col-md-6:nth-child(2) .blk span.offer-icon,
section.new-services-blk .row .col-md-6:nth-child(2) span.offer-icon {
	background: #8AC926 !important;
}

section.new-services-blk .row .col-md-6:nth-child(3) .blk span.offer-icon,
section.new-services-blk .row .col-md-6:nth-child(3) span.offer-icon {
	background: #52CFC0 !important;
}

section.new-services-blk .row .col-md-6:nth-child(4) .blk span.offer-icon,
section.new-services-blk .row .col-md-6:nth-child(4) span.offer-icon {
	background: #ED1C24 !important;
}

section.new-services-blk .row .col-md-6:nth-child(5) .blk span.offer-icon,
section.new-services-blk .row .col-md-6:nth-child(5) span.offer-icon {
	background: #F29100 !important;
}

section.new-services-blk .row .col-md-6:nth-child(6) .blk span.offer-icon,
section.new-services-blk .row .col-md-6:nth-child(6) span.offer-icon {
	background: #4885EF !important;
}

section.new-services-blk .row .col-md-6:last-child .blk span.offer-icon,
section.new-services-blk .row .col-md-6:last-child span.offer-icon {
	background: #8AC926 !important;
}

/*------- old webflow development page css end----------*/

/*------- old web development page css start----------*/

.section-we-offer-new-design .offer-block .offer-heading .offer-icon {
	width: 70px;
	height: 70px;
	line-height: 70px;
}

.section-we-offer-new-design .offer-block span.offer-icon+h4,
.section-we-offer-new-design .offer-block span.offer-icon+.h4 {
	width: calc(100% - 90px);
}

section.new-services-blk .row:last-child .col-md-4:first-child span.offer-icon {
	background: #52CFC0 !important;
}

section.new-services-blk .row:last-child .col-md-4:nth-child(2) span.offer-icon {
	background: #8AC926 !important;
}

section.new-services-blk .row:last-child .col-md-4:nth-child(3) span.offer-icon {
	background: #eb649c !important;
}

section.new-services-blk .row:last-child .col-md-4:nth-child(4) span.offer-icon {
	background: #ED1C24 !important;
}

section.new-services-blk .row:last-child .col-md-4:nth-child(5) span.offer-icon {
	background: #F29100 !important;
}

section.new-services-blk .row:last-child .col-md-4:nth-child(6) span.offer-icon {
	background: #4885EF !important;
}

section.new-services-blk .row:last-child .col-md-4:nth-child(7) span.offer-icon {
	background: #14c5d7 !important;
}

section.new-services-blk .row:last-child .col-md-4:last-child span.offer-icon {
	background: #8AC926 !important;
}

.platform-work.new-services-blk .offer-block .offer-heading .services__icon {
	width: 50px;
	height: 50px;
	line-height: 50px;
	margin-right: 20px;
}

.platform-work.new-services-blk .offer-block .offer-heading .services__icon+h4,
.platform-work.new-services-blk .offer-block .offer-heading .services__icon+.h4 {
	width: calc(100% - 70px);
}

/*------- old web development page css end----------*/

.map-frame iframe {
	width: 100%;
}

/*--CONSULTATION SECTION CSS START*/

.consultaion-section {
	padding: 50px;
	background-color: white;
	border-radius: 15px;
}

.consultaion-section h3,
.consultaion-section .h3 {
	text-transform: capitalize;
	font-weight: 600;
	font-size: 29px;
	line-height: 40px;
	color: #333333;
}


.consultaion-section h3 i,
.consultaion-section .h3 i {
	color: #ED1C24;
}


.consultaion-list {
	list-style: none;
	padding-left: 0px;
	margin: 30px 0px 50px 0px;
}

.consultaion-list li {
	position: relative;
	padding-left: 50px;
	text-align: left;
	margin-bottom: 30px;
}

.consultaion-list li:before {
	content: url(../svg/consultation-check.svg);
	position: absolute;
	left: 0;
}

.consultaion-button {
	padding: 0 10%;
}

/* FOOTER RESOURCE SECTION CSS START*/
.resource-section .container>.row {
	background-color: #FFEFD1;
	border-radius: 15px;
	background-image: url(../svg/resource-vector.svg);
	background-size: cover;

}



.resource-section a.btn {
	background: transparent !important;
	border: 1px solid #222A41;
	color: #222A41 !important;
}


.resource-section a.btn svg {
	padding-left: 5px;
	transition: 0.3s all linear;
}

.resource-section a.btn:hover,
.resource-section a.fill-bg {
	background: #222A41 !important;
	border: 1px solid #222A41;
	color: #fff !important;
}

.resource-section a.btn:hover svg {
	transform: translateY(-2px) rotate(45deg);
}

.resource-section a.btn:hover svg path,
.resource-section a.fill-bg svg path {
	stroke: #fff;
}

.resource-section a.fill-bg:hover {
	background: linear-gradient(90deg, #F83D3D 0%, #EC963F 100%) !important;
	border-color: #ED8E3E !important;
	transition: none !important;
}


/*----- old pages banner img css start --------*/
section.icecream-banner {
	background: url(../icecream-banner.html);
	background-size: cover;
	background-repeat: no-repeat;
}

.web-hero {
	background: url(../new-web-banner.html);
	background-repeat: no-repeat;
	background-size: cover;
}

.listing-hero {
	background: url(../new-listing-banner.html);
	background-repeat: no-repeat;
	background-size: cover;
}

.codeigniter-hero {
	background: url(../new-codeigniter-banner.html);
	background-repeat: no-repeat;
	background-size: cover;
}

.backend-hero {
	background: url(../new-backend-banner.html);
	background-repeat: no-repeat;
	background-size: cover;
}

.webdesign {
	background: url(../web-design-new-banner-plane.html) !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	position: relative;
	padding: 120px 0px;
	overflow: hidden;
	z-index: 1;
}

.particles-wrapper {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	transform-style: preserve-3d;
	perspective: 50vmin;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.webdesign h1 {
	font-size: 50px !important;
	line-height: 75px !important;
}

.webdesign h1 span {
	font-size: 80px !important;
	line-height: 75px !important;
	background-image: url(../grad-web.html);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.webdesign-img-section {
	position: absolute;
	content: "";
	top: 50%;
	right: 0;
	width: calc(50% - 50px);
	height: 100%;
	transform: translateY(-50%);
	/*margin: 80px 0px;*/
	margin-top: 20px;
	z-index: 1;
}

.webdesign-img-section img {
	width: 100%;
	max-width: 100%;
}

.webdesign-intro .img-section figure::before {
	background: #faf9f6;
}



/*----- old pages banner img css end --------*/

/*------- Clone pages css start ---------*/
.custom-bg {
	background: #FAF9F6;
}

.hire-get-clone-wrapper {
	width: 100%;
	height: 100%;
	padding: 55px 30px;
	background: #FAF9F6;
}

section.clone-capabilities .row .col-lg-6:last-child {
	background: none !important;
	padding: unset !important;
}

section.clone-capabilities .container-fluid {
	border-top: 1px solid #ddd;
	padding-top: 50px;
}

.hire-get-clone-img {
	width: 70px;
	height: 70px;
}

.hire-get-clone-wrapper h4 {
	margin-top: 15px;
	margin-bottom: 10px;
	font-weight: 500;
}

.hire-get-clone-wrapper p {
	color: var(--text-light);
}

.hiring-dev-process-wrapper {
	display: flex;
	flex-wrap: wrap;
}

.hire-dev-process-block:not(:last-child) {
	margin-right: 15px;
}

.hire-dev-process-block {
	flex-basis: 18.85%;
	background: #fff;
	border-radius: 22px;
	padding: 44px 10px;
	text-align: center;
	border: 1px solid #CECECE;
	position: relative;
	transition: all .3s linear;
}

.hire-dev-process-block h6 {
	font-size: 18px;
	font-weight: 600;
	margin-top: 33px;
	margin-bottom: 15px;
}

.hire-dev-process-block p {
	font-size: 14px;
	font-weight: 300;
}

.hire-dev-process-block span {
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 1px;
	color: var(--primary-txt-clr);
	position: absolute;
	content: "";
	bottom: 14px;
	left: 50%;
	transform: translateX(-50%);
}

.dev-arrow {
	width: 36px;
	height: 36px;
	background: #EC963F;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	right: -26px;
	transform: translateY(-50%);
	z-index: 1;
}

.dev-arrow svg {
	width: 18px;
}

.hire-dev-process-block:after {
	position: absolute;
	content: "";
	top: 50%;
	right: -20px;
	width: 34px;
	height: 40px;
	border: 1px solid #cecece;
	border-radius: 50%;
	border-width: 0px 0px 0px 1px;
	transform: translateY(-50%);
	background: #fff;
}

.hire-dev-process-block:before {
	position: absolute;
	content: "";
	top: 50%;
	left: -20px;
	width: 34px;
	height: 40px;
	border: 1px solid #cecece;
	border-radius: 50%;
	border-width: 0px 1px 0px 0px;
	transform: translateY(-50%);
	background: #fff;
}

.hire-dev-process-block:first-child:before,
.hire-dev-process-block:last-child:after {
	display: none;
}

.hire-dev-process-block:hover {
	background: #ec963f;
	border-color: #ec963f;
}

.hire-dev-process-block:hover h6,
.hire-dev-process-block:hover p,
.hire-dev-process-block:hover span {
	color: #fff;
}

.hire-dev-process-block:hover:before,
.hire-dev-process-block:hover:after {
	border-color: #ec963f;
}

.hire-dev-process-block .hire-dev-process-icon img:last-child,
.hire-dev-process-block:hover .hire-dev-process-icon img:first-child {
	display: none;
}

.hire-dev-process-block:hover .hire-dev-process-icon img:last-child {
	display: block;
	margin: 0 auto;
}

/*------- Clone pages css end ---------*/
/*------- NEW Thank you page css start -------*/
.thanks-social,
.button-group {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 20px;
	justify-content: center;
}

.thanks-buttons a:nth-child(2) {
	background-image: none !important;
	background-color: transparent !important;
	border-color: #F83D3D;
	color: var(--primary-txt-clr) !important;
}

.thanks-buttons a:nth-child(2):hover {
	background-image: linear-gradient(to right, #ce272e 0%, #ff8a12 50%, #d2303b 100%) !important;
	padding: 0 1rem;
	background-size: 200% auto;
	background-position: right center;
	color: #FFF !important;
	border-color: transparent;
}

/*------- NEW Thank you page css ends -------*/


/* ///------------------------------------------------------------- All Media queries Css Start -----------------------------------------------------------------/// */
@media screen and (min-width: 991px) {
	.web-menu-navbar>ul li.nav-item.dropdown:first-child {
		padding-left: 110px;
	}
}

@media screen and (max-width: 991px) {
	:root {
		--spacer: 40px 0;
		--spacer-top: 40px;
		--spacer-bottom: 40px;
		--spacer-ft: 40px;
		--spacer-fb: 40px;
		--spacer-ftb: 40px 0px;
	}

	h2,
	.h2 {
		font-size: 36px;
	}

	.h3,
	h3 {
		font-size: calc(1rem + .6vw);
	}

	.h4,
	h4 {
		font-size: calc(1rem + .3vw);
	}

	.hero h1 {
		font-size: 38px !important;
		font-weight: 700;
	}

	.hero p {
		font-size: 16px;
	}

	.navbar-toggler {
		margin-left: auto;
		margin-right: 20px;
	}

	.btn {
		font-size: 1rem;
	}

	.btn-lg {
		min-width: 160px;
		height: 48px;
		line-height: 48px;
	}

	.site-header .navbar-nav {
		text-align: center;
	}

	.site-header .navbar-nav>li:not(:last-child) {
		border-bottom: 1px solid #ccc;
	}

	.site-header .navbar-nav {
		text-align: center;
		border: 1px solid #ccc;
	}

	header .navbar-nav>li {
		margin-right: 0px !important;
	}

	.site-header .navbar-nav .nav-item .dropdown-menu.nav-list {
		min-width: 335px;
	}

	#navbarNavDropdown.web-menu-navbar {
		display: none !important;
	}

	.mobile-nav-menu .accordion-body ul li {
		list-style: none;
	}

	.mobile-nav-menu .accordion-body ul {
		padding-left: 0px;
		margin-bottom: 0px;
	}

	.mobile-nav-menu .accordion-body ul li.nav-title {
		padding: 10px 0px;
		background: #f7f7f7;
	}

	.mobile-nav-menu .accordion-body {
		padding: 0rem;
	}

	/*--------- new header css media ---------*/
	.navbar-toggler:focus {
		box-shadow: none;
	}

	.nw-mbl-menu .site-header .navbar-nav {
		text-align: left !important;
	}

	.web-menu-navbar+.btn.primary-btn {
		display: none;
	}

	.mobile-nav-menu.nw-mbl-menu button.accordion-button:not(.collapsed),
	.mobile-nav-menu.nw-mbl-menu button.accordion-button:hover {
		color: var(--primary-btn);
	}

	.mobile-nav-menu.nw-mbl-menu .accordion-button:not(.collapsed)::after {
		filter: grayscale(1);
	}

	/*------- new header css media end ------*/
}

@media screen and (min-width: 767px) and (max-width: 867px) {
	.hero h1 {
		font-size: 36px !important;
		font-weight: 700;
	}
}

@media screen and (max-width: 767px) {
	:root {
		--spacer: 30px 0;
		--spacer-top: 30px;
		--spacer-bottom: 30px;
		--spacer-ft: 30px;
		--spacer-fb: 30px;
		--spacer-ftb: 30px 0px;
	}

	h2,
	.h2 {
		font-size: 32px;
		line-height: 34px;
	}

	.h3,
	h3 {
		font-size: calc(1rem + .3vw);
	}

	.h4,
	h4 {
		font-size: calc(1rem + .1vw);
	}

	.header__top__inner {
		flex-wrap: wrap;
	}

	.header__top ul {
		flex-wrap: wrap;
		width: 50%;
		justify-content: flex-start;
	}

	.header__top ul:last-child {
		justify-content: end;
	}

	.header__top ul:first-child>li {
		/*width: 100%;*/
		list-style: none;
	}

	.header__top a {
		font-size: 0.850rem;
	}

	.site-header .navbar .btn {
		display: none;
	}

	.logo {
		max-width: 130px;
	}

	section.portfolio.hero h1 {
		font-size: 34px !important;
		font-weight: 700;
		line-height: 50px;
	}

	.mob-display {
		display: block;
	}

	.site-header .navbar>.container {
		display: flex;
		flex-wrap: wrap;
	}

	a.nav-link.mob-display.free-qte {
		font-size: 13px;
		max-width: 100px;
		color: #fff;
		font-weight: 600;
		margin-left: auto;
		text-align: center;
		width: 100%;
		border-radius: 5px;
		margin-right: 5px;
		background-image: linear-gradient(to right, #ce272e 0%, #ff8a12 50%, #d2303b 100%);
		transition: 0.5s;
		position: relative;
		overflow: hidden;
		background-size: 200% auto;
	}

	a.nav-link.mob-display.free-qte:hover {
		background-position: right center;
	}

	.navbar-light .navbar-toggler {
		border: none;
		padding: 0px;
	}

	.navbar-toggler:focus {
		box-shadow: none;
	}

	.navbar-toggler {
		margin-right: 0px;
		margin-left: 0px;
	}

	.footer-nav {
		margin-bottom: 20px;
	}

	.site-header .navbar-nav .nav-item .dropdown-menu ul {
		padding-left: 0px;
	}

	section.hero>div:first-child {
		order: 2 !important;
	}

	h2.w-75 {
		width: 100% !important;
	}

	.start-form-content {
		padding: 40px 20px;
		border-top-right-radius: 15px;
		border-top-left-radius: 15px;
		border-bottom-left-radius: 15px;
		border-bottom-right-radius: 15px;
		overflow: hidden;
	}

	.start-form-content h2 {
		font-size: 36px;
		line-height: 45px;
	}

	.start-form-img img {
		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
		border-bottom-right-radius: 0px;
	}

	.blog-slider .owl-nav button {
		display: none;
	}

	.dating-hero-section p {
		font-size: 1rem;
		line-height: 30px;
	}

	.apps-slider-content-wrapper {
		height: auto;
	}

	.apps-slider-pagination {
		margin-top: 40px !important;
	}
    
	.hero-banner-list {
		margin: 0 0 20px !important;
	}
	.faq-blocks button.accordion-button {
		font-size: 16px !important;
	}
	.hero_technology h1 {
		font-size: 28px !important;
	}
	.form-ios {
		padding: 20px 20px;
	}
}


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

	/* HEADER */
	.header__top ul {
		justify-content: center !important;
	}

	img.flg-img {
		width: 20px;
		height: 20px;
	}

	.order_1 {
		order: 1;
	}

	.order_2 {
		order: 2;
	}

	.order_3 {
		order: 3;
	}

	.order_4 {
		order: 4;
	}

	.order_5 {
		order: 5;
	}

	.order_6 {
		order: 6;
	}

	.order_7 {
		order: 7;
	}

	.order_8 {
		order: 8;
	}

	.technology h1 br {
		display: none;
	}

	.site-header .navbar-nav .nav-item .dropdown-menu.nav-list {
		min-width: 250px;
	}

	/* .header__top__inner ul:first-child {
        display: none;
    }
   
	.header__top__inner ul:last-child li:nth-child(2) {
        display: none;
    }
	*/

	.header__top ul {
		width: 100%;
	}

	#navbarNavDropdown.web-menu-navbar {
		display: none !important;
	}

	.mobile-nav-menu .accordion-body {
		padding: 0rem;

	}

	.mobile-nav-menu .accordion-body ul {
		padding-left: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
	}

	.mobile-nav-menu .accordion-body ul li {
		list-style: none;
	}

	li.nav-title a {
		font-weight: 500;
	}

	.mobile-nav-menu .accordion-body ul li.nav-title {
		padding: 10px 0px;
		background: #f7f7f7;
	}

	.mobile-nav-menu button.accordion-button {
		padding: 10px 15px;
		font-weight: 500;
	}

	.mobile-nav-menu .nav-link {
		font-weight: 500;
	}

	.mobile-nav-menu .navbar-nav>li>a {
		padding: 15px;
	}

	.mobile-nav-menu .navbar-nav {
		text-align: left;
		border: 1px solid #ccc;
	}

	.mobile-nav-menu button.accordion-button:hover {
		color: var(--primary-btn);
	}

	.mobile-nav-menu button.accordion-button:not(.collapsed) {
		color: var(--primary-btn);
		background-color: #fff;
		box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
	}

	.accordion-button:not(.collapsed)::after {
		filter: grayscale(1);
	}

	#getquote {
		display: none;
	}

	.mobile-nav-menu.nw-mbl-menu .navbar-nav>li>a {
		padding: 10px 15px;
	}

	.service-height {
		height: 400px;
	}

}

/*-------------- Media Quries Home , ecommerce page css start -----------------*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.innovation-main-heading {
		display: none;
	}

	.steps__descp p {
		line-height: 26px;
		font-size: 16px;
	}

	.ourclient-slider .owl-nav button {
		display: none;
	}
}

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

	.hero img {
		max-width: 300px;
		width: 100%;
	}

	.section-hero {
		padding-top: 30px;
	}

	.hero-banner-list {
		grid-template-columns: 1fr;
	}

	.call-action__inner h4,
	.call-action__inner .h4 {
		padding-left: 15px;
		padding-right: 15px;
		text-align: center;
	}

	.call-action__inner img {
		position: static;
		display: block;
		margin: 0 auto;
	}

	.call-action__inner .col-md-2 {
		text-align: center;
	}

	.service-block {
		height: auto;
		margin-bottom: 30px;
		padding: 20px 20px !important;
	}

	.listing-spacer {
		margin-left: 0;
	}

	.section__subheading,
	.row h2 {
		font-size: 24px;
	}

	.specific-requirements-bg .row [class*="col-"]:nth-child(even) {
		margin-top: 0px;
	}

	.w-50 {
		width: 100% !important;
	}

	.platform__box {
		width: 80px;
		height: 80px;
		padding: 20px;
	}

	.service-provide {
		padding-top: 30px;
	}

	.service-provide:before {
		height: 100%;
		width: 100%;
	}
}



@media screen and (max-width: 767px) {
	.home-hero {
		padding: 3rem 0 !important;
	}

	.value-box ul {
		flex-direction: column;
		text-align: center;
	}

	.value-box ul li:not(:last-child) {
		border-right: 0;
		padding-right: 0;
	}

	.tech-block-img {
		height: 65px;
	}

	.section-our-client {
		margin-bottom: 50px;
	}

	button.btn.client-play-btn img {
		width: 100px;
		height: 100px;
	}

	.our-client-block {
		flex-direction: column;
	}

	.our-client-block-img,
	.our-client-block-content {
		width: 100%;
	}

	.our-client-block-img {
		border-bottom-left-radius: 0px;
		border-top-right-radius: 20px;
	}

	.our-client-block-img img,
	.our-client-block-img::before {
		border-top-right-radius: 20px;
		border-bottom-left-radius: 0px;
	}

	.our-client-block-content {
		padding: 15px;
	}

	.btn.client-play-btn {
		width: 80px;
		height: 80px;
	}

	.ourclient-slider .owl-nav button.owl-prev {
		bottom: 0;
		left: 0;
		top: 105%;
	}

	.ourclient-slider .owl-nav button.owl-next {
		bottom: 0;
		right: 0;
		top: 105%;
	}

	.innovation-main-heading,
	.innovation-projects {
		position: static;
	}

	.innovation-content::before {
		display: none;
	}

	.innovation-content {
		padding: 20px;
	}

	.innovation-projects {
		width: 100%;
	}

	.form-ios {
		width: 100%;
		padding: 20px;
	}
    
     .dating-image-slider{
        display: none;
    }
}

/*-------------- Media Quries Home , ecommerce page css end -----------------*/

/*-------------- Media Quries iOS , Android page css start -----------------*/

@media screen and (min-width: 567px) and (max-width: 991px) {
	.ios-gallery-content p {
		display: none;
	}

	.video {
		width: 100%;
	}

}

@media screen and (max-width: 767px) {
	.video {
		width: 100%;
		height: 100%;
		border-radius: 10px;
	}

	.intro.why-choose-us-blk {
		padding: 30px 0px;
	}

	.global-service-block-img img {
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
	}

	.global-service-block-content {
		position: static;
	}

	.global-slider .owl-nav {
		bottom: -20px;
		left: 20px;
		width: 52px;
		height: 52px;
	}

	.why-choose-us-blk .row .col-md-6:last-child {
		padding-top: 20px;
	}

	.global-service-block:hover .global-service-block-content p {
		display: none;
	}

	.border-gradient::before {
		width: 98%;
	}

}

@media screen and (min-width: 320px) and (max-width: 567px) {
	.ios-gallery::before {
		position: absolute;
		content: "";
		top: 0;
		left: 0;
		width: 100%;
		height: 94%;
		background: linear-gradient(#ffffff8f, #0000);
		margin-bottom: 20px;
		z-index: 0;
		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
	}

	.listing__inner {
		justify-content: start !important;
	}
}

@media screen and (min-width: 320px) and (max-width: 390px) {
	.border-gradient::before {
		width: 98%;
		left: 3px;
	}

}

/*-------------- Media Quries iOS , Android page css end -----------------*/

/*-------------- Media Quries Education page css Start -----------------*/

@media screen and (min-width: 1174px) and (max-width: 1274px) {
	.blog-slider .owl-nav button.owl-prev {
		left: -30px !important;
	}

	.blog-slider .owl-nav button.owl-next {
		right: -30px !important;
	}
}

@media screen and (min-width: 991px) and (max-width: 1174px) {
	.blog-slider .owl-nav button {
		display: none;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.mobile-application .row:last-child .col-md-12 .app__blk {
		flex-direction: column;
	}

	.blog-slider .owl-nav button.owl-next {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.app__blk .bottom-img {
		height: auto;
	}

	/*.col-md-12.d-flex .app__blk .contents + img {
	  width: calc(100% - 200px);
	}*/
	.mobile-application .row:last-child .col-md-12 .app__blk {
		flex-direction: column;
	}

	.service-block {
		height: 100%;
	}

	.bottom-img1 {
		width: 100%;
	}
}

@media screen and (max-width: 567px) {
	.img-section figure::before {
		left: 15px;
		top: 28px;
	}

	.img-section figure::after {
		left: 10px;
		top: 18px;
	}

	.app__blk .contents {
		padding: 20px;
		padding-bottom: 0px;
	}

	.app__blk .bottom-img {
		height: auto;
	}

	.mobile-application .row:last-child .col-md-12 .app__blk {
		flex-direction: column;
	}

	.development-solutions .project-discussion {
		top: 75% !important;
		left: 8%;
	}

	.intro .project-discussion {
		top: -5% !important;
		left: 13%;
	}

	.service-block {
		height: auto;
		margin-bottom: 10px;
	}

	.learning-solutions::after {
		background-position: bottom;
	}

	.specific-requirements h2 {
		margin-bottom: 0px;
	}

	.education-services .service-block {
		flex-direction: column;
		padding: 20px 0px;
	}

	.education-services .service-block-content {
		margin-top: 20px;
		width: calc(100% - 40px);
	}

	section.service-provide::before {
		top: -5%;
		left: -30%;
	}

	.section-kickstart {
		padding: 50px 0px;
	}

	.start-development-block {
		padding: 50px 20px !important;
	}

}

/*-------------- Media Quries Education page css end -----------------*/

/*-------------- Media Quries Mobile Appication html page css start -----------------*/

@media screen and (min-width: 768px) and (max-width: 991px) {
	span.red-bg {
		width: 64%;
	}

	ul.new-banner-list li::before {
		top: 8px;
	}

	ul.new-banner-list li {
		line-height: 35px;
	}
}

@media screen and (max-width: 767px) {
	.hero.mobile-app-section .row .col-md-7 {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	span.red-bg::after {
		display: none;
	}

	ul.new-banner-list li::before {
		top: 15px;
	}

	.webdesign-service-provide .row .col-md-5 {
		position: static;
	}
}

@media screen and (max-width: 567px) {
	.hero.mobile-app-section .row .col-md-7 {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	span.red-bg {
		width: 75%;
	}

	span.red-bg::after {
		display: none;
	}

	ul.new-banner-list li {
		font-size: 16px;
		line-height: 30px;
	}

	ul.new-banner-list li::before {
		top: 5px;
	}

	.know-more-about-wrapper {
		padding: 50px 15px;
	}

	.slide-icons {
		width: 68px;
		height: 68px;
	}

	.slide-icons span {
		width: 55px;
		height: 55px;
	}

	.faq-blocks .accordion-body {
		padding: 16px 25px;
	}

	.supports-img {
		text-align: center;
	}

	.supports-img img {
		height: 250px;
	}
}

/*-------------- Media Quries Mobile Appication html page css end -----------------*/

/*-------------- Media Quries Dating page css Start -----------------*/

@media screen and (min-width: 768px) and (max-width: 991px) {
	.dating-hero-section h1 {
		font-size: 42px !important;
		line-height: 50px;
	}

	ul.dating-panel-list li {
		flex-basis: 100% !important;
	}

	.statistics-arrow {
		display: none;
	}

	.banner-btn-blk {
		width: 240px;
		height: 240px;
	}
}

@media screen and (max-width: 767px) {
	.order_1 {
		order: 1;
	}

	.order_2 {
		order: 2;
	}

	.efficient-img1 {
		margin-top: 50px;
	}

	.section-efficient-bnr .row.spacer-top {
		padding-top: 0px;
	}

	.statistics-content {
		position: static;
		width: 100%;
	}

	.statistics-arrow {
		display: none;
	}

	.banner-btn-blk {
		margin: 0 auto;
		margin-top: -65px;
	}

	section.dating-banner h2 {
		line-height: 36px;
	}

	.section-effective-banner {
		margin-top: 0px;
		padding-top: 50px;
	}

	.section-effective-banner .effective-banner-content {
		padding-top: 50px;
	}

	.effective-img img {
		margin-top: 0px;
	}

	.effective-banner-img a {
		top: 70%;
		right: 15%;
	}

	.our-history-wrapper {
		width: 100%;
	}

}

@media screen and (max-width: 567px) {
	.dating-hero-section h1 {
		font-size: 34px !important;
		line-height: 42px;
		/* margin-top: 30px; */
	}

	section.dating-hero-section p {
		width: 100% !important;
	}

	section.dating-hero-section .col-md-6:last-child {
		display: none;
	}

	section.dating-banner h2 {
		line-height: 36px;
	}

	section.dating-banner p {
		width: 100% !important;
	}

	.banner-btn-blk {
		margin: 0 auto;
		margin-top: -65px;
	}

	.statistics-content {
		position: static;
		width: 100%;
	}

	.statistics-arrow {
		display: none;
	}

	ul.dating-panel-list li {
		flex-basis: 100% !important;
	}

	.dating-panel h2 {
		font-size: 30px;
	}

	.section-effective-banner {
		margin-top: 0px;
		padding-top: 50px;
	}

	.section-effective-banner .effective-banner-content {
		padding-top: 50px;
	}

	.effective-img img {
		margin-top: 0px;
	}

	.effective-banner-img a {
		top: 70%;
		right: 15%;
	}

	.efficient-img1 {
		margin-top: 50px;
	}

	.section-efficient-bnr .row.spacer-top {
		padding-top: 0px;
	}

	.our-tabs-style .history-img-block img {
		height: auto;
	}
}

/*-------------- Media Quries Dating page css End -----------------*/

/*-------------- Media Quries Food page css Start -----------------*/

@media screen and (min-width:768px) and (max-width:991px) {

	span.oval-style::before {
		width: 100%;
		background-size: contain;
		top: -16px;
		height: 80px;
		left: -8px;
	}

	section.food-efficient-bnr h2 {
		font-size: 26px;
	}

	section.food-efficient-bnr .effective-banner-content {
		padding-bottom: 40px;
	}

	.dating-panel-img {
		position: sticky;
		top: 200px;
	}
}

@media screen and (max-width:767px) {
	span.oval-style::before {
		top: -21px;
		height: 100px;
		background-size: contain;
		width: 100%;
		left: -5px;
	}

	section.food-efficient-bnr {
		margin: 0px 50px;
	}

	.food-hero h1 {
		margin-top: 30px;
	}
}

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

	/*span.oval-style {
		display: block;
	}*/
	.food-hero h1 {
		margin-top: 0px;
	}

	span.oval-style::before {
		width: 100%;
		background-size: contain;
		top: -8px;
		height: 65px;
		left: -5px;
		display: none !important;
	}

	.food-hero .col-md-5 {
		display: none;
	}

	section.food-efficient-bnr {
		margin: 0 auto;
	}

	section.food-efficient-bnr h2 {
		font-size: 32px;
	}

	.recent-service-block {
		width: 100%;
	}
}

/*-------------- Media Quries Food page css End -----------------*/

/*-------------- Media Quries About page css Start -----------------*/
@media screen and (max-width: 991px) {
	.hero-baout-social-media ul li {
		margin-right: 0px;
	}

	.webdesign-img-section {
		display: none;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	section.about-section .hero-about-us h1 {
		font-size: 60px !important;
	}

	.hero-baout-social-media ul li {
		flex-basis: 50%;
		margin-bottom: 20px;
		margin-right: 0px;
	}

	section.about-who-we-are h2 {
		line-height: 44px;
	}

	.founder-section .project-discussion {
		position: absolute;
		right: -12%;
		top: 70%;
	}

	.core-value-wrapper {
		padding: 50px 25px;
	}
}

@media (min-width: 768px) {
	section.all-images-wrapper .col-md-2 {
		flex: 0 0 auto;
		width: 18.666667%;
	}
}

@media screen and (max-width: 767px) {
	section.about-who-we-are h2 {
		line-height: 35px;
	}

	.who-we-img {
		margin-bottom: 30px;
		text-align: center;
	}

	section.our-history::before {
		top: 55px;
		right: -45px;
		font-size: 108px;
	}

	.founder-section .project-discussion {
		right: 5%;
		top: 70%;
	}

	.core-value-wrapper::before,
	.core-value-wrapper::after {
		display: none;
	}

	.our-core-values .row:last-child .col-md-4:nth-child(3) .core-value-wrapper {
		padding-bottom: 0px;
	}

	.founder-section .img-section {
		text-align: center;
		margin-bottom: 20px;
	}
}


@media screen and (max-width: 567px) {
	section.about-section .hero-about-us h1 {
		font-size: 55px !important;
	}

	section.about-section .hero-about-us h5 {
		font-size: 14px;
	}

	.hero-baout-social-media ul li {
		flex-basis: 47%;
		margin-bottom: 20px;
	}

	.hero-baout-social-media ul li:not(:nth-child(2n)) {
		margin-right: 15px;
	}

	section.about-who-we-are h2 {
		line-height: 35px;
	}

	.who-we-img {
		margin-bottom: 30px;
		text-align: center;
	}

	section.our-history::before {
		top: 100px;
		right: -20px;
		font-size: 55px;
	}

	.our-history-wrapper {
		width: 100%;
	}

	.history-slider button.owl-dot span::after {
		font-size: 14px;
		/* display: none; */
	}

	.value-box ul li {
		padding: 0px !important;
	}

	.founder-section .img-section figure::before {
		left: 0;
		top: 20px;
	}

	.founder-section .custom-image-border-radius,
	.founder-section .img-section figure::before,
	.founder-section .img-section figure::after {
		border-radius: 50%;
	}

	.founder-section .project-discussion {
		top: 70% !important;
	}

	section.our-core-values h2+p {
		width: 100% !important;
	}

	.core-value-wrapper {
		padding: 40px 30px;
	}

	.our-core-values .row:last-child .col-md-4:nth-child(3) .core-value-wrapper {
		padding-bottom: 0px;
	}

	.core-value-wrapper::before,
	.core-value-wrapper::after {
		display: none;
	}

	/*.achievement-wrapper {
	  padding: 30px 60px;
	  height: 120px;
	}*/
	.achievement-icon img {
		width: 150px;
	}

	.achievement-wrapper:hover .achievement-text {
		padding: 30px 60px;
	}

	.achievement-text p {
		font-size: 18px;
	}

	.our-achievement .row:last-child .col-md-4 {
		padding: 0rem 1rem !important;
	}

	.webdesign {
		padding: 50px 0px;
	}

	.webdesign h1 {
		line-height: 46px !important;
		text-align: center;
	}

	.webdesign h1 span {
		font-size: 48px !important;
		line-height: 48px !important;
	}

	.webdesign p {
		width: 100% !important;
		text-align: center;
	}

	.webdesign-anchor,
	.webdesign-learning-solution .service-block {
		text-align: center;
	}

	.webdesign-service-provide .service-block-content {
		text-align: center;
	}

	.webdesign-service-provide .service-block-content span {
		margin: 0 auto;
		margin-bottom: 20px;
	}
}

/*-------------- Media Quries About page css End -----------------*/

/*-------------- Media Quries Blockchain page css Start -----------------*/

@media screen and (min-width:991px) and (max-width:1164px) {
	.main {
		width: 385px;
		height: 385px;
	}

	.key-benefit-block ul {
		gap: 20px;
	}

	.key-benefit-block ul li:nth-child(2),
	.key-benefit-block ul li:last-child {
		padding-top: 0px;
	}

	.key-benefit-block ul li {
		flex-basis: 48%;
	}

	.key-benefit-block ul li {
		margin-right: 0px !important;
	}
}

@media screen and (min-width:767px) and (max-width:991px) {
	.hw-work-block::before {
		display: none;
	}

	.main {
		width: 350px;
		height: 350px;
	}

	.big-circle .icon-block:nth-child(3),
	.big-circle .icon-block:nth-child(4),
	.big-circle .icon-block:nth-child(6) {
		width: 75px;
		height: 75px;
	}

	.blk-industry-wrapper ul li {
		flex-basis: 100%;
	}

	.key-benefit-block ul {
		gap: 20px;
	}

	.key-benefit-block ul li:nth-child(2),
	.key-benefit-block ul li:last-child {
		padding-top: 0px;
	}

	.key-benefit-block ul li {
		flex-basis: 48%;
	}

	.key-benefit-block ul li {
		margin-right: 0px !important;
	}

	.blockchain-platform.main-container {
		padding: 50px 0px;
		height: auto;
	}

	.block-bnr-content,
	.block-bnr-content-new {
		padding-bottom: 30px;
	}
}

@media screen and (min-width:567px) and (max-width:767px) {
	.key-benefit-block button.nav-link {
		padding: 10px 69px;
	}

	.key-benefit-block ul {
		gap: 20px;
	}

	.key-benefit-block ul li:nth-child(2),
	.key-benefit-block ul li:last-child {
		padding-top: 0px;
	}

	.key-benefit-block ul li {
		flex-basis: 48%;
	}

	.key-benefit-block ul li {
		margin-right: 0px !important;
	}

	.hw-work-block::before {
		display: none;
	}

	.block-bnr-img img {
		margin-top: 20px;
	}

	.main {
		width: 400px;
		height: 400px;
	}

	.big-circle .icon-block:nth-child(3),
	.big-circle .icon-block:nth-child(4),
	.big-circle .icon-block:nth-child(6) {
		width: 75px;
		height: 75px;
	}

	.blockchain-platform.main-container {
		padding: 40px 0px;
		height: auto;
	}
}

@media screen and (max-width:567px) {
	.blockchain-hero h1 {
		font-size: 38px;
	}

	.blockchain-hero p {
		width: 100% !important;
	}

	.blockchain-hero .col-md-5 {
		display: none;
	}

	.key-benefit-block ul li {
		flex-basis: 100%;
		margin-right: 0px !important;
	}

	.block-bnr-img img {
		margin-top: 20px;
	}

	.hw-work-block::before {
		display: none;
	}

	.main {
		width: 250px;
		height: 250px;
	}

	.big-circle .icon-block:nth-child(3),
	.big-circle .icon-block:nth-child(4),
	.big-circle .icon-block:nth-child(6) {
		width: 70px;
		height: 70px;
	}

	.big-circle .icon-block:nth-child(3) img,
	.big-circle .icon-block:nth-child(4) img,
	.big-circle .icon-block:nth-child(6) img {
		width: 50px;
		height: 50px;
	}

	.icon-block {
		width: 46px;
		height: 46px;
	}

	.icon-block img {
		width: 35px;
		height: 35px;
	}

	.center-logo {
		width: 50px;
		height: 50px;
	}

	.center-logo img {
		width: 35px;
		height: 35px;
	}

	.block-bnr-content,
	.block-bnr-content-new {
		padding-left: 15px;
	}

	.blk-industry-wrapper ul li {
		flex-basis: 100%;
	}

	.blockchain-slider button.owl-dot.active::before {
		left: 54%;
	}

	.blockchain-platform p {
		padding-right: 0px;
	}

	.blockchain-tabs-img {
		margin-bottom: 10px;
	}

	.key-benefit-block ul li:nth-child(2) {
		padding-bottom: 30px;
	}

	ul.blockchain-tech-tabs {
		position: sticky;
		top: 100px;
		background: #F8F8FF;
	}

	.blockchain-money-blk {
		margin-top: 0px;
	}

	.blockchain-platform.main-container {
		padding: 30px 0px;
		height: auto;
		min-height: 100%;
	}

	ul.blockchain-tech-tabs {
		justify-content: center;
	}

}

/*-------------- Media Quries Blockchain page css End -----------------*/

/*-------------- Media Quries Hire Angular page css Start -----------------*/

@media screen and (min-width:991px) and (max-width:1164px) {
	.hero-baout-social-media ul {
		gap: 20px;
	}

	.hero-baout-social-media ul li {
		flex-basis: 46%;
	}

	.common-hiring-section .row .col-lg-6:first-child {
		padding-left: calc(50% - 465px) !important;
	}
}

@media screen and (min-width:991px) {
	.hiring-hero {
		padding-top: 100px !important;
	}
}

@media screen and (max-width:991px) {
	.angular-capabilities.common-hiring-section h2 {
		width: 100% !important;
	}

	.common-why-hire-img {
		text-align: center;
	}

	.hiring-process-block-content h5 br,
	.hiring-process-block-content .h5 br {
		display: none;
	}
}

@media screen and (min-width:767px) and (max-width:991px) {
	.program-expertise-block {
		position: static;
		border-right: 0px;
		margin-right: 0px;
		padding-left: 0px;
	}

	.common-hiring-section .row .col-lg-6:first-child {
		padding-left: 15px !important;
	}

	.common-hiring-section .row .col-lg-6:last-child {
		padding: 235px 80px;
	}

	.common-hiring-section .row .col-lg-6:last-child {
		background: url(../dedicated-angular.html);
		background-size: contain;
		background-position: right;
		background-repeat: no-repeat;
	}

	.hiring-process-wrapper ul {
		display: flex;
		justify-content: space-around;
		align-items: center;
		flex-wrap: wrap;
	}

	.hiring-process-img {
		text-align: center;
	}

	.why-hire-angular-dev h2 {
		width: 75% !important;
	}

	.g-recaptcha iframe {
		transform: scale(0.8);
		transform-origin: left;
	}

	.hiring-hero .hero-content {
		position: sticky;
		top: 140px;
	}
}

@media screen and (min-width:567px) and (max-width:991px) {
	.hiring-process-wrapper ul li {
		flex-basis: 50%;
	}
}

@media screen and (max-width:767px) {
	.hiring-hero .form-ios {
		margin-bottom: 50px !important;
	}
}

@media screen and (min-width:567px) and (max-width:767px) {
	.hire-expert-btnlink ul {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: 10px;
	}

	.common-why-hire-img {
		text-align: center;
	}

	.hiring-process-wrapper ul {
		display: flex;
		justify-content: space-around;
		align-items: center;
		flex-wrap: wrap;
	}

	.hiring-process-img {
		text-align: center;
	}

	.program-expertise-block {
		position: static;
		border-right: 0px;
		margin-right: 0px;
		padding-left: 0px;
	}

	.common-hiring-section .row .col-lg-6:first-child {
		padding-left: 15px !important;
	}

	.common-hiring-section .row .col-lg-6:last-child {
		padding: 235px 80px;
	}

	.common-hiring-section .row .col-lg-6:last-child {
		background: url(../dedicated-angular.html);
		background-size: contain;
		background-position: right;
		background-repeat: no-repeat;
	}
}

@media screen and (max-width:567px) {
	.hiring-hero .hero-content {
		padding-bottom: 30px;
	}

	.program-expertise-block {
		position: static;
		border-right: 0px;
		margin-right: 0px;
		padding-left: 0px;
	}

	.common-hiring-section .row .col-lg-6:last-child {
		background: url(../dedicated-angular.html);
		background-size: contain;
		background-position: right;
		background-repeat: no-repeat;
	}

	.common-hiring-text-block h3 {
		font-size: 20px;
	}

	.common-hiring-section .row .col-lg-6:first-child {
		padding-left: 15px !important;
	}

	.common-hiring-section .row .col-lg-6:last-child {
		padding: 130px 80px !important;
	}

	.hire-expert-detail ul {
		display: flex;
		gap: 10px;
		flex-direction: column;
		align-items: center;
	}

	.hire-expert-btnlink ul {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: 10px;
	}

	.hire-expert-detail {
		text-align: center;
	}

	.hiring-process-wrapper ul {
		display: flex;
		align-items: center;
		flex-direction: column;
		gap: 20px;
	}

	.hiring-process-img {
		text-align: center;
	}

	.common-why-hire-us-content ul li {
		flex-basis: 100%;
		line-height: 34px;
	}

	.hire-projects .app__blk.online-study-bg .contents {
		padding: 0px;
	}

	.hire-projects .app__blk.online-study-bg {
		padding: 25px 25px 0px;
	}

	.hire-projects .app__blk.ebook-bg {
		padding: 25px 25px 0;
	}

	.why-hire-angular-dev .service-block {
		padding: 15px;
	}

	.hire-projects .app__blk img.web-img {
		height: auto !important;
		min-height: 150px !important;
	}

	.hiring-process+.section-efficient-banner {
		padding: 0px 15px;
	}
}

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

	.g-recaptcha,
	.g-recaptcha div {
		max-width: 100%;
	}

	.g-recaptcha>div {
		width: 100% !important;
		margin: 0px !important;
	}

	.g-recaptcha iframe {
		transform: scale(0.8);
		transform-origin: left;
	}

	.start-form-content .g-recaptcha {
		display: block;
	}

	.form-ios .g-recaptcha {
		display: block;
	}
}

/*-------------- Media Quries Hire Angular page css End -----------------*/

/*-------------- Media Quries Web Development page css Start -----------------*/

@media screen and (max-width:767px) {
	.web-hero-section h1+p {
		width: 100% !important;
	}

	/*--------- Clone page css ---------*/
	.hiring-dev-process-wrapper {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}

	.hire-dev-process-block {
		flex-basis: 46%;
		margin-right: 0px !important;
	}

	.hire-dev-process-block:not(:last-child) {
		margin-bottom: 15px;
	}

	.dev-arrow,
	.hire-dev-process-block::before,
	.hire-dev-process-block::after {
		display: none;
	}
}

@media screen and (max-width:567px) {
	.web-hero-section p {
		width: 100% !important;
	}

	.excellent-block.web-block {
		padding: 20px 10px;
	}

	.web-highly-effective .row:last-child .col-lg-3:nth-child(2n) {
		padding-top: 0px;
	}
}

/*-------------- Media Quries Web Development page css End -----------------*/

/*-------------- Media Quries Blockchain INNER PAGES css Start -----------------*/
@media screen and (min-width:767px) and (max-width:1200px) {
	.crypto-slider {
		padding-left: 30px !important;
	}

	/*--------- Clone page css ---------*/
	.hiring-dev-process-wrapper {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.hire-dev-process-block {
		flex-basis: 30%;
	}

	.hire-dev-process-block:not(:last-child) {
		margin-bottom: 15px;
	}

	.dev-arrow,
	.hire-dev-process-block::before,
	.hire-dev-process-block::after {
		display: none;
	}
}

@media screen and (max-width:991px) {
	.crypto-security .common-why-hire-img {
		position: static;
		transform: none;
	}
}

@media screen and (max-width:567px) {
	.crypto-slider .owl-nav {
		position: static;
		text-align: center;
		margin-top: 25px;
	}

	.crypto-slider .owl-stage {
		margin-left: 0px;
	}

	.crpto-keyword-btn {
		text-align: center;
	}
}

@media screen and (max-width:500px) {
	.custom-image-border-radius {
		/* transform: scale(0.85,0.9); */
	}

	.consultaion-section {
		padding: 20px;
	}

	.consultaion-section h3,
	.consultaion-section .h3 {
		font-size: 24px;
		line-height: 30px;
	}
}

/*-------------- Media Quries Blockchain INNER PAGES css End -----------------*/

/*---------------- New Contact Us Page media CSS Start --------------- */
@media screen and (min-width: 1440px) {
	section.hero-contact {
		background-position: 0 -260px;
	}
}

@media screen and (max-width: 991px) {
	section.hero-contact {
		background-position: bottom;
	}

	section.new-contact-detail .row .col-lg-4:first-child .new-contactblk,
	section.new-contact-detail .row .col-lg-4:nth-child(2) .new-contactblk,
	section.new-contact-detail .row .col-lg-4:last-child .new-contactblk {
		padding: 15px;
	}

	section.new-contact-detail .row .col-lg-4:not(:last-child) .new-contactblk::before {
		display: none;
	}
}

@media screen and (max-width: 567px) {
	section.hero-contact {
		background-position: bottom;
	}

	section.hero-contact p br {
		display: none;
	}

	.contact-new-form {
		padding: 30px 30px;
	}

	section.new-contact-detail .row .col-lg-4:first-child .new-contactblk,
	section.new-contact-detail .row .col-lg-4:nth-child(2) .new-contactblk,
	section.new-contact-detail .row .col-lg-4:last-child .new-contactblk {
		padding: 15px;
	}

	section.new-contact-detail .row .col-lg-4:not(:last-child) .new-contactblk::before {
		display: none;
	}

	.hero-contact h1 {
		font-size: 2rem;
	}

	/*--------- Clone page css ---------*/
	.hire-dev-process-block {
		flex-basis: 100%;
		margin-right: 0px !important;
	}

	.hire-dev-process-block:not(:last-child) {
		margin-bottom: 15px;
	}

	.dev-arrow,
	.hire-dev-process-block::before,
	.hire-dev-process-block::after {
		display: none;
	}

	section.clone-capabilities .container-fluid {
		padding-top: 30px;
	}

}

/*---------------- New Contact Us Page media CSS end --------------- */

/*------- old webflow development page media css start----------*/

.image-frame figure {
	margin: 0px 30px 0px 0px;
}

/*------- old webflow development page media css end----------*/

@media screen and (min-width:767px) and (max-width:850px) {
	footer .col-md-4.footer-nav {
		width: 100%;
		margin-bottom: 20px;
	}

	footer .col-md-2.footer-nav {
		width: 25%;
	}

	footer .col-md-3.footer-nav {
		width: 25%;
	}

	footer .row div.col-md-3:last-child {
		width: 50%;
	}
}

@media (prefers-reduced-motion: no-preference) {
	:root {
		scroll-behavior: auto;
	}
}


/* 22-03-2023 */
.devops-hero {
	background: url(../jpg/hero-image-2.jpg) !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

.DevOps-tabs-content button.nav-link {
	padding: 45px 19px !important;
}

.next-level .block-bnr-content {
	padding: 60px 40px !important;
}

.next-level .block-bnr-img img {
	height: 100%;
	margin: 0;
	object-fit: cover;
	border-radius: 0px 6px 6px 0px;
}

.next-level .block-bnr-img {
	height: 100%;
}

.next-level .blockchain-money-wrapper {
	border-radius: 6px;
}

.devops-service {
	background: #FAF9F6;
}

/* 22-03-2023 */


@media(min-width:991px) {

	.dating-grid-row>div:nth-child(2) .dating-grid-block::after,
	.dating-grid-row>div:nth-child(5) .dating-grid-block::after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		right: 0;
		width: 1px;
		height: 60%;
		background: #D3C3FF;
	}

	.dating-grid-row>div:nth-child(2) .dating-grid-block::before,
	.dating-grid-row>div:nth-child(5) .dating-grid-block::before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		left: 0;
		width: 1px;
		height: 60%;
		background: #D3C3FF;
	}
}







@media screen and (min-width:576px) and (max-width:991px) {

	.dating-grid-row>div:nth-child(1) .dating-grid-block::after,
	.dating-grid-row>div:nth-child(1) .dating-grid-block::after,
	.dating-grid-row>div:nth-child(5) .dating-grid-block::after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		right: 0;
		width: 1px;
		height: 60%;
		background: #D3C3FF;
	}


}

@media (max-width:575px) {

	.dating-grid-row .dating-grid-block::after {
		content: "";
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 1px;
		background: #D3C3FF;
		left: 0;
		right: 0;
	}
}