/*
Theme Name: TechCoders
Theme URI: http://underscores.me/
Author: Techtonnix
Author URI: https://techtonnix.com/
Description: WordPress Theme
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: techcoders
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

TechCoders is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


/*
00. Library override(ex. bootstrap etc) --------------------
01. Text and Typography ------------------------------------
02. Common element(ul,ol,li,body,div etc.) -----------------
03. Common class(padding, margin etc.) ---------------------
04. Header styles ------------------------------------------
05. Footer styles-------------------------------------------
06. Common content------------------------------------------
07. Pages and Posts-----------------------------------------
08. Extra styles--------------------------------------------
09. Media Query---------------------------------------------
*/
/* End Table of Contents */

/* Root variables define here */
/* :root {
	--font-family-primary: 'sans-serif';
	--font-family-secondary: 'sans-serif';
	--font-family-heading: 'sans-serif';
	--color-primary: #0d6efd;
	--color-secondary: #6c757d;
	--color-accent: #fd7e14;
	--text-light: #f8f9fa;
	--text-white: #ffffff;
	--text-dark: #212529;
	--bg-color-primary: #0d6efd;
	--bg-color-secondary: #6c757d;
	--border: 1px solid;
	--border-color-light: #f8f9fa;
	--border-color-dark: #212529;
	--border-radius: 10px 10px 10px 10px;
	--box-shadow: 1px 1px 10px 1px rgba(159, 159, 159, .3);
	--hover-box-shadow: 1px 10px 20px 1px rgba(159, 159, 159, .5);
} */
/* Root variables define here */

/* 00. Library override(ex. bootstrap etc) start*/
.max-w-1140 {
	max-width: 1140px !important;
	margin: 0 auto;
}

.mt-120 {
	margin-top: 120px;
}

/* 00. Library override(ex. bootstrap etc)   end*/
/* 01. Text and Typography start */
.font-caveat {
	font-family: var(--e-global-typography-secondary-font-family);
}

.font-plus-jakarta-sans {
	font-family: var(--e-global-typography-primary-font-family);
}

.font-46 {
	font-size: 46px;
}

.font-w-400 {
	font-weight: 400;
}

.text-red {
	color: #F23131;
}

