/*
Theme Name: Hello Elementor Child
Theme URI: #
Description: A child theme of Hello Elementor
Author: Sumit Umak
Author URI: https://sumit-umak.github.io/port-2/
Template: hello-elementor
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

.up-down-bounce{
	animation:bounce 1.3s infinite;
}

@keyframes bounce {
    0%,to {
        transform: translateY(-25%);
        animation-timing-function: cubic-bezier(.8,0,1,1)
    }

    50% {
        transform: none;
        animation-timing-function: cubic-bezier(0,0,.2,1)
    }
}

/* All Gradients */
.purple-bg-gradient{
	
		position: relative;
		background: linear-gradient(to bottom, #581c87, #1e3a8a, #000000 ) !important;
		overflow: hidden;
}

.blue-gradient-text{
	background: linear-gradient(to left, #ad46ff , #00d3f3);
    background-clip: text;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
}
.light-blue-gradient{
	background:linear-gradient(to right, #9810fa, #00b8db) !important;
}

  .yellow-icon-gradient .elementor-icon{
	background:linear-gradient( to right, #f0b100, #fdc700 ) !important;
}

  .orange-icon-gradient .elementor-icon{
	background:linear-gradient(to right, #ff6900, #ff8904 ) !important;
}
  .red-icon-gradient .elementor-icon{
	background:linear-gradient(to right, #fb2c36, #ff6467 ) !important;
}
 .sky-blue-icon-gradient .elementor-icon{
	background:linear-gradient(to right, #51a2ff, #2b7fff ) !important;
}

 .green-icon-gradient .elementor-icon{
	background:linear-gradient(to right, #00bc7d, #00d492) !important;
}

.dark-blue-icon-gradient .elementor-icon{
	background:linear-gradient( to right, #155dfc , #00b8db );
}
.pink-icon-gradient .elementor-icon{
	background:linear-gradient( to right, #e60076, #ad46ff);
}

.elementor-icon-box-title{
	margin-top:0 ;
}

.blue-glass-effect{
	background:linear-gradient(to right, #193cb84d, #6e11b04d);
	backdrop-filter:blur(10px);
}
.pink-glass-effect{
	background:linear-gradient(to right, #a3004c4d, #6e11b04d);
	backdrop-filter:blur(10px);
}

.glass-effect {
	background:linear-gradient(to right, #1c398e33, #59168b33);
	backdrop-filter:blur(10px);
}
.hero-tab{
	 box-shadow: 0px 1px 2px 0px rgba(139, 69, 255, 0.55),
		 		0px 0px 0px 3px rgba(139, 69, 255, 0.17);
	background:linear-gradient(to right, rgba(147, 51, 234, 0.1), rgba(6, 182, 212, 0.1));
}
.white-gradient h1{
	 background: linear-gradient(to bottom,
    rgba(255, 255, 255, 1),
    rgba(255, 255, 255, 0.9),
    rgba(255, 255, 255, 0.2)
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
}


.gradient-para-text{
	background: linear-gradient(to bottom,
    #e5e7eb,                
    rgba(156, 163, 175, .8)
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
}

.primary-btn-gradient a{
	 background: linear-gradient(to right, #9810fa, #2563eb) !important;
}

.primary-btn-gradient a:hover{
	 background: linear-gradient(to left, #9810fa, #2563eb) !important;
}

.gradient-text{
	background: linear-gradient(90deg, #2b7fFF  0%, #ad46ff 50%, #f6339a 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}




/* Standout cards */
.stand-out-card {
	background:#10182880;
	backdrop-filter:blur(8px);
	transition:all 0.3s ease;
	border-radius:14px !important;
	border:1px solid #1E2939 !important;
}
.stand-out-card:hover{
	background:#101828b3;
	border-color:#ad46ff80 !important;
	transform:scale(1.025);
}



/* Service Tab Section */

.tab-section button[aria-selected="true"]{
		background:linear-gradient(to left, #9810fa, #00b8db) !important;
}


@media(min-width:768px){
	.tab-section .e-n-tabs-heading {
		padding: 8px 10px;
		border: 1px solid #ad46ff80;
		border-radius: 100px;
		background:linear-gradient(to right, #1c398e33, #59168b33);
		backdrop-filter:blur(10px);
		width:max-content;
		margin:0 auto;
}
}


.gradient-bg-number {
    width: 80px;
    height: 80px;
    border: 1px solid var( --e-global-color-05f48b2 );
    display: flex;
    justify-content: center;
    align-items: center;
	background:linear-gradient(to right, #9810fa, #00b8db) !important;
}

/* Timelinecards */

@media(min-width:768px){
		.middle-line::before{
		content:"";
		position:absolute;
		height:100%;
		width:5px;
		left:50%;
		top:0;
		transform:translate(-50%);
		background:#dddddd1f;
		border-radius:12px;
}
}


/* Gradient-Icons */
.gradient-icon .elementor-icon{
	background:linear-gradient(to right, #2b7fff 0%, #ad46ff 100%, #2b7fff 0%) !important;
}

.banner-icon-list .elementor-icon-list-icon {
    padding: 6px;
    border-radius: 3px;
	background:linear-gradient(to right, #2b7fff 0%, #ad46ff 100%, #2b7fff 0%) !important;
}
.banner-icon-list .elementor-icon-list-text{
	padding-left:10px !important;
}

/* Homepage animation */
.stand-out-card .elementor-heading-title,
.stand-out-card .elementor-widget-text-editor{
	transition:all 0.3s ease !important;
}
.stand-out-card .elementor-heading-title:hover,
.stand-out-card .elementor-widget-text-editor:hover{
	padding-left:10px;
}

.everything-card{
	transition:all 0.3s ease;
	border:1px solid transparent !important;
}

.everything-card:hover{
	box-shadow:0px 0px 25px #ad46ff2e;
	border-color:#ad46ff80 !important;
	transform:scale(1.02);
		
}
.everything-card .elementor-icon svg{
	transition:all 0.7s ease;
}

.everything-card:hover .elementor-icon svg{
	transform:rotate(360deg);
}

.industry-key-solution{
	transition:all 0.4s ease;
	opacity:0;
}

.industry-card:hover .industry-key-solution{
	opacity:1;
}

/* Dedicate dev page */

.benefit-card .elementor-icon{
	transition:all 0.3s ease;
}

.benefit-card:hover .elementor-icon{
	transform:scale(1.10);
}


/* Contact form */

.contact-form input {
    min-height: 55px;
	padding:4px 12px 4px 48px !important;
	position:relative;
}

.contact-form textarea{
	padding:16px 12px 8px 48px;
	min-height:128px;
	position:relative;
}

.elementor-form .elementor-field-group {
  position: relative;
}

.elementor-field-group-name::before,
.elementor-field-group-email::before,
.elementor-field-group-telnumber::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 24px;
	transform: translateY(-50%);
	width: 18px;
	height: 18px;
	background-color: #99a1af;
	
}

.elementor-field-group-message::before
{
	content: "";
	position: absolute;
	top: 15%;
	left: 24px;
	transform: translateY(-15%);
	width: 18px;
	height: 18px;
	background-color: #99a1af;
}
.elementor-field-group-name::before{
	-webkit-mask: url('/wp-content/uploads/2025/10/user.svg') no-repeat center;
  	mask: url('/wp-content/uploads/2025/10/user.svg') no-repeat center;
  	-webkit-mask-size: contain;
  	mask-size: contain;
}
.elementor-field-group-email::before{
	-webkit-mask: url('/wp-content/uploads/2025/10/mail.svg') no-repeat center;
  	mask: url('/wp-content/uploads/2025/10/mail.svg') no-repeat center;
  	-webkit-mask-size: contain;
  	mask-size: contain;
}
.elementor-field-group-telnumber::before{
	-webkit-mask: url('/wp-content/uploads/2025/10/phone.svg') no-repeat center;
  	mask: url('/wp-content/uploads/2025/10/phone.svg') no-repeat center;
  	-webkit-mask-size: contain;
  	mask-size: contain;
}
.elementor-field-group-message::before{
	-webkit-mask: url('/wp-content/uploads/2025/10/message-circle.svg') no-repeat center;
  	mask: url('/wp-content/uploads/2025/10/message-circle.svg') no-repeat center;
  	-webkit-mask-size: contain;
  	mask-size: contain;
}