:root {
	/* Primary & Secondary */
	--primary-color: #DC4A26;
	/* Vibrant Orange (CTA buttons, highlights) */
	--secondary-color: #2e2f66;
	/* Deep Navy Blue (background blocks) */

	/* Text Colors */
	--text-color: #1a1a1a;
	/* Primary body text (almost black) */
	--text-light: #ffffff;
	/* White text for dark backgrounds */
	--text-muted: #6c757d;
	/* Gray muted text */

	/* Heading & Accent */
	--heading-color: #000000;
	/* Headings (solid black) */
	--text-accent: #DC4A26;
	/* Used for “together?” and other highlights */

	/* Background Colors */
	--bg-light: #ffffff;
	/* Main white background */
	--bg-dark: #121212;
	/* Black/dark sections */
	--bg-deep-blue: #191945;
	/* Very dark navy section (We are a design leader) */


	/* Card Backgrounds */
	--card-1: #ffece4;
	/* Soft orange (Section 01) */
	--card-2: #e9e3f6;
	/* Soft purple (Section 02) */
	--card-3: #dee9f3;
	/* Light blue (Section 03) */
	--card-4: #d5e4e6;
	/* Soft teal (Section 04) */

	/* Button Colors */
	--btn-primary-bg: #DC4A26;
	--btn-primary-text: #ffffff;

	/* Border Colors */
	--border-color: #e0e0e0;

	/* Misc */
	--shadow-color: rgba(0, 0, 0, 0.1);
}

@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

p {
	font-family: "Inter", sans-serif;
}


@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap');




h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Bricolage Grotesque", sans-serif;
}

em,
span {
	font-family: "Libre Baskerville", serif;
}

p {
	font-family: "Inter", sans-serif;
}

body {
	font-family: "Inter", sans-serif;
	background-color: #F6F6F6 !important;
}

a {
	text-decoration: none !important;
}

/* PRELOADER CSS */
.page-loader {
	width: 100%;
	height: 100vh;
	position: fixed;
	background: #272727;
	z-index: 1000;
}

.page-loader .txt {
	color: #666;
	text-align: center;
	top: 40%;
	position: relative;
	text-transform: uppercase;
	letter-spacing: 0.3rem;
	font-weight: bold;
	line-height: 1.5;
}

/* SPINNER ANIMATION */
.spinner {
	position: relative;
	top: 35%;
	width: 80px;
	height: 80px;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 100%;
	-webkit-animation: sk-scaleout 2s infinite ease-in-out;
	animation: sk-scaleout 2s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
	0% {
		-webkit-transform: scale(0);
	}

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

@keyframes sk-scaleout {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

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


/* header */
.header_pixxelu {
	display: block;
	width: 100%;
	position: relative;
	z-index: 99;
	padding: 5px 0;
	box-shadow: 0px 2px 13px 0px #00000026;
	background: #fff;
	position: fixed;
	top: 0;
}

header.header_pixxelu .row.v-center {
	align-items: center;
}

header.header_pixxelu ul.menu-main {
	margin: 0;
	display: flex;
	justify-content: center;
	gap: 30px;
	padding: 0;
}



.header_pixxelu .item-left {
	flex: 0 0 15%;
}

.header_pixxelu .logo a {
	font-size: 0px;
	color: #000000;
	font-weight: 700;
	text-decoration: none;
}

.header_pixxelu .item-center {
	flex: 0 0 70%;
}

.header_pixxelu .item-right {
	flex: 0 0 15%;
	display: flex;
	justify-content: flex-end;
}

.header_pixxelu .item-right a {
	text-decoration: none;
	font-size: 16px;
	color: #555555;
	display: inline-block;
	margin-left: 10px;
	transition: color 0.3s ease;
}

.header_pixxelu .menu>ul>li {
	display: inline-block;
	line-height: 50px;
	margin-left: 0px;
}

.header_pixxelu .menu>ul>li>a {
	font-size: 15px;
	font-weight: 500;
	color: #6a6a6a;
	position: relative;
	text-transform: capitalize;
}

.header_pixxelu .menu>ul>li>a:hover {
	color: #000;
}

.header_pixxelu .menu ul li a.active {
	color: #000;
}

.header_pixxelu .menu ul li a.active::after {
	content: '';
	position: absolute;
	top: 41px;
	width: 100%;
	height: 2px;
	background-color: #DC4A26;
	left: 0;
	right: 0;
	transform: inherit;
}

.header_pixxelu .menu ul li a::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -22px;
	/* adjust as needed */
	width: 100%;
	height: 2px;
	background-color: #DC4A26;
	transform: scaleX(0);
	transform-origin: bottom left;
	transition: transform 0.3s ease-out;
}

.box-design_cta.laptop a::after {
	display: none;
}

.header_pixxelu .menu ul li a:hover::after {
	transform: scaleX(1);
}

.header_pixxelu .menu>ul>li .sub-menu {
	position: absolute;
	z-index: 500;
	background-color: #ffffff;
	box-shadow: -2px 2px 70px -25px rgba(0, 0, 0, 0.3);
	padding: 20px 30px;
	transition: all 0.5s ease;
	margin-top: 25px;
	opacity: 0;
	visibility: hidden;
	z-index: 11;
}

.services-grid .list-item a {
	display: flex;
	gap: 10px;
	border-radius: 8px;
	padding: 12px;
	margin: 0 0 10px 0;
}

@media(min-width: 992px) {
	.header_pixxelu .menu>ul>li.menu-item-has-children:hover .sub-menu {
		margin-top: 0;
		visibility: visible;
		opacity: 1;
	}
}

.header_pixxelu .menu>ul>li .sub-menu>ul>li {
	line-height: 1;
}

.header_pixxelu .menu>ul>li .sub-menu>ul>li>a {
	display: inline-block;
	padding: 10px 0;
	font-size: 15px;
	color: #555555;
	transition: color 0.3s ease;
	text-decoration: none;
	text-transform: capitalize;
	font-weight: 600;
}

.sub-menu.single-column-menu a::after {
	display: none;
}

.header_pixxelu .menu>ul>li .single-column-menu {
	min-width: 280px;
	max-width: 350px;
}

.header_pixxelu .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li {
	line-height: 1;
	display: block;
}

.header_pixxelu .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a {
	padding: 10px 0;
	display: inline-block;
	font-size: 15px;
	color: #555555;
	transition: color 0.3s ease;
}

.hire-our-expert {
	position: relative;
}

.hire-our-expert span {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	width: 82px;
	text-align: center;
	background-color: #DC4A26;
	padding: 3px 0;
	font-size: 10px;
	line-height: 10px;
	color: #fff;
	border-radius: 10px;
	font-family: "Inter", sans-serif;
	margin: 0 auto;
}

.hire-our-expert span::after {
	position: absolute;
	content: "";
	left: 50%;
	transform: translateX(-50%);
	top: 100%;
	border: 5px solid transparent;
	border-top-color: #DC4A26;
}

.header_pixxelu .menu>ul>li .sub-menu.mega-menu {
	left: 50%;
	transform: translateX(-50%);
}

.hire-list a:last-child {
	border-bottom: none;
}

.hire-list a {
	font-weight: 600;
	font-size: 15px;
	line-height: 100%;
	letter-spacing: 0%;
	color: #555555;
	padding: 7px 25px;
	border-bottom: 1px solid#ddd;
}

.hire-list a img {
	padding-right: 8px;
}

.header_pixxelu .menu>ul>li .sub-menu.mega-menu-column-4 {
	max-width: 1100px;
	width: 100%;
	padding: 0px 12px;
	top: 61px;
}

.header_pixxelu .menu>ul>li .sub-menu.mega-menu-column-4>.list-item {
	flex: 0 0 25%;
	padding: 0 15px;
}

.header_pixxelu .menu>ul>li .sub-menu.mega-menu-column-4>.list-item .title {
	font-size: 16px;
	color: #ea4636;
	font-weight: 500;
	line-height: 1;
	padding: 10px 0;
}

.sub-menu.mega-menu.mega-menu-column-4 a p {
	color: #9D9D9D;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	margin: 0;
	letter-spacing: -.2px;
}

.services-grid {
	padding: 20px 10px;
}

.hire-list a {
	display: block;
}

.col-md-3.hire_section_nav {
	border-left: 1px solid#ddd;
	padding: 0;
}

.header_pixxelu .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center .title {
	text-align: center;
}

.sub-menu.mega-menu.mega-menu-column-4 a img {
	width: 30px;
	height: 40px;
}

a.cta.revamp img {
	width: 100% !important;
	height: 100% !important;
}

.sub-menu.mega-menu.mega-menu-column-4 a h2 {
	color: #555555;
	margin-top: 5px;
	font-weight: 600;
	font-size: 15px;
	line-height: 100%;
	font-family: inter, sans-serif;
}

.intersted-working-inner span {
	background: #2F2F2F;
	font-weight: 500;
	font-size: 14px;
	color: #fff;
	padding: 10px;
	border-radius: 7px;
	font-family: "Inter", sans-serif !important;
}

li.menu-item-has-children a i {
	font-size: 20px;
	position: relative;
	top: 3px;
	right: 4px;
}

.header_pixxelu .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a:hover,
.header_pixxelu .menu>ul>li .sub-menu>ul>li>a:hover,
.header_pixxelu .item-right a:hover,
.header_pixxelu .menu>ul>li:hover>a {
	color: #000;
}

.list-item a:hover h2 {
	color: #DC4A26 !important;
}

/* banner section */
.banner-section {
	background-image: url('../img/banner.jpg');
	background-size: cover;
	background-position: center;
	height: 700px;
	width: 100%;
	display: block;
}

.banner_slider_main button {
	display: none !important;
}

.banner_slider_main img {
	width: 100%;
	border-radius: 10px;
	height: 100%;
}

.banner_slider_main .slick-slide {
	padding: 0 10px;
	overflow: hidden;
	height: 23vw;
}

.mobile-menu-head,
.mobile-menu-trigger {
	display: none;
}

.sub-menu.single-column-menu ul {
	padding: 0;
}

.sub-menu.single-column-menu ul li {
	list-style: none;
	padding: 8px 15px;
	border-bottom: 1px solid #ddd;
}

.sub-menu.single-column-menu ul li:last-child {
	border-bottom: none;
}

.sub-menu.single-column-menu ul li a img {
	padding-right: 10px;
}

.sub-menu.single-column-menu {
	padding: 0px 0px !important;
	top: 61px;
}

.sub-menu.single-column-menu ul li:hover {
	background: #F1F1F1;
}

.sub-menu.single-column-menu ul li:hover a {
	color: #DC4A26 !important;
	font-weight: 600;
}

.hire-list a:hover {
	background: #F1F1F1;
	color: #DC4A26;
}

.list-item a:hover .content_maga h2 {
	color: #000;
}

.list-item a:hover {
	background-color: #f0f0f0;
	color: #fff;
	transition: 0.5s;
}

.list-item a:hover p {
	color: #000 !important;
}

/*.list-item a:hover img {
	filter: brightness(0) invert(1);
}*/
/*responsive*/
@media(max-width: 991px) {
	.header_pixxelu .item-center {
		order: 3;
		flex: 0 0 100%;
	}

	.header_pixxelu .item-left,
	.header_pixxelu .item-right {
		flex: 0 0 auto;
	}

	.v-center {
		justify-content: space-between;
	}

	.header_pixxelu .mobile-menu-trigger {
		display: flex;
		height: 30px;
		width: 30px;
		margin-left: 15px;
		cursor: pointer;
		align-items: center;
		justify-content: center;
	}

	.header_pixxelu .mobile-menu-trigger span {
		display: block;
		height: 1.5px;
		background-color: #333333;
		width: 30px;
		position: relative;
	}

	.header_pixxelu .mobile-menu-trigger span::before,
	.header_pixxelu .mobile-menu-trigger span::after {
		content: '';
		position: absolute;
		right: 0;
		width: 70%;
		height: 100%;
		background-color: #333333;
	}

	.header_pixxelu .mobile-menu-trigger span:before {
		top: -6px;
	}

	.header_pixxelu .mobile-menu-trigger span:after {
		top: 6px;
	}

	.header_pixxelu .item-right {
		align-items: center;
	}

	.header_pixxelu .menu {
		position: fixed;
		width: 320px;
		background-color: #ffffff;
		left: 0;
		top: 0;
		height: 100%;
		overflow: hidden;
		transform: translate(-100%);
		transition: all 0.5s ease;
		z-index: 1099;
	}

	.header_pixxelu .menu.active {
		transform: translate(0%);
	}

	.header_pixxelu .menu>ul>li {
		line-height: 1;
		margin: 0;
		display: block;
	}

	.header_pixxelu .menu>ul>li>a {
		line-height: 50px;
		height: 50px;
		padding: 0 50px 0 15px;
		display: block;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	.header_pixxelu .menu>ul>li>a i {
		position: absolute;
		height: 50px;
		width: 50px;
		top: 0;
		right: 0;
		text-align: center;
		line-height: 50px;
		transform: rotate(-90deg);
	}

	.header_pixxelu .menu .mobile-menu-head {
		display: flex;
		height: 50px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		justify-content: space-between;
		align-items: center;
		position: relative;
		z-index: 501;
		position: sticky;
		background-color: #ffffff;
		top: 0;
	}

	.header_pixxelu .menu .mobile-menu-head .go-back {
		height: 50px;
		width: 50px;
		border-right: 1px solid rgba(0, 0, 0, 0.1);
		cursor: pointer;
		line-height: 50px;
		text-align: center;
		color: #000000;
		font-size: 16px;
		display: none;
	}

	.header_pixxelu .menu .mobile-menu-head.active .go-back {
		display: block;
	}

	.header_pixxelu .menu .mobile-menu-head .current-menu-title {
		font-size: 15px;
		font-weight: 500;
		color: #000000;
	}

	.header_pixxelu .menu .mobile-menu-head .mobile-menu-close {
		height: 50px;
		width: 50px;
		border-left: 1px solid rgba(0, 0, 0, 0.1);
		cursor: pointer;
		line-height: 50px;
		text-align: center;
		color: #000000;
		font-size: 25px;
	}

	.header_pixxelu .menu .menu-main {
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
	}

	.header_pixxelu .menu>ul>li .sub-menu.mega-menu,
	.header_pixxelu .menu>ul>li .sub-menu {
		visibility: visible;
		opacity: 1;
		position: absolute;
		box-shadow: none;
		margin: 0;
		padding: 15px;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding-top: 65px;
		max-width: none;
		min-width: auto;
		display: none;
		transform: translateX(0%);
		overflow-y: auto;
	}

	.header_pixxelu .menu>ul>li .sub-menu.active {
		display: block;
	}

	@keyframes slideLeft {
		0% {
			opacity: 0;
			transform: translateX(100%);
		}

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

	@keyframes slideRight {
		0% {
			opacity: 1;
			transform: translateX(0%);
		}

		100% {
			opacity: 0;
			transform: translateX(100%);
		}
	}

	.header_pixxelu .menu>ul>li .sub-menu.mega-menu-column-4>.list-item img {
		margin-top: 0;
	}

	.header_pixxelu .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center .title {
		margin-bottom: 20px;
	}

	.header_pixxelu .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center:last-child .title {
		margin-bottom: 0px;
	}

	.header_pixxelu .menu>ul>li .sub-menu.mega-menu-column-4>.list-item {
		flex: 0 0 100%;
		padding: 0px;
	}

	.header_pixxelu .menu>ul>li .sub-menu>ul>li>a,
	.header_pixxelu .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a {
		display: block;
	}

	.header_pixxelu .menu>ul>li .sub-menu.mega-menu>.list-item>ul {
		margin-bottom: 15px;
	}

	.menu-overlay {
		position: fixed;
		background-color: rgba(0, 0, 0, 0.7);
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 1098;
		visibility: hidden;
		opacity: 0;
		transition: all 0.5s ease;
	}

	.menu-overlay.active {
		visibility: visible;
		opacity: 1;
	}
}

.services-grid .list-item a::after {
	display: none !important;
}

.hire-list a::after {
	display: none;
}

/* mouse Cursor Css */



/* Button Css Start */
.btn_website {
	display: inline-block;
	position: relative;
	border-radius: 50px;
	background-color: var(--btn-primary-bg);
	overflow: hidden;
	font-size: 14px !important;
	font-weight: 400;
	transition: 300ms ease;
	color: #fff !important;
	text-decoration: none;
	cursor: pointer;
	padding: 5px 22px;
	line-height: 35px;
}

.right-box-clints span {
	width: 100%;
	margin: 0 !important;
}

.right-box-clints {
	line-height: 15px;
	margin: 5px 0 0 0;
}

.btn_website {
	position: relative;
	display: inline-block;
	overflow: hidden;
	color: #000;
	font-size: 20px;
	text-decoration: none;
}

.btn_website::before,
.btn_website::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: -100%;
	left: 0;
	background: #000;
	z-index: -1;
	transition: all 0.35s;
}

.btn_website::before {
	opacity: 0.5;
}

.btn_website::after {
	transition-delay: 0.2s;
}

.btn_website:hover::before,
.btn_website:hover::after {
	top: 0;
}

.btn_website .word {
	display: inline-block;
	transition: transform 0.5s;
	font-family: "Inter", sans-serif;
	line-height: 13px;
}

.btn_website:hover .word {
	animation: slideUp 0.5s forwards;
}

.btn_website:hover .word:nth-child(1) {
	animation-delay: 0s;
}

.btn_website:hover .word:nth-child(2) {
	animation-delay: 0.1s;
}

.btn_website:hover .word:nth-child(3) {
	animation-delay: 0.2s;
}

.btn_website:hover .word:nth-child(4) {
	animation-delay: 0.3s;
}

@keyframes slideUp {
	from {
		transform: translateY(100%);
	}

	to {
		transform: translateY(0%);
	}
}


.hero_btn_secondary {
	position: relative;
	display: inline-block;
	overflow: hidden;
	color: #000;
	/* adjust as needed */
	font-size: 20px;
	/* adjust as needed */
	text-decoration: none;
}


.hero_btn_secondary .word {
	display: inline-block;
	transition: transform 0.5s;
	font-family: "Inter", sans-serif;
	line-height: 13px;
}

.hero_btn_secondary:hover .word {
	animation: slideUp 0.5s forwards;
}

.hero_btn_secondary:hover .word:nth-child(1) {
	animation-delay: 0s;
}

.hero_btn_secondary:hover .word:nth-child(2) {
	animation-delay: 0.1s;
}

.hero_btn_secondary:hover .word:nth-child(3) {
	animation-delay: 0.2s;
}

.hero_btn_secondary:hover .word:nth-child(4) {
	animation-delay: 0.3s;
}

/* Add more if you have more words */

@keyframes slideUp {
	from {
		transform: translateY(100%);
	}

	to {
		transform: translateY(0%);
	}
}

.hero_btn_secondary:hover {
	color: #000;
}



.hero_buttons a {
	padding: 12px 30px;
	font-weight: 600;
}

.hero_buttons a.hero_btn_secondary {
	padding: 12px 30px;
	overflow: hidden;
	position: relative;
}

.btn_website:hover {
	color: #fff !important;
	z-index: 999;
}

a.btn_website img {
	width: auto;
	margin-right: 10px;
}

/* Banner Section Css Start */

/* === Hero Banner === */
.hero_banner {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 100px 0;
	box-sizing: border-box;
}

.hero_banner.fade-section::after {
	content: '';
	position: absolute;
	top: 0;
	background: url(../images/home_images/patten-banner.png);
	width: 100%;
	height: 100%;
	background-size: cover;
	z-index: 1;
	background-position: 100%;
}

.hero_content h1 em {
	font-weight: 400;
	word-spacing: -.5rem;
}

.hero_badge img {
	padding: 0 6px;
}

.hero_badge {
	display: inline-block;
	color: #1A1A1A;
	padding: 4px 5px;
	border-radius: 50px;
	margin-bottom: 20px;
	font-size: 12px;
	font-weight: 500;
	border: 1px solid transparent;
	background: linear-gradient(#fff, #fff) padding-box, conic-gradient(from var(--angle), #C02901 0deg, #C02901 53.3deg, #fff 90.46deg, #fff 126.24deg, #fff 178.82deg, #000 360deg) border-box;
	animation: gradientBorder 6s linear infinite;
}

@keyframes gradientBorder {
	from {
		--angle: 0turn;
	}

	to {
		--angle: 1turn;
	}
}

@property --angle {
	syntax: "<angle>";
	inherits: true;
	initial-value: 0turn;
}

.hero_badge a.hero_btn_small {
	display: inline-block;
	color: #1A1A1A;
	padding: 6px 10px;
	border-radius: 15px;
	font-size: 11px;
	margin-left: 10px;
	font-weight: 600;
	background: #F6F6F6;
	border: 1px solid #E4E4E4;
}

.hero_content h1 {
	font-weight: 800;
	font-size: 72px;
	line-height: 80px;
	letter-spacing: 0%;
	text-align: center;
	color: #1A1A1A;
}

.hero_buttons a:before {
	width: 100%;
}

.hero_content {
	z-index: 9;
}

.hero_content h2 {
	font-size: 36px;
	margin: 10px 0 20px;
	font-weight: bold;
}

.hero_content h2 span {
	font-style: italic;
}

.hero_content p {
	margin: 20px 0;
	color: #1A1A1A;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	letter-spacing: -.2px;
}

.hero_buttons {
	display: flex;
	justify-content: center;
	gap: 15px;
	flex-wrap: wrap;
}

.hero_btn_secondary {
	background: #ffffff;
	border: 1px solid #ddd;
	font-weight: 600;
	color: #1A1A1A;
	border-radius: 50px;
	line-height: 33px;
	font-size: 14px;
}

.hero_btn_primary:hover,
.hero_btn_secondary:hover {
	opacity: 0.9;
}

/* === Animation Boxes === */


.wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	top: 0;
	left: 0;
}

.box div {
	position: absolute;
	width: 60px;
	height: 60px;
	background-color: transparent;
	border: 6px solid #ddd;
	background: #ddd;
}

.box div:nth-child(1) {
	top: 12%;
	left: 42%;
	animation: animate 10s linear infinite;
}

.box div:nth-child(2) {
	top: 70%;
	left: 50%;
	animation: animate 7s linear infinite;
}

.box div:nth-child(3) {
	top: 17%;
	left: 6%;
	animation: animate 9s linear infinite;
}

.box div:nth-child(4) {
	top: 20%;
	left: 60%;
	animation: animate 10s linear infinite;
}

.box div:nth-child(5) {
	top: 67%;
	left: 10%;
	animation: animate 6s linear infinite;
}

.box div:nth-child(6) {
	top: 80%;
	left: 70%;
	animation: animate 12s linear infinite;
}

.box div:nth-child(7) {
	top: 60%;
	left: 80%;
	animation: animate 15s linear infinite;
}

.box div:nth-child(8) {
	top: 32%;
	left: 25%;
	animation: animate 16s linear infinite;
}

.box div:nth-child(9) {
	top: 90%;
	left: 25%;
	animation: animate 9s linear infinite;
}

.box div:nth-child(10) {
	top: 20%;
	left: 80%;
	animation: animate 5s linear infinite;
}

.box div:nth-child(11) {
	top: 10%;
	left: 15%;
	animation: animate 13s linear infinite;
}

.box div:nth-child(12) {
	top: 40%;
	left: 85%;
	animation: animate 11s linear infinite;
}

.box div:nth-child(13) {
	top: 55%;
	left: 35%;
	animation: animate 10s linear infinite;
}

@keyframes animate {
	0% {
		transform: scale(0) translateY(-90px) rotate(360deg);
		opacity: 1;
	}

	100% {
		transform: scale(1.3) translateY(-90px) rotate(-180deg);
		border-radius: 50%;
		opacity: 0;
	}
}

/* Banner Section Css End */


/* Home Banner Slider */

.banner_slick_slider {
	overflow: hidden;
	position: relative;
	width: 100%;
	margin: auto;
	cursor: default;
}

.banner_slick_slider.left {
	cursor: w-resize;
}

.banner_slick_slider.right {
	cursor: e-resize;
}

.banner_slick_slider .slider-track {
	display: flex;
	transition: transform 0.2s linear;
	gap: 30px;
	will-change: transform;
}

.banner_slick_slider .slider-item {
	flex: 0 0 33%;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	position: relative;
	transition: transform 0.3s ease;
}

.banner_slick_slider .slider-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.slider-content-box {
	width: 300px;
	background: #f4f4f4;
	padding: 15px 20px;
	margin: 10px auto 0;
	border: 1px solid #ddd;
	border-radius: 8px;
	position: relative;
	text-align: left;
	font-size: 14px;
}

/* Why Choose Section css */

.box_choose_card {
	padding: 60px 20px;
	border-radius: 12px;
	background: #FFF;
	box-shadow: 0px 9px 12px 0px rgba(0, 0, 0, 0.09);
	margin: 42px 0 0 0;
}

.img_shape img {
	width: 100%;
}

.box_choose_card h6 {
	font-weight: 600;
	font-size: 18px;
	line-height: 100%;
	text-align: center;
	color: #1A1A1A;
	width: 100%;
}

.box_choose_card .first-6 {
	font-size: 24px;
	font-weight: 800;
}

.box_choose_card .first-6 span {
	font-family: "Inter", sans-serif;
	font-size: 20px;
	font-weight: 400;
	margin: 10px 0 0 0;
	display: inline-block;
}

.box_choose_card small {
	color: #1A1A1A;
	font-size: 20px;
	font-weight: 400;
	width: 100%;
	display: inline-block;
}

.img_shape {
	margin: 44px 0 57px;
}

p.skills_details {
	font-weight: 400;
	font-size: 18px;
	line-height: 100%;
	text-align: center;
	margin-top: 18px;
}

.box_choose_card p {
	color: #1A1A1A;
	font-size: 18px;
	font-weight: 400;
	width: 100%;
}

.choose_us_sec.text-center {
	padding: 100px 0;
	width: 100%;
	display: inline-block;
}

section.choose_us_sec h2 {
	font-size: 48px;
	line-height: 53px;
	text-align: center;
	margin: 13px 0 0 0;
	color: #1A1A1A;
	font-weight: 700;
}

.choose_us_sec p {
	text-align: center;
	margin: 10px 0 0 0;
	color: #1A1A1A;
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	width: 100%;
	letter-spacing: -.2px;
}

.p_tage_2 {
	margin: 30px 0 0 0 !important;
}

.subheading_det {
	width: fit-content;
	margin: auto;
	border-radius: 38px;
	border: 1px solid #E5E5E5;
	background: #FFF;
	padding: 6px 16px;
	color: #1A1A1A;
	font-size: 14px;
	font-weight: 400;
	font-family: "Bricolage Grotesque", sans-serif;
}

.choose_us_sec a.btn_website.show-cursor-label {
	margin-top: 23px;
	margin-bottom: 42px;
}

/* Floating animation keyframes */
@keyframes floatUpDown {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-10px);
	}

	100% {
		transform: translateY(0);
	}
}

