/* 
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Description: A plain-vanilla & lightweight theme for Elementor page builder
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Global Style Start */

p {
	margin-bottom: 0px !important;
}

html, body {
	overflow-x: hidden !important;
}

/* Header Style Start */

.elementor-location-header {
	height: 0;
}

.header_sec .e-con-inner {
	position: relative;
}

.header_sec .e-con-inner::before {
	content: "";
	position: absolute;
	width: 96%;
	height: 1px;
	bottom: 0;
	background: rgba(255, 255, 255, 0.20);
	left: 0;
	right: 0;
	display: block;
	margin: 0 auto;
}

/* Home Page Style Start */

.our_sec_grid {
  counter-reset: section;
}

.our_sec_grid .services_col:hover {
  border-radius: 0 10px 10px 10px;
  background: #1C1E1D;
}

.our_sec_grid .services_col {
  background: #fff;
  z-index: 2;
}

.our_sec_grid .services_col::before {
  counter-increment: section;
  content: "/0" counter(section);
  position: absolute;
  top: -44px;
  background: url(https://etechall.com/wp-content/uploads/2025/10/Subtract.png);
  width: 132px;
  border: 0;
  height: 44px;
  color: #252525;
  font-family: "IBM Plex Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
  letter-spacing: -0.32px;
  display: flex;
  align-items: center;
  padding-left: 12px;
  left: 9px;
}

.our_sec_grid .services_col::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background: #8D5AF6;
  border-radius: 50px;
  top: -26px;
  left: 80px;
}

.home .wpcf7-response-output {
    color: #fff;
    margin-top: 0 !important;
    text-align: center;
}

.services_col {
	position: relative;
}

.services_col:hover {
	background: #1C1E1D;
}

.services_col:hover h2, .services_col:hover p, .services_col:hover .elementor-widget-text-editor .elementor-widget-container, .services_col:hover h4 a {
	color: #FFF !important;
}

.services_col .go_to_icon {
	position: absolute;
    left: 0;
    right: 0;
    opacity: 0;
	top: 140px;
}

.services_col:hover .go_to_icon {
	opacity: 1;
}

.services_col:hover .elementor-widget-image:nth-child(2) img {
    filter: blur(3.5px);
}

.btn_icon svg {
	font-size: 37px;
}


.banner_sec {
	position: relative;
}

.banner_sec::before {
	content: "";
	position: absolute;
	width: 571px;
	height: 830px;
	background: url(https://etechall.com/wp-content/uploads/2025/06/Star-3.png);
	top: unset;
	bottom: 0;
}

.swiper--marquee {
	width: 100%;
	height: 100%;
	position: relative;
}

/* .swiper--marquee::after {
content: '';
display: block;
width: 200%;
height: 1px;
background: linear-gradient(90deg, black 50%, transparent 50%);
background-size: 10% 1px;
background-position: -50px;
background-repeat: repeat-x;
position: absolute;
left: -10%;
top: 40%;
animation: line-slide 60s forwards infinite linear;
z-index: 1;
} */

/* .swiper-container.swiper--bottom::after {
animation-direction: reverse;
} */

.swiper--marquee .swiper-wrapper {
	-webkit-transition-timing-function: linear !important;
	transition-timing-function: linear !important;
	position: relative;
	align-items: center;
}


@keyframes line-slide {
	0% {
		background-position: -5% 0;
	}
	100% {
		background-position: 100% 0;
	}
}

.services_marquee .swiper-slide {
	display: flex;
	gap: 24px;
	color: #050C0F;
	text-align: center;
	font-family: Anton;
	font-size: 31.579px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%; /* 31.579px */
	letter-spacing: -0.632px;
	text-transform: uppercase;
	justify-content: center;
	align-items: flex-start;
	align-items: center;
	justify-content: center;
	justify-content: flex-start;
	justify-content: center;
}

.acc details {
	border-radius: 10px;
	border: 1px solid #050C0F;
	padding: 30px;
}

.acc details:not(:last-child) {
	margin-bottom: 20px !important;
}

.acc details div[role="region"] {
	padding: 0px;
}

.acc details summary {
	padding: 0px !important;
}

.acc details summary .e-n-accordion-item-title-text {
	color: #050C0F;
	font-family: Anton;
	font-size: 36px;
	font-style: normal;
	font-weight: 400;
	line-height: 90%;
	letter-spacing: -0.72px;
	text-transform: uppercase;
}

.acc details[open] {
	background: #FFF;
}

.acc details[open] summary {
	padding-bottom: 21px !important;
}

.have_a_project_con .w-50 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
}

.have_a_project_con p {
	color: #FFF;
	font-family: "IBM Plex Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 100%; /* 16px */
	letter-spacing: -0.32px;
	margin-bottom: 8px !important;
	display: block;
}

