/*

Theme Name: Hello Elementor Child

Theme URI: https://github.com/elementor/hello-theme/

Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team

Author: Elementor Team

Author URI: https://elementor.com/

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

*/

/* globals */
.u-heading--accent{
  font-family: var( --e-global-typography-accent-font-family ), Sans-serif;
  font-style:var(--e-global-typography-accent-font-style);
  font-weight: var( --e-global-typography-accent-font-weight );
}
.u-text-primary {
  color: #6A5FDA;
}

.u-navigation {
    background: rgba(255, 255, 255, 0.01); /* semi-transparent dark */
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px); /* Safari support */
    
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.15);

    box-shadow: 
        0 8px 30px rgba(0, 0, 0, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

/* Hero glow circle */
.hero-section {
    position: relative !important;
    overflow: hidden !important;
}

.hero-section>div::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    top: -160px;
    left: -160px;
    background: radial-gradient(circle, rgba(120, 90, 255, 0.45) 0%, rgba(120, 90, 255, 0.25) 40%, rgba(120, 90, 255, 0.1) 60%, transparent 70%);
    background-color: var(--e-global-color-secondary);
    filter: blur(200px);
    opacity: 0.5;
    z-index: 0;
}

.hero-section > * {
    position: relative;
    z-index: 1;
}
/*   footer section */
/* Glass blur cards for Elementor Social Icons */
.social-glass .elementor-social-icon{
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.20);
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.12);
  
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);

  transition: transform .2s ease, background .2s ease, border-color .2s ease;
}

/* Hover effect */
.social-glass .elementor-social-icon:hover{
  background: rgba(255, 255, 255, 0.18) !important;
  border-color: rgba(255, 255, 255, 0.35);
  transform: translateY(-2px);
}

/* Optional: keep icons white like your image */
.social-glass .elementor-social-icon i,
.social-glass .elementor-social-icon svg{
  fill: #fff !important;
  color: #fff !important;
}

/* Team-card-hover */
/* TEAM CARD BASE */
.team-card{
  position: relative;
  overflow: hidden;
}

/* Overlay layer (hidden by default) */
 .team-card::after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(0,0,0,.75) 100%);
  opacity: 0;
  transition: opacity .35s ease;
  z-index: 1;
} 

/* Name */
.team-card .team-details{
  opacity: 0;
  transition: all .35s ease;
  z-index: 2;
}
/* HOVER EFFECTS */
 .team-card:hover::after{
  opacity: 1;
} 
.team-card:hover .team-details{
  opacity: 1;
}
/* button icon size */
.button-with-icon i,
.button-with-icon svg {
  width: 10px !important; 
  height: 10px !important;
  font-size: 10px !important;
}