.box_choose_card {
	animation: floatUpDown 4s ease-in-out infinite;
}

/* Staggered delay for each card */
.choose_us_sec .col-md-4:nth-child(1) .box_choose_card {
	animation-delay: 0.5s;
}

.choose_us_sec .col-md-4:nth-child(2) .box_choose_card {
	animation-delay: 1s;
}

.choose_us_sec .col-md-4:nth-child(3) .box_choose_card {
	animation-delay: 2s;
}

.p_tage_2 {
	margin: 45px 0 0 0;
}

/**/
.choose_us_sec_tow .container {
	max-width: 100%;
	padding: 0 55px;
}

.choose_us_sec_tow_inner .container-fluid {
	max-width: 1320px;
}

.choose_us_sec_tow_inner {
	text-align: center;
	background-color: #fff;
	border-radius: 20px;
	padding: 112px 0;
}

.choose_us_sec_tow_inner h2 {
	display: inline-block;
	width: 100%;
	color: #1A1A1A;
	font-size: 48px;
	font-weight: 700;
	margin: 10px 0 0 0;
}

.choose_us_sec_tow_inner p {
	color: #1A1A1A;
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	margin: 10px 0 0 0;
	letter-spacing: -.2px;
}

.choose_us_sec_tow_inner .row.g-4 {
	margin-top: 30px;
}

.digital-growth-box {
	display: inline-block;
	width: 100%;
	text-align: left;
	border-radius: 12px;
	border: 1px solid #DCDCE1;
	background: #fdfdfd;
	box-shadow: 2px 2px 4px 0px rgba(220, 220, 225, 0.42);
	padding: 30px;
	height: 300px;
	position: relative;
}

.digital-growth-box:hover {
	background-color: #F6F6F6 !important;
}

.digital-growth-box h3 {
	display: inline-block;
	width: 100%;
	margin: 22px 0 0 0;
	font-size: 20px;
	font-weight: 600;
	color: #1A1A1A;
}

.digital-growth-box h6 {
	display: inline-block;
	width: 100%;
	color: #1A1A1A;
	font-size: 14px;
	line-height: 22px;
	font-weight: 500;
	margin: 5px 0 0 0;
	font-family: "Inter", sans-serif;
	letter-spacing: -.2px;
	overflow: hidden;
	height: 90px;
}

.digital-growth-box ul {
	padding: 0;
	margin: 20px 0 0 0;
	width: 100%;
}

.digital-growth-box ul li {
	display: inline-block;
	width: auto;
	padding: 3px 10px;
	border-radius: 60px;
	border: 1px solid #E5E5E5;
	color: #525252;
	font-size: 11px;
	font-weight: 600;
	margin: 0 0 3px 0;
	letter-spacing: -.2px;
	background-color: #fff;
}

.digital-growth-box_color {
	display: inline-block;
	text-align: left;
	background: linear-gradient(305deg, #FF7300 1.44%, #C02901 56.45%, #000 89.24%);
	border-radius: 20px;
	padding: 46px;
	height: 300px;
}

.digital-growth-box_color h3 {
	display: inline-block;
	width: 100%;
	color: #fff;
	font-size: 26px;
	font-weight: 600;
	margin: 0;
}

.digital-growth-box_color a {
	margin: 50px 0 0;
}

.digital-growth-box_color a:hover {
	opacity: inherit;
}

.digital-growth-box_color h6 {
	margin: 17px 0 0 0;
	width: 100%;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
}

@keyframes scaleIn {
	from {
		opacity: 0;
		transform: scale(0.8);
	}

	to {
		opacity: 1;
		transform: scale(1);
	}
}

.scaleIn-effect {
	opacity: 0;
	transform: scale(0.8);
	transition: all 0.6s ease;
}

.scaleIn-effect.scaleIn {
	animation-name: scaleIn;
	animation-duration: 0.8s;
	animation-fill-mode: forwards;
	animation-delay: 0s;
	visibility: visible;
}

/* Card container */
.choose_us_sec {
	display: inline-block;
	width: 100%;
	padding: 120px 0 0 0;
}

.real_results {
	position: relative;
	width: 100%;
	height: 479px;
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	cursor: pointer;
	transition: transform 0.3s;
	padding: 17px;
	margin-bottom: 48px;
	border: 1px solid #fff;
}

.real_results:hover {
	border: 1px solid #DCDCE1;
	box-shadow: 2px 2px 4px 0px rgba(220, 220, 225, 0.42);
	transition: 0.8s !important;
}

.real_results-all {
	display: inline-block;
	width: 100%;
	margin: 30px 0 0 0;
}

.real_results .image_wrapper {
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
}

.real_results .hover_media {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	transition: opacity 0.8s ease-in-out;
	z-index: 1;
	border-radius: 17px;
}

.real_results .hover_media.active {
	opacity: 1;
	z-index: 2;
}

.real_results .content {
	width: 50%;
	padding: 19px 48px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background: #fff;
}

.real_results .title {
	font-size: 20px;
	font-weight: 600;
	color: #1A1A1A;
	margin-bottom: 10px;
	width: 100%;
}

.real_results .title img {
	margin: 0 10px 0 0;
}

.real_results .description {
	color: #1A1A1A;
	line-height: 25px;
	margin: 22px 0 0 0;
	font-size: 20px;
	font-weight: 600;
	width: 100%;
}

.real_results .tags {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin: 12px 0 0 0;
}

.real_results .tag {
	font-size: 11px;
	padding: 3px 10px;
	color: #1A1A1A;
	border-radius: 60px;
	border: 1px solid #E5E5E5;
	background: #F7F7F7;
	font-family: "Inter", sans-serif !important;
	font-weight: 600;
}

.milion-box {
	border-top: 1px solid #E0E0E0;
	width: 100%;
	padding: 0px 0 0 0;
}

.real_results .funding {
	font-weight: 600;
	font-size: 32px;
	color: #1A1A1A;
	display: inline-block;
	width: 100%;
}

.real_results .funding em {
	font-style: normal;
	font-family: "Inter", sans-serif !important;
	font-size: 20px;
}

.funding .view-s {
	display: inline-block;
	color: #1A1A1A;
	padding: 0;
	border-radius: 0;
	font-size: 13px !important;
	margin-left: 10px;
	font-weight: 600;
	margin: 0;
}

.funding .view-s a {
	color: #1A1A1A;
	border-bottom: 1px solid #000;
}

.skills ul {
	width: 100%;
	padding: 0;
	margin: 15px 0 0 0;
}

.skills ul li {
	display: inline-block;
	position: relative;
	color: #525252;
	font-size: 12px;
	font-weight: 600;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
}

.real_results:hover a {
	color: #DC4A26;
	border-color: #DC4A26;
}

.skills ul li::after {
	content: '';
	position: absolute;
	right: -5px;
	width: 5px;
	height: 5px;
	background-color: #DC4A26;
	border-radius: 50%;
	top: 8px;
}

.skills ul li:last-child::after {
	display: none;
}

#hoverVideo {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border-radius: 17px;
}

.real_results-all .real_results:last-child {
	margin-bottom: 0;
}

/* Responsive */
@media (max-width: 768px) {
	.real_results {
		flex-direction: column;
		height: auto;
	}

	.real_results .image_wrapper,
	.real_results .content {
		width: 100%;
		height: 200px;
	}

	.real_results .content {
		height: auto;
		padding: 20px;
	}
}

/*Let’s Build Something*/
.lets-build-seaction {
	display: inline-block;
	width: 100%;
	margin: 80px 0 0 0;
}

.lets-build-seaction-box {
	display: inline-block;
	width: 100%;
	background-color: #000000;
	border-radius: 17px;
	padding: 45px 70px;
}

.lets-build-seaction-box {
	display: inline-block;
	width: 100%;
	background-color: #000000;
	border-radius: 17px;
	padding: 45px 70px;
	position: relative;
	overflow: hidden;
}

.lets-build-seaction-box #hoverVideo {
	position: absolute;
	bottom: 0;
	border-radius: 0;
	z-index: 1;
	float: right;
	width: 85%;
	right: 0;
}

.lets-build-seaction-box h2 {
	display: inline-block;
	width: 100%;
	margin: 0 0 0 0;
	color: #fff;
	font-size: 48px;
	font-weight: 700;
	position: relative;
	z-index: 11;
}

.lets-build-seaction-box h2 em {
	font-weight: 400;
	position: relative;
	z-index: 11;
}

.lets-build-seaction-box p {
	display: inline-block;
	width: 100%;
	margin: 15px 0 0 0;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	position: relative;
	z-index: 11;
	letter-spacing: -.2px;
}

.button-let {
	display: flex;
	gap: 15px;
	margin: 24px 0 0 0;
	position: relative;
	z-index: 11;
}

.button-let .hero_btn_secondary {
	width: 173px;
	height: 50px;
	line-height: 50px;
	text-align: center;
}

.button-let .btn_website.show-cursor-label {
	width: 117px;
	padding: 0;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-weight: 600;
	margin: 0 0 0 10px;
}

/*Let’s Build Something*/

/*Our happy clients*/
.our-happy-clients-seaction {
	display: inline-block;
	width: 100%;
	margin: 75px 0;
}

.our-happy-clients-seaction .container {
	max-width: 100%;
	padding: 0 50px;
}

.our-happy-clients-inner .container-fluid {
	max-width: 1320px;
	position: relative;
}

.our-happy-clients-inner {
	background: linear-gradient(353deg, #FF7300 30.85%, #F15F01 46.72%, #C02901 58.43%, #000 72.59%);
	padding: 120px 0;
	border-radius: 20px;
	text-align: center;
	display: inline-block;
	width: 100%;
}

.our-happy-clients-inner h2 {
	display: inline-block;
	width: 100%;
	color: #fff;
	font-size: 100px;
	line-height: 110px;
	font-weight: 700;
}

.our-happy-clients-inner h2 em {
	font-weight: 400;
	letter-spacing: -.2px;
}

.our-happy-clients-inner-row {
	display: inline-block;
	width: 100%;
	margin: 75px 0 0 0;
}

.counter-section {
	display: flex;
	justify-content: center;
	align-items: start;
	gap: 20px;
	padding: 0 0px 0 0;
	color: #fff;
	text-align: center;
}

.counter-box {
	font-size: 40px;
	font-weight: 600;
	font-family: "Bricolage Grotesque", sans-serif;
	display: inline-block;
	line-height: 30px;
}

.counter-box em {
	font-size: 20px;
	margin-top: 0;
	font-style: italic;
	display: inline-block;
	font-weight: 400;
	text-align: left;
	width: 100%;
}

.clinet-box-all {
	display: flex;
	width: 100%;
	gap: 80px;
	position: relative;
}

.clinet-box-inner {
	width: 100%;
	text-align: center;
	position: relative;
	overflow: hidden;
	border-radius: 12px;
	height: 395px;
}

.clinet-box-inner img {
	width: 100%;
	border-radius: 12px;
}

.profile-clint-box {
	position: absolute;
	bottom: 27px;
	left: 0;
	right: 0;
	padding: 0 15px;
	z-index: 111;
	display: none;
}

.clinet-box-inner:hover .profile-clint-box {
	display: block;
	transition: 0.5s;
}

.clinet-box-inner::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 18%;
	bottom: 0;
	border-radius: 12px;
	background: linear-gradient(180deg, rgba(15, 30, 59, 0.00) 0.56%, #0F1E3B 95.05%);
	left: 0;
	right: 0;
	z-index: 11;
}

.profile-clint-box h4 {
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	width: 100%;
	display: inline-block;
	margin: 0;
}

.profile-clint-box p {
	display: inline-block;
	width: 100%;
	margin: 0;
	color: #fff;
	font-size: 13px;
	font-weight: 400;
}

.clinet-box-inner.richie-box-1 {
	position: relative;
	bottom: 50px;
}

.clinet-box-inner.richie-box-2 {
	position: relative;
	bottom: 25px;
}

.clint-box-testimonal {
	display: inline-block;
	text-align: left;
	padding: 17px 20px;
	width: 445px;
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0.11);
	background: rgba(255, 255, 255, 0.24);
	backdrop-filter: blur(5.5px);
	position: relative;
}