.text-light-gradient {
	color: #F2F3F7;
	background-image: linear-gradient(180deg, #F2F3F7, #FFFFFF 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.text-light-gradient-2 .elementor-heading-title {
	color: #FFFFFF;
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	/* text-shadow: -1px -1px 0 #F8F8F8, 1px -1px 0 #F8F8F8, -1px 1px 0 #F8F8F8, 1px 1px 0 #F8F8F8; */
}
.text-gradient{
	color: #5765FF; 
	background-image: linear-gradient(45deg, #5765FF , #884491 46%, #F23030 86%); 
	background-clip: text; 
	-webkit-background-clip: text; 
	-webkit-text-fill-color: transparent; 
}
/* 01. Text and Typography end */
/* 02. Common element(ul,ol,li,body,div etc.) start*/
.sidenav{
	position: absolute !important;
	top: 0;
}
.btn-theme-1>button {
	padding: 8px 20px;
	border: 0;
	transition: color 0.3s ease-in-out;
}

.btn-theme-3{
	width: fit-content;
}
.btn-theme-3>p button,
.btn-theme-3>a,
.btn-theme-2>a,
.btn-theme-1>button,
.btn-theme-1>a {
	position: relative;
	font-weight: 500;
	background: linear-gradient(233.87deg, #5765FF 13.76%, #894592 61.9%, #BA2525 110.04%);
	overflow: hidden;
	z-index: 1;
	transition: color 0.3s ease-in-out;
}

.btn-theme-3>p button::after,
.btn-theme-3>a::after,
.btn-theme-1>button::after,
.btn-theme-1>a::after {
	content: '';
	position: absolute;
	top: 1px;
	left: 1px;
	right: 1px;
	bottom: 1px;
	border-radius: 80px;
	width: 100%;
	height: 100%;
	background: #050716;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	opacity: 1;
	transition: opacity 0.3s ease-in-out;
	z-index: -1;
}

.btn-theme-1>button:hover {
	color: #fff;
	transition: color 0.3s ease-in-out;
}

.btn-theme-1>button::after {
	background: #fff;
	transition: all 0.3s ease-in-out;
}

.btn-theme-3>p button:hover:after,
.btn-theme-3>a:hover:after,
.btn-theme-1>button:hover:after,
.btn-theme-1>a:hover:after {
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

.btn-theme-3 .elementor-button-content-wrapper,
.btn-theme-2 .elementor-button-content-wrapper {
	align-items: center;
}

.btn-theme-2>a .elementor-button-text {
	margin-bottom: 4px;
}

.btn-theme-3>p button,
.btn-theme-3>a,
.btn-theme-2>a {
	padding: 5px;
	padding-left: 20px;
}

.btn-theme-3>p button::after,
.btn-theme-3>a::after {
	background: #fff;
}

.btn-theme-3>p button:hover,
.btn-theme-3>a:hover {
	color: #fff;
	transition: all 0.3s ease-in-out;
}

.btn-theme-3>p button .elementor-button-icon,
.btn-theme-3>a .elementor-button-icon,
.btn-theme-2>a .elementor-button-icon {
	background-color: #050616;
	height: 35px;
	width: 35px;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.btn-theme-3>p button.wpcf7-submit .elementor-button-icon svg path,
.btn-theme-3>p button:hover .elementor-button-icon svg path,
.btn-theme-3>a:hover .elementor-button-icon svg path {
	fill: #191919;
}

.btn-theme-3>p button .elementor-button-icon,
.btn-theme-3>a .elementor-button-icon,
.btn-theme-3>a i {
	background-color: #E9E9E9;
	color: #191919;
} 

.btn-theme-3>p button,
.btn-theme-3>a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	border-radius: 80px;
}


/* 02. Common element(ul,ol,li,body,div etc.) end*/
/*03. Common class(padding, margin etc.) start*/
/* Floating Elements CSS Start */

.floating img {
	animation-name: floating;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	/* margin-left: 30px;
	margin-top: 5px; */
}

@keyframes floating {
	from {
		transform: translate(0, 0px);
	}

	60% {
		transform: translate(0, 32px);
	}

	to {
		transform: translate(0, -0px);
	}
}

@keyframes floating2 {
	from {
		transform: translate(0, 0px);
	}

	45% {
		transform: translate(0, 15px);
	}

	to {
		transform: translate(0, -0px);
	}
}

@keyframes floating3 {
	from {
		transform: translate(0, 0px);
	}

	50% {
		transform: translate(0, -25px);
	}

	to {
		transform: translate(0, -0px);
	}
}

@keyframes floating4 {
	from {
		transform: translate(0, 0px);
	}

	40% {
		transform: translate(0, -15px);
	}

	to {
		transform: translate(0, -0px);
	}
}

/* Floating Elements CSS End */
/* Text Reveal CSS Start */
.split-text p {
	width: 100%;
	color: #19191933;
	transition: color 0.3s ease-in-out;
}

/* Text Reveal CSS End */
/* Blob Animation CSS Start */
.cta-dark .bg-elements {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	display: block;
}

.cta-dark>.e-con-inner>.e-con-full .bg-elements::after {
	background-image: url('assets/images/cta-element-left.png');
	top: -200px;
	left: -200px;
	animation: moveBackground1 8s linear infinite alternate;
}

.cta-dark>.e-con-inner>.e-con-full .bg-elements::before {
	background-image: url('assets/images/cta-element-right.png');
	top: 10px;
	right: -200px;
	animation: moveBackground2 8s linear infinite alternate;
}

.cta-dark>.e-con-inner>.e-con-full .bg-elements::before,
.cta-dark>.e-con-inner>.e-con-full .bg-elements::after {
	content: '';
	position: absolute;
	background-repeat: no-repeat;
	background-size: contain;
	width: 400px;
	height: 400px;
	z-index: -1;
	user-select: none;
	opacity: 0.8;
}

@keyframes moveBackground1 {
	0% {
		left: -20%;
	}

	100% {
		left: 80%;
	}
}

@keyframes moveBackground2 {
	0% {
		right: -20%;
	}

	100% {
		right: 80%;
	}
}

/* Blob Animation CSS End */
/* Button Animation CSS Start */
.btn-theme-3 .elementor-button-text,
.btn-theme-2 .elementor-button-text,
.btn-theme-1 .elementor-button-text {
	display: block;
	position: relative;
	height: 20px;
	overflow: hidden;
}

.btn-theme-3 .elementor-button-text,
.btn-theme-2 .elementor-button-text,
.btn-theme-1 .elementor-button-text {
	position: relative;
	display: inline-block;
	height: 20px;
	overflow: hidden;
	color: transparent !important;
}

.btn-theme-3 .elementor-button-text::after,
.btn-theme-2 .elementor-button-text::after,
.btn-theme-1 .elementor-button-text::after {
	content: attr(data-title);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	transform: translateY(0);
	transition: transform 0.4s ease-in-out;
	color: #000;
	text-align: center;
	line-height: 20px;
}

.btn-theme-3:hover .elementor-button-text::after,
.btn-theme-2:hover .elementor-button-text::after,
.btn-theme-1:hover .elementor-button-text::after {
	transform: translateY(-100%);
}

.btn-theme-3 .elementor-button-text::before,
.btn-theme-2 .elementor-button-text::before,
.btn-theme-1 .elementor-button-text::before {
	content: attr(data-title);
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	line-height: 20px;
	text-align: center;
	transition: transform 0.4s ease-in-out;
	color: #000;
}

.btn-theme-3:hover .elementor-button-text::before,
.btn-theme-2:hover .elementor-button-text::before,
.btn-theme-1:hover .elementor-button-text::before {
	transform: translateY(-100%);
}

.btn-theme-3 .elementor-button .elementor-button-text::before,
.btn-theme-2 .elementor-button .elementor-button-text::before,
.btn-theme-2 .elementor-button .elementor-button-text::after,
.btn-theme-1 .elementor-button .elementor-button-text::before,
.btn-theme-1 .elementor-button .elementor-button-text::after {
	color: #fff;
}

.btn-theme-3 .elementor-button .elementor-button-text::after {
	color: #191919;
}

.btn-theme-3 .elementor-button-icon,
.btn-theme-2 .elementor-button-icon {
	overflow: hidden;
	position: relative;
}

.btn-theme-3 .elementor-button-icon svg,
.btn-theme-2 .elementor-button-icon svg {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}

.btn-theme-3 .elementor-button-icon svg:first-child,
.btn-theme-2 .elementor-button-icon svg:first-child {
	left: -30px;
}

.btn-theme-3:hover .elementor-button-icon svg:first-child,
.btn-theme-2:hover .elementor-button-icon svg:first-child {
	left: 9px;
}

.btn-theme-3 .elementor-button-icon svg:last-child,
.btn-theme-2 .elementor-button-icon svg:last-child {
	right: 9px;
}

.btn-theme-3:hover .elementor-button-icon svg:last-child,
.btn-theme-2:hover .elementor-button-icon svg:last-child {
	right: -30px;
}

.btn-theme-3 .elementor-button-icon svg:last-child,
.btn-theme-3:hover .elementor-button-icon svg:last-child,
.btn-theme-2 .elementor-button-icon svg:last-child,
.btn-theme-2:hover .elementor-button-icon svg:last-child {
	transition: right 0.4s ease-in-out;
}

.btn-theme-3 .elementor-button-icon svg:first-child,
.btn-theme-3:hover .elementor-button-icon svg:first-child,
.btn-theme-2 .elementor-button-icon svg:first-child,
.btn-theme-2:hover .elementor-button-icon svg:first-child {
	transition: left 0.4s ease-in-out;
}

/* Button Animation CSS End */
/* Circle Text Animation CSS Start */
.circle-text {
	position: relative;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.circle-text::before {
    content: '';
    background: #5765FF;
    height: 10px;
    width: 10px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 100%;
}
.circle-text .elementor-heading-title {
	position: absolute;
	width: 100%;
	height: 100%;
	animation: textRotation 8s linear infinite;
}

@keyframes textRotation {
	to {
		transform: rotate(360deg);
	}
}

.circle-text .elementor-heading-title span {
	position: absolute;
	left: 50%;
	transform-origin: 0 75px;
}

/* Circle Text Animation CSS End */
.arrow-animated-icon{
	position: relative;
}
 
.arrow-animated-icon img{
	filter: blur(40px);
	opacity: 0.5;
}
/*03. Common class(padding, margin etc.) end*/
/*04. Header styles start*/
body.tc-page-about-us header .main-header .light-logo,
body.service-template.single-service header .main-header .light-logo,
body.portfolio-template.single-portfolio header .main-header .light-logo,
body:not(.portfolio-template.single-portfolio,.service-template.single-service,.tc-page-about-us) header .dark-logo {
	display: none;
}
body:is(.portfolio-template.single-portfolio,.service-template.single-service,.tc-page-about-us) header .e-n-menu .e-n-menu-heading .e-n-menu-item .e-n-menu-title .e-n-menu-title-container .e-n-menu-title-text,
body:is(.portfolio-template.single-portfolio,.service-template.single-service,.tc-page-about-us) header .elementor-nav-menu li a{
	color: #191919 !important;
}
body:is(.portfolio-template.single-portfolio,.service-template.single-service,.tc-page-about-us) header .e-n-menu .e-n-menu-heading .e-n-menu-item .e-n-menu-title .e-n-menu-title-container:hover .e-n-menu-title-text{
	color: #5765FF !important;
}
body header .e-n-menu .e-n-menu-content .elementor-icon-list-item svg{
	transform: scalex(-1);
}
body.tc-page-about-us header .main-header .btn-theme-1>a::after,
body.service-template.single-service header .main-header .btn-theme-1>a::after,
body.portfolio-template.single-portfolio header .main-header .btn-theme-1>a::after {
	background: #fff;
}
body:is(.portfolio-template.single-portfolio,.service-template.single-service,.tc-page-about-us) header .e-n-menu .e-n-menu-heading .e-n-menu-item .e-n-menu-title .e-n-menu-dropdown-icon svg path,
body.tc-page-about-us header .main-header .btn-theme-1 .elementor-button .elementor-button-icon svg path,
body.service-template.single-service header .main-header .btn-theme-1 .elementor-button .elementor-button-icon svg path,
body.portfolio-template.single-portfolio header .main-header .btn-theme-1 .elementor-button .elementor-button-icon svg path {
	fill: #191919;
	transition: .3s ease-in-out;
}
body:is(.portfolio-template.single-portfolio,.service-template.single-service,.tc-page-about-us) header .e-n-menu .e-n-menu-heading .e-n-menu-item .e-n-menu-title:hover .e-n-menu-dropdown-icon svg path{
	fill: #5765FF;
}
body.tc-page-about-us header .main-header .btn-theme-1 >a:hover .elementor-button-icon svg path,
body.service-template.single-service header .main-header .btn-theme-1 >a:hover .elementor-button-icon svg path,
body.portfolio-template.single-portfolio header .main-header .btn-theme-1>a:hover .elementor-button-icon svg path {
	fill: #fff;
	transition: .3s ease-in-out;
}

body.tc-page-about-us header .main-header .btn-theme-1 .elementor-button .elementor-button-text::after,
body.service-template.single-service header .main-header .btn-theme-1 .elementor-button .elementor-button-text::after,
body.portfolio-template.single-portfolio header .main-header .btn-theme-1 .elementor-button .elementor-button-text::after {
	color: #191919;
}
.mobile-menu-toogler a{
	background: linear-gradient(233.87deg, #5765FF 13.76%, #894592 61.9%, #BA2525 110.04%);
	height: 40px;
	width: 40px !important;
	display: flex;
	align-items: center;
	justify-content: center;
}
/*04. Header styles end*/
/*05. Footer styles start*/
footer .footer-social-share-hover-color .elementor-grid-item .elementor-social-icon svg path {
	transition: fill 0.3s ease-in-out;
}

footer .footer-social-share-hover-color .elementor-grid-item:hover .elementor-social-icon svg path {
	fill: #F4F3F3;
	transition: fill 0.3s ease-in-out;
}

/*05. Footer styles end*/
/*06. Common content start*/

/*06. Common content end*/

/*07. Pages and Posts satrt*/
/*Homepage start*/
.technology-testimonials {
	background: linear-gradient(179.41deg, rgba(113, 104, 196, 0) -13.95%, rgba(182, 191, 249, 0.155) 49.46%, rgba(255, 255, 255, 0.31) 112.86%);
}


/* Home page about us section start */
.about-us-container {
	position: relative;
}

.about-us-container::after {
	content: '';
	background-color: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 15%;
	right: 15%;
	z-index: 0;
	border-radius: 100%;
	display: block;
}

/* Home page about us section end */
/* Home page portfolio-item section start */
.portfolio-items:not(.similar-portfolio) .row>div:nth-child(even) {
	padding-top: 50px;
}

.portfolio-items .portfolio-item {
	position: relative;
}

.portfolio-items .portfolio-item .portfolio-link {
	color: inherit;
	transition: all .3s ease-in-out;
}

.portfolio-items .portfolio-item .portfolio-link-btn {
	position: absolute;
	top: 10%;
	right: 0;
	z-index: 2;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #894592;
	color: #fff;
	border-radius: 50%;
	opacity: 0;
	transition: all .3s ease-in-out;
}

.portfolio-items .portfolio-item .portfolio-link-btn i {
	font-size: 20px;
	color: #fff;
	transition: all .3s ease-in-out;
}

.portfolio-items .portfolio-item:hover .portfolio-link-btn {
	right: -25px;
	opacity: 1;
	transition: all .3s ease-in-out;
}

.portfolio-items .portfolio-item .portfolio-image-wrapper img {
	object-fit: cover;
	object-position: center;
	position: relative;
	overflow: hidden;
	border-radius: 40px;
	border: 1px solid #C2C2C2;
}

.portfolio-items .portfolio-item .portfolio-title {
	font-size: 30px;
	font-weight: 800;
	color: var(--e-global-color-primary);
}

.portfolio-items .portfolio-item .portfolio-categories {
	display: flex;
	align-items: center;
	gap: 10px;
}

.portfolio-items .portfolio-item .portfolio-categories .category-item a {
	color: var(--e-global-color-primary);
}

.portfolio-items .portfolio-item .portfolio-categories .category-item:not(:last-child)::after {
	content: ',';
	position: relative;
	display: inline-block;
	font-size: 100%;
	color: var(--e-global-color-primary);
}

.portfolio-view-all-btn {
	width: fit-content;
}

/* Home page portfolio-item section end */
/* Home page work with technology section start */
.technology-boxes {
	overflow: hidden;
    border-radius: 40px;
}

.technology-boxes .technology-box {
	border-top: 1px solid #E0E0E0 !important;
	transition: .3s ease-in-out;
}

.technology-boxes .technology-box:hover {
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
	transition: .3s ease-in-out;
}

.technology-boxes .technology-box img {
	transform: scale(0.8);
}

.technology-boxes .technology-box:nth-child(17){
	border-radius: 0 0 0 40px;
}
.technology-boxes .technology-box:nth-child(21){
	border-radius: 0 0 40px 0;
}
/* Home page work with technology section end */
/* CTA Section Start*/

/* CTA Section End*/
/*Homepage end	*/
/* Service Listing Page Start */

.services-listing-wrapper .service-item .counter-box:not(.elementor-hidden-mobile,.elementor-hidden-desktop, .elementor-hidden-tablet) {
	display: flex;
	justify-content: end;
}

.services-listing-wrapper .service-item .counter-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 70px;
	height: 70px;
	border-radius: 100%;
	background: #fff;
	font-size: 24px;
	font-weight: 800;
}

.services-listing-wrapper .service-item .read-more-btn .elementor-button .elementor-button-icon svg {
	width: 70px;
}

/* Service Listing Page End*/
/* Contact Us Page Start */
.contact-us-form-wrapper .wpcf7-form-control-wrap[data-name="budget"] .wpcf7-list-item .wpcf7-list-item-label,
.contact-us-form-wrapper .wpcf7-form-control-wrap[data-name="about-project"] .wpcf7-list-item .wpcf7-list-item-label,
.contact-us-form-wrapper input[type="submit"],
.contact-us-form-wrapper textarea,
.contact-us-form-wrapper select,
.contact-us-form-wrapper input[type="tel"],
.contact-us-form-wrapper input[type="email"],
.contact-us-form-wrapper input[type="text"]{
	height: 60px;
	padding: 10px 20px;
	border-radius: 30px;
	box-shadow: none;
}
.contact-us-form-wrapper select:focus,
.contact-us-form-wrapper select{
	border-color: #dee2e6;
	width: 100%;
	box-shadow: none;
	outline: 0;
}
.contact-us-form-wrapper textarea{
	height: 150px;
}
.contact-us-form-wrapper .wpcf7-form-control-wrap[data-name="budget"] .wpcf7-list-item .wpcf7-list-item-label,
.contact-us-form-wrapper .wpcf7-form-control-wrap[data-name="budget"] .wpcf7-list-item label,
.contact-us-form-wrapper .wpcf7-form-control-wrap[data-name="budget"] .wpcf7-list-item,
.contact-us-form-wrapper .wpcf7-form-control-wrap[data-name="budget"] .wpcf7-radio,
.contact-us-form-wrapper .wpcf7-form-control-wrap[data-name="about-project"] .wpcf7-list-item .wpcf7-list-item-label,
.contact-us-form-wrapper .wpcf7-form-control-wrap[data-name="about-project"] .wpcf7-list-item label,
.contact-us-form-wrapper .wpcf7-form-control-wrap[data-name="about-project"] .wpcf7-list-item,
.contact-us-form-wrapper .wpcf7-form-control-wrap[data-name="about-project"] .wpcf7-checkbox{
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 15px;
	flex-wrap: wrap;
}
.contact-us-form-wrapper .wpcf7-form-control-wrap[data-name="budget"] .wpcf7-list-item,
.contact-us-form-wrapper .wpcf7-form-control-wrap[data-name="about-project"] .wpcf7-list-item{
	margin-left: 0;
	cursor: pointer;
}
.contact-us-form-wrapper .wpcf7-form-control-wrap[data-name="budget"] .wpcf7-list-item .wpcf7-list-item-label,
.contact-us-form-wrapper .wpcf7-form-control-wrap[data-name="about-project"] .wpcf7-list-item .wpcf7-list-item-label{
	border: 1px solid #dee2e6;
	justify-content: center;
}
.contact-us-form-wrapper .wpcf7-form-control-wrap[data-name="budget"] .wpcf7-list-item label,
.contact-us-form-wrapper .wpcf7-form-control-wrap[data-name="about-project"] .wpcf7-list-item label{
	position: relative;
}
.contact-us-form-wrapper .wpcf7-form-control-wrap[data-name="budget"] .wpcf7-list-item label input,
.contact-us-form-wrapper .wpcf7-form-control-wrap[data-name="about-project"] .wpcf7-list-item label input{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	cursor: pointer;
}
.contact-us-form-wrapper .wpcf7-form-control-wrap[data-name="budget"] .wpcf7-list-item input:checked + .wpcf7-list-item-label,
.contact-us-form-wrapper .wpcf7-form-control-wrap[data-name="about-project"] .wpcf7-list-item input:checked + .wpcf7-list-item-label {
  background: #E9E9E9;
}
/* Contact Us Page End */
/* Service Detail Page Start */
body.service-template .portfolio-items .row>div:nth-child(even) {
    padding-top: 0px;
}
.service-box-container{
	position: relative;
}
.service-box-container:not(:last-child)::after{
	content: '';
    height: 30px;
    width: 4px;
    position: absolute;
    border-radius: 5px;
    right: -2px;
    top: 0;
    bottom: 0;
	background: linear-gradient(233.87deg, #5765FF 13.76%, #894592 61.9%, #BA2525 110.04%);
	transition: .3s ease-in-out;
}
.service-box-container:nth-child(2)::after{
	top: calc(50% - 15px);
}
.service-box-container:nth-child(3)::after{
	top: 15%;
}
.service-box-container:nth-child(4)::after{
	top: 65%;
}
.service-box-container:nth-child(3):hover::after,
.service-box-container:nth-child(2):hover::after{
	top: calc(100% - 30px);
	transition: .3s ease-in-out;
}
.service-box-container:nth-child(4):hover::after{
	top: 0;
	transition: .3s ease-in-out;
}
.why-choolse-us-box-wrapper:nth-child(2) .why-choolse-us-box .elementor-icon-box-content .elementor-icon-box-title span,
.why-choolse-us-box-wrapper:nth-child(4) .why-choolse-us-box .elementor-icon-box-content .elementor-icon-box-title span{
	opacity: 0.3;
}
.why-choolse-us-box-wrapper .why-choolse-us-box .elementor-icon-box-content{
	display: flex;
	gap: 20px;
	align-items: center;
}
.why-choolse-us-box-wrapper .why-choolse-us-box .elementor-icon-box-title span{
	background: linear-gradient(233.87deg, #5765FF 13.76%, #894592 61.9%, #BA2525 110.04%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* Service Detail Page End */

/* About Us Page Start */
.vision-mission-2 .elementor-icon-list-icon svg path{
	fill: var(--e-global-color-primary);
}
.about-core-boxes .elementor-icon-box-wrapper .elementor-icon-box-content{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.about-core-boxes .elementor-icon-box-wrapper .elementor-icon-box-content .elementor-icon-box-description{
	max-width: 40%;
}
/* About Us Page End */
/* Portfolio Taxonomy Listing Start */
.portfolio-taxonomy-main .container{
	padding: 80px 10px;
}
/* Portfolio Taxonomy Listing End */
/*07. Pages and Posts end*/

/* 08. Extra styles start*/
/* 08. Extra styles end*/

/*09. Media Query start*/
@media screen and (min-width: 1025px) {

	/* Home page work with technology section start */
	.technology-boxes .technology-box:nth-child(23),
	.technology-boxes .technology-box:nth-child(20),
	.technology-boxes .technology-box:nth-child(18),
	.technology-boxes .technology-box:nth-child(15),
	.technology-boxes .technology-box:nth-child(13),
	.technology-boxes .technology-box:nth-child(10),
	.technology-boxes .technology-box:nth-child(8),
	.technology-boxes .technology-box:nth-child(5),
	.technology-boxes .technology-box:nth-child(3) {
		border-right: 1px solid #E0E0E0 !important;
		border-left: 1px solid #E0E0E0 !important;
		border-bottom: 1px solid transparent !important;
	}
	/* Home page work with technology section end */
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {

	/* Home page work with technology section start */
	.technology-boxes .technology-box:nth-child(19),
	.technology-boxes .technology-box:nth-child(15),
	.technology-boxes .technology-box:nth-child(11),
	.technology-boxes .technology-box:nth-child(7),
	.technology-boxes .technology-box:nth-child(3) {
		border-right: 1px solid #E0E0E0 !important;
		border-left: 1px solid #E0E0E0 !important;
	}

	.technology-boxes .technology-box:nth-child(20),
	.technology-boxes .technology-box:nth-child(16),
	.technology-boxes .technology-box:nth-child(12),
	.technology-boxes .technology-box:nth-child(8),
	.technology-boxes .technology-box:nth-child(4) {
		border-right: 1px solid #E0E0E0 !important;
	}

	.technology-boxes .technology-box:nth-child(13) {
		border-bottom: 1px solid #E0E0E0 !important;
	}
	.technology-boxes .technology-box:nth-child(17){
		border-radius: 0;
	}
	.technology-boxes .technology-box:nth-child(18){
		border-radius: 0 0 0 40px;
	}
	/* Home page work with technology section end */
}

@media screen and (min-width: 992px) {}

@media screen and (min-width: 768px) {
}

@media screen and (max-width: 1199px) {}

/*Tablet*/
@media screen and (max-width: 991px) {
	.portfolio-taxonomy-main .container{
		padding: 40px 20px;
	}
}

/*Small Device*/
@media screen and (max-width: 767px) {
	 
	/* Home page work with technology section start */
	.technology-boxes .technology-box:nth-child(22),
	.technology-boxes .technology-box:nth-child(20),
	.technology-boxes .technology-box:nth-child(18),
	.technology-boxes .technology-box:nth-child(16),
	.technology-boxes .technology-box:nth-child(14),
	.technology-boxes .technology-box:nth-child(12),
	.technology-boxes .technology-box:nth-child(10),
	.technology-boxes .technology-box:nth-child(8),
	.technology-boxes .technology-box:nth-child(6),
	.technology-boxes .technology-box:nth-child(4),
	.technology-boxes .technology-box:nth-child(2) {
		border-right: 1px solid #E0E0E0 !important;
	}
	
	.technology-boxes .technology-box:nth-child(17){
		border-radius: 0;
	}
	.technology-boxes .technology-box:nth-child(20){
		border-radius: 0 0 0 40px;
	}
	.technology-boxes .technology-box:nth-child(21){
		border-radius: 0 0 40px 0;
	}

	/* Home page work with technology section end */
	/* Home page portfolio-item section start */
	.portfolio-items:not(.similar-portfolio) .row>div:nth-child(even),
	.portfolio-items .row>div:nth-child(even) {
		padding-top: 0px;
	}

	.portfolio-items .portfolio-item .portfolio-title {
		font-size: 18px;
	}

	.portfolio-items .portfolio-item .portfolio-categories .category-item a {
		font-size: 14px;
	}

	/* Home page portfolio-item section end */
	/* Contact Us Page Start */
	.contact-us-form-wrapper .wpcf7-form-control-wrap[data-name="budget"] .wpcf7-list-item .wpcf7-list-item-label,
	.contact-us-form-wrapper .wpcf7-form-control-wrap[data-name="about-project"] .wpcf7-list-item .wpcf7-list-item-label,
	.contact-us-form-wrapper input[type="submit"],
	.contact-us-form-wrapper textarea,
	.contact-us-form-wrapper input[type="tel"],
	.contact-us-form-wrapper input[type="email"],
	.contact-us-form-wrapper input[type="text"]{
		height: 40px;
		padding: 8px 12px;
		border-radius: 20px; 
	}
	.contact-us-form-wrapper textarea{
		height: 100px;
	}
	.contact-us-form-wrapper .wpcf7-form-control-wrap[data-name="budget"] .wpcf7-list-item .wpcf7-list-item-label,
	.contact-us-form-wrapper .wpcf7-form-control-wrap[data-name="budget"] .wpcf7-list-item label,
	.contact-us-form-wrapper .wpcf7-form-control-wrap[data-name="budget"] .wpcf7-list-item,
	.contact-us-form-wrapper .wpcf7-form-control-wrap[data-name="budget"] .wpcf7-radio,
	.contact-us-form-wrapper .wpcf7-form-control-wrap[data-name="about-project"] .wpcf7-list-item .wpcf7-list-item-label,
	.contact-us-form-wrapper .wpcf7-form-control-wrap[data-name="about-project"] .wpcf7-list-item label,
	.contact-us-form-wrapper .wpcf7-form-control-wrap[data-name="about-project"] .wpcf7-list-item,
	.contact-us-form-wrapper .wpcf7-form-control-wrap[data-name="about-project"] .wpcf7-checkbox{
		gap: 15px 10px;
	}
	.contact-us-form-wrapper .row{
		gap: 10px;
	}
	/* Contact Us Page End */
	/* Service Details Page Start */
	.service-box-container:not(:last-child)::after{
		content: none;
	}
	/* Service Details Page End */
	/* About Us Page Start */
	.about-core-boxes .elementor-icon-box-wrapper .elementor-icon-box-content{
		flex-direction: column;
	}
	.about-core-boxes .elementor-icon-box-wrapper .elementor-icon-box-content .elementor-icon-box-description{
		max-width: 100%;
	}
	/* About Us Page End*/
}

/*Mobile Device*/
@media screen and (max-width: 640px) {}

/*Extra Small Mobile Device*/
@media screen and (max-width: 480px) {}

@media screen and (max-width: 420px) {}

/*09. Media Query end*/