/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
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, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
.header-top-info svg {
    fill: var( --e-global-color-accent ) !important;
}
.hero-title .elementor-heading-title span {
	color: #32e0c4 ;
}
    /* ── Hero ── */
    .hero {
      position: relative; min-height: 85vh;
      display: flex; align-items: center; overflow: hidden;
    }
    .hero-bg {
      position: absolute; top: 0; left: 0; right: 0; bottom: 0;
      background: linear-gradient(135deg, rgba(13, 115, 119, 0.92) 0%, rgba(9, 84, 86, 0.88) 100%),
                  url('https://pebshospital.com/wp-content/uploads/2026/02/hero.png');
      background-size: cover; background-position: center;
      background-attachment: fixed;
      transition: transform 0.6s ease;
    }
    .hero-pattern {
      position: absolute; top: 0; left: 0; right: 0; bottom: 0;
      background-image: radial-gradient(circle at 20% 50%, rgba(50, 224, 196, 0.1) 0%, transparent 50%),
                        radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.05) 0%, transparent 30%);
    }
    .hero-content {
      position: relative; z-index: 2; display: grid;
      grid-template-columns: 1fr 1fr; gap: 60px;
      align-items: center; padding: 80px 0;
    }
    .hero-text { color: var(--white); }
    .hero-badge {
      display: inline-flex; align-items: center; gap: 8px;
      background: rgba(255,255,255,0.15); backdrop-filter: blur(10px);
      padding: 8px 20px; border-radius: 50px; font-size: 14px; margin-bottom: 24px;
      font-family: 'Outfit', sans-serif;
    }
    .hero-badge i { color: var(--accent-gold); }
    .hero h1 {
      font-size: 52px; font-weight: 700; color: var(--white);
      margin-bottom: 20px; line-height: 1.15;
    }
    .hero h1 .highlight { color: var(--accent); }
    .hero-desc { font-size: 18px; opacity: 0.9; margin-bottom: 32px; max-width: 500px; font-family: 'Outfit', sans-serif; }
    .hero-btns { display: flex; gap: 16px; flex-wrap: wrap; }
    .hero-image { position: relative; }
    .hero-image img {
      border-radius: 16px; 
		box-shadow: 0 8px 40px #0d737726;
      aspect-ratio: 4/3; 
		object-fit: cover; width: 100%;
      transition: transform 0.6s ease;
    }
    .hero-image:hover img { transform: scale(1.03); }
    .hero-stats {
      position: absolute; bottom: -30px; left: -30px;
      background: #fff; 
      padding: 24px 32px;
      border-radius: 16px; 
      box-shadow: 0 8px 40px #0d737726;
      display: flex; gap: 32px;
    }
    .hero-stat { text-align: center; }
    .hero-stat .number { font-size: 32px; font-weight: 800; color: var( --e-global-color-a45831f ); line-height: 1; font-family: 'Outfit', sans-serif; }
    .hero-stat .label { font-size: 13px; color: #718096; margin-top: 4px; font-family: 'Outfit', sans-serif; }
.hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255,255,255,0.15);
    backdrop-filter: blur(10px);
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 14px;
    margin-bottom: 0px;
    font-family: 'Outfit', sans-serif;
	color: #fff;
}
@media (max-width: 768px) {
.hero-stats {
    position: relative;
    bottom: 0;
    left: 0;
    margin-top: 30px;
}
}
/* 8/21 header nav: give the desktop header room so the 4 menu items render on one line without overlapping the helpline widget */
@media (min-width:1025px){
  .ekit-template-content-header .e-con-inner{max-width:min(1480px,96vw)!important}
  .ekit-template-content-header .elementor-element-5382f2b2{width:auto!important;max-width:none!important;flex-grow:1}
  .ekit-template-content-header .elementor-element-2faff80e{width:auto!important;max-width:none!important;margin-left:24px;margin-right:24px}
  .ekit-template-content-header ul.elementskit-navbar-nav{flex-wrap:nowrap!important;display:flex!important;width:max-content}
  .ekit-template-content-header ul.elementskit-navbar-nav>li>a{white-space:nowrap!important}
}
@media (min-width:1025px) and (max-width:1366px){
  .ekit-template-content-header ul.elementskit-navbar-nav>li>a{padding-left:10px!important;padding-right:10px!important}
}