.testi-image-name {
	display: flex;
	width: 100%;
	gap: 15px;
}

.testi-image img {
	width: 100%;
}

.testi-image {
	border-radius: 50%;
	overflow: hidden;
}

.testi-name span {
	display: inline-block;
	width: 100%;
	color: #fff;
	font-family: "Inter", sans-serif;
	font-size: 16px;
	font-weight: 600;
}

.testi-name em {
	color: #fff;
	font-style: normal;
	font-family: "Inter", sans-serif;
	font-size: 12px;
	font-weight: 400;
}

.clint-box-testimonal p {
	display: inline-block;
	width: 100%;
	margin: 20px 0 0 0;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: -.2px;
}

.clint-box-testimonal .img-star img {
	width: 100px;
}

.clint-box-testimonal .img-star {
	position: absolute;
	top: 27px;
	right: 20px;
}

.testimonal-left {
	position: absolute;
	top: 107px;
	left: 24px;
}

.testimonal-right {
	position: absolute;
	top: -26px;
	right: 15px;
}

.video-player .position-relative {
	position: relative;
	display: inline-block;
	cursor: pointer;
	width: 100%;
	z-index: 1;
}

.video-player video {
	display: block;
	width: 100%;
	height: 100%;
}

.video-player .controls {
	position: absolute;
	left: 0;
	display: flex;
	gap: 10px;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	z-index: 999;
	right: 0;
	margin: 0 auto;
	top: 15rem;
	opacity: 0;
}

.play-toggle:hover .controls {
	opacity: inherit;
	transition: 0.5s;
}

.video-player .controls img {
	width: 50px;
	height: 50px;
}

.video-player .controls img.pause-icon {
	display: none;
	/* Hidden by default */
}

.video-player.playing .controls img.play-icon {
	display: none;
	/* Hide play when playing */
}

.video-player.playing .controls img.pause-icon {
	display: inline;
	/* Show pause when playing */
}

.video-player p {
	margin: 8px 0 0;
}

.view-all-button {
	display: inline-block;
	width: 100%;
	text-align: left;
	margin: 56px 0 0 0;
}



/*Our happy clients*/

/*Driven by Purpose*/
.driveb-by-purpose-seaction {
	display: inline-block;
	text-align: center;
	width: 100%;
	padding: 120px 0;
}

.driveb-by-purpose-seaction h2 {
	display: inline-block;
	width: 100%;
	color: #1A1A1A;
	font-size: 48px;
	font-weight: 700;
}

.driveb-by-purpose-seaction h2 em {
	font-weight: 400;
}

.driveb-by-purpose-seaction p {
	display: inline-block;
	margin: 10px 0 0 0;
	width: 100%;
	color: #1A1A1A;
	font-size: 18px;
	font-weight: 400;
	line-height: 27px;
}

.driveb-by-purpose-inner {
	display: inline-block;
	width: 100%;
	margin: 25px 0 0 0;
}

.card-box {
	display: flex !important;
	border-radius: 12px !important;
	overflow: hidden;
	margin-bottom: 25px;
}

.card-box .left {
	flex: 1;
	padding: 60px 55px;
	font-weight: bold;
	text-align: left;
	border-radius: 0 20px 20px 0;
	width: 100%;
}

.card-box .left h2 {
	margin: 0;
	font-size: 55px;
	font-weight: 700;
	color: #fff;
}

.card-box .left p {
	margin: 20px 0 0 0;
	font-size: 46px;
	line-height: 46px;
	color: #fff;
	font-weight: 400;
	font-family: "Instrument Serif", serif;
}

.card-box .right {
	flex: 1;
	padding: 91px 55px;
	font-size: 18px;
	line-height: 27px;
	text-align: left;
	color: #fff;
	font-weight: 400;
	width: 100%;
}

/* Colors */
.card-box.one {
	background-color: #FB7A5C;
}

.card-box.two {
	background-color: #8C6CAF;
}

.card-box.three {
	background-color: #52678F;
}

.card-box.one .left {
	background: #d9461f;
}

.card-box.one .right {
	background: #FB7A5C;
}

.card-box.two .left {
	background: #6A4E89;
}

.card-box.three .left {
	background: #334670;
}

.card-box.four {
	background-color: #556E7E;
}

.card-box.four .left {
	background-color: #304858;
}

/*Driven by Purpose*/

/*Interested in working*/
.intersted-working-seaction {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin-bottom: 80px;
	position: relative;
	z-index: 11;
}

.intersted-working-seaction .container {
	max-width: 100%;
	padding: 0 50px;
}

.intersted-working-inner {
	display: inline-block;
	width: 100%;
	background: url(../images/home_images/Interested-bg.png);
	background-size: cover;
	background-position: 100%;
	border-radius: 20px;
	padding: 120px 0;
}

.intersted-working-inner .container-fluid {
	max-width: 1320px;
}

.intersted-working-inner .book-intro-box span {
	background: transparent;
	font-size: 23px;
	font-weight: 600;
	letter-spacing: 0px;
	line-height: 62px !important;
	line-height: 80px !important;
	text-transform: uppercase;
}

.intersted-working-inner span.item_flex {
	line-height: 16px !important;
	height: 35px !important;
}

.intersted-working-inner .book-intro-box a {
	height: 80px !important;
	padding: 0 65px;
}

.intersted-working-inner h2 {
	display: inline-block;
	width: 100%;
	margin: 20px 0 0 0;
	color: #fff;
	font-size: 100px;
	font-weight: 700;
	line-height: 100px;
}

.intersted-working-inner h2 em {
	font-weight: 400;
	background: linear-gradient(90deg, #DC4A26 0%, rgba(26, 26, 26, 0.00) 100%);
	padding: 0 0 10px 0;
}

.intersted-working-inner p {
	display: inline-block;
	width: 100%;
	margin: 35px 0 0 0;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: -.2px;
}

.book-intro-box {
	margin: 100px 0 0 0;
	display: inline-block;
	width: 100%;
}

.book-intro-box a {
	display: inline-flex;
}

.book-intro-box .we-got {
	display: inline-block;
	padding: 0 30px;
	position: relative;
	bottom: 7px;
}

/*Interested in working*/

/* Footer Css Start */

.pixxelu_footer a {
	text-decoration: none;
}

.pixxelu_footer {
	display: inline-block;
	width: 100%;
	padding: 75px 0 50px;
	z-index: 1;
}

.pixxelu_footer a:hover {
	text-decoration: underline;
}

ul.list-unstyled li a {
	font-weight: 400;
	font-size: 14px;
	line-height: 100%;
	letter-spacing: 0%;
	color: #666666;
}

.pixxelu_footer h5,
.pixxelu_footer h6 {
	font-weight: 600;
	font-size: 24px;
	line-height: 100%;
	color: #1A1A1A;
	margin-bottom: 22px;
}

.pixxelu_footer p strong {
	color: #1A1A1A;
	font-size: 18px;
	margin: 15px 0 0 0;
	display: inline-block;
}

.pixxelu_footer p {
	font-size: 14px;
	color: #666666;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: -.2px;
}

.pixxelu_footer ul {
	padding-left: 0;
	margin: 0;
}

.pixxelu_footer li {
	margin: 0 0 10px 0;
	width: 100%;
}

ul.list-unstyled li a {
	font-weight: 600;
	font-size: 14px;
	line-height: 100%;
	letter-spacing: 0%;
	color: #666 !important;
	display: inline-block;
	width: 100%;
}

ul.list-unstyled li a:hover {
	color: #DC4A26 !important;
	margin: 0 0 0 5px;
	transition: 0.5s;
}

.pixxelu_footer .social-icons a {
	font-size: 25px;
}

.pixxelu_footer .social-icons a:hover {
	color: #DC4A26 !important;
}

.social-icons {
	margin: 20px 0 0 0;
}

.pixxelu_footer hr {
	border-color: #ddd;
}

.animation_footer_title {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin: 32px 0 0 0;
}

.animation_footer_title h2 {
	font-size: 113px;
	font-weight: 800;
	display: inline-block;
	width: 100%;
	line-height: 140px;
	margin: 50px 0 0 0;
}

.animation_footer_title h2 em {
	font-weight: 400;
}

.copy-right {
	display: inline-block;
	width: 100%;
	margin: 50px 0 0 0;
	padding: 50px 0 0 0;
	border-top: 1px solid #cecece;
}

.copy-right p.mb-0 {
	font-size: 16px;
	color: #1A1A1A;
	font-weight: 600;
	text-transform: uppercase;
}

.copy-right a {
	display: inline-block;
	width: 100%;
	font-family: "Inter", sans-serif;
	margin: 6px 0 0 0;
	font-size: 14px;
	font-weight: 400;
	color: #1A1A1A;
}

.copy-right a:hover {
	color: #DC4A26;
}

.text-copy-right {
	margin: 0;
	text-align: right;
	width: 100%;
	color: #1A1A1A;
}

.text-copy-right a {
	width: auto;
	color: #666666;
	margin: 0 5px 0 0;
	padding: 0 2px 0 0;
}

/* Footer Css End */



.sticky-about-cards-section {
	display: inline-block;
	width: 100%;
	margin: 100px 0 0 0;
}

.sticky-section-wrapper {
	position: relative;
	height: 300vh;
	/* Makes scrollable space */
}

.sticky-section {
	position: sticky;
	top: 58px;
	height: 100vh;
	width: 100%;
}

.section-about {
	padding: 50px;
	border-radius: 0px;
	background-size: cover !important;
	background-position: 100% !important;
	height: 100vh;
}

.section-about.sa-1 {
	background: url(../images/home_images/sa-1.png);
}

.section-about.sa-2 #hoverVideo {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	height: 100vh;
	border-radius: 0;
}

.section-about.sa-2 .row {
	position: relative;
	z-index: 11;
}

.section-about.sa-2 .lets-tak-div {
	position: relative;
	z-index: 11;
}

.section-about.sa-2 .section-about-footer {
	position: relative;
	z-index: 11;
}

.section-about.sa-3 {
	background: url(../images/home_images/sc-3.jpg);
}

.section-about-left h2 {
	display: inline-block;
	width: 100%;
	color: #fff;
	font-size: 67px;
	font-weight: 800;
	text-transform: uppercase;
}

.section-about-left h2 em {
	font-weight: 400;
	text-transform: capitalize;
}

.section-about-left h4 {
	display: inline-block;
	margin: 147px 0 0 0;
	color: #fff;
	font-family: "Instrument Serif", serif;
	font-size: 32px;
}

.section-about-left p {
	display: inline-block;
	width: 100%;
	margin: 46px 0 0 0;
	color: #918BA7;
	font-size: 15px;
	font-weight: 400;
	line-height: 22px;
}

.section-about-right {
	display: inline-block;
	width: 100%;
}

.section-about-right img {
	width: 100%;
}

.section-about-right h4 {
	display: inline-block;
	width: 100%;
	color: #fff;
	font-family: "Instrument Serif", serif;
	margin: 55px 0 0 0;
	font-size: 32px;
	font-weight: 400;
	line-height: 38px;
}

.section-about-right p {
	display: inline-block;
	width: 100%;
	margin: 10px 0 0 0;
	color: #918BA7;
	font-size: 15px;
	font-weight: 400;
	line-height: 22px;
}

.lets-tak-div {
	text-align: center;
	width: 100% !important;
	margin: 30px 0 0 0 !important;
}

.lets-tak-div a {
	display: inline-block;
	border-radius: 40px;
	border: 1px solid #FFF;
	background: #FFF;
	box-shadow: 3px 3px 24px 0px #0B0620;
	color: #1A1A1A;
	font-size: 20px;
	font-weight: 800;
	text-transform: uppercase;
	padding: 0 10px 0 27px;
	line-height: 60px;
	height: 60px;
}

.lets-tak-div a ul {
	padding: 0;
	margin: 0 0 0 22px;
	display: inline-block;
	line-height: 32px;
}

.lets-tak-div a ul li {
	display: inline-block;
	width: 48px;
	border-radius: 50%;
	overflow: hidden;
	height: 50px;
	margin: 0px 0 0 -24px;
	position: relative;
	top: 10px;
}

.lets-tak-div a ul li img {
	width: 41px;
	height: 41px;
	border-radius: 50%;
}

.lets-tak-div a strong {
	position: relative;
	bottom: 10px;
}

.got-box {
	display: inline-flex;
	margin: 0 0 0 15px;
}

.section-about-footer {
	display: inline-block;
	width: 100%;
	margin: 86px 0 0 0;
	border-top: 1px solid #3F3771;
	padding: 34px 0 0 0;
}

.section-about-footer p {
	text-align: left;
	width: 100%;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	margin: 0;
}

.section-about-footer ul {
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: right;
	display: flex;
	justify-content: end;
}

.section-about-footer ul li {
	display: inline-block;
	padding: 0;
	margin: 0;
	width: 100%;
}

.inner-content {
	will-change: transform;
	transform: translate3d(0px, 0vh, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
	transform-style: preserve-3d;
	transition: transform 0.5s ease-out;
}

@keyframes scrollUp {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(-50px);
	}
}

/*start*/
.shopify-services {
	display: table-cell;
	width: 100vw;
	height: 100vh;
	vertical-align: middle;
	position: relative;
}

.shopify-services-left {
	display: inline-block;
	width: 100%;
}

.shopify-services-left .hop-stak {
	display: inline-block;
	padding: 10px 6px;
	border-radius: 4px;
	border: 1px solid #E5E5E5;
	background: #FFF;
}

.shopify-services-left .hop-stak {
	display: inline-block;
	padding: 6px 6px;
	border-radius: 4px;
	border: 1px solid #E5E5E5;
	background: #FFF;
	color: #1A1A1A;
	font-size: 14px;
	font-weight: 500;
}

.hop-stak img {
	margin: 0 8px 0 0;
}

.hop-stak a {
	border-radius: 2px;
	border: 1px solid #E4E4E4;
	background: #F6F6F6;
}

.hop-stak a {
	border-radius: 2px;
	border: 1px solid #E4E4E4;
	background: #F6F6F6;
	font-size: 14px;
	font-weight: 500;
	color: #1A1A1A;
	padding: 3px 5px;
	display: inline-block;
	margin: 0 0 0 5px;
}

.hop-stak a img {
	margin: 0 0 0 2px;
}

.shopify-services-left h2 {
	display: inline-block;
	width: 100%;
	margin: 12px 0 0 0;
	color: #1A1A1A;
	font-size: 72px;
	font-weight: 600;
	line-height: 70px;
	position: relative;
	z-index: 11;
}

.shopify-services-left p {
	display: inline-block;
	width: 100%;
	margin: 29px 0 0 0;
	color: #1A1A1A;
	font-size: 18px;
	line-height: 27px;
	font-weight: 400;
	letter-spacing: -.2px;
}

.button-shopify {
	display: flex;
	align-items: center;
	gap: 15px;
	margin: 32px 0 0 0;
}

.button-shopify .book-a-call {
	background-color: #DC4A26;
	color: #fff;
}

.button-shopify .Explore {
	color: #1A1A1A;
	border: 1px solid #DDD;
	background: #FFF;
	margin: 0 0 0 10px;
}

.shopify-services-right {
	display: inline-block;
	width: 100%;
}

.shopify-services-right video {
	object-fit: cover;
	z-index: -100;
	background-position: 50%;
	background-size: cover;
	width: 100%;
	height: 100%;
	margin: auto;
	position: absolute;
	inset: -100%;
}

.shopify-services-right {
	float: right;
	position: absolute;
	inset: 0% 0% 0% auto;
	z-index: 9;
}

.next-section {
	height: 100vh;
	background: #cfcfcf;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2rem;
}


.accelerate-your-business {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin: 80px 0 0 0;
}

.accelerate-your-business .container {
	max-width: 100%;
	padding: 0 50px;
}

.accelerate-your-business-inner {
	display: inline-block;
	width: 100%;
	background-color: #fff;
	padding: 80px 0;
	border-radius: 20px;
}

.accelerate-your-business-inner .container-fluid {
	max-width: 1320px;
}

.accelerate-your-business-inner h2 {
	display: inline-block;
	width: 100%;
	margin: 0;
	color: #1A1A1A;
	font-size: 48px;
	font-weight: 700;
	line-height: 53px;
	margin-bottom: 15px;
}

.accelerate-your-business-inner p {
	display: inline-block;
	width: 100%;
	margin: 10px 0 0 0;
	color: #1A1A1A;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -.2px;
}

.accelerate-your-business-all {
	display: inline-block;
	width: 100%;
	margin: 42px 0 0 0;
	text-align: left;
}

.accelerate-your-business-box {
	display: inline-block;
	width: 100%;
	text-align: left;
	border-radius: 12px;
	border: 1px solid #DCDCE1;
	background: #fdfdfd;
	box-shadow: 2px 2px 4px 0px rgba(220, 220, 225, 0.42);
	padding: 30px;
	height: 273px;
	position: relative;
}

.accelerate-your-business-box:hover {
	background-color: #F6F6F6 !important;
}

.accelerate-your-business-box h3 {
	display: inline-block;
	width: 100%;
	color: #1A1A1A;
	font-size: 20px;
	font-weight: 600;
	margin: 22px 0 0 0;
}

.accelerate-your-business-box p {
	display: inline-block;
	width: 100%;
	color: #1A1A1A;
	font-size: 14px;
	line-height: 22px;
	font-weight: 500;
	margin: 5px 0 0 0;
	font-family: "Inter", sans-serif;
	letter-spacing: -.2px;
	overflow: hidden;
}

.transform-your-website {
	display: inline-block;
	width: 100%;
	margin: 80px 0 0 0;
}

.transform-your-website-inner {
	display: flex;
	width: 100%;
	justify-content: space-around;
	padding: revert;
	border-radius: 20px;
	/* background: url(../video/transfer.png); */
	background-size: cover;
	background-position: 100%;
	background-repeat: no-repeat;
	padding: 80px 62px 0;
	position: relative;
	overflow: hidden;
}

.transform-your-website-inner h2 {
	color: #fff;
	margin: 0;
	font-size: 48px;
	font-weight: 700;
	line-height: 53px;
	width: 100%;
}

.transform-your-website-inner p {
	display: inline-block;
	width: 100%;
	margin: 10px 0 0 0;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: -.2px;
}

.transform-your-website-inner a {
	width: fit-content;
	margin: 32px 0 0 0;
	border-radius: 48px;
	background: #DC4A26;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
}

.perfect-template-seaction {
	padding-bottom: 0 !important;
}



.your-eommerce-seaction {
	display: inline-block;
	width: 100%;
	margin: 80px 0 0 0;
	position: relative;
}