.have_a_project_con input[type="text"], .have_a_project_con input[type="email"], .have_a_project_con input[type="tel"] {
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, 0.30);
	background: rgba(255, 255, 255, 0.14);
	backdrop-filter: blur(7px);
	height: 48px;
	padding: 12px 18px;
	text-align: left;
	color: #fff;
}

.have_a_project_con input[type="text"]:focus, .have_a_project_con input[type="email"]:focus, .have_a_project_con input[type="tel"]:focus, .have_a_project_con textarea:focus {
	border-radius: 10px;
	border: 1px solid #8D5AF6;
	background: #FFF;
	outline: none;
}

.have_a_project_con input[type="text"]::placeholder, .have_a_project_con input[type="email"]::placeholder, .have_a_project_con input[type="tel"]::placeholder, .have_a_project_con textarea::placeholder {
	color: #FFF;
	opacity: 0.7;
}

.have_a_project_con select {
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, 0.30);
	background: rgba(255, 255, 255, 0.14);
	backdrop-filter: blur(7px);
	height: 48px;
	padding: 12px 18px;
	color: #fff;
}

.have_a_project_con select option {
	color: #000;
}

.have_a_project_con select:focus {
	border-radius: 10px;
	border: 1px solid #8D5AF6;

	outline: none;
}


.have_a_project_con textarea {
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, 0.30);
	background: rgba(255, 255, 255, 0.14);
	backdrop-filter: blur(7px);
	padding: 13px 18px;
	height: 160px;
	resize: none;

}

.have_a_project_con .mess {
	margin-top: 18px;
	margin-bottom: 30px;
}

.have_a_project_con .btn input[type="submit"] {
	border-radius: 10px;
	background: #8D5AF6;
	padding: 17px 24px;
	color: #FFF;
	font-family: Anton;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
	width: 100%;
	border: 0;
}

.have_a_project_con .btn input[type="submit"]:hover {
	background: #fff;
	color: #8D5AF6;
}

.portfolio_con {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 50px 26px;
	margin-top: 30px;
}

.portfolio_con .inner {
	position: relative;
}

.portfolio_con .inner img {
	width: 100%;
	position: relative;
}

.portfolio_con .inner .content {
	display: flex;
	align-items: center;
	gap: 20px !important;
}

.portfolio_con .inner .content h3.title, .portfolio_con .inner .content h3.title a {
	margin: 0;
	color: #FFF;
	font-family: Anton;
	font-size: 36px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%; /* 36px */
	letter-spacing: -0.72px;
	text-transform: uppercase;
}

.portfolio_con .inner .content p.by {
	color: #FFF;
	font-family: "IBM Plex Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 30px */
	letter-spacing: -0.4px;
}

.portfolio_con .inner .content {
	margin-top: 26px;
}

/* .portfolio_con .inner::before {
	content: "Show More";
	position: absolute;
	width: 77px;
	height: 77px;
	background: rgba(0, 0, 0, 0.34);
	z-index: 1;
	transform: rotate(-22.202deg);
	border: 1px solid #fff;
	backdrop-filter: blur(6px);
	border-radius:50px;
	color: #FFF;
	text-align: center;
	font-family: Anton;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 110%;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: center;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 250px;
	opacity: 0;
} 

.portfolio_con .inner:hover img {
	filter: blur(10px);
}

.portfolio_con .inner:hover::before {
	opacity:1;
}
*/

/* About Us Page Style Start */

.about_us_col {
	position: relative;
}

