/*
 Theme Name: Hello Elementor Child
 Theme URI: https://elementor.com/hello-theme/
 Description: Child theme for Hello Elementor
 Author: Your Name
 Author URI: https://yourwebsite.com/
 Template: hello-elementor
 Version: 1.0.0
 Text Domain: hello-elementor-child
*/

/* Add your custom CSS below */


/* Main box glass */
.global-hero-box{
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,0.18);
}

/* Glossy menu pills */
.glossy-pill a{
  padding: 10px 36px !important;
  border-radius: 30px !important;
  background: linear-gradient(to bottom, #2ad1ff, #0668a3) !important;
  color:#fff !important;
  font-weight: 600 !important;
  box-shadow: 0 10px 18px rgba(0,0,0,0.35) !important;
  position: relative;
  overflow: hidden;
}

.glossy-pill a:before{
  content:"";
  position:absolute;
  top:0; left:0; right:0;
  height:45%;
  background: rgba(255,255,255,0.25);
}

/* Active pills */
.active-orange a{
  background: linear-gradient(to bottom, #ff4d00, #a31a00) !important;
}
.active-black a{
  background: linear-gradient(to bottom, #2d2d2d, #000) !important;
}

/* 3D Title */
.global-hero-title{
  text-transform: uppercase;
  letter-spacing: 2px;
  text-shadow:
    0 2px 0 rgba(255,255,255,0.25),
    0 8px 14px rgba(0,0,0,0.55);
}

/* Subtitle */
.global-hero-subtitle p{
  color: rgba(255,255,255,0.70);
  font-size: 26px;
  margin-top: 10px;
}

/* Take a Tour button */
.global-hero-btn a{
  padding: 18px 52px !important;
  border-radius: 35px !important;
  background: linear-gradient(to bottom, #18c9ff, #0b67b0) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,0.45) !important;
  font-weight: 700 !important;
}