.your-eommerce-seaction::before {
	content: "";
	position: absolute;
	top: 80px;
	right: 0;
	width: 228px;
	height: 497px;
	background: url(../images/home_images/shopify-app-logo.png) center/contain no-repeat;
}

.your-eommerce-seaction-left {
	display: inline-block;
	width: 100%;
}

.your-eommerce-seaction-left ul {
	display: inline-block;
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
}

.your-eommerce-seaction-left ul li {
	display: flex;
	width: 90%;
	gap: 15px;
	margin: 0 0 20px 0;
	position: relative;
	z-index: 11;
	border-radius: 10px;
	padding: 15px;
}

.your-eommerce-seaction-left ul li:hover {
	background-color: #ffff;
	transition: 0.5s;
}

.text-box-eommerce h4 {
	color: #1A1A1A;
	font-size: 18px;
	font-weight: 600;
	width: 100%;
}

.text-box-eommerce h6 {
	display: inline-block;
	width: 100%;
	color: #1A1A1A;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: -.2px;
	margin: 0;
}

.your-eommerce-seaction-left ul::before {
	content: '';
	position: absolute;
	border: 1px dashed #FFC0B1;
	left: 45px;
	width: 1px;
	height: 77%;
	z-index: 11;
	top: 20px;
}



.your-eommerce-seaction-right .subheading_det {
	margin: 0;
}

.your-eommerce-seaction-right h2 {
	display: inline-block;
	width: 100%;
	margin: 10px 0 0 0;
	color: #1A1A1A;
	font-size: 48px;
	font-weight: 700;
}

.your-eommerce-seaction-right p {
	display: inline-block;
	width: 100%;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: #1A1A1A;
	margin: 10px 0 20px 0;
	letter-spacing: -.2px;
}

.your-eommerce-seaction-right a {
	width: fit-content;
	color: #fff;
	border-radius: 48px;
	background: #DC4A26;
	margin: 0px 0 0 0;
	font-size: 14px;
	font-weight: 600;
}

.your-eommerce-seaction-right a .word {
	background-color: transparent;
	padding: 0;
	color: #fff;
	margin: 0;
	border: none;
}

.your-eommerce-seaction-right span img {
	margin: 0 5px 0 0;
}

.shopify-expert-seaction {
	display: inline-block;
	width: 100%;
	text-align: center;
}

h2.Hire-Dedicated {
	font-weight: 700;
	font-size: 48px;
	text-align: center;
	line-height: 53px;
	margin-bottom: 15px;
}

p.multi-sector {
	font-weight: 400;
	font-size: 18px;
	line-height: 27px;
	text-align: center;
}



/* slider */

.scroll-area {
	height: 500vh;
	/* enough height to scroll */
	position: relative;
}

.scroll-area .slider-wrapper {
	position: sticky;
	top: 100px;
	height: 400px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	perspective: 1000px;
}

.scroll-area .slider {
	position: relative;
	width: 80%;
	max-width: 1000px;
	height: 100%;
}

.scroll-area .card {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 40px;
	gap: 30px;
	opacity: 0;
	transform: translateY(100px) scale(0.9);
	transition: all 0.8s ease;
}

.scroll-area .card img {
	width: 50%;
	border-radius: 12px;
	object-fit: cover;
}

.scroll-area .text {
	width: 45%;
}

.scroll-area .text h2 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
}

.scroll-area .text p {
	font-size: 16px;
	color: #555;
	line-height: 1.5;
}

.scroll-area .card.show {
	opacity: 1;
	transform: translateY(0) scale(1);
	z-index: 3;
}

.scroll-area .card.behind {
	opacity: 0.3;
	transform: translateY(40px) scale(0.9);
	z-index: 1;
}

.scroll-area .card.next {
	opacity: 0.15;
	transform: translateY(80px) scale(0.85);
	z-index: 0;
}

.shopify-expert-seaction {
	display: inline-block;
	width: 100%;
	text-align: center;
}

.shopify-expert-seaction {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin: 80px 0 0 0;
}

.shopify-expert-seaction .container {
	max-width: 100%;
	padding: 0 50px;
}

.shopify-expert-inner .container-fluid {
	max-width: 1320px;
}

.shopify-expert-inner {
	background-color: #fff;
	border-radius: 20px;
	padding: 80px 0;
	display: inline-block;
	width: 100%;
}

h2.section-title {
	font-weight: 700;
	font-size: 48px;
	line-height: 53px;
	text-align: center;
	margin-bottom: 40px;
}

p.section-subtitle {
	font-weight: 400;
	font-size: 18px;
	line-height: 27px;
	text-align: center;
	padding-bottom: 30px;
	margin: auto;
	margin-top: -15px;
}

.packages-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: center;
}

.package-card {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 10px;
	padding: 25px;
	flex: 1 1 300px;
	max-width: 413px;
	height: 640px;
	text-align: left;
}

.package-card h2 {
	font-weight: 700;
	font-size: 32px;
	line-height: 35px;
}

.package-card p {
	font-weight: 400;
	font-size: 18px;
	line-height: 27px;
}

.package-card hr {
	border: none;
	border-top: 1px solid #9d9da5;
	margin: 20px 0;
}

.package-card h4 {
	font-weight: 700;
	font-size: 18px;
	line-height: 35px;
}

.package-card ul {
	padding-left: 0;
	list-style: none;
	margin-bottom: 25px;
}

.package-card ul li {
	font-weight: 400;
	font-size: 16px;
	line-height: 37px;
}

.package-card ul li span {
	margin-right: 10px;
}

.hire-btn {
	background-color: #e94525;
	color: #fff;
	border: none;
	padding: 12px 25px;
	border-radius: 6px;
	font-weight: bold;
	cursor: pointer;
	width: 100%;
	transition: background 0.3s;
}

.hire-btn-1 {
	margin-top: 100px;
}

.hire-btn-2 {
	margin-top: 62px;
}

button.hire-btn {
	border-radius: 30px;
}

.hire-btn:hover {
	background-color: #d03c1e00;
	color: #e94525;
	border: 1px solid #e94525;
}

.perfect-template-seaction {
	display: inline-block;
	width: 100%;
	margin: 100px 0;
	padding: 0 0 120px 0;
}

.perfect-template-one-left h2 {
	display: inline-block;
	width: 100%;
	color: #1A1A1A;
	font-size: 190px;
	font-weight: 700;
	position: relative;
	line-height: 143px;
}

.perfect-template-one-left h2 span {
	position: absolute;
	right: 0;
	top: -60px;
	line-height: 20px;
}

.perfect-template-one-left h6 {
	text-align: center;
	width: 100%;
	margin: 20px 0 0 0;
	color: #000;
	font-size: 20px;
	font-weight: 500;
}

.perfect-template-one-left h6 img {
	position: absolute;
	margin: 0 0 0 -98px;
}

.perfect-template-one-right h5 {
	margin: 0;
	width: auto;
	display: inline-block;
	padding: 10px;
	font-size: 14px;
	font-weight: 500;
	color: #1A1A1A;
	border-radius: 38px;
	border: 1px solid #E5E5E5;
	background: #FFF;
}

.perfect-template-one-right h4 {
	display: inline-block;
	width: 100%;
	margin: 23px 0 0 0;
	color: #1A1A1A;
	font-size: 48px;
	font-weight: 700;
}

.perfect-template-one-right p {
	display: inline-block;
	width: 100%;
	color: #1A1A1A;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	margin: 21px 0 0 0;
	letter-spacing: -.2px;
}

.perfect-slider-box button {
	display: none !important;
}

.perfect-slider-box img {
	width: 100%;
}

.perfect-slider-box .container {
	max-width: 100%;
	padding: 0;
}

.perfect-slider-box .slick-slide {
	margin: 0 7px;
}

.perfect-slider-box {
	display: inline-block;
	width: 100%;
	margin: 20px 0 0 0;
}

.perfect-template-one {
	margin-bottom: 60px;
}

.shopy-our-happy-clients {
	display: inline-block;
	width: 100%;
	margin: 80px 0;
}

.shopy-our-happy-clients .container {
	max-width: 100%;
	padding: 0 50px;
}

.shopy-our-happy-clients-inner {
	background-color: #fff;
	border-radius: 20px;
	text-align: center;
	padding: 80px 0;
}

.shopy-our-happy-clients-inner .container-fluid {
	max-width: 1320px;
}

.shopy-our-happy-clients-inner span {
	display: inline-block;
	color: #1A1A1A;
	font-size: 14px;
	font-weight: 500;
	font-family: "Inter", sans-serif;
	border-radius: 38px;
	border: 1px solid #E5E5E5;
	background: #FFF;
	padding: 10px;
}

.shopy-our-happy-clients-inner h2 {
	display: inline-block;
	width: 100%;
	color: #1A1A1A;
	font-size: 48px;
	font-weight: 700;
	margin: 5px 0 0 0;
	line-height: 53px;
}

.shopy-our-happy-clients-inner p {
	display: inline-block;
	width: 100%;
	color: #747272;
	font-size: 14px;
	font-weight: 600;
	margin: 10px 0;
	letter-spacing: -.2px;
	line-height: 24px;
}

.shopy-our-happy-clients-inner button {
	border: none;
	background-color: transparent;
	padding: 0;
	top: 50%;
	position: absolute;
}

.shopy-our-happy-clients-inner button.blaze-prev.left-left {
	left: 600px;
	position: absolute;
	top: 104%;
}

.shopy-our-happy-clients-inner button.blaze-next.left-right {
	position: absolute;
	right: 600px;
	top: 104%;
}

.shopy-our-happy-clients-inner .box-slider {
	padding: 27px 30px;
	display: inline-block;
	text-align: left;
	width: 100%;
	border-radius: 12px;
	border: 1px solid #DCDCE1;
	background: #FFF;
	box-shadow: 2px 2px 4px 0px rgba(220, 220, 225, 0.42);
	height: 300px;
}

.left-box-clints-all {
	display: flex;
	gap: 15px;
}

.shopy-our-happy-clients-inner .box-slider h4 {
	margin: 0;
	display: inline-block;
	color: #1A1A1A;
	font-size: 16px;
	font-weight: 600;
}

.shopy-our-happy-clients-inner .box-slider span {
	padding: 0;
	border: none;
	padding: 0;
	color: #1A1A1A;
	font-size: 12px;
	font-weight: 400;
	margin: 10px 0 0 0;
}

.left-box-clints {
	border-radius: 50px;
	width: 48px;
	height: 48px;
}

.left-box-clints img {
	width: 52px;
	height: 52px;
}

.shopy-our-happy-clients-inner .legendary-sliider {
	margin: 42px 0 0 0;
}

.latest-stories-strategies {
	display: inline-block;
	text-align: center;
	width: 100%;
	margin-bottom: 100px;
}

.latest-stories-strategies h2 {
	display: inline-block;
	width: 100%;
	color: #1A1A1A;
	font-size: 48px;
	font-weight: 700;
}

.latest-stories-strategies p {
	display: inline-block;
	width: 100%;
	margin: 0 0 37px 0;
	color: #1A1A1A;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -.2px;
}

.latest-stories-strategies-box {
	text-align: left;
	width: 100%;
	display: inline-block;
	background-color: #fff;
	border-radius: 20px;
}

.latest-stories-strategies-box .seo-text {
	float: left;
	width: auto;
	margin: 10px 0 0 0;
	border-radius: 60px;
	border: 1px solid #E5E5E5;
	background: #F7F7F7;
}

.latest-stories-strategies-box .seo-text {
	float: left;
	width: auto;
	margin: 10px 0 0 20px;
	border-radius: 60px;
	border: 1px solid #E5E5E5;
	background: #F7F7F7;
	color: #1A1A1A;
	font-size: 12px;
	padding: 2px 6px;
}

.latest-stories-strategies-box .date-text {
	float: right;
	width: auto;
	margin: 10px 20px 0 0;
	color: #525252;
	font-size: 14px;
	font-weight: 400;
}

.latest-stories-strategies-box h3 {
	display: inline-block;
	width: 100%;
	padding: 0 20px;
	color: #1A1A1A;
	font-size: 20px;
	font-weight: 600;
	line-height: 25px;
	margin: 15px 0;
}

.laravel-development-service {
	display: inline-block;
	width: 100%;
	text-align: center;
	padding: 100px 0 0;
	background: url(../images/home_images/patten-banner.png);
	background-size: cover;
	background-position: 100%;
}

.larvel-icon img {
	width: 70px;
	margin-bottom: 15px;
}

.laravel-development-service h2 {
	display: inline-block;
	width: auto;
	padding: 10px 20px;
	font-size: 50px;
	font-weight: 700;
	background: linear-gradient(90deg, #DC4A26 0%, #DC4A26 100%);
	color: #fff;
}

.laravel-development-service p {
	display: inline-block;
	width: 100%;
	margin: 29px 0 0 0;
	color: #1A1A1A;
	font-size: 18px;
	line-height: 27px;
	font-weight: 400;
	letter-spacing: -.2px;
}

.laravel-development-box {
	display: inline-block;
	width: 100%;
	background-color: #fff;
	border-radius: 20px;
	margin: 55px 0 0 0;
	position: relative;
	overflow: hidden;
}

.laravel-development-box-1 {
	display: inline-block;
	text-align: left;
	width: 100%;
	padding: 22px 25px 0;
}

.laravel-development-box-1 h3 {
	display: inline-block;
	width: 100%;
	color: #1A1A1A;
	font-size: 24px;
	font-weight: 600;
}

.laravel-development-box-1 p {
	display: inline-block;
	margin: 10px 0 0 0;
	color: #1A1A1A;
	font-size: 16px;
	font-weight: 400;
	line-height: 27px;
}

.laravel-development-box-1 ul {
	padding: 0;
	margin: 20px 0 0 0;
	width: 100%;
}

.laravel-development-box-1 ul li {
	display: inline-block;
	width: 100%;
	color: #000000;
	font-size: 16px;
	font-weight: 400;
	position: relative;
	padding: 0 0 13px 26px;
}

.laravel-development-box-1 ul li::before {
	content: '';
	position: absolute;
	left: 0;
	background: url(../images/home_images/vector-black.png);
	width: 14px;
	height: 11px;
	top: 7px;
}

.laravel-development-box-3 {
	display: inline-block;
	width: 100%;
	text-align: left;
	margin: 44px 0 0 0;
}

.laravel-development-box-3 ul {
	padding: 0;
	margin: 0;
	width: 100%;
}

.laravel-development-box-3 {
	display: inline-block;
	width: 100%;
	text-align: left;
	margin: 44px 0 0 0;
	padding: 0 27px 0 54px;
}

.laravel-development-box-3 ul li {
	display: flex;
	width: 100%;
	border-top: 1px solid #D9D9D9;
	gap: 15px;
	padding: 13px 0;
}

.laravel-development-box-3 ul li span {
	font-size: 18px;
	font-weight: 500;
	line-height: inherit;
	margin: 0 0 0 0;
	font-family: "Inter", sans-serif;
}

.laravel-development-box-3 ul li:nth-child(1) {
	padding-top: 0;
	border: none;
}

.laravel-development-box-3 ul li:last-child {
	padding-bottom: 0;
}

.laravel-logo {
	bottom: 42px;
}

.connect-with-laravel-expert {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin: 100px 0;
}

.connect-with-laravel-expert .container {
	max-width: 100%;
	padding: 0 50px;
}

.connect-with-laravel-expert-inner {
	background-color: #fff;
	border-radius: 20px;
	padding: 120px 0;
}

.connect-with-laravel-expert-inner .container-fluid {
	max-width: 1320px;
}

.connect-with-laravel-expert-inner h2 {
	width: 100%;
	display: inline-block;
	color: #1A1A1A;
	font-size: 48px;
	font-weight: 700;
}

.connect-with-laravel-expert-inner p {
	display: inline-block;
	width: 100%;
	color: #1A1A1A;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	margin: 10px 0 0 0;
	letter-spacing: -.2px;
}

.connect-slider {
	display: inline-block;
	width: 100%;
	margin: 42px 0 0 0;
	text-align: left;
}

.connect-slider .box-slider {
	width: 100%;
	display: inline-block;
	padding: 35px 25px;
	border-radius: 12px;
	border: 1px solid #DCDCE1;
	background: #FFF;
	box-shadow: 2px 2px 4px 0px rgba(220, 220, 225, 0.42);
	text-align: left;
	height: 245px;
}

.connect-slider .box-slider h3 {
	display: inline-block;
	width: 100%;
	color: #1A1A1A;
	font-size: 20px;
	font-weight: 500;
	margin: 28px 0 0 0;
}

.connect-slider .box-slider p {
	font-size: 16px;
	line-height: 24px;
}

.connect-slider button {
	position: absolute;
	right: 0;
	bottom: -88px;
	border: none;
	background-color: transparent;
	padding: 0;
}

.connect-slider .blaze-prev.left-left {
	right: 50px;
}

.connect-slider a {
	width: fit-content;
	margin: 35px 0 0 0;
	background-color: #DC4A26;
	border-radius: 48px;
	padding: 5px 22px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
}

.some-orecent-shopify-left {
	display: inline-block;
	width: 100%;
}

.some-orecent-shopify-left h2 {
	display: inline-block;
	width: 100%;
	color: #1A1A1A;
	font-size: 43px;
	font-weight: 700;
}

.some-orecent-shopify-left p {
	display: inline-block;
	width: 100%;
	margin: 10px 0 0 0;
	color: #1A1A1A;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: -.2px;
}

.some-orecent-shopify-left a {
	width: fit-content;
	background-color: #DC4A26;
	padding: 5px 22px;
	border-radius: 48px;
	color: #fff;
	margin: 32px 0 0 0;
	font-size: 14px;
	font-weight: 600;
}

.some-orecent-shopify-right .box-slider img {
	border-radius: 20px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.blaze-slider.some-orecent-slider .box-slider {
	height: 472px;
}

.some-orecent-shopify-right button {
	position: absolute;
	left: -27rem;
	bottom: 6.3rem;
	border: none;
	padding: 0;
	background-color: transparent;
}

.some-orecent-shopify-right button.blaze-next.left-right {
	left: -23rem;
}

.portfolio-seaction-banner {
	display: inline-block;
	width: 100%;
	background-color: #1A1A1A;
	padding: 94px 0;
	text-align: center;
}

.portfolio-seaction-banner h2 {
	color: #fff;
	margin: 0;
	font-size: 60px;
	font-weight: 700;
	width: 100%;
}

.portfolio-seaction-banner h2 em {
	font-weight: 400;
}

.portfolio-seaction-banner p {
	color: #fff;
	font-weight: 500;
	font-size: 18px;
	margin: 10px 0 0;
	width: 100%;
}

.portfolio-seaction {
	display: inline-block;
	width: 100%;
	margin: 120px 0 0;
	padding-bottom: 100px;
}

.portfolio-seaction .tabs {
	width: 100%;
}

.portfolio-seaction ul#tabs-nav {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: auto;
	text-align: center;
	display: inline-block;
	width: 100%;
}

.portfolio-seaction ul#tabs-nav li {
	display: inline-block;
	cursor: pointer;
}

.portfolio-seaction #tabs-nav li a {
	color: #1A1A1A;
	font-size: 20px;
	font-weight: 400;
	position: relative;
	padding: 0 10px;
}