.about_us_col::before {
	content: "";
	position: absolute;
	width: 949px;
	height: 849px;
	background: url(https://etechall.com/wp-content/uploads/2025/07/Star-3.png);
	top: -160px;
	left: 150px;
}

.about_acc details summary .e-n-accordion-item-title-text {
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; /* 133.333% */
	text-transform: uppercase;
}

.about_acc details[open] {
	border-radius: 10px;
}

.about_acc details {
	border: 0;
	border-bottom: 1px solid #E7EAEE;
	border-radius: 0;
}

.arrows_icon {
	position: relative;
}

.arrows_icon::before {
	content: "";
	position: absolute;
	width: 125px;
	height: 50px;
	background: url(https://etechall.com/wp-content/uploads/2025/06/Group-1261153194.png);
	left: -180px;
	top: -20px;
}

.arrows_icon::after {
	content: "";
	position: absolute;
	width: 125px;
	height: 50px;
	background: url(https://etechall.com/wp-content/uploads/2025/06/Group-1261153194.png);
	right: -180px;
	top: -20px;
	transform: scaleX(-1);
}

/* Web design Page Style Start */

.service_acc .e-n-accordion details {
	padding: 50px;
	width: 1050px !important;
	margin: 0 auto;
	position: relative;
}

/* .service_acc .e-n-accordion details:not(:last-child)::before {
content: "";
position: absolute;
width: 100%;
height: 1px;
background: #000;
bottom: 0px;
left: 0;
} */

.service_acc .e-n-accordion details:not(:last-child) {
	border-bottom: 1px solid rgba(5, 12, 15, 0.18);
}

.service_acc .e-n-accordion {
	counter-reset: section;
}

.service_acc .e-n-accordion details[open] {
	background: #F8F5FE;
}

.service_acc .e-n-accordion details::before {
	counter-increment: section;
	content: "0" counter(section) "/";
	position: absolute;
	top: 55px;
	left: 0;
	color: rgba(5, 12, 15, 0.60);
	font-family: Anton;
	font-size: 30px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%; /* 30px */
	letter-spacing: -0.6px;
	text-transform: uppercase;
}

.process_sec {
	position: relative;
}

.process_sec:before {
	content: "";
	position: absolute;
	width: 483px;
	height: 585px;
	background: url(https://etechall.com/wp-content/uploads/2025/07/Star-3-1.png);
	top: 0;
}

.process_sec:after {
	content: "";
	position: absolute;
	width: 577px;
	height: 619px;
	background: url(https://etechall.com/wp-content/uploads/2025/07/Star-4.png);
	top: unset;
	bottom: 0px;
	left: unset;
	right: 0;
}

/* Lead Popup  */

.pop_con input[type="text"], .pop_con input[type="tel"], .pop_con input[type="email"] {
	height: 48px;
}

.pop_con textarea {
	height: 120px;
	resize: none;
}

.pop_con input[type="text"], .pop_con input[type="tel"], .pop_con input[type="email"], .pop_con textarea {
	border-radius: 10px;
	border: 1px solid rgba(37, 37, 37, 0.50) !important;
	background: rgba(245, 245, 245, 0.00) !important;
	padding: 12px 18px;
	margin-bottom: 18px;
}

.pop_con input[type="text"]:focus, .pop_con input[type="tel"]:focus, .pop_con input[type="email"]:focus, .pop_con textarea:focus {
	border-radius: 10px;
	border: 1px solid #8D5AF6 !important;
	background: rgba(141, 90, 246, 0.05) !important;
	outline: none;
}

.pop_con p {
	color: #050C0F;
	font-family: "IBM Plex Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 100%; /* 16px */
	letter-spacing: -0.32px;
	display: block;
	margin-bottom: 8px !important;
}

.pop_con input[type="submit"] {
	padding: 17px 24px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	color: #FFF;
	font-family: Anton;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
	border-radius: 10px;
	background: #8D5AF6;
	width: 100%;
	border: 0px;
}

.pop_con input[type="submit"]:hover {
	background: #000;
}



.pop_con .price_range {
	height: 110px;
}

.slider-container {
	width: 100%;
	position: absolute;
	top: -370px;
}

.slider-container h2 {
    display: none;
}

.slider-container .range-values {
	margin: 0;
	font-family: "IBM Plex Sans";
	display: flex;
	justify-content: space-between;
	font-size: 15px;
}

.slider-container .slider-track {
	margin: 0;
}

.slider-container .slider-track::before {
	content: "";
	position: absolute;
	width: 98%;
	height: 7px;
	border-radius: 60px;
	background: rgba(141, 90, 246, 0.20);
	top: 21px;
}

.pop_con input[name="text-price"] {
	display: none;
}

/* Top to bottom Style Strat */

.marquee-container {
    /* height: 200px;
    width: 300px; */
    overflow: hidden;
    position: relative;
    /* border: 1px solid #ccc;
    margin: 50px auto; */
}

.marquee-content {
    display: grid;
    flex-direction: column;
    animation: scroll-up 10s linear infinite;
    grid-template-columns: 1fr 1fr 1fr;
	gap: 10px;
}

.marquee-content:hover {
    animation-play-state: paused;
}

.trusted_by_industry_col {
    position: relative;
}

.trusted_by_industry_col::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 109px;
    border-radius: 10px 10px 0px 0px;
    background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
    top: 0;
    z-index: 1;
    border: 0;
}

.trusted_by_industry_col::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 109px;
    border-radius: 10px 10px 0px 0px;
    background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
    top: unset;
    bottom: 0;
    z-index: 1;
    border: 0;
    transform: rotate(180deg);
}

/* .marquee-item {
    padding: 20px;
    border-bottom: 1px solid #eee;
    background: #f9f9f9;
} */

@keyframes scroll-up {
    0% {
    transform: translateY(0%);
    }
    100% {
    transform: translateY(-50%);
    }
}

div#marquee {
    height: 600px !important;
}

/* Responsivness Style Start */

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

}


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

}


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

}

@media screen and (max-width:600px) {
	.banner_logo div#gallery-1 {
		display: flex;
		margin: 20px 0 0px 0;
	}

	.banner_logo div#gallery-1 figure.gallery-item {
		padding: 0px 10px 0px 10px;
	}

	.portfolio_con {
		grid-template-columns: 1fr;
	}

	.acc details summary .e-n-accordion-item-title-text {
		font-size: 23px;
		letter-spacing: 0;
	}
}