.portfolio-seaction #tabs-nav li.active a {
	color: #000;
	text-decoration: underline !important;
}

.portfolio-seaction #tabs-content {
	display: inline-block;
	width: 100%;
	margin: 52px 0 0 0;
}

.portfolio-seaction-box {
	background-color: #fff;
	border-radius: 20px;
	border: 1px solid #e5e5e5;
	width: 100%;
	display: inline-block;
	overflow: hidden;
}

.portfolio-seaction-box-img {
	display: inline-block;
	width: 100%;
	position: relative;
}

.portfolio-seaction-box-img img {
	width: 100%;
}

.portfolio-seaction-box-img ul {
	padding: 0;
	margin: 0;
	position: absolute;
	bottom: 25px;
	left: 25px;
	z-index: 11;
}

.portfolio-seaction-box-img ul li {
	display: inline-block;
	width: auto;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	position: relative;
	color: #DFDFDF;
	font-size: 14px;
	font-weight: 500;
}

.portfolio-seaction-box-img ul li::after {
	content: '';
	position: absolute;
	width: 6px;
	height: 6px;
	background-color: #DC4A26;
	border-radius: 50%;
	top: 8px;
	right: -4px;
}

.portfolio-seaction-box-img ul li:last-child::after {
	display: none;
}

.portfolio-seaction-box-text {
	display: inline-block;
	width: 100%;
	padding: 20px 25px;
}

.portfolio-seaction-box-text h3 {
	color: rgb(26, 26, 26);
	font-size: 18px !important;
	font-weight: 600;
	width: 100%;
}

.portfolio-seaction-box-text p {
	display: inline-block;
	width: 91%;
	color: rgb(26, 26, 26);
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: -0.2px;
	margin: 0px;
}

.portfolio-seaction-box-text ul {
	margin: 12px 0 0 0;
	padding: 0;
}

.portfolio-seaction-box-text ul li {
	display: inline-block;
	width: auto;
	color: rgb(26, 26, 26);
	font-size: 11px;
	font-weight: 600;
	font-family: Inter, sans-serif !important;
	padding: 3px 10px;
	border-radius: 60px;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(229, 229, 229);
	border-image: initial;
	background: rgb(247, 247, 247);
	margin: 0px 6px 0px 0px;
}

.portfolio-video-seaction {
	display: inline-block;
	width: 100%;
	margin: 20px 0 0 0;
}

.portfolio-video-seaction video {
	border-radius: 20px;
	max-width: 890px;
	height: 501px;
	position: relative;
	left: -11rem;
}

.portfolio-all-seaction {
	margin-bottom: 120px;
}

.portfolio-detail-banner {
	display: inline-block;
	width: 100%;
	text-align: center;
	padding: 100px 0 0 0;
	background: url(../images/home_images/portfolio-detail.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 100% 100%;
	position: relative;
	height: 969px;
}

.portfolio-detail-banner::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.1);
	z-index: 1;
}

.portfolio-detail-banner span {
	color: #000;
	font-size: 14px;
	font-weight: 500;
	font-family: "Inter", sans-serif;
	width: 100%;
	z-index: 11;
	position: relative;
}

.portfolio-detail-banner h2 {
	display: inline-block;
	color: #000;
	font-size: 60px;
	font-weight: 600;
	width: 100%;
	z-index: 11;
	position: relative;
}

.portfolio-detail-banner h2 em {
	font-weight: 400;
}

.portfolio-detail-banner p {
	display: inline-block;
	width: 100%;
	color: #000;
	margin: 12px 0 0 0;
	font-size: 18px;
	font-weight: 400;
	line-height: 27px;
	letter-spacing: -.2px;
	z-index: 11;
	position: relative;
}

.portfolio-detail-banner ul {
	display: inline-block;
	width: 100%;
	padding: 0;
	margin: 14px 0 0 0;
}

.portfolio-detail-banner ul li {
	display: inline-block;
	width: auto;
	padding: 3px 10px;
	color: #1A1A1A;
	font-size: 12px;
	font-weight: 600;
	margin: 0 5px;
	border-radius: 60px;
	border: 1px solid #fff;
	background: #fff;
	z-index: 11;
	position: relative;
}

.banner-laptop {
	position: absolute;
	bottom: -12rem;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 11;
}

.portfolio-detail-box-one {
	padding: 288px 0 0 0;
}

.left h2 {
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 10px;
	color: #1A1A1A;
}

.left p {
	font-size: 18px;
	color: #1A1A1A;
	line-height: 27px;
	width: 80%;
	letter-spacing: -.2px;
}

.info-box {
	width: 100%;
	display: inline-block;
}

.info-box .info-item {
	float: left;
	width: 45%;
	margin: 0 31px 0 0;
}

.info-item h4 {
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 5px;
	color: #1A1A1A;
}

.info-item p {
	font-weight: 700;
	font-size: 24px;
	margin: 0;
	border-bottom: 1px solid #D3D3D3;
	padding-bottom: 5px;
	margin-bottom: 62px;
}

.info-item .link {
	color: #f4511e;
	font-weight: 700;
	text-decoration: none;
}

.portfolio-detail-box-tow .container {
	max-width: 100%;
	padding: 0 50px;
}

.portfolio-detail-box-tow img {
	width: 100%;
	border-radius: 20px 20px 0 0;
}

.intro {
	font-size: 16px;
	line-height: 1.6;
	max-width: 800px;
	margin-bottom: 30px;
}

.stat-box h2 {
	font-size: 78px;
	font-weight: 600;
	margin: 0;
	color: #1A1A1A;
}

.stat-box p {
	margin: 0;
	font-size: 14px;
	line-height: 1.4;
}

.portfolio-detail-box-three {
	display: inline-block;
	width: 100%;
}

.intro {
	font-size: 32px;
	max-width: 800px;
	margin-bottom: 50px;
	color: #1A1A1A;
	font-weight: 600;
	line-height: 42px;
}

.stat-box {
	text-align: left;
	padding: 25px;
	border: 1px solid #393939;
	border-radius: 12px;
	position: relative;
	height: 200px;
}

.stat-box p {
	margin: 0;
	font-size: 14px;
	line-height: 1.4;
	position: absolute;
	bottom: 25px;
}

.portfolio-detail-box-tow.laptop-image-2 {
	margin: 120px 0 0 0;
}

.laptop-image-2 img {
	border-radius: 20px;
}

.row.mobile-pic {
	margin-top: 100px;
	text-align: center;
}

.row.mobile-pic img {
	width: auto;
}

.portfolio-detail-box-four {
	display: inline-block;
	width: 100%;
	margin: 100px 0;
}

.portfolio-detail-box-four img {
	width: 100%;
}

.w-background-video>video {
	object-fit: cover;
	z-index: -100;
	background-position: 50%;
	background-size: cover;
	width: 100%;
	height: 100%;
	margin: auto;
	position: absolute;
	inset: -100%;
	z-index: 11;
	background-color: #000;
}

.video_bg {
	overflow: hidden;
	position: relative;
	width: 100%;
	will-change: transform;
	height: 70vh;
	z-index: 11;
}

.suraj-transform {
	width: 110%;
}

.portfolio-detail-2-banner {
	display: inline-block;
	width: 100%;
	padding: 100px 0 0 0;
	height: 941px;
	text-align: center;
	background: linear-gradient(180deg, #0B2941 0%, #425363 100%);
}

.portfolio-detail-2-banner span {
	display: inline-block;
	width: 100%;
	color: #fff;
	font-family: "Inter", sans-serif !important;
	font-size: 14px;
	font-weight: 500;
}

.portfolio-detail-2-banner h2 {
	margin: 0;
	width: 100%;
	color: #fff;
	font-size: 60px;
	font-weight: 600;
	display: inline-block;
}

.portfolio-detail-2-banner p {
	display: inline-block;
	width: 100%;
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	margin: 10px 0 0 0;
}

.portfolio-detail-2-banner ul {
	display: inline-block;
	width: 100%;
	padding: 0;
	margin: 20px 0 0 0;
}

.portfolio-detail-2-banner ul li {
	display: inline-block;
	margin: 0 5px;
	border-radius: 60px;
	border: 1px solid #E5E5E5;
	background: #F7F7F7;
	padding: 9px 10px;
	font-size: 12px;
	font-weight: 400;
	color: #1A1A1A;
}

.portfolio-detail-2-banner .banner-laptop {
	bottom: -14rem;
}

.portfolio-detail-2-banner span img {
	filter: brightness(0) invert(1);
	margin: 0 5px 0 0;
}

.reviews-banner-deaction {
	display: inline-block;
	width: 100%;
	background: linear-gradient(353deg, #FF7300 30.85%, #F15F01 46.72%, #C02901 58.43%, #000 72.59%);
	text-align: center;
	padding: 100px 0;
}

.reviews-banner-deaction h2 {
	display: inline-block;
	color: #fff;
	font-size: 60px;
	font-weight: 700;
	line-height: 74px;
}

.reviews-banner-deaction h2 em {
	font-weight: 400;
}

.reviews-banner-deaction img {
	margin: 30px 0 0 0;
}

.reviews-all-seaction {
	display: inline-block;
	width: 100%;
	margin: 100px 0;
}

.reviews-all-box {
	/* display: inline-block; */
	width: 100%;
	padding: 30px;
	border-radius: 12px;
	border: 1px solid #DCDCE1;
	background: #FFF;
	box-shadow: 0 10px 64px -32px rgba(15, 15, 15, .35);
	backdrop-filter: blur(10px);
	height: 312px;
}

.reviews-all-box-flex {
	display: flex;
	gap: 15px;
}

.reviews-all-box-flex .user-reviews {
	border-radius: 50%;
	overflow: hidden;
}

.reviews-all-box-flex .name-reviews span {
	display: inline-block;
	width: 100%;
	font-family: "Inter", sans-serif;
	color: #1A1A1A;
	font-size: 16px;
	font-weight: 600;
}

.reviews-all-box-flex em {
	font-style: normal;
	font-size: 12px;
	font-family: "Inter", sans-serif;
	color: #1A1A1A;
}

.reviews-all-box p {
	display: inline-block;
	width: 100%;
	color: #1A1A1A;
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	margin: 15px 0 8px 0;
	letter-spacing: -.2px;
	overflow: hidden;
}

.contact-page-banner {
	display: inline-block;
	width: 100%;
	text-align: center;
	/* background: url(../images/home_images/contact-bg.svg); */
	padding: 63px 0 0 0;
	height: auto;
	background-size: cover;
	position: relative;
}

.contact-page-banner span {
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	font-family: "Inter", sans-serif;
	width: 100%;
	display: inline-block;
}

.contact-page-banner h2 {
	display: inline-block;
	width: 100%;
	color: #fff;
	font-size: 60px;
	font-weight: 700;
	line-height: 80px;
}

.contact-page-banner p {
	display: inline-block;
	width: 100%;
	color: #fff;
	font-size: 18px;
	line-height: 27px;
	font-weight: 400;
	letter-spacing: -.2px;
}

.contact-from-inner {
	/* display: inline-block; */
	background-color: #fff;
	width: 100%;
	border-radius: 20px;
	padding: 30px;
	text-align: left;
	position: relative;
	left: 0;
	margin-top: -370px;
	right: 0;
}

.contact-from-left {
	background-color: #fff;
	padding: 36px 40px;
	border-radius: 20px;
	width: 100%;
	display: inline-block;
	box-shadow: 2px 2px 4px 0 rgba(220, 220, 225, 0.42);
	border: 1px solid #E8E8E8;
}

.contact-from-left h3 {
	display: inline-block;
	width: 100%;
	color: #1A1A1A;
	font-size: 28px;
	font-weight: 600;
}

.contact-from-left p {
	display: inline-block;
	width: 100%;
	color: #1A1A1A;
	font-size: 16px;
	margin: 0;
}

.adress-box-line {
	color: #1A1A1A;
	font-size: 16px;
	font-weight: 600;
	width: 100%;
	margin: 28px 0 0 0;
}

.adress-box-line img {
	margin: 0 10px 0 0;
}

.box-adress-all {
	display: inline-block;
	width: 100%;
	margin: 34px 0 0 0;
}

.box-adress {
	display: flex;
	gap: 15px;
	background-color: #FFF1EE;
	border-radius: 7px;
	padding: 18px;
	margin-bottom: 25px;
}

.loaction h4 {
	color: #1A1A1A;
	font-size: 16px;
	font-weight: 600;
	width: 100%;
}

.loaction h6 {
	margin: 0 0 0 0;
	color: #1A1A1A;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
}

.contact-from-right {
	display: inline-block;
	width: 100%;
}

.left-box-from {
	float: left;
	width: 48%;
	margin-bottom: 21px;
}

.contact-from-right h4 {
	font-weight: 600;
	font-size: 18px;
}

.right-box-from h4 span {
	width: auto;
	color: #747474;
	font-size: 11px;
}

.right-box-from {
	float: right;
	width: 48%;
	margin-bottom: 24px;
}

.contact-from-right label {
	display: inline-block;
	width: 100%;
	font-size: 16px;
	color: #1A1A1A;
	margin-bottom: 5px;
}

.contact-from-right label span {
	display: inline-block;
	width: auto;
	color: #747474;
	font-size: 10px;
}

.contact-from-right input {
	width: 100%;
	height: 48px;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #DCDCE1;
	background: #FFF;
	box-shadow: 2px 2px 4px 0px rgba(220, 220, 225, 0.42);
	font-size: 14px;
	font-weight: 400;
}

.form-group {
	display: block;
	margin-bottom: 5px;
}

.form-group input {
	padding: 0;
	height: initial;
	width: initial;
	margin-bottom: 0;
	display: none;
	cursor: pointer;
}

.form-group label {
	position: relative;
	cursor: pointer;
	color: #747474;
	font-size: 14px;
	font-weight: 400;
}

.form-group label::before {
	content: '';
	-webkit-appearance: none;
	padding: 10px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 12px;
	border-radius: 3px;
	border: 1px solid #DCDCE1;
	background: #FFF;
	box-shadow: 2px 2px 4px 0px rgba(220, 220, 225, 0.42);
}

input:focus-visible {
	outline: none;
}

.form-group input:checked+label:after {
	content: '';
	display: block;
	position: absolute;
	top: 3px;
	left: 9px;
	width: 6px;
	height: 14px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.form-group input:checked+label::before {
	background-color: #DC4A26;
	border-color: #DC4A26;
}

.left-box-from h4 span {
	width: auto;
	color: #747474;
	font-size: 11px;
}

.from-text {
	display: inline-block;
	width: 100%;
}

.from-text textarea {
	width: 100%;
	border-radius: 5px;
	border: 1px solid #DCDCE1;
	background: #FFF;
	box-shadow: 2px 2px 4px 0px rgba(220, 220, 225, 0.42);
	height: 125px;
	padding: 15px;
}

.submit-btn {
	display: inline-block;
	width: 100%;
	margin: 25px 0 0 0;
}

.submit-btn button {
	display: inline-block;
	width: 130px;
	background-color: #DC4A26;
	border: none;
	border-radius: 48px;
	height: 43px;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
}

.box-adress-all ul {
	padding: 0;
	margin: 30px 0 0 0;
	width: 100%;
}

.box-adress-all ul li {
	display: inline-block;
	width: auto;
	margin: 0 10px 0 0;
}

.box-adress-all ul li a {
	display: inline-block;
	width: 30px;
	height: 30px;
	background-color: #1A1A1A;
	border-radius: 50%;
	text-align: center;
	line-height: 30px;
	color: #fff;
}

.box-adress-all ul li a:hover {
	background-color: #DC4A26;
	color: #fff;
	transition: 0.5s;
}

.our-Office-location {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin: 100px 0;
}

.our-Office-location span {
	display: inline-block;
	width: 100%;
	font-family: "Inter", sans-serif;
	font-size: 14px;
	font-weight: 500;
}

.our-Office-location h2 {
	display: inline-block;
	width: 100%;
	color: #1A1A1A;
	font-size: 48px;
	font-weight: 700;
}

.map-box iframe {
	width: 100%;
	height: 560px;
	border-radius: 20px;
}

.map-box {
	display: inline-block;
	width: 100%;
	position: relative;
	margin: 42px 0 0 0;
}

.getting-here {
	position: absolute;
	bottom: 25px;
	right: 25px;
	background-color: #fff;
	border-radius: 20px;
	padding: 35px 25px;
	width: 387px;
	text-align: left;
	z-index: 11;
}

.map-box::before {
	content: '';
	left: 0;
	width: 100%;
	height: 98.7%;
	border-radius: 20px;
	background: linear-gradient(271deg, rgba(0, 0, 0, 0.13) 17.95%, rgba(0, 0, 0, 0.06) 66.22%);
	bottom: 7px;
	z-index: 11;
}

.getting-here h3 {
	display: inline-block;
	width: 100%;
	color: #000;
	font-size: 24px;
	font-weight: 500;
}

.getting-here ul {
	padding: 0;
	margin: 22px 0 0 0;
}

.getting-here ul li {
	display: flex;
	width: 100%;
	margin-bottom: 18px;
	gap: 15px;
}

.getting-here ul li {
	display: inherit;
	width: 100%;
	margin-bottom: 18px;
	position: relative;
	padding: 0 0 0 22px;
	color: #1A1A1A;
	font-size: 16px;
	font-weight: 400;
	line-height: 21px;
}

.getting-here ul li img {
	width: auto;
	height: auto;
	position: absolute;
	left: 0;
	top: 5px;
}

.getting-here ul li span {
	font-size: 12px;
}

.nearby-landmarks-box {
	display: inline-block;
	width: 100%;
	background-color: #FFF1EE;
	border-radius: 5px;
	padding: 15px;
}

.nearby-landmarks-box h4 {
	display: inline-block;
	width: 100%;
	color: #DC4A26;
	font-size: 16px;
	font-weight: 500;
	margin: 0;
}

.nearby-landmarks-box ul {
	margin: 0;
}

.nearby-landmarks-box ul li {
	padding: 0;
	margin: 12px 0 0 0;
	font-size: 12px;
}

.getting-here a {
	width: fit-content;
	text-align: center;
	margin: 25px 0 0 0;
	background-color: #DC4A26;
	border-radius: 48px;
}

.getting-here a .word {
	width: auto;
}

.portfolio-detail-3-banner {
	display: inline-block;
	width: 100%;
	text-align: center;
	padding: 100px 0 0 0;
	background: url(../images/home_images/portfolio-3.jpg);
	height: 969px;
	position: relative;
}

.portfolio-detail-3-banner span {
	display: inline-block;
	width: 100%;
	color: #1A1A1A;
	font-size: 14px;
	font-weight: 500;
	font-family: "Inter", sans-serif;
}

.portfolio-detail-3-banner h2 {
	display: inline-block;
	width: 100%;
	color: #1A1A1A;
	font-size: 60px;
	font-weight: 600;
	margin: 0;
}

.portfolio-detail-3-banner h2 em {
	font-weight: 400;
}

.portfolio-detail-3-banner ul {
	margin: 15px 0 0 0;
	padding: 0;
}

.portfolio-detail-3-banner ul li {
	display: inline-block;
	width: auto;
	border-radius: 60px;
	border: 1px solid #E5E5E5;
	background: #F7F7F7;
	color: #1A1A1A;
	font-size: 12px;
	font-weight: 400;
	padding: 9px 10px;
}

.overlay_gradient_work_marquee {
	background-image: linear-gradient(90deg, #f6f6f6 35%, #f6f6f600);
	width: 15vw;
	height: 101%;
	margin-top: auto;
	margin-bottom: auto;
	position: absolute;
	inset: 0% auto 0% 0%;
	z-index: 1;
}

.overlay_gradient_work_marquee.right {
	background-image: linear-gradient(270deg, #f6f6f6 35%, #f6f6f600);
	inset: 0% 0% 0% auto
}

.logo_wrap {
	max-height: var(--size--4rem);
	min-height: var(--size--4rem);
	padding: var(--size--0-5rem)var(--size--1-5rem);
	border: var(--border-width--main)solid #e0e0e0;
	color: #6f6f6f;
	justify-content: center;
	align-items: center;
	width: 100%;
	display: flex;
	overflow: hidden
}

.banner_slider_main {
	position: relative;
	overflow: hidden;
}

.slider-wrapper {
	display: flex;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	width: 100%;
}

.text-company {
	display: inline-block;
	white-space: nowrap;
	padding-right: 0;
	animation: slide-left 40s linear infinite;
}

.text-company span {
	font-family: "Bricolage Grotesque", sans-serif;
}

@keyframes slide-left {
	0% {
		transform: translateX(0%);
	}

	100% {
		transform: translateX(-50%);
	}
}


.home-about-seaction {
	display: inline-block;
	width: 100%;
}

.home-about-seaction .container {
	max-width: 100%;
	padding: 0 50px;
}

.home-about-seaction-inner .container-fluid {
	max-width: 1320px;
}

.home-about-seaction-inner {
	background: url(../images/home_images/about-bg-home.jpg);
	margin: 100px 0 0 0;
	padding: 78px 0;
	border-radius: 20px;
	text-align: left;
	background-size: cover;
	background-position: 100%;
}

.home-about-seaction-inner .subheading_det {
	float: left;
	margin: 0;
}

.home-about-seaction-inner p {
	display: inline-block;
	width: 100%;
	margin: 34px 0 0 0;
	color: #BABABA;
	font-size: 40px;
	font-weight: 500;
	line-height: 56px;
}

.home-about-seaction-inner img {
	margin: 60px 0 0 0;
}

.counter-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	gap: 40px;
	width: 100%;
	margin: 50px 0 0 0;
}

.counter-box {
	text-align: left;
	flex: 1 1 200px;
	width: 100%;
}

.counter-box h2 {
	font-size: 80px;
	font-weight: 600;
	color: #fff;
	font-family: "Bricolage Grotesque", sans-serif;
}

.counter-box p {
	font-size: 14px;
	width: 100%;
	color: #fff;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 0 0;
}

.home-about-seaction-inner .subheading_det img {
	margin: 0;
}

.reveal {
	font-kerning: none;
	color: #BABABA;
	font-family: "Bricolage Grotesque";
	font-size: 40px;
	font-style: normal;
	font-weight: 500;
	line-height: 56px;
}

.animation_footer_title .container {
	max-width: 100%;
	padding: 0 50px;
}

.latest-new-stories {
	text-align: center;
	width: 100%;
	display: inline-block;
	margin-top: 100px;
}

.latest-new-stories h2 {
	font-size: 48px;
	line-height: 53px;
	width: 100%;
	font-weight: 700;
	color: #1A1A1A;
	margin: 13px 0 0 0;
}

.latest-new-stories h2 em {
	font-weight: 300;
}

.latest-new-stories p {
	color: #1A1A1A;
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	margin: 10px 0 0 0;
	letter-spacing: -.2px;
}

.latest-new-stories p strong {
	text-decoration: underline;
}

.blog-new-row {
	display: inline-block;
	width: 100%;
	margin: 50px 0 0 0;
}

.blog-new-row-box {
	display: inline-block;
	width: 100%;
	text-align: left;
	background-color: #fff;
	border-radius: 12px;
	overflow: hidden;
}

.blog-new-row-box img {
	width: 100%;
	border-radius: 12px;
}

.blog-new-row-box:hover {
	box-shadow: 2px 2px 4px 0px rgba(220, 220, 225, 0.42);
	transition: 0.8s !important;
}

.blog-new-content {
	display: inline-block;
	width: 100%;
	padding: 20px;
}

.blog-new-content span {
	display: inline-block;
	width: auto;
	border-radius: 60px;
	border: 1px solid #E5E5E5;
	font-family: "Inter", sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #525252;
	padding: 3px 10px;
}

.blog-new-content h3 {
	display: inline-block;
	width: 100%;
	margin: 15px 0 0 0;
	font-size: 19px;
	color: #1A1A1A;
	letter-spacing: -.2px;
}

.blog-new-content h6 {
	display: inline-block;
	width: 100%;
	margin: 15px 0 0 0;
	color: #1A1A1A;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: -.2px;
	height: 48px;
	overflow: hidden;
}

.book-intro-box a .word {
	background-color: transparent;
	color: #000;
	width: auto;
	height: auto;
	font-weight: 600;
	font-size: 16px;
}

.logo-brand-slider-box {
	display: inline-block;
	border-radius: 12px;
	border: 1px solid #DCDCE1;
	background: #FFF;
	box-shadow: 2px 2px 4px 0px rgba(220, 220, 225, 0.42);
	width: 100%;
}

.logo-brand-text {
	display: inline-block;
	width: 100%;
	padding: 30px;
}

.logo-brand-text h4 {
	color: #1A1A1A;
	font-size: 36px;
	font-weight: 700;
	width: 100%;
	display: inline-block;
	margin: 0;
}

.logo-brand-text p {
	margin: 0 0 0 0;
	color: #1A1A1A;
	font-size: 18px;
	font-weight: 500;
	width: 100%;
}

.logo-brand {
	display: inline-block;
	width: 100%;
	border-top: 1px solid #DCDCE1;
	text-align: center;
	padding: 17px;
	height: 68px;
}

.logo-brand img {
	width: 60%;
	display: inline;
}

.logo-company-slider button {
	display: none !important;
}

.logo-company-slider {
	display: inline-block;
	width: 100%;
	margin: 70px 0;
}

.logo-company-slider .container {
	max-width: 100%;
	padding: 0 50px;
}

.logo-company-slider .slick-slide {
	padding: 0 10px;
}

.button-bolg {
	display: inline-block;
	width: 100%;
	margin: 70px 0 0 0;
}

.button-bolg a {
	display: inline-block;
	width: auto;
	border-bottom: 1px solid #000;
	color: #1A1A1A;
	font-size: 14px;
	font-weight: 600;
	padding: 0;
}


/* Fade-up animation */
@keyframes fadeUp {
	0% {
		opacity: 1;
		transform: translateY(0px);
	}

	100% {
		opacity: 0;
		transform: translateY(-50px);
	}
}

.fade-up {
	animation: fadeUp 1s ease forwards;
}

/* Base loader styles */
.loader_wrap {
	position: fixed;
	inset: 0;
	background-color: #fff;
	z-index: 999;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 1;
	visibility: visible;
	transition: opacity 1s ease, visibility 1s ease;
	height: 100vh;
	width: 100%;
}

.loader_contain {
	width: 100%;
	max-width: 300px;
	position: relative;
}

.loader_layout {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.loader_header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.loader_text,
.loader_number {
	opacity: 1;
	transition: transform 0.8s ease, opacity 0.8s ease;
	font-family: "Bricolage Grotesque", sans-serif;
	font-weight: 400;
	font-size: 16px;
}

.loader_visual {
	width: 100%;
	aspect-ratio: 3 / 4;
	overflow: hidden;
	position: relative;
}

.loader_visual_inner {
	width: 100%;
	height: 100%;
	opacity: 1;
	transition: opacity 0.5s ease;
}

.loader_visual_img {
	width: 100%;
	display: block;
	opacity: 1;
	transition: opacity 0.5s ease;
}

.mobile-video {
	display: none;
}

.counter {
	font-family: "Bricolage Grotesque", sans-serif !important;
}

.button-laravel a .word {
	font-weight: 400;
	font-size: 16px;
}

.button-laravel a {
	font-weight: 400;
	font-size: 14px !important;
	padding: 8px 30px;
}



.mobile-img-transfer {
	position: relative;
	/* top: 55px; */
	float: right;
	width: 30%;
	height: 320px;
	right: 0;
}

.transform-your-website-left {
	float: left;
	width: auto;
}

.mobile-img-transfer video {
	position: absolute;
	left: 8px;
	right: 0;
	width: 82.7%;
	top: 5px;
	border-radius: 46px;
	height: auto;
}

.marquee-slider {
	margin: 0px auto 0px !important;
	width: 100%;
}

.marquee-slider .slick-slide {
	margin: 0 7px;
}

.marquee-slider {
	margin: 0px auto;
	width: 100%;
}

.slick-list.draggable {
	background: transparent;
	border: none;
}

.marquee-row-2 {
	direction: rtl;
}

.marquee-row-2 .slick-slide {
	direction: ltr;
}

.slick-slide {
	width: 100%;
	border-radius: 20px;
	box-shadow: 0 0 10px 0 #b7b5b5;
	background-color: #fff;
	overflow: hidden;
}

.marquee-slider .slick-track {
	padding: 15px 0;
}

.marquee-slider img {
	width: 100%;
	border-radius: 10px;
}

.marquee-slider .slick-track {
	padding: 15px 0;
}

#carousel-home-log .slick-slide {
	box-shadow: inherit;
	background-color: transparent;
	padding: 0 5px;
}

.laravel-seaction::before {
	display: none;
}

.cms-icon {
	padding: 0;
	margin: 25px 0 20px;
}

.cms-icon li {
	display: inline-block;
	margin: 0 5px 0;
}

.Recent-cms {
	margin-top: 100px;
	margin-bottom: 0;
}

.shopify-services {
	position: relative;
	height: 100vh;
	overflow: hidden;
}

.shopify-services-right {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 48%;
	overflow: hidden;
}

.shopify-services-right video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.shopify-services-left {
	position: relative;
	z-index: 2;
}

.next-section {
	height: 100vh;
	background: #f2f2f2;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.video-full video {
	width: 100%;
	height: 100%;
}

.cms-video-laptop {
	position: relative;
	bottom: 0;
	float: right;
	width: 35%;
	height: auto;
	right: 0;
	margin-bottom: 35px;
}

.cms-video-laptop img {
	width: 100%;
}

.cms-video-laptop video {
	width: 128%;
	position: relative;
	left: -3rem;
	margin: 0 auto;
	top: 1px;
	height: auto;
}

.video-site-box {
	position: absolute;
	top: 15px;
	margin: 0 auto;
	width: 71%;
	left: 0;
	right: 0;
	height: 184px;
	overflow: hidden;
}

.shopify-services-left {
	justify-content: center;
	align-items: center;
	height: 100vh;
	position: relative;
	overflow: hidden;
	display: table-cell;
	vertical-align: middle;
}

.shopify-services-left {
	z-index: 1;
	position: relative;
}

.front-end-developers h2 {
	background: padding-box;
	padding: 0;
	display: inline-block;
	width: 100%;
	margin: 12px 0 0 0;
	color: #1A1A1A;
	font-size: 72px;
	font-weight: 600;
	line-height: 70px;
	position: relative;
	z-index: 0;
}

.front-end-developers-logo {
	display: inline-block;
	width: 100%;
	margin: 20px 0 0 0;
}

.front-end-developers-logo ul {
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0;
}

.front-end-developers-logo ul li {
	display: inline-block;
	margin: 0 0;
}

.front-end-box-left {
	text-align: left;
	width: 100%;
}

.front-end-box-left ul {
	padding: 0;
	margin: 0;
	width: 100%;
}

.front-end-box-left ul li {
	display: inline-block;
	width: 100%;
	font-size: 18px;
	font-weight: 600;
	padding: 0 0 0 40px;
	position: relative;
	margin: 0 0 15px 0;
}

.front-end-box-left ul li img {
	position: absolute;
	left: 13px;
	top: 7px;
}

.front-end-box-left {
	text-align: left;
	width: 100%;
	padding: 99px 25px;
}

.front-end-img img {
	width: 450px;
}

.front-end-img {
	height: auto;
	/* margin: 35px 0 0 0; */
}

.php-dashboard {
	display: inline-block;
	width: 100%;
	position: relative;
}

.php-dashboard .dashboard-bg {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: -86px;
	z-index: -1;
}

.transform-your-website-left-php {
	padding-bottom: 70px;
}

.video-img-box {
	width: 100%;
	display: inline-block;
	height: 500px;
	overflow: hidden;
	border-radius: 20px;
}

.portfolio-video-seaction .col-md-6:nth-child(1) {
	margin-bottom: 20px;
}

.portfolio-seaction #tab2 {
	margin-bottom: 30px;
}

#carousel-home .slick-slide {
	background-color: transparent;
	padding: 0;
	box-shadow: inherit;
	margin: 0 10px;
}

.buton-slider button {
	background-color: transparent;
	border: none;
	padding: 0;
	margin: 30px 10px 0 0;
}

.tooltip {
	position: relative;
	display: inline-block;
	margin: 10px;
	opacity: inherit !important;
	z-index: 1 !important;
}

.tooltip-text {
	visibility: hidden;
	background-color: #000;
	color: #fff;
	text-align: center;
	border-radius: 4px;
	padding: 5px 8px;
	position: absolute;
	z-index: 1;
	bottom: 101%;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	transition: opacity 0.3s ease;
	white-space: nowrap;
}

.tooltip:hover .tooltip-text {
	visibility: visible;
	opacity: 1;
}

.portfolio-detail-box-next {
	margin: 60px 0 60px;
	border: 1px solid #dcdcdc;
	padding: 0 0 30px 0;
}

.portfolio-detail-box-next {
	margin: 60px 0 60px;
	border: 1px solid #dcdcdc;
	padding: 15px;
	border-radius: 15px;
	text-align: center;
}

.portfolio-detail-box-next span {
	font-family: "Inter", sans-serif;
	color: #666;
	font-size: 16px;
	width: 100%;
	display: inline-block;
}

.portfolio-detail-box-next h2 {
	font-weight: 600;
	font-size: 36px;
	margin: 3px 0 0 0;
}

.portfolio-detail-box-next:hover {
	background-color: #fff;
}

.portfolio-detail-box-three img {
	width: 100%;
}

.left-box-clints-all h4 {
	font-size: 18px;
	width: 100%;
	margin: 0;
}

.left-box-clints-all span {
	font-family: "Inter", sans-serif;
	font-size: 13px;
	color: #666;
}

.c-gallery {
	width: min(100%, 100%);
	margin: 0 auto;
	columns: 3 300px;
	column-gap: var(--margin);
}

.c-gallery__item {
	margin-bottom: 15px;
}

.grid-all {
	margin: 100px 0;
}




.reviews-banner-deaction .testimonial-section {
	padding: 40px 20px;
	display: inline-block;
	text-align: center;
	width: 100%;
}

.testimonial-grid {
	width: 100%;
	display: inline-block;
	text-align: center;
}

.reviews-banner-deaction .testimonial-card img {
	width: 100%;
	height: 100%;
	margin: 0;
	border-radius: 10px;
}

.reviews-banner-deaction .testimonial-grid>.testimonial-card:nth-child(1) {
	width: 233px;
	height: 331px;
	position: relative;
	top: 75px;
}

.reviews-banner-deaction .testimonial-grid>.testimonial-card:nth-child(2) {
	width: 402px;
	height: 287px;
}

.reviews-banner-deaction .testimonial-grid>.testimonial-card:nth-child(3) {
	width: 203px;
	height: 211px;
	position: relative;
	top: 38px;
}

.reviews-banner-deaction .testimonial-grid>.testimonial-card:nth-child(4) {
	width: 233px;
	height: 309px;
	position: relative;
	top: 88px;
}

.reviews-banner-deaction .testimonial-grid>.testimonial-card:nth-child(6) {
	width: 367px;
	height: 247px;
}

.reviews-banner-deaction .testimonial-grid>.testimonial-card:nth-child(5) {
	margin: -20px 0 0 11rem;
}

.reviews-banner-deaction .testimonial-grid>.testimonial-card:nth-child(7) {
	position: relative;
	top: 5rem;
	left: 14px;
}

.testimonial-card {
	display: inline-block;
	margin: 0 10px;
	position: relative !important;
	animation: float3 4s ease-in-out infinite;
}

.video-button-popup {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0;
	height: 100%;
	justify-content: center;
	background-color: rgba(0, 0, 0, 0.7);
	border-radius: 10px;
	align-items: center;
	display: none;
}

.video-button-popup button {
	display: inline-block;
	height: 45px;
	border: none;
	background-color: transparent;
	width: 51px;
	border-radius: 50%;
}

.testimonial-card:hover .video-button-popup {
	display: flex;
	transition: 0.5s;
}

.popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.8);
	z-index: 1000;
	width: 100%;
	height: 100vh;
	right: 0;
	text-align: center;
	vertical-align: middle;
	justify-content: center;
}

.popup-inner {
	display: table-cell;
	width: 100vw;
	text-align: center;
	height: 100vh;
	vertical-align: middle;
}

.popup-inner .close {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 30px;
	cursor: pointer;
	background-color: #fff;
	display: inline-block;
	width: 40px;
	border-radius: 50%;
	height: 40px;
	line-height: 39px;
	color: #000;
	font-weight: 800;
}

#popup-2 .close {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 30px;
	cursor: pointer;
	background-color: #fff;
	display: inline-block;
	width: 40px;
	border-radius: 50%;
	height: 40px;
	line-height: 39px;
	color: #000;
	font-weight: 800;
}

.popup-box-video-open {
	margin: 0rem auto;
	width: 50%;
}

.popup-box-video-open iframe {
	width: 100%;
	height: 600px;
}

.icon-list .tooltip {
	position: relative;
	display: inline-block;
}

.icon-list .tooltip-text {
	visibility: hidden;
	background-color: #333;
	color: #fff;
	padding: 5px 8px;
	border-radius: 4px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
	font-size: 14px;
	z-index: 10;
	opacity: 0;
	transition: opacity 0.3s ease;
	font-family: "Bricolage Grotesque", sans-serif;
}

.icon-list .tooltip:hover .tooltip-text {
	visibility: visible;
	opacity: 1;
}

.book-a-call-page {
	background-color: #1A1A1A;
	text-align: center;
	padding: 100px 0;
	width: 100%;
	display: inline-block;
}

.book-a-call-page span {
	display: inline-block;
	border: 1px solid #dddada;
	border-radius: 100px;
	background-color: #292929;
	color: #dfdddd;
	font-family: "Inter", sans-serif;
	font-size: 14px;
	font-weight: 600;
	padding: 7px 14px;
}

.book-a-call-page h2 {
	display: inline-block;
	width: 100%;
	color: #fff;
	font-size: 50px;
	line-height: 55px;
	margin: 25px 0 0;
	font-weight: 600;
}

.book-from-all {
	margin: 50px 0 0 0;
}

.cookie-bar.opencookie {
	bottom: 0%;
}

.cookie-bar {
	position: fixed;
	right: 0;
	left: 0;
	bottom: -100%;
	background-color: #e5e6e7;
	color: rgba(0, 0, 0, 0.87);
	padding: 15px;
	z-index: 99;
	transition: 0.4s ease-in-out all;
	max-width: 1000px;
	margin: 0 auto;
}

.cookie-bar-text {
	display: flex;
	align-items: center;
	max-width: fit-content;
	margin: 0 auto;
	gap: 1.5rem;
}

.cookie-bar-text p {
	font-weight: 400;
	font-size: 14px;
	margin: 4px 0 0 0;
}

.cookie-bar-text p .cookie-bar-link {
	color: #DC4A26;
}

.cookie-bar .cookie-btn {
	border: 1px solid #DC4A26;
	border-radius: 100px;
	padding: 6px 10px;
	color: #DC4A26;
	transition: .2s ease-in-out all;
	font-weight: 400;
	position: relative;
	font-size: 12px;
	font-family: inherit;
	cursor: pointer;
	min-width: inherit;
	white-space: nowrap;
}

.cookie-bar .cookie-btn:hover {
	background-color: #DC4A26;
	color: #fff;
}

.mobile-triger .toggle-icon {
	display: none;
}

.list-unstyled-rating li {
	display: inline-block;
	width: 100%;
	margin: 12px 0 0 0;
}

.mobile-view-drop.adress-box h6 {
	display: none;
}

.about-banner-seaction {
	display: inline-block;
	width: 100%;
	position: relative;
}

.video-about video {
	width: 100% !important;
	height: 100%;
}

.video-about::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	background: rgb(0 0 0 / 60%);
	top: 0;
	height: 100%;
	z-index: 1;
}

.video-about {
    overflow: hidden;
    width: 100%;
    max-height: 700px !important;
    position: relative;
}
.content-about {
	position: absolute;
	top: 160px;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
	z-index: 1;
}

.content-about h2 {
	margin: 0;
	color: #fff;
	font-size: 60px;
	font-weight: 700;
	width: 100%;
}

.content-about p {
	margin: 10px 0 0 0;
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	line-height: 27px;
	letter-spacing: -.2px;
}

.our-mission-seaction {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin: 100px 0;
}

.our-mission-seaction h2 {
	display: inline-block;
	width: 100%;
	margin: 0;
	color: #1A1A1A;
	font-size: 48px;
	font-weight: 700;
}

.our-mission-seaction p {
	display: inline-block;
	width: 100%;
	margin: 15px 0 0 0;
	letter-spacing: -.2px;
	color: #1A1A1A;
	font-size: 18px;
	line-height: 27px;
}

.our-mission-seaction .row {
	margin-top: 42px;
}

.our-mission-box {
	display: inline-block;
	width: 100%;
	text-align: left;
	border-radius: 12px;
	border: 1px solid #DCDCE1;
	background: #FFF;
	box-shadow: 2px 2px 4px 0 rgba(220, 220, 225, 0.42);
	padding: 30px;
}

.our-mission-box h3 {
	display: inline-block;
	width: 100%;
	margin: 30px 0 0 0;
	color: #1A1A1A;
	font-size: 20px;
	font-weight: 500;
}

.our-mission-box span {
	display: inline-block;
	width: 100%;
	color: #1A1A1A;
	font-size: 15px;
	font-weight: 400;
	line-height: 22px;
	margin: 10px 0 0 0;
	font-family: "Inter", sans-serif;
}

.our-story-div {
	display: inline-block;
	width: 100%;
	padding: 41px 80px;
	position: relative;
	border-radius: 12px;
	background: #FFF;
	box-shadow: 2px 2px 4px 0 rgba(220, 220, 225, 0.42);
	overflow: hidden;
}

.our-story-div-left {
	float: left;
	width: 60%;
}

.our-story-div-right a {
	float: right;
	width: fit-content;
	text-align: right;
}

.our-story-div-left h2 {
	color: #1A1A1A;
	font-size: 48px;
	font-weight: 700;
	margin: 0;
	width: 100%;
}

.our-story-div-left p {
	margin: 10px 0 0 0;
	color: #1A1A1A;
	font-size: 18px;
	font-weight: 400;
	line-height: 27px;
	letter-spacing: -.2px;
	width: 100%;
}

.our-story-div img {
	position: absolute;
	right: 0;
	top: 0;
}

.our-story-div-right a {
	z-index: 1;
	margin: 47px 0 0 0;
}

.meet-our-team {
	display: inline-block;
	width: 100%;
	margin: 100px 0 0 0;
}

.meet-our-team-inner {
	text-align: center;
	background-color: #fff;
	border-radius: 20px;
	padding: 100px 0;
}

.meet-our-team h2 {
	display: inline-block;
	width: 100%;
	color: #1A1A1A;
	font-size: 48px;
	font-weight: 700;
	margin: 20px 0 0 0;
	text-align: center;
}

.meet-our-team p {
	display: inline-block;
	width: 100%;
	letter-spacing: -.2px;
	color: #1A1A1A;
	font-size: 18px;
	font-weight: 400;
	margin: 10px 0 0 0;
	text-align: center;
}

.meet-our-team-box {
	display: inline-block;
	width: 100%;
	margin: 35px 0 0 0;
}

.team-box {
	display: inline-block;
	width: 100%;
	border-radius: 7px;
	border: 1px solid #DCDCE1;
	background: #FFF;
	box-shadow: 2px 2px 4px 0 rgba(220, 220, 225, 0.42);
	text-align: left;
	overflow: hidden;
}

.team-box-text {
	display: inline-block;
	width: 100%;
	padding: 20px;
}

.team-box-text h3 {
	margin: 0;
	color: #1A1A1A;
	font-size: 22px;
	font-weight: 600;
}

.team-box-text span {
	display: inline-block;
	width: 100%;
	font-family: "Inter", sans-serif;
	color: #DC4A26;
	font-size: 14px;
	font-weight: 500;
	margin: 5px 0 0 0;
}

.year-box-row {
	display: inline-block;
	width: 100%;
	text-align: left;
	margin: 55px 0 0 0;
}

.year-box-inner {
	display: inline-block;
	width: 100%;
	border-radius: 12px;
	border: 1px solid #DCDCE1;
	background: #FFF;
	box-shadow: 2px 2px 4px 0 rgba(220, 220, 225, 0.42);
	padding: 25px;
	height: 175px;
}

.year-box-inner h4 {
	display: inline-block;
	width: 100%;
	margin: 15px 0 0 0;
	color: #1A1A1A;
	font-size: 18px;
	font-weight: 600;
}

.year-box-inner span {
	display: inline-block;
	width: 100%;
	font-family: "Inter", sans-serif;
	color: #1A1A1A;
	font-size: 16px;
	font-weight: 500;
	margin: 10px 0 0 0;
}

.our-stack img {
	width: 50px;
}

.our-stack svg {
	width: 50px;
	height: 53px;
}

.our-stack .our-mission-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	/* horizontal center */
	justify-content: center;
	/* vertical center */
	text-align: center;
	height: 167px;
	position: relative;
}

.our-stack .our-mission-box h3 {
	margin: 15px 0 0 0;
}

.custom-cursor {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	pointer-events: none;
	background: #DC4A26;
	color: #fff;
	border-radius: 50%;
	font-size: 12px;
	white-space: nowrap;
	transform: translate(-50%, -50%);
	transition: opacity 0.3s ease, transform 0.15s ease;
	opacity: 0;
	font-family: sans-serif;
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	animation: cursorPulse 4s infinite ease-in-out;
}

@keyframes cursorPulse {

	0%,
	100% {
		transform: translate(-50%, -50%) scale(1);
	}

	50% {
		transform: translate(-50%, -50%) scale(1.05);
	}
}


.portfolio-seaction-box .hover_media.active {
	opacity: 1;
	z-index: 2;
}

.portfolio-seaction-box .hover_media {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	transition: opacity 0.8s ease-in-out;
	z-index: 1;
	border-radius: 17px;
}

.portfolio-seaction-box .image_wrapper {
	position: relative;
	width: 100%;
	height: 500px;
	overflow: hidden;
}



.hestory-seaction {
	display: inline-block;
	width: 100%;
	padding: 100px 0;
}

.hestory-seaction h2 {
	text-align: center;
	font-size: 60px;
	font-weight: 800;
	margin: 0;
}

.hestory-seaction h6 {
	text-align: center;
	font-size: 22px;
	font-weight: 400;
	width: 100%;
	margin: 15px 0 0 0;
}

.hestory-seaction p {
	display: inline-block;
	text-align: left;
	margin: 20px 0 0 0;
	letter-spacing: -.2px;
	font-size: 16px;
	font-weight: 400;
	line-height: 27px;
}

.text-history-box {
	display: inline-block;
	width: 100%;
	margin: 40px 0 0 0;
	background-color: #e5e5e5;
	padding: 10px 25px;
	font-style: italic;
	font-size: 18px;
	line-height: 30px;
}

.our-box-year {
	display: inline-block;
	width: 100%;
	margin: 40px 0 0 0;
}

.our-box-year ul {
	padding: 0;
	margin: 20px 0 0 0;
}

.our-box-year ul li {
	display: inline-block;
	width: 100%;
	position: relative;
	padding: 0 0 0px 24px;
	color: #666;
	margin: 0 0 20px 0;
}

.our-box-year ul li span {
	color: #DC4A26;
	display: inline-block;
	width: 100%;
	font-weight: 600;
	font-family: "Bricolage Grotesque", sans-serif;
	font-size: 24px;
}

.our-box-year ul li::before {
	content: '';
	position: absolute;
	left: 0;
	width: 3px;
	height: 100%;
	top: 0;
	background-color: #DC4A26;
}

.box-other {
	display: inline-block;
	width: 100%;
	margin: 30px 0 0 0;
	text-align: center;
}

.box-other span {
	color: #DC4A26;
	display: inline-block;
	width: 100%;
	font-weight: 800;
	font-family: "Bricolage Grotesque", sans-serif;
	font-size: 30px;
}

.box-other p {
	margin: 0;
}

.extra-p {
	width: 100%;
	text-align: center !important;
	margin: 60px 0 0 0 !important;
	font-style: italic;
	color: #666;
	font-size: 18px !important;
}

.hestory-seaction .container {
	max-width: 53%;
}


.step-box {
	background: #F6F6F6;
	padding: 55px 20px;
	border-radius: 15px;
	width: 100%;
	max-width: 410px;
	text-align: center;
	position: relative;
	height: 480px;
}

.step-box span.step-number {
	position: absolute;
	top: 25px;
	left: 25px;
	background: #000;
	color: #fff;
	padding: 5px 12px;
	border-radius: 6px;
	font-size: 14px;
	font-style: italic;
}

.step-image img {
	max-width: 100%;
	border-radius: 12px;
	margin-bottom: 20px;
}

.step-box h3 {
	font-size: 20px;
	font-weight: 700;
}

.step-box p {
	font-weight: 400;
	font-size: 15px;
	line-height: 22px;
	text-align: center;
}

.comparison-box {
	display: flex;
	flex-wrap: wrap;
	gap: 0;
}

.column {
	width: 50%;
	padding: 40px 30px;
	box-sizing: border-box;
}

.column h3 {
	font-size: 22px;
	border-bottom: 2px solid #fff;
	display: inline-block;
	margin-bottom: 20px;
}

.column.dark {
	background-color: #1b1b1b;
	color: #fff;
}

.column.light {
	background-color: #fbe7e5;
	color: #333;
}

.old-graphic,
.pixxelu-circle {
	text-align: center;
	margin-bottom: 30px;
}

.old-graphic img,
.pixxelu-circle img {
	max-width: 100%;
	border-radius: 8px;
	height: 565px;
}

.points {
	list-style: none;
	padding: 0;
	margin: 0;
}

.points li {
	margin-bottom: 15px;
	font-size: 15px;
	line-height: 1.5;
	display: flex;
	align-items: flex-start;
}

.points li span {
	font-size: 18px;
	margin-right: 10px;
	flex-shrink: 0;
}

.main-images {
	position: relative;
}

.pixxelu-images img {
	position: absolute;
	top: 208px;
	right: 214px;
}

ul.points.points-left {
	border-top: 1px solid #cccccc3b;
	padding: 37px 0 0 0;
}

ul.points.points-right {
	border-top: 1px solid #D4A295;
	padding: 37px 0 0 0;
}

.pixxelu-circle img {
	width: 100%;
	transform-origin: center;
}

.pixxelu-circle {
	animation: rotateCircle 20s linear infinite;
}

@keyframes rotateCircle {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}





.old-graphic img {
	width: 100%;
	/* Or set fixed size like 200px */
	animation: fallDown 1s ease-out forwards;
	position: relative;
	top: -100px;
	/* Start above the container */
	opacity: 0;
}

@keyframes fallDown {
	0% {
		top: -100px;
		opacity: 0;
	}

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


.section-title {
	font-size: 32px;
	font-weight: bold;
	color: #111;
	margin-bottom: 50px;
}

.solutions-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 25px;
}

.solution-card {
	background-color: #fff;
	border-radius: 10px;
	overflow: hidden;
	max-width: 100%;
	text-align: left;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04);
	transition: transform 0.3s ease;
}

.solution-card:hover {
	transform: translateY(-5px);
}

.card-image img {
	width: 100%;
	display: block;
	border-bottom: 1px solid #eee;
}

.card-content {
	padding: 20px;
}

.card-content h3 {
	font-weight: 600;
	font-size: 20px;
	line-height: 25px;
}

.card-content p {
	font-weight: 400;
	font-size: 17px;
	line-height: 27px;
}

.case-link {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	text-decoration: underline !important;
}

.hire-experts {
	padding: 60px 40px;
	text-align: center;
}



.section-title {
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #000;
}

.section-subtitle {
	font-size: 16px;
	color: #555;
	margin-bottom: 40px;
}

.roles-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 20px;
	justify-items: center;
}

.role-card {
	background-color: #fff;
	border-radius: 12px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	padding: 20px 15px;
	text-align: left;
	display: flex;
	align-items: center;
	transition: all 0.3s ease;
	min-height: 98px;
	width: 100%;
	border: 1px solid #DCDCE1;
}

.role-card img {
	width: 35px;
	height: 35px;
	background-color: #eee;
}

.role-card p {
	color: #000000;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	margin: 0;
}

.role-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.cta-card {
	justify-content: center;
}

.cta-card p {
	font-weight: 400;
	font-size: 14px;
	line-height: 100%;
	text-align: center;
	margin-bottom: 21px;
}

.cta-btn {
	background-color: #e94523;
	font-weight: 600;
	font-size: 12px;
	line-height: 100%;
	color: #ffffff;
	padding: 13px 45px;
	border-radius: 25px;
}

.cta-btn:hover {
	background-color: #d1311300;
	border: 1px solid #dc4a26;
	color: #dc4a26;
}

.gt-card {
	background: #eee;
	padding: 13px;
	border-radius: 30px;
	margin-right: 18px;
}


.cta-card {
	background-color: #fff;
	border-radius: 12px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	padding: 20px 15px;
	text-align: center;
	align-items: center;
	transition: all 0.3s ease;
	min-height: 98px;
	width: 100%;
	border: 1px solid #DCDCE1;
}

.tech-section {
	padding: 0 20px;
	text-align: center;
	font-family: 'Segoe UI', sans-serif;
	overflow: hidden;
}

.tech-section h2 {
	font-family: Inter, sans-serif;
	font-weight: 700;
	font-size: 48px;
}

.tech-section .subtext {
	color: #555;
	font-size: 18px;
	margin-bottom: 50px;
}

.tech-logos-wrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.tech-logos {
	display: flex;
	width: 100%;
	overflow: hidden;
}

.logos-track {
	display: flex;
	gap: 30px;
	animation: scroll 25s linear infinite;
}

.tech-logos:hover .logos-track {
	animation-play-state: paused;
}

.tech-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.tech-item img {
	max-width: 100px;
	margin-bottom: 10px;
}

.tech-item p {
	font-size: 14px;
	color: #000;
	text-align: center;
}

.overlay_skills {
	position: absolute;
	left: 0;
	top: 0;
	width: 10%;
	height: 100%;
	background: linear-gradient(90deg, #f6f6f6, transparent);
	z-index: 2;
}

.overlay_skills-1 {
	position: absolute;
	right: 0;
	top: 0;
	width: 10%;
	height: 100%;
	background: linear-gradient(270deg, #f6f6f6, transparent);
	z-index: 2;
}

/* Animation */
@keyframes scroll {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-50%);
	}
}

.mid-gt-card {
	background: #fff;
	padding: 55px 0;
	border-radius: 30px;
}





.feature-section {
	background-color: #db4424;
	padding: 60px 20px;
	color: #fff;
	font-family: 'Segoe UI', sans-serif;
}

.feature-wrapper {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 40px;
	align-items: center;
}

.feature-left {
	flex: 1 1 50%;
}

.feature-left h2 {
	font-family: Inter, sans-serif;
	font-weight: 700;
	font-size: 48px;
	line-height: 53px;
}

.feature-left p {
	font-family: Inter, sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 27px;
}

.feature-grid {
	flex: 1 1 40%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

.feature-box {
	background-color: rgba(255, 255, 255, 0.6);
	padding: 20px;
	color: #000;
	transition: transform 0.3s ease;
}

.feature-box:hover {
	transform: translateY(-5px);
}

.feature-box h4 {
	font-family: Bricolage Grotesque, sans-serif;
	font-weight: 700;
	font-size: 20px;
	line-height: 100%;
}

.feature-box p {
	font-family: Inter, sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 22px;
}


/* personalize-section */

.personalize-section {
	padding: 120px 0 0;
}

.section-title {
	text-align: center;
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 10px;
	color: #111;
}

.personalize-row {
	display: flex;
	flex-direction: row;
	/* Ensures default direction */
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 40px;
	margin-bottom: 80px;
}

.personalize-row.reverse {
	flex-direction: row-reverse;
	/* Correctly overrides the default */
}

.personalize-text {
	flex: 1 1 45%;
}

.personalize-text h3 {
	font-family: Inter, sans-serif;
	font-weight: 700;
	font-size: 32px;
	line-height: 82px;
	margin: 0;
}

.personalize-text p {
	font-family: Inter, sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 27px;
}

.cta-btn {
	display: inline-block;
	background-color: #db4424;
	color: #fff;
	padding: 16px 47px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	border-radius: 25px;
}

.personalize-image {
	flex: 1 1 45%;
	text-align: center;
}

.personalize-image img {
	max-width: 100%;
	border-radius: 9px;
}


a.cta-btn {
	font-family: Inter, sans-serif;
	font-weight: 600;
	font-size: 14px;
	line-height: 100%;
	transition: 0.6s;
}

/* Button Css Start*/

.our-story-div-right img {
	position: relative;
}

.pixxelu_button.white_bg_btn span:last-child {
	color: #dc4a26 !important;
}

.pixxelu_button.white_bg_btn span.item_flex img:last-child {
	filter: brightness(0) saturate(100%) invert(29%) sepia(98%) saturate(1810%) hue-rotate(345deg) brightness(91%) contrast(96%)
}

.pixxelu_button.white_bg_btn:last-child {
    background: #fff !important;
    position: relative;
    z-index: 0;
}

.pixxelu_button.white_bg_btn::after {
	background: #fff !important;
}

.pixxelu_button.white_bg_btn {
	background: #fff;
	border: 1px solid rgba(221, 221, 221, 1);
}

.pixxelu_button.white_bg_btn a {
	color: #000 !important;
}

.pixxelu_button.white_bg_btn span {
	color: #000 !important;
}

.pixxelu_button.white_bg_btn span img {
	filter: invert(1);
}

.header-item.item-right a.pixxelu_button span:last-child {
	height: 15px;
}

.header-item.item-right a.pixxelu_button span {
	height: 43px;
}

.header-item.item-right a.pixxelu_button {
	height: 42px;
	padding: 0 19px;
}

.header-item.item-right a.pixxelu_button span img {
	width: 14px;
}

.header-item.item-right a.pixxelu_button span {
	font-size: 14px;
	font-weight: 500;
	gap: 6px;
}

.pixxelu_button {
	position: relative;
	overflow: hidden;
	border: none;
	color: #fff;
	font-size: 15px;
	line-height: 15px;
	padding: 18px 18px 17px;
	cursor: pointer;
	background: #dc4a26;
	border-radius: 40px;
	-webkit-user-select: none;
	touch-action: manipulation;
	display: flex;
	width: fit-content;
}

.pixxelu_button span:first-child {
	position: relative;
	transition: color 600ms cubic-bezier(0.48, 0, 0.12, 1);
	z-index: 10;
}

.pixxelu_button span:last-child {
	color: white;
	display: flex;
	position: absolute;
	bottom: 0;
	transition: all 500ms cubic-bezier(0.48, 0, 0.12, 1);
	z-index: 100;
	opacity: 0;
	top: 50%;
	left: 50%;
	transform: translateY(225%) translateX(-50%);
	height: 14px;
	line-height: 13px;
	gap: 7px;
	width: max-content;
	text-transform: capitalize;
}

.pixxelu_button span img {
	width: auto;
}

.pixxelu_button span {
	display: inline-block;
	transition: transform 0.5s;
	font-family: "Inter", sans-serif;
	line-height: 13px;
}

.pixxelu_button::after {
	content: "";
	position: absolute;
	bottom: -50%;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	transform-origin: bottom center;
	transition: transform 600ms cubic-bezier(0.48, 0, 0.12, 1);
	transform: skewY(9.3deg) scaleY(0);
	z-index: 50;

}

.pixxelu_button:hover::after {
	transform: skewY(9.3deg) scaleY(2);
}

.pixxelu_button:hover span:last-child {
	transform: translateX(-50%) translateY(-50%);
	opacity: 1;
	transition: all 900ms cubic-bezier(0.48, 0, 0.12, 1);
}

/* ✅ Arrow animation */
.pixxelu_button .arrow {
	display: inline-block;
	margin-left: 6px;
	transition: transform 0.4s ease;
}

.pixxelu_button:hover .arrow {
	transform: translateX(5px);
}

.pixxelu_button span.text {
	display: flex;
	gap: 10px;
	color: #fff;
	align-items: center;
	text-transform: capitalize;
}

.pixxelu_button {
	padding: 0 30px;
	font-weight: 600;
	height: 50px;
}

.common-btn {
	justify-content: center;
}

/* Button Css End */




.shopify-expert-inner-left img {
	width: 100%;
}

.shopify-expert-inner-right {
	text-align: left !important;
}

.shopify-expert-inner-right ul li {
	list-style: none;
	padding: 0;
}

.shopify-expert-inner-right ul {
	padding: 0;
}


/*  */

.shopify-expert-inner h2 {
	color: #1A1A1A;
	font-size: 48px;
	font-weight: 700;
	line-height: 41px;
}

.shopify-expert-inner p {
	display: inline-block;
	width: 100%;
	margin: 10px 0 0 0;
	color: #1A1A1A;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -.2px;
	margin-bottom: 15px;
	margin-top: auto;
}

.shopify-expert-inner-right {
	padding-left: 40px;
}

.shopify-expert-inner-right h3 {
	text-align: left !important;
	font-weight: 700;
	font-size: 32px;
}

.shopify-expert-inner-right ul li {
	margin-bottom: 10px;
	display: flex;
	gap: 12px;
	align-items: center;
	font-weight: 600;
}

.shopify-expert-inner-right ul {
	margin: 20px 0;
	padding: 2px 0;
	border-radius: 30px;
}

label.error {
	color: red;
	font-size: 14px;
	margin-top: 5px;
	display: block;
}


.shopify-expert-inner-right ul li span img {
	width: 17px;
}

.header_pixxelu {
	position: relative;
	width: 100%;
	max-width: 100%;
	padding: 7px 10px;
	background-color: white;
	border-radius: 0;
	transition:
		top 0.4s ease,
		max-width 0.5s ease,
		border-radius 0.3s ease;
	margin: 0 auto;
	z-index: 10;
}

/* Sticky State: Shrink smoothly and center */
.header_pixxelu.sticky {
	position: fixed;
	top: 15px;
	max-width: 1240px;
	border-radius: 53px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	right: 0;
	left: 0;
	background: #fff;
	z-index: 999;
}


.hero_buttons.btn_full_website.aos-init.aos-animate {
	margin-top: 50px;
}


.hire-btn-0 {
	display: flex;
	justify-content: center;
}

.hire-btn-1 {
	display: flex;
	justify-content: center;
}

.hire-btn-2 {
	display: flex;
	justify-content: center;
}

.cta-card a {
	margin: auto;
}


.packages-grid .hire-btn-0 a {
	width: 100%;
	display: flex;
	justify-content: space-evenly;
}

.packages-grid .hire-btn-0 {
	justify-content: space-between;
}


.packages-grid .hire-btn-1 a {
	width: 100%;
	display: flex;
	justify-content: space-evenly;
}

.packages-grid .hire-btn-1 {
	justify-content: space-between;
}

.packages-grid .hire-btn-2 a {
	width: 100%;
	display: flex;
	justify-content: space-evenly;
}

.packages-grid .hire-btn-2 {
	justify-content: space-between;
}

.pss1 hr {
	margin: 46px 0 20px 0;
}

.package-card ul li {
	display: flex;
}

.step-box:hover span.step-number {
	background: #dc4a26;
}

.logo.book_call {
	position: absolute;
	display: flex;
	width: 100%;
	justify-content: center;
	text-align: center;
	top: 24px;
	z-index: 9999;
}

.logo.book_call a {
	width: 100%;
	display: block;
}

a.port-11 {
	color: #000;
	transition: 0.3s;
}

a.port-11:hover {
	color: #dc4a26;
}

.port-22 {
	position: relative;
	z-index: 0;
}


.privacy-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 60px 20px;
}

.privacy-container {
	background-color: #fff;
	max-width: 850px;
	width: 100%;
	padding: 50px 40px;
	border-radius: 12px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.privacy-title {
	text-align: left;
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 40px;
	color: #1A1A1A;
}

.privacy-section {
	margin-bottom: 40px;
}

.privacy-heading {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 15px;
	color: #1A1A1A;
}

.privacy-text {
	font-size: 14px;
	color: #1A1A1A;
	line-height: 22px;
}

h4.privacy-heading {
	font-size: 18px;
	font-weight: 600;
}

p.privacy-text strong {
	color: #000;
}

p.privacy-text-1 {
	font-size: 14px;
	color: #1A1A1A;
	line-height: 22px;
	margin: 0 !important;
}

.privacy-section ul li {
	font-size: 14px;
	color: #1A1A1A;
	line-height: 22px;
}

.privacy-section h4 {
	font-size: 18px;
	font-weight: 600;
}

.privacy-section p {
	font-size: 14px;
	line-height: 22px;
	color: #1A1A1A;
}

button.btn_website.show-cursor-label.disable-submit img {
	width: 15px;
	margin-left: 3px;
}

.inner1222 {
	padding: 60px !important;
}

.left1222 {
	width: 50% !important;
}

.inner011 {
	padding: 60px;
}

.mobile011 {
	position: relative;
	top: 67px;
}

.wrapper111 {
	position: relative;
	width: 100%;
	height: 290px !important;
	overflow: hidden;
}

.promo {
	display: flex;
	align-items: center;
	background: #fff;
	position: relative !important;
	overflow: hidden;
	height: 350px;
	margin: 0 0 30px 0;
	border-radius: 15px;
	border: 1px solid #DCDCE1;
}

.icon-plat img {
	width: 100%;
}


.content-1 {
	text-align: center;
}

.icon-plat img {
	position: relative;
	right: 27px;
}

.icon-plat-1 img {
	position: relative;
	left: 75px;
}

.icon-plat-1 img {
	width: 100%;
}

.content-1 h3 {
	font-family: Inter, sans-serif;
	font-weight: 700;
	font-size: 31px;
	line-height: 100%;
	text-align: center;
}

.content-1 p {
	font-family: Inter, sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 26px;
	text-align: center;
}

.pixxeli-try-btn {
	display: flex;
	justify-content: center;
}


/* fjdhgjkdf */

.fractal-background {
	position: relative;
	left: 0;
	width: 100%;
	height: 572px;
	background: url(../video/contact-bg-video.mp4);
	/* background-color: #dcdcdc; */
	/* animation: animatePlaid 5s linear infinite; */
	z-index: -1;
	padding: 65px 0;
	overflow: hidden;
}

@keyframes animatePlaid {
	0% {
		background-position: 0 0, 0 0, 0 0, 0 0;
	}

	100% {
		background-position: 100px 100px, -100px 100px, 100px -100px, -100px -100px;
	}
}



.contact-page-banner {
	position: relative;
	z-index: 0;
}

.banner-fix {
	position: absolute;
}

.website-inner121 {
	padding: 60px !important;
}

.left-121 {
	width: 50% !important;
}

.lap-121 {
	bottom: -12rem;
}




/*  */
/* From Uiverse.io by nazeer004 */
.loader_wrap {
	width: 100vw;
	height: 100vh;
	background: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.loader {
	position: relative;
	text-align: center;
}

.loader span {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	font-size: 50px;
	letter-spacing: 5px;
	font-family: "Bricolage Grotesque", sans-serif !important;
	font-weight: 500;
}

.loader span:nth-child(1) {
	color: transparent;
	-webkit-text-stroke: 1px #dc4a26;
}

.loader span:nth-child(2) {
	color: #dc4a26;
	-webkit-text-stroke: 1px #dc4a26;
	animation: uiverse723 3s ease-in-out infinite;
}

.loader_percent {
	margin-top: 80px;
	font-size: 20px;
	color: #dc4a26;
	font-family: sans-serif;
	letter-spacing: 1px;
	animation: fadeIn 0.2s ease-in-out;
}

.loader_images {
	position: relative;
	width: 150px;
	height: 150px;
	margin: 40px 0 0;
}

.loader_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	height: 300px;
	object-fit: contain;
	opacity: 0;
	transition: opacity 0.2s ease-in-out;
}

.loader_img.active {
	opacity: 1;
	z-index: 2;
}

@keyframes uiverse723 {

	0%,
	100% {
		clip-path: polygon(0% 45%, 15% 44%, 32% 50%,
				54% 60%, 70% 61%, 84% 59%,
				100% 52%, 100% 100%, 0% 100%);
	}

	50% {
		clip-path: polygon(0% 60%, 16% 65%, 34% 66%,
				51% 62%, 67% 50%, 84% 45%,
				100% 46%, 100% 100%, 0% 100%);
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.loader121 {
	display: flex;
	gap: 156px;
	align-items: baseline;
	position: relative;
	left: 30px;
	top: 53px;
}

.main-loads {
	position: relative;
	top: -90px;
}

.boxes {
	width: 32%;
}

.portfolio-seaction-box .wrap-1 {
	height: 290px !important;
}


.sticky-cards {
	.procards {
		position: relative;
		display: flex;
		flex-direction: column;
		gap: 5rem;
		margin-top: -35px;
	}

	.procard {
		position: sticky;
		top: 154px;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 1;
		margin: 0 auto;
	}

	.procard__inner {
		will-change: transform, filter;
		background: white;
		border-radius: 4px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		overflow: hidden;
		box-shadow: 0 25px 50px -12px hsla(265.3, 20%, 10%, 35%);
		padding: calc(clamp(1rem, 2.75vw + 0.45rem, 3.75rem));
	}

	@media (max-width: 991px) {
		.procard__inner {
			flex-direction: column;
			gap: 1.5rem;
		}
	}

	.procard__image-container {
		aspect-ratio: 1.6;
	}

	@media (min-width: 992px) {
		.procard__image-container {
			max-width: 45%;
			flex: 0 0 45%;
		}
	}

	.procard__image-container img {
		aspect-ratio: 1.6;
		width: 500px;
	}

	.procard__content {
		@media (min-width: 992px) {
			max-width: 50%;
			flex: 0 0 50%;
		}
	}

	.procard__title {
		padding: 0;
		margin: 0;
		font-size: calc(clamp(1.25rem, 2vw + 0.85rem, 3.25rem));
		font-weight: 600;
		margin-bottom: 0.5rem;
	}

	.procard__description {
		line-height: 1.4;
		font-size: calc(clamp(1rem, 0.5vw + 0.9rem, 1.5rem));
	}

}

.shopify-services {
	background: url(../images/home_images/patten-banner.png);
}

.video-about-1 {
	overflow: hidden;
	width: 100%;
	max-height: 465px;
	position: relative;
	bottom: 65px;
}

.video-about-1::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	background: rgb(0 0 0 / 54%);
	top: 0;
	height: 100%;
	z-index: 1;
}

.main-content {
	position: absolute;
	top: 49px;
	z-index: 999;
	left: 0;
	width: 100%;
}

.reviews-all-box.left-box-clints img {
	width: 40px;
	height: 45px;
}

.main-content span {
	animation: floatUpDown 2s ease-in-out infinite;
	background: #dc4a26;
	width: fit-content;
	padding: 2px 10px;
	border-radius: 15px;
}

.some-orecent-shopify.orecent-shopify-page {
	margin-top: 100px;
}

video#hoverVideo-1 {
	position: absolute;
	bottom: 0;
	border-radius: 0;
	float: right;
	width: 100%;
	right: 0;
}

#hoverVideo-1 {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border-radius: 17px;
}

.transform-your-website-left {
	position: relative;
	z-index: 1;
}

/* thakur */
.thank-you-section {
	max-width: 600px;
	margin: 80px auto;
	padding: 60px 40px;
	/* background: #ffffff; */
	border-radius: 16px;
	/* box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); */
	text-align: center;
	position: relative;
	overflow: hidden;
}

/* .thank-you-section:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, #007bff, #28a745);
  } */

.checkmark {
	width: 80px;
	height: 80px;
	margin: 0 auto 25px;
}

.checkmark-circle {
	stroke: #28a745;
	stroke-width: 2;
	stroke-dasharray: 166;
	stroke-dashoffset: 166;
	stroke-linecap: round;
	fill: none;
	animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark-check {
	stroke: #28a745;
	stroke-width: 2;
	stroke-dasharray: 48;
	stroke-dashoffset: 48;
	animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
	100% {
		stroke-dashoffset: 0;
	}
}

.thank-you-section h2 {
	font-size: 32px;
	color: #1a1a1a;
	margin-bottom: 12px;
	font-weight: 700;
	font-family: inter, sans-serif;
	margin-top: 10px;
}

.thank-you-message {
	font-size: 18px;
	color: #555;
	line-height: 1.6;
	margin-bottom: 30px;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.thank-you-actions {
	display: flex;
	justify-content: center;
	gap: 15px;
	margin-bottom: 40px;
	flex-wrap: wrap;
}

.home-btn {
	display: inline-block;
	padding: 12px 30px;
	background: #007bff;
	color: #fff;
	text-decoration: none;
	border-radius: 50px;
	font-weight: 600;
	transition: all 0.3s ease;
}

.contact-btn {
	display: inline-block;
	padding: 12px 30px;
	background: #fff;
	color: #007bff;
	text-decoration: none;
	border-radius: 50px;
	font-weight: 600;
	border: 2px solid #007bff;
	transition: all 0.3s ease;
}

.home-btn:hover {
	background: #0069d9;
	transform: translateY(-2px);
	box-shadow: 0 5px 15px rgba(0, 123, 255, 0.3);
}

.contact-btn:hover {
	background: #f8f9fa;
	transform: translateY(-2px);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.thank-you-rating {
	background: #f8f9fa;
	padding: 20px;
	border-radius: 10px;
	display: inline-block;
}

.stars {
	color: #ffc107;
	font-size: 24px;
	margin-bottom: 5px;
}

.thank-you-rating p {
	font-size: 14px;
	color: #6c757d;
	margin-bottom: 10px;
}

.rating-platforms {
	display: flex;
	justify-content: center;
	gap: 15px;
}

.rating-platforms img {
	height: 30px;
	width: auto;
	opacity: 0.8;
	transition: opacity 0.3s ease;
}

.rating-platforms img:hover {
	opacity: 1;
}


label.error {
	color: red;
	font-size: 14px;
	margin-top: 5px;
	display: block;
}


/* Floating WhatsApp Button */
.whatsapp-btn {
	position: relative;
	/* top: 400px; */
	background: #dc4a26;
	border-radius: 25px;
	width: fit-content;
	height: fit-content;
	padding: 17px 21px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
	transition: transform 0.2s;
	z-index: 0;
	/* margin: auto; */
}



.whatsapp-btn img {
	width: 32px;
	height: 32px;
}

/* Popup Overlay */
.popup-overlay {
	display: none;
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.6);
	z-index: 999;
}

/* Popup Box */
.open.popup {
    position: fixed;
    top: 90px;
    left: 42%;
    background: white;
    border-radius: 10px;
    padding: 4.5em 2em 3.26em;
    width: fit-content;
    height: fit-content;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
    display: none;
    flex-direction: column;
    align-items: center;
    z-index: 999;
}

.popup.open,
.popup-overlay.open {
	display: flex;
}

.popup h3 {
	margin-top: 0;
	font-size: 18px;
	text-align: center;
	color: #333;
}

.popup img.qr-code {
	width: 140px;
	height: 140px;
	margin: 10px 0;
	border-radius: 6px;
}

.popup p {
    font-size: 14px;
    color: #555;
    text-align: center;
    width: 261px;
}

.popup .close-btn {
	position: absolute;
	top: 0;
	right: 10px;
	background: none;
	border: none;
	font-size: 30px;
	cursor: pointer;
	color: #777;
}

div#whatsappBtn a {
	font-size: 16px;
	font-family: inter, sans-serif;
	font-weight: 500;
	text-decoration: none;
	color: #ffffff;
}

span.text i {
	font-size: 20px;
}

span.item_flex i {
	font-size: 20px;
}

.pixxelu_button span:last-child {
	align-items: center;
}

span.whatsapp-modal__btn-span {
	color: #fff;
}

a.whatsapp-modal__btn.btn-brand.w-inline-block {
	background: #dc4a26;
	padding: 14px 20px;
	border-radius: 30px;
}

#delayedButton {
	display: none;
	background: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	border: none;
	cursor: pointer;
	z-index: 9999;
}

a.whatsapp-btn.whatsapp-modal__btn.btn-brand.w-inline-block span.text {
	font-weight: 500;
}


a.whatsapp-btn.whatsapp-modal__btn.btn-brand.w-inline-block span.item_flex {
	font-weight: 500;
}

.old-graphic img {
    height: 100%;
    padding: 86px 0;
}