*{margin:0;padding:0;box-sizing:border-box}
  :root{
    /* Refined palette - Celeste accent (#93C6C5) over deep navy-charcoal base */
    --coral:#93C6C5;           /* Celeste - primary accent (was blueEgg #00C4CC) */
    --coral-dark:#769E9E;      /* darker Celeste for hover/gradient end (was #009DA3) */
    --coral-light:#E7F4F4;     /* pale Celeste tint for chips/soft fills (was #E0F7F8) */
    --charcoal:#1E2A3A;        /* deep navy-charcoal base - pairs with the soft teal accent */
    --charcoal-soft:#2D3E50;
    --teal-accent:#0A8B7D;     /* supporting accent for variety */
    --light-grey:#F5F6F8;
    --border-grey:#545454;     /* border grey (was #E5E7EB) */
    --text-dark:#1E2A3A;
    --text-mid:#5A6573;
    --white:#FFFFFF;
  }
  html{ height:100%; }
  body{font-family:'Lato',sans-serif; color:var(--text-dark);line-height:1.6;background:var(--white);position: relative;min-height: 100%;}
  
    /* ── ANIMATIONS ── */
  @keyframes fadeUp {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
  }
  @keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
  }
  .reveal.in {
    opacity: 1;
    transform: none;
  }
  .reveal {
    opacity: 0;
    transform: translateY(22px);
    transition: opacity 0.65s ease, transform 0.65s ease;
  }

  h1,h2,h3,h4,h5,h6{ margin-bottom:15px; }
  #main-wrapper ul{list-style:none;margin-bottom:30px}
  #main-wrapper ul li:not(.recent-item,.toc-item){padding:10px 0;display:flex;align-items:flex-start;gap:12px;font-size:15px;color:var(--text-dark)}
  #main-wrapper ul li:not(.recent-item,.toc-item)::before{content:'✓';width:24px;height:24px;background:var(--coral);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;margin-top:2px}

  #main-wrapper ol{list-style:none;margin-bottom:30px;counter-reset:item-counter}
  #main-wrapper ol li{padding:10px 0;display:flex;align-items:flex-start;gap:12px;font-size:15px;color:var(--text-dark);counter-increment:item-counter}
  #main-wrapper ol li::before{content:counter(item-counter);width:24px;height:24px;background:var(--coral);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;margin-top:2px}

  /* TOP BAR */
  .top-bar{background:var(--charcoal);color:#fff;padding:8px 0;font-size:13px}
  .top-bar-inner{max-width:1280px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}
  .top-bar a{ color:#fff;text-decoration:none;opacity:.85}
  .top-bar a:hover{opacity:1}
  .top-bar-right a{margin-left:20px;}
  
  /* HEADER */
  header{background:#fff;border-bottom:1px solid var(--border-grey);position:sticky;top:0;z-index:100}
  .nav{max-width:1280px;margin:0 auto;padding:5px 24px;display:flex;justify-content:space-between;align-items:center}
  .logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--charcoal)}
  .logo-mark{width:40px;height:40px;background:var(--coral);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:20px}
  .logo-text{font-size:22px;font-weight:700;letter-spacing:-.5px}
  .logo-sub{font-size:11px;color:var(--text-mid);font-weight:500;text-transform:uppercase;letter-spacing:1px}
  nav ul{list-style:none;display:flex;gap:32px;align-items:center}
  nav a{text-decoration:none;color:var(--text-dark);font-weight:500;font-size:15px;transition:color .2s}
  nav a:hover{color:var(--coral)}
  nav a.active {   color: var(--coral); }
  .nav-cta{background:var(--coral);color:#fff!important;padding:10px 22px;border-radius:6px;transition:background .2s}
  .nav-cta:hover{background:var(--coral-dark);color:#fff!important}
  


  /* HERO */
  /*.hero{background:linear-gradient(135deg,var(--charcoal) 0%,var(--charcoal-soft) 100%);color:#fff;padding:100px 0;position:relative;overflow:hidden}*/
  .hero{ background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); background-size:cover;background-attachment:fixed;color:#fff;padding:100px 0;position:relative;overflow:hidden }
  @supports (-webkit-touch-callout: none) { .hero { background-attachment: scroll; } }
  .hero::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:var(--coral);opacity:.08;border-radius:50%}
  .hero::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:var(--teal-accent);opacity:.06;border-radius:50%}
  .hero-inner{max-width:1280px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:center;position:relative;z-index:2;will-change:transform,opacity;}
  .hero-inner > * {
    animation: fadeUp 0.7s ease both;
}
  .hero-tag{display:inline-block;background:rgba(147,198,197,.15);color:var(--coral);padding:8px 16px;border-radius:50px;font-size:13px;font-weight:600;margin-bottom:24px;border:1px solid rgba(147,198,197,.3)}
  .hero h1{font-size:52px;line-height:1.15;font-weight:700;margin-bottom:24px;letter-spacing:-1px;animation: fadeUp 0.7s 0.3s both;}
  .hero h1 span{color:var(--coral)}
  .hero p{font-size:18px;color:#fff;margin-bottom:36px;line-height:1.7;}
  .hero-buttons{display:flex;gap:16px}
  .btn-primary{background:var(--coral);color:#fff;padding:16px 32px;border-radius:8px;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:all .2s}
  .btn-primary:hover{background:var(--coral-dark);transform:translateY(-2px)}
  .btn-outline{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3);padding:14px 30px;border-radius:8px;text-decoration:none;font-weight:600;transition:all .2s}
  .btn-outline:hover{background:rgba(255,255,255,.1);border-color:#fff}
  .hero-visual{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:32px;backdrop-filter:blur(10px); display: none; }
  .hero-stat{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.1)}
  .hero-stat:last-child{border:none}
  .hero-stat-label{color:#94a3b8;font-size:14px}
  .hero-stat-value{color:var(--coral);font-weight:700;font-size:18px}

  @media screen and (min-width:768px) {
    #topvideo {
      overflow: hidden;
      max-width: 100%;
    }

    .topvideo-container {
      position: relative;
      padding-bottom: 56.25%;
      padding-top: 25px;
      width: 300%;
      left: -100%;
    }

    .topvideo-container iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
    }

  }

  @media screen and (max-width:767px) {
    .topvideo-container iframe {
      aspect-ratio: 16/9;
      pointer-events: none;
    }

}

  /* TRUST BAR */
  .trust{background:var(--light-grey);padding:30px 0;border-bottom:1px solid var(--border-grey)}
  .trust-inner{max-width:1280px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:20px;animation: fadeUp 0.7s 0.4s both;}
  .trust-item{display:flex;align-items:center;gap:10px;color:var(--text-mid);font-size:14px;font-weight:500}
  .trust-item-icon{width:24px;height:24px;background:var(--coral);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}
  
  /* SECTIONS */
  section h1{font-size:45px;font-weight:700;line-height:1.2;margin-bottom:18px;letter-spacing:-.5px}
  section h2{font-size:40px;font-weight:700;line-height:1.2;margin-bottom:18px;letter-spacing:-.5px}
  section p{ margin-bottom:20px }

  section{padding:50px 0}
  .container{max-width:1280px;margin:0 auto;padding:0 24px}
  .section-tag{display:inline-block;color:var(--coral);font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px}
  .section-title{font-size:40px;font-weight:700;line-height:1.2;margin-bottom:18px;letter-spacing:-.5px}
  .section-subtitle{font-size:17px;color:var(--text-mid);max-width:700px;margin-bottom:24px}
  .main-content{ margin-bottom:50px; }
  .main-content p{ font-size:17px;color:var(--text-mid);margin-bottom:24px  }

  /* SERVICES */
  .services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
  .service-card{background:#fff;border:1px solid var(--border-grey);border-radius:12px;padding:36px;transition:all .3s;position:relative;overflow:hidden}
  .service-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:var(--coral);transition:height .3s}
  .service-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(30,42,58,.08);border-color:var(--coral-light)}
  .service-card:hover::before{height:100%}
  .service-icon{width:60px;height:60px;background:var(--coral-light);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:20px;color:var(--coral)}
  .service-card h3{font-size:22px;font-weight:700;margin-bottom:12px}
  .service-card p{color:var(--text-mid);margin-bottom:20px;font-size:15px}
  .service-link{color:var(--coral);text-decoration:none;font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:6px}
  .service-link:hover{gap:10px;transition:gap .2s}
  
  /* WHY US */
  .why-us{background:var(--charcoal);color:#fff;padding:90px 0}
  .why-us .section-title{color:#fff}
  .why-us .section-subtitle{color:#cbd5e1}
  .why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:40px}
  .why-card{padding:30px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;text-align:center}
  .why-icon{width:64px;height:64px;background:var(--coral);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:28px}
  .why-card h4{font-size:18px;margin-bottom:10px}
  .why-card p{color:#cbd5e1;font-size:14px}
  
  /* STATS */
  .stats{padding:60px 0;background:var(--light-grey)}
  .stats-grid{max-width:1280px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;text-align:center}
  .stat-num{font-size:48px;font-weight:700;color:var(--coral);line-height:1}
  .stat-label{color:var(--text-mid);font-size:14px;margin-top:8px;font-weight:500}
  
  /* PROCESS */
  .process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:50px}
  .process-step{position:relative}
  .process-num{position:absolute;top:-20px;left:0;width:48px;height:48px;background:var(--coral);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;border:4px solid #fff;box-shadow:0 4px 12px rgba(147,198,197,.3)}
  .process-card{background:#fff;border:1px solid var(--border-grey);padding:40px 24px 24px;border-radius:12px;margin-top:24px}
  .process-card h4{font-size:17px;margin-bottom:8px;color:var(--charcoal)}
  .process-card p{color:var(--text-mid);font-size:14px}
  
  /* CTA SECTION */
  .cta-section{background:linear-gradient(135deg,var(--coral) 0%,var(--coral-dark) 100%);padding:80px 0;text-align:center;color:#fff;position:relative;overflow:hidden}
  .cta-section::before{content:'';position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:rgba(255,255,255,.08);border-radius:50%}
  .cta-section h2{font-size:38px;margin-bottom:16px;position:relative}
  .cta-section p{font-size:18px;margin-bottom:30px;opacity:.95;position:relative}
  .cta-section .btn-white{background:#fff;color:var(--coral);padding:16px 36px;border-radius:8px;text-decoration:none;font-weight:700;display:inline-block;position:relative;transition:all .2s}
  .cta-section .btn-white:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.2)}
  
  /* ARTICLES */
  .articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
  .article-card{background:#fff;border:1px solid var(--border-grey);border-radius:12px;overflow:hidden;transition:all .3s}
  .article-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(30,42,58,.08)}
  .article-img{height:200px;background: #fff url(../images/logo-3.png) top left no-repeat;
    background-size: contain;    background-position: center center;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.3);font-size:40px;position:relative}
  .article-img::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(147,198,197,.2),transparent)}
  .article-content{padding:24px}
  .article-content hr{ margin:20px 0;}
  .article-cat{color:var(--coral);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px}
  .article-card h4{font-size:18px;margin:10px 0 12px;line-height:1.4}
  .article-card p{color:var(--text-mid);font-size:14px;margin-bottom:16px}
  .article-meta{display:flex;justify-content:space-between;font-size:13px;color:var(--text-mid);padding-top:16px;border-top:1px solid var(--border-grey)}
  

  #main-wrapper{ padding-bottom:400px; }
  #main-wrapper table{ table-layout:fixed; }

  /** Services Page **/
  /* PAGE BANNER */
  .page-banner{background:linear-gradient(135deg,var(--charcoal) 0%,var(--charcoal-soft) 100%);color:#fff;padding:90px 0 80px;position:relative;overflow:hidden}
  .page-banner::before{content:'';position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:var(--coral);opacity:.08;border-radius:50%}
  .page-banner::after{content:'';position:absolute;bottom:-30%;left:-5%;width:300px;height:300px;background:var(--teal-accent);opacity:.06;border-radius:50%}
  .banner-inner{max-width:1280px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
  .breadcrumb{font-size:14px;color:#cbd5e1;margin-bottom:20px}
  .breadcrumb a{color:#cbd5e1;text-decoration:none}
  .breadcrumb a:hover{color:var(--coral)}
  .page-banner h1{font-size:54px;font-weight:700;letter-spacing:-1px;margin-bottom:16px}
  .page-banner h1 span{color:var(--coral)}
  .page-banner p{font-size:18px;color:#cbd5e1;max-width:750px}
  
  /* SECTIONS */
  .container{max-width:1280px;margin:0 auto;padding:0 24px}
  .section-tag{display:inline-block;color:var(--coral);font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px}
  .section-title{font-size:38px;font-weight:700;line-height:1.2;margin-bottom:18px;letter-spacing:-.5px}
  .section-subtitle{font-size:17px;color:var(--text-mid);max-width:700px;margin-bottom:50px}
  
  /* SERVICE LIST - Large detailed cards */
  .service-row{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:center;margin-bottom:80px;padding-bottom:80px;border-bottom:1px solid var(--border-grey)}
  .service-row:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
  .service-row.reverse{grid-template-columns:1.3fr 1fr}
  .service-row.reverse .service-visual{order:2}
  .service-row.reverse .service-info{order:1}
  
  .service-visual{height:400px;border-radius:16px;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--charcoal),var(--charcoal-soft));display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.3);font-size:100px}
  .service-visual::before{content:'';position:absolute;top:-40%;right:-20%;width:300px;height:300px;background:var(--coral);opacity:.15;border-radius:50%}
  .service-visual::after{content:'';position:absolute;bottom:-30%;left:-15%;width:250px;height:250px;background:var(--teal-accent);opacity:.1;border-radius:50%}
  .service-visual-content{position:relative;z-index:2}
  .service-visual img{ width:100%; height:auto; }
  
  .service-number{display:inline-block;background:var(--coral-light);color:var(--coral);padding:6px 14px;border-radius:50px;font-size:13px;font-weight:700;margin-bottom:16px;letter-spacing:1px}
  .service-info h2{font-size:34px;line-height:1.2;margin-bottom:18px;font-weight:700;letter-spacing:-.3px}
  .service-info > p{color:var(--text-mid);font-size:16px;margin-bottom:24px;line-height:1.8}
  
  .service-features{list-style:none;margin-bottom:30px}
  .service-features li{padding:10px 0;display:flex;align-items:flex-start;gap:12px;font-size:15px;color:var(--text-dark)}
  .service-features li::before{content:'✓';width:24px;height:24px;background:var(--coral);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;margin-top:2px}
  
  .service-cta{display:inline-flex;align-items:center;gap:8px;background:var(--coral);color:#fff;padding:14px 28px;border-radius:8px;text-decoration:none;font-weight:600;transition:all .2s}
  .service-cta:hover{background:var(--coral-dark);transform:translateY(-2px)}
  .service-cta-secondary{margin-left:14px;display:inline-flex;align-items:center;gap:8px;color:var(--charcoal);padding:14px 24px;border-radius:8px;text-decoration:none;font-weight:600;border:2px solid var(--border-grey);transition:all .2s}
  .service-cta-secondary:hover{border-color:var(--coral);color:var(--coral)}
  
  /* COUNTRIES SECTION */
  .countries-section{background:var(--light-grey)}
  .countries-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}
  .country-card{background:#fff;border:1px solid var(--border-grey);border-radius:12px;padding:24px;text-align:center;transition:all .3s;text-decoration:none;color:var(--text-dark);display:block}
  .country-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(30,42,58,.08);border-color:var(--coral)}
  .country-flag{font-size:36px;margin-bottom:12px}
  .country-card h4{font-size:16px;margin-bottom:6px;font-weight:700}
  .country-card p{color:var(--text-mid);font-size:13px}

/** Services Detail **/
/* HERO */
  .service-hero{background:linear-gradient(135deg,var(--charcoal) 0%,var(--charcoal-soft) 100%);color:#fff;padding:80px 0 100px;position:relative;overflow:hidden}
  .service-hero::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:var(--coral);opacity:.08;border-radius:50%}
  .service-hero::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:var(--teal-accent);opacity:.06;border-radius:50%}
  .hero-inner{max-width:1280px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
  .breadcrumb{font-size:14px;color:#cbd5e1;margin-bottom:20px}
  .breadcrumb a{color:#cbd5e1;text-decoration:none}
  .breadcrumb a:hover{color:var(--coral)}
  .service-tag{display:inline-block;background:rgba(147,198,197,.15);color:var(--coral);padding:8px 18px;border-radius:50px;font-size:13px;font-weight:600;margin-bottom:20px;border:1px solid rgba(147,198,197,.3)}
  .service-hero h1{font-size:48px;font-weight:700;line-height:1.15;margin-bottom:20px;letter-spacing:-.8px}
  .service-hero h1 span{color:var(--coral)}
  .service-hero p{font-size:18px;color:#cbd5e1;margin-bottom:30px;line-height:1.7}
  .hero-buttons{display:flex;gap:14px;flex-wrap:wrap}
  .btn-primary{background:var(--coral);color:#fff;padding:14px 28px;border-radius:8px;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:all .2s}
  .btn-primary:hover{background:var(--coral-dark);transform:translateY(-2px)}
  .btn-outline{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3);padding:12px 26px;border-radius:8px;text-decoration:none;font-weight:600;transition:all .2s}
  .btn-outline:hover{background:rgba(255,255,255,.1);border-color:#fff}
  
  .hero-stats{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:32px;backdrop-filter:blur(10px)}
  .hero-stats h3{font-size:18px;color:#fff;margin-bottom:20px}
  .stat-row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1)}
  .stat-row:last-child{border:none}
  .stat-label-text{color:#94a3b8;font-size:14px}
  .stat-value-text{color:var(--coral);font-weight:700;font-size:18px}

/* OVERVIEW */
  .overview-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}
  .overview-visual{height:420px;background:linear-gradient(135deg,var(--charcoal),var(--charcoal-soft));border-radius:16px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.3);font-size:90px}
  .overview-visual::before{content:'';position:absolute;top:-40%;right:-20%;width:300px;height:300px;background:var(--coral);opacity:.2;border-radius:50%}
  .overview-visual img{ width:100%; height:auto; }
  .overview-content h2{font-size:34px;margin-bottom:20px;font-weight:700;letter-spacing:-.3px}
  .overview-content p{color:var(--text-mid);margin-bottom:18px;font-size:16px;line-height:1.8}
  .overview-content .highlight{color:var(--coral);font-weight:600}
  
  /* KEY FEATURES */
  .features-section{background:var(--light-grey)}
  .features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:50px}
  .feature-card{background:#fff;padding:32px 28px;border-radius:12px;border:1px solid var(--border-grey);transition:all .3s}
  .feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(30,42,58,.08);border-color:var(--coral)}
  .feature-icon{width:54px;height:54px;background:var(--coral-light);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:18px;color:var(--coral)}
  .feature-card h4{font-size:18px;margin-bottom:10px;font-weight:700}
  .feature-card p{color:var(--text-mid);font-size:14px;line-height:1.7}
  
  /* PROCESS STEPS */
  .process-timeline{margin-top:50px;position:relative}
  .process-timeline::before{content:'';position:absolute;left:32px;top:30px;bottom:30px;width:2px;background:var(--coral-light)}
  .process-timeline .process-step{display:grid;grid-template-columns:80px 1fr;gap:24px;margin-bottom:32px;position:relative}
  .process-timeline .process-step:last-child{margin-bottom:0}
  .step-marker{width:64px;height:64px;background:var(--coral);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:22px;z-index:2;border:4px solid #fff;box-shadow:0 4px 12px rgba(147,198,197,.3)}
  .step-content{background:#fff;border:1px solid var(--border-grey);border-radius:12px;padding:24px 28px}
  .step-content h4{font-size:20px;margin-bottom:8px;font-weight:700}
  .step-content p{color:var(--text-mid);font-size:15px;margin-bottom:12px;line-height:1.7}
  .step-duration{display:inline-block;background:var(--coral-light);color:var(--coral);padding:4px 12px;border-radius:50px;font-size:12px;font-weight:600}
  
  /* CLASSES */
  .classes-section{background:var(--charcoal);color:#fff}
  .classes-section .section-title{color:#fff}
  .classes-section .section-subtitle{color:#cbd5e1}
  .classes-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:50px}
  .class-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);padding:30px 24px;border-radius:12px;text-align:center;backdrop-filter:blur(10px);transition:all .3s}
  .class-card:hover{background:rgba(147,198,197,.1);border-color:var(--coral);transform:translateY(-4px)}
  .class-badge{width:60px;height:60px;background:var(--coral);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:22px;margin:0 auto 16px}
  .class-card h4{font-size:18px;margin-bottom:8px;color:#fff}
  .class-risk{color:var(--coral);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}
  .class-card p{color:#cbd5e1;font-size:13px;line-height:1.6}
  
  /* DELIVERABLES */
  .deliverables-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:40px}
  .deliverable-item{display:flex;align-items:flex-start;gap:14px;padding:20px;background:#fff;border:1px solid var(--border-grey);border-radius:10px;transition:all .2s}
  .deliverable-item:hover{border-color:var(--coral);background:var(--coral-light)}
  .deliverable-check{width:28px;height:28px;background:var(--coral);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700;font-size:14px}
  .deliverable-item h5{font-size:15px;margin-bottom:4px;font-weight:600}
  .deliverable-item p{color:var(--text-mid);font-size:13px}
  
  /* FAQ */
  .faq-section{background:var(--light-grey)}
  .faq-list{max-width:900px;margin:50px auto 0}
  .faq-item{background:#fff;border:1px solid var(--border-grey);border-radius:12px;margin-bottom:14px;overflow:hidden;transition:all .3s}
  .faq-item:hover{border-color:var(--coral)}
  .faq-question{padding:20px 24px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:16px;color:var(--charcoal)}
  .faq-icon{width:30px;height:30px;background:var(--coral-light);color:var(--coral);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;transition:transform .3s}
  .faq-item.active .faq-icon{transform:rotate(45deg)}
  .faq-answer{padding:0 24px 24px;color:var(--text-mid);font-size:15px;line-height:1.8;display:none}
  .faq-item.active .faq-answer{display:block}
  
  /* RELATED SERVICES */
  .related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:50px}
  .related-card{background:#fff;border:1px solid var(--border-grey);border-radius:12px;padding:32px 28px;transition:all .3s;text-decoration:none;color:var(--text-dark);display:block}
  .related-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(30,42,58,.08);border-color:var(--coral)}
  .related-image{ height:200px;background:linear-gradient(135deg,var(--charcoal),var(--charcoal-soft));border-radius:12px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.3);font-size:40px;margin-bottom:20px}
  /* .related-icon{width:54px;height:54px;background:var(--coral-light);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:18px;color:var(--coral)} */
  .related-card h4{font-size:18px;margin-bottom:10px;font-weight:700}
  .related-card p{color:var(--text-mid);font-size:14px;margin-bottom:16px}
  .related-link{color:var(--coral);font-weight:600;font-size:14px}
  /* .related-card .teaser{ text-overflow: ellipsis; overflow: hidden;   white-space: nowrap;  } */
  

/** About Us **/
  /* WHO WE ARE */
  .who-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}
  .who-image{height:480px;background:linear-gradient(135deg,var(--charcoal),var(--charcoal-soft));border-radius:16px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
  .who-image::before{content:'';position:absolute;top:-40%;right:-20%;width:300px;height:300px;background:var(--coral);opacity:.2;border-radius:50%}
  .who-image::after{content:'';position:absolute;bottom:-20%;left:-10%;width:200px;height:200px;background:var(--teal-accent);opacity:.15;border-radius:50%}
  .who-image-content{position:relative;z-index:2;color:rgba(255,255,255,.4);font-size:80px}
  .who-content h2{font-size:38px;margin-bottom:24px;font-weight:700;letter-spacing:-.5px}
  .who-content p{color:var(--text-mid);margin-bottom:20px;font-size:16px;line-height:1.8}
  .who-content .highlight{color:var(--coral);font-weight:600}
  
  /* MISSION & VISION */
  .mv-section{background:var(--light-grey)}
  .mv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-top:40px}
  .mv-card{background:#fff;border-radius:16px;padding:50px 40px;border:1px solid var(--border-grey);position:relative;overflow:hidden;transition:all .3s}
  .mv-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(30,42,58,.08)}
  .mv-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:var(--coral)}
  .mv-icon{width:64px;height:64px;background:var(--coral-light);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:30px;color:var(--coral);margin-bottom:24px}
  .mv-card h3{font-size:24px;margin-bottom:16px;font-weight:700}
  .mv-card p{color:var(--text-mid);font-size:16px;line-height:1.8}
  
  /* VALUES */
  .values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:50px}
  .value-card{padding:36px 28px;background:#fff;border:1px solid var(--border-grey);border-radius:12px;transition:all .3s}
  .value-card:hover{border-color:var(--coral);transform:translateY(-4px);box-shadow:0 12px 30px rgba(30,42,58,.08)}
  .value-icon{width:56px;height:56px;background:var(--charcoal);color:var(--coral);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:20px}
  .value-card h4{font-size:19px;margin-bottom:12px;font-weight:700}
  .value-card p{color:var(--text-mid);font-size:14px;line-height:1.7}
  
  /* TIMELINE */
  .timeline-section{background:var(--charcoal);color:#fff}
  .timeline-section .section-title{color:#fff}
  .timeline-section .section-subtitle{color:#cbd5e1}
  .timeline{position:relative;max-width:900px;margin:50px auto 0;padding:20px 0}
  .timeline::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;background:rgba(147,198,197,.3);transform:translateX(-50%)}
  .timeline-item{position:relative;padding:30px 0;display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:center}
  .timeline-year{width:80px;height:80px;background:var(--coral);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;z-index:2;border:4px solid var(--charcoal)}
  .timeline-content{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);padding:24px 28px;border-radius:12px;backdrop-filter:blur(10px)}
  .timeline-content h4{color:var(--coral);font-size:18px;margin-bottom:8px}
  .timeline-content p{color:#cbd5e1;font-size:14px;line-height:1.7}
  .timeline-item:nth-child(odd) .timeline-content{grid-column:1}
  .timeline-item:nth-child(odd) > .timeline-empty{grid-column:3}
  .timeline-item:nth-child(even) .timeline-content{grid-column:3;order:3}
  .timeline-item:nth-child(even) > .timeline-empty{grid-column:1;order:1}
  
  /* TEAM */
  .team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:50px}
  .team-card{background:#fff;border:1px solid var(--border-grey);border-radius:12px;overflow:hidden;transition:all .3s;text-align:center}
  .team-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(30,42,58,.08)}
  .team-photo{height:280px;background:linear-gradient(135deg,var(--charcoal),var(--charcoal-soft));position:relative;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.3);font-size:60px}
  .team-photo::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 60%,rgba(147,198,197,.15))}
  .team-info{padding:28px 24px}
  .team-info h4{font-size:19px;margin-bottom:6px;font-weight:700}
  .team-role{color:var(--coral);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px}
  .team-bio{color:var(--text-mid);font-size:14px;line-height:1.7}
  .team-social{margin-top:16px;display:flex;justify-content:center;gap:12px}
  .team-social a{width:34px;height:34px;background:var(--light-grey);border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--charcoal);font-size:14px;transition:all .2s}
  .team-social a:hover{background:var(--coral);color:#fff}
  
  /* CERTIFICATIONS */
  .cert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:50px}
  .cert-card{background:var(--light-grey);border-radius:12px;padding:32px 24px;text-align:center;transition:all .3s}
  .cert-card:hover{background:#fff;border:1px solid var(--coral)}
  .cert-icon{width:60px;height:60px;background:var(--coral);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 16px}
  .cert-card h5{font-size:16px;margin-bottom:8px;font-weight:700}
  .cert-card p{color:var(--text-mid);font-size:13px}
  

/** Contact Us **/
/* CONTACT INFO CARDS */
  .info-section{padding:60px 0 30px}
  .info-grid{max-width:1280px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
  .info-card{background:#fff;border:1px solid var(--border-grey);border-radius:12px;padding:28px 24px;text-align:center;transition:all .3s}
  .info-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(30,42,58,.08);border-color:var(--coral)}
  .info-icon{width:60px;height:60px;background:var(--coral-light);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;margin:0 auto 16px;color:var(--coral)}
  .info-card h4{font-size:16px;margin-bottom:10px;font-weight:700}
  .info-card p{color:var(--text-mid);font-size:14px;line-height:1.7}
  .info-card a{color:var(--charcoal);text-decoration:none;font-weight:500}
  .info-card a:hover{color:var(--coral)}
  .grecaptcha-badge { 
    visibility: hidden !important; 
}
  /* MAIN CONTACT */
  .contact-main{padding:60px 0 90px}
  .container{max-width:1280px;margin:0 auto;padding:0 24px}
  .contact-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:start}
  
  /* FORM */
  .form-container{background:#fff;border:1px solid var(--border-grey);border-radius:16px;padding:48px 40px}
  .form-header{margin-bottom:32px}
  .form-header span{display:inline-block;color:var(--coral);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px}
  .form-header h2{font-size:30px;font-weight:700;margin-bottom:10px;letter-spacing:-.3px}
  .form-header p{color:var(--text-mid);font-size:15px}
  
  .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
  .form-group{margin-bottom:20px}
  .form-group.full{grid-column:1 / -1}
  .form-label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:var(--charcoal)}
  .form-label .required{color:var(--coral)}
  .form-input,.form-select,.form-textarea{width:100%;padding:13px 16px;border:1px solid var(--border-grey);border-radius:8px;font-size:14px;font-family:inherit;color:var(--text-dark);transition:all .2s;background:#fff}
  .form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--coral);box-shadow:0 0 0 3px rgba(147,198,197,.1)}
  .form-textarea{resize:vertical;min-height:140px;line-height:1.6}
  .form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235A6573' stroke-width='2'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 14px center;background-size:18px;padding-right:42px}
  
  /* RADIO/CHECKBOX */
  .radio-group{display:flex;flex-wrap:wrap;gap:12px}
  .radio-option{position:relative;flex:1;min-width:120px}
  .radio-option input{position:absolute;opacity:0;pointer-events:none}
  .radio-option label{display:block;padding:12px 16px;border:1px solid var(--border-grey);border-radius:8px;text-align:center;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;background:#fff}
  .radio-option input:checked + label{border-color:var(--coral);background:var(--coral-light);color:var(--coral)}
  .radio-option label:hover{border-color:var(--coral)}
  
  /* CHECKBOX */
  .checkbox-group{display:flex;align-items:flex-start;gap:12px;margin-bottom:24px}
  .checkbox-group input{width:18px;height:18px;margin-top:3px;accent-color:var(--coral);cursor:pointer}
  .checkbox-group label{font-size:13px;color:var(--text-mid);line-height:1.6;cursor:pointer}
  .checkbox-group label a{color:var(--coral);text-decoration:none}
  
  .form-submit{width:100%;background:var(--coral);color:#fff;padding:16px 32px;border:none;border-radius:8px;font-weight:600;font-size:16px;cursor:pointer;font-family:inherit;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}
  .form-submit:hover{background:var(--coral-dark);transform:translateY(-2px);box-shadow:0 8px 16px rgba(147,198,197,.2)}
  
  .form-note{margin-top:16px;font-size:13px;color:var(--text-mid);text-align:center}
  .form-note .highlight{color:var(--coral);font-weight:600}
  
  /* SIDEBAR */
  .contact-sidebar{display:flex;flex-direction:column;gap:24px;position:sticky;top:100px}
  
  .sidebar-card{background:#fff;border:1px solid var(--border-grey);border-radius:16px;padding:32px}
  .sidebar-card h3{font-size:20px;margin-bottom:8px;font-weight:700}
  .sidebar-card > p{color:var(--text-mid);font-size:14px;margin-bottom:24px}
  
  .contact-item{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--border-grey)}
  .contact-item:last-child{border:none;padding-bottom:0}
  .contact-item-icon{width:40px;height:40px;background:var(--coral-light);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;color:var(--coral)}
  .contact-item h5{font-size:13px;color:var(--text-mid);margin-bottom:4px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}
  .contact-item p{color:var(--text-dark);font-size:15px;font-weight:500;line-height:1.5}
  .contact-item a{color:var(--text-dark);text-decoration:none}
  .contact-item a:hover{color:var(--coral)}
  
  .hours-card{background:var(--charcoal);color:#fff;border:none}
  .hours-card h3{color:#fff}
  .hours-card > p{color:#cbd5e1}
  .hours-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:14px}
  .hours-row:last-child{border:none}
  .hours-day{color:#cbd5e1}
  .hours-time{color:var(--coral);font-weight:600}
  
  /* SOCIAL */
  .social-card{background:linear-gradient(135deg,var(--coral),var(--coral-dark));color:#fff;border:none;text-align:center}
  .social-card h3{color:#fff;margin-bottom:8px}
  .social-card p{color:rgba(255,255,255,.9);font-size:14px;margin-bottom:20px}
  .social-icons{display:flex;justify-content:center;gap:12px}
  .social-icon{width:44px;height:44px;background:rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;font-weight:600;transition:all .2s;backdrop-filter:blur(10px)}
  .social-icon:hover{background:#fff;color:var(--coral);transform:translateY(-2px)}
  
  /* MAP */
  .map-section{background:var(--light-grey);padding:80px 0}
  .map-container{max-width:1280px;margin:0 auto;padding:0 24px}
  .map-header{text-align:center;margin-bottom:40px}
  .map-header span{display:inline-block;color:var(--coral);font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px}
  .map-header h2{font-size:36px;font-weight:700;margin-bottom:12px;letter-spacing:-.5px}
  .map-header p{color:var(--text-mid);font-size:16px;max-width:800px;margin:0 auto}
  
  .map-frame{height:450px;background:linear-gradient(135deg,var(--charcoal),var(--charcoal-soft));border-radius:16px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.4);font-size:60px;position:relative;overflow:hidden;border:1px solid var(--border-grey)}
  .map-frame::before{content:'📍 Map Embed Placeholder';position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font-size:14px;color:rgba(255,255,255,.7);background:rgba(0,0,0,.4);padding:10px 20px;border-radius:50px;backdrop-filter:blur(10px)}


/** Articles Page **/
 /* CONTENT WRAPPER */
  .content{padding:60px 0 90px}
  .container{max-width:1280px;margin:0 auto;padding:0 24px}
  
  /* SEARCH & FILTER BAR */
  .filter-bar{background:#fff;border:1px solid var(--border-grey);border-radius:12px;padding:24px;margin-bottom:40px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;align-items:center}
  .search-box{position:relative}
  .search-box input{width:100%;padding:14px 16px 14px 44px;border:1px solid var(--border-grey);border-radius:8px;font-size:14px;font-family:inherit;transition:all .2s}
  .search-box input:focus{outline:none;border-color:var(--coral);box-shadow:0 0 0 3px rgba(147,198,197,.1)}
  .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-mid)}
  .filter-select{padding:14px 16px;border:1px solid var(--border-grey);border-radius:8px;font-size:14px;font-family:inherit;background:#fff;cursor:pointer;transition:all .2s}
  .filter-select:focus{outline:none;border-color:var(--coral)}
  
  /* CATEGORY TABS */
  .categories{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:40px}
  .cat-tab{padding:8px 20px;background:#fff;border:1px solid var(--border-grey);border-radius:50px;font-size:14px;font-weight:500;color:var(--text-mid);cursor:pointer;text-decoration:none;transition:all .2s}
  .cat-tab:hover{border-color:var(--coral);color:var(--coral)}
  .cat-tab.active{background:var(--coral);border-color:var(--coral);color:#fff}
  
  /* FEATURED ARTICLE */
  .featured{background:#fff;border:1px solid var(--border-grey);border-radius:16px;overflow:hidden;margin-bottom:50px;display:grid;grid-template-columns:1fr 1fr;transition:all .3s}
  .featured:hover{box-shadow:0 12px 30px rgba(30,42,58,.08)}
  .featured-image{background:linear-gradient(135deg,var(--charcoal),var(--charcoal-soft));position:relative;min-height:380px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.3);font-size:80px}
  .featured-image::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(147,198,197,.2),transparent)}
  .featured-badge{position:absolute;top:20px;left:20px;background:var(--coral);color:#fff;padding:6px 14px;border-radius:50px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;z-index:2}
  .featured-content{padding:48px 40px;display:flex;flex-direction:column;justify-content:center}
  .featured-cat{color:var(--coral);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:14px}
  .featured-content h2{font-size:30px;line-height:1.3;margin-bottom:16px;font-weight:700;letter-spacing:-.3px}
  .featured-content h2 a{color:var(--charcoal);text-decoration:none}
  .featured-content h2 a:hover{color:var(--coral)}
  .featured-content p{color:var(--text-mid);font-size:15px;margin-bottom:20px;line-height:1.7}
  .featured-meta{display:flex;gap:20px;font-size:13px;color:var(--text-mid);margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border-grey)}
  .featured-meta span{display:flex;align-items:center;gap:6px}
  .featured-read{color:var(--coral);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:15px}
  .featured-read:hover{gap:12px;transition:gap .2s}
  
  /* ARTICLES GRID */
  .articles-section{display:grid;grid-template-columns:1fr 320px;gap:48px}
  .articles-section .articles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
  .article-card{background:#fff;border:1px solid var(--border-grey);border-radius:12px;overflow:hidden;transition:all .3s;display:flex;flex-direction:column}
  .article-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(30,42,58,.08)}
  .articles-section .article-img{height:200px;background:#FFF url('../images/logo-3.png') top left no-repeat;background-size:contain;background-position:center center;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.3);font-size:40px;position:relative;overflow:hidden;z-index:1;}
  .articles-section .article-img::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(147,198,197,.2),transparent)}
   .articles-section .article-img a{ z-index:100; }
  .article-content{padding:24px;flex:1;display:flex;flex-direction:column}
  .article-cat{color:var(--coral);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px}
  .article-card h4{font-size:18px;margin:10px 0 12px;line-height:1.4}
  .article-card h4 a{color:var(--charcoal);text-decoration:none}
  .article-card h4 a:hover{color:var(--coral)}
  .article-card p{color:var(--text-mid);font-size:14px;margin-bottom:16px;flex:1}
  .article-meta{display:flex;justify-content:space-between;font-size:13px;color:var(--text-mid);padding-top:16px;border-top:1px solid var(--border-grey)}
  
  /* PAGINATION */
  .pagination{display:flex;justify-content:center;gap:8px;margin-top:50px}
  .page-btn{width:42px;height:42px;background:#fff;border:1px solid var(--border-grey);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:14px;color:var(--text-dark);text-decoration:none;transition:all .2s;cursor:pointer}
  .page-btn:hover{border-color:var(--coral);color:var(--coral)}
  .page-btn.active{background:var(--coral);border-color:var(--coral);color:#fff}
  .page-btn.disabled{opacity:.4;pointer-events:none}
  
  /* SIDEBAR */
  .sidebar{display:flex;flex-direction:column;gap:30px}
  .widget{background:#fff;border:1px solid var(--border-grey);border-radius:12px;padding:28px 24px}
  .widget h4{font-size:17px;margin-bottom:20px;padding-bottom:14px;border-bottom:2px solid var(--coral);display:inline-block}
  .recent-list{list-style:none}
  .recent-item{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--border-grey);align-items:flex-start}
  .recent-item:last-child{border:none;padding-bottom:0}
  .recent-thumb{width:60px;height:60px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.4);font-size:18px;background: #fff url(../images/apple-touch-icon.png) top left no-repeat;
    background-size: contain;    background-position: center center;} /** background:linear-gradient(135deg,var(--charcoal),var(--charcoal-soft));border-radius:8px; **/
  .recent-info h5{font-size:13px;font-weight:600;margin-bottom:6px;line-height:1.4}
  .recent-info h5 a{color:var(--charcoal);text-decoration:none}
  .recent-info h5 a:hover{color:var(--coral)}
  .recent-info span{font-size:12px;color:var(--text-mid)}
  
  .tag-cloud{display:flex;flex-wrap:wrap;gap:8px}
  .tag{padding:6px 14px;background:var(--light-grey);border-radius:50px;font-size:12px;color:var(--text-mid);text-decoration:none;transition:all .2s}
  .tag:hover{background:var(--coral);color:#fff}
  
  .newsletter-widget{background:linear-gradient(135deg,var(--charcoal),var(--charcoal-soft));color:#fff;border:none}
  .newsletter-widget h4{color:var(--text-dark);border-color:var(--coral)}
  .newsletter-widget p{color:#adb5bf;font-size:14px;margin-bottom:18px}
  .newsletter-widget input{width:100%;padding:12px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);color:#fff;font-size:14px;font-family:inherit;margin-bottom:12px}
  .newsletter-widget input::placeholder{color:#94a3b8}
  .newsletter-widget input:focus{outline:none;border-color:var(--coral)}
  .newsletter-widget button{width:100%;padding:12px;background:var(--coral);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .2s}
  .newsletter-widget button:hover{background:var(--coral-dark)}


/** Article Detail **/
/* ARTICLE HEADER */
  .article-header{background:linear-gradient(135deg,var(--charcoal) 0%,var(--charcoal-soft) 100%);color:#fff;padding:70px 0 60px;position:relative;overflow:hidden}
  .article-header::before{content:'';position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:var(--coral);opacity:.08;border-radius:50%}
  .header-inner{max-width:900px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
  .breadcrumb{font-size:14px;color:#cbd5e1;margin-bottom:24px}
  .breadcrumb a{color:#cbd5e1;text-decoration:none}
  .breadcrumb a:hover{color:var(--coral)}
  .article-cat-badge{display:inline-block;background:var(--coral);color:#fff;padding:6px 16px;border-radius:50px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:20px}
  .article-header h1{font-size:42px;font-weight:700;line-height:1.2;letter-spacing:-.5px;margin-bottom:24px}
  .article-meta-bar{display:flex;gap:24px;align-items:center;flex-wrap:wrap;font-size:14px;color:#cbd5e1;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}
  .article-meta-bar span{display:flex;align-items:center;gap:6px}
  .author-info{display:flex;align-items:center;gap:10px}
  .author-avatar{width:40px;height:40px;background:var(--coral);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px}
  
  /* ARTICLE LAYOUT */
  .article-wrapper{max-width:1280px;margin:0 auto;padding:60px 24px;display:grid;grid-template-columns:1fr 320px;gap:60px}
  
  /* FEATURED IMAGE */
  .article-featured-img{height:420px;background:linear-gradient(135deg,var(--charcoal),var(--charcoal-soft));border-radius:16px;margin-bottom:40px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.3);font-size:80px}
  .article-featured-img::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(147,198,197,.2),transparent)}
  
  /* SHARE BAR */
  .share-bar{display:flex;align-items:center;gap:14px;padding:18px 24px;background:var(--light-grey);border-radius:12px;margin-bottom:40px}
  .share-bar strong{font-size:14px}
  .share-icons{display:flex;gap:10px}
  .share-btn{width:38px;height:38px;background:#fff;border:1px solid var(--border-grey);border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--charcoal);font-size:14px;font-weight:600;transition:all .2s}
  .share-btn:hover{background:var(--coral);border-color:var(--coral);color:#fff}
  
  /* ARTICLE CONTENT */
  .article-content{font-size:17px;line-height:1.85;color:var(--text-dark)}
  .article-content > p{margin-bottom:24px}
  .article-content .lead{font-family:'Source Serif Pro',serif;font-size:21px;line-height:1.7;color:var(--text-mid);margin-bottom:36px;padding-left:24px;border-left:4px solid var(--coral);font-style:italic}
  .article-content h2{font-size:30px;font-weight:700;margin:48px 0 20px;line-height:1.3;letter-spacing:-.3px;color:var(--charcoal)}
  .article-content h3{font-size:22px;font-weight:700;margin:36px 0 16px;line-height:1.4;color:var(--charcoal)}
  .article-content ul,.article-content ol{margin:5px 0 5px 10px}
  /* .article-content li{margin-bottom:10px;line-height:1.8} */
  .article-content blockquote{background:var(--light-grey);border-left:4px solid var(--coral);padding:24px 28px;margin:32px 0;border-radius:0 12px 12px 0;font-family:'Source Serif Pro',serif;font-size:19px;line-height:1.7;color:var(--charcoal);font-style:italic}
  .article-content blockquote::before{content:'"';color:var(--coral);font-size:40px;line-height:0;vertical-align:-12px;margin-right:6px}
  .article-content strong{color:var(--charcoal);font-weight:700}
  .article-content a{color:#009895;text-decoration:underline;text-decoration-color:rgba(147,198,197,.3);text-underline-offset:3px}
  .article-content a:hover{text-decoration-color:var(--coral)}
  .article-content img{max-width:100%;border-radius:12px;margin:24px 0}
  .article-content table{width:100%;border-collapse:collapse;margin:24px 0;font-size:15px;table-layout: fixed;}
  .article-content th{background:var(--charcoal);color:#fff;padding:14px 16px;text-align:left;font-weight:600}
  .article-content td{padding:14px 16px;border-bottom:1px solid var(--border-grey)}
  .article-content tr:hover{background:var(--light-grey)}
  
  /* CALLOUT BOX */
  .callout{background:var(--coral-light);border-left:4px solid var(--coral);padding:24px 28px;margin:32px 0;border-radius:0 12px 12px 0}
  .callout h4{color:var(--coral-dark);margin-bottom:10px;font-size:16px;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:8px}
  .callout p{margin:0;color:var(--text-dark);font-size:15px}
  
  /* TAGS */
  .article-tags{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:30px 0;border-top:1px solid var(--border-grey);border-bottom:1px solid var(--border-grey);margin:50px 0 40px}
  .article-tags strong{font-size:14px;color:var(--text-mid)}
  .article-tag{padding:6px 14px;background:var(--light-grey);border-radius:50px;font-size:13px;color:var(--text-mid);text-decoration:none;transition:all .2s}
  .article-tag:hover{background:var(--coral);color:#fff}
  
  /* AUTHOR BOX */
  .author-box{background:var(--light-grey);border-radius:16px;padding:32px;display:flex;gap:24px;margin:40px 0;align-items:center}
  .author-box-avatar{width:80px;height:80px;background:var(--coral);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:28px;flex-shrink:0}
  .author-box-info h4{font-size:18px;margin-bottom:6px}
  .author-box-info .role{color:var(--coral);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}
  .author-box-info p{color:var(--text-mid);font-size:14px;line-height:1.7}
  
  /* RELATED ARTICLES */
  .related-section{background:var(--light-grey);padding:70px 0;margin-top:60px}
  .related-section h2{font-size:32px;text-align:center;margin-bottom:12px}
  .related-section p{text-align:center;color:var(--text-mid);margin-bottom:40px}
  .related-grid{max-width:1280px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
  .related-card{background:#fff;border:1px solid var(--border-grey);border-radius:12px;overflow:hidden;transition:all .3s}
  .related-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(30,42,58,.08)}
  .related-img{height:180px;background:#FFF url('../images/logo-3.png') top left no-repeat;background-size:contain;background-position:center center;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.3);font-size:36px;position:relative}
  .related-img::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(147,198,197,.2),transparent)}
  .related-content{padding:22px}
  .related-cat{color:var(--coral);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px}
  .related-card h4{font-size:16px;margin:8px 0 10px;line-height:1.4}
  .related-card h4 a{color:var(--charcoal);text-decoration:none}
  .related-card h4 a:hover{color:var(--coral)}
  .related-meta{font-size:12px;color:var(--text-mid);padding-top:14px;border-top:1px solid var(--border-grey);margin-top:14px}
  
  /* SIDEBAR */
  .article-sidebar{display:flex;flex-direction:column;gap:30px;position:sticky;top:100px;height:fit-content}
  .widget{background:#fff;border:1px solid var(--border-grey);border-radius:12px;padding:24px}
  .widget h4{font-size:16px;margin-bottom:18px;padding-bottom:12px;border-bottom:2px solid var(--coral);display:inline-block}
  
  /* TOC */
  .toc-list{list-style:none}
  .toc-list li{padding:8px 0;border-bottom:1px dashed var(--border-grey)}
  .toc-list li:last-child{border:none}
  .toc-list a{color:var(--text-dark);text-decoration:none;font-size:14px;display:flex;align-items:center;gap:8px;transition:color .2s}
  .toc-list a:hover{color:var(--coral)}
  .toc-list a::before{content:'';width:6px;height:6px;background:var(--coral);border-radius:50%;flex-shrink:0}
  
  /* CONSULT WIDGET */
  .consult-widget{background:linear-gradient(135deg,var(--coral),var(--coral-dark));color:#fff;border:none;text-align:center;padding:28px 24px}
  .consult-widget h4{color:#fff;border-color:#fff}
  .consult-widget p{font-size:14px;margin-bottom:18px;opacity:.95}
  .consult-widget button{background:#fff;color:var(--coral);border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;font-family:inherit;font-size:14px;width:100%;transition:all .2s}
  .consult-widget button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}



  /* FOOTER */
  footer{background:var(--charcoal);color:#fff;padding:70px 0 0;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    bottom: 0;}
  .footer-inner{max-width:1280px;margin:0 auto;padding:0 24px}
  .footer-grid{display:grid;grid-template-columns:1.5fr 1.5fr 1fr 1.2fr;gap:40px;margin-bottom:30px}
  .footer-col h5{font-size:14px;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;color:var(--coral)}
  .footer-col ul{list-style:none}
  .footer-col li{margin-bottom:12px}
  .footer-col a{color:#cbd5e1;text-decoration:none;font-size:14px;transition:color .2s}
  .footer-col a:hover{color:var(--coral)}
  .footer-about p{color:#cbd5e1;font-size:14px;margin-top:20px;line-height:1.7}
  .footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:24px 0;text-align:center;color:#94a3b8;font-size:13px}
  .footer-bottom a{ color:#cbd5e1; text-decoration:none; }
  .footer-bottom a:hover{color:var(--coral)}
  .footer-contact ul li {
    display: flex;
    align-items: flex-start; /* aligns icon to top if text wraps to 2+ lines */
    gap: 0.5rem;
  }

  .footer-contact i {
    flex-shrink: 0;   /* icon never shrinks or gets squeezed */
    width: 1.2em;     /* fixed width so multiple icons align vertically too */
    text-align: center;
    margin-top: 0.2em; /* optional: nudges icon down to align with text's first line */
  }

  .footer-contact span {
    flex: 1;          /* takes remaining space */
    min-width: 0;     /* allows text to wrap instead of overflowing */
    word-wrap: break-word; /* extra safety for long unbroken strings like emails */
  }

  /* MOBILE MENU TOGGLE */
  .menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;z-index:200;position:relative}
  .menu-toggle span{display:block;width:24px;height:2px;background:var(--charcoal);margin:6px 0;border-radius:2px;transition:all .3s ease}
  .menu-toggle.open span:nth-child(1){transform:translateY(8px) rotate(45deg);background:var(--charcoal)}
  .menu-toggle.open span:nth-child(2){opacity:0;transform:translateX(-10px)}
  .menu-toggle.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg);background:var(--charcoal)}

  /* MOBILE MENU DROPDOWN */
  .mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-top:1px solid var(--border-grey);box-shadow:0 12px 40px rgba(30,42,58,.12);z-index:150;max-height:0;overflow:hidden;transition:max-height .4s ease,opacity .3s ease;opacity:0}
  .mobile-menu.open{max-height:500px;opacity:1}
  .mobile-menu ul{list-style:none;padding:16px 24px}
  .mobile-menu li{border-bottom:1px solid var(--border-grey)}
  .mobile-menu li:last-child{border-bottom:none;padding-top:8px}
  .mobile-menu a{display:block;padding:14px 0;color:var(--text-dark);text-decoration:none;font-weight:500;font-size:16px;transition:color .2s}
  .mobile-menu a:hover,.mobile-menu a.active{color:var(--coral)}
  .mobile-menu .nav-cta{display:inline-block;background:var(--coral);color:#fff;padding:12px 24px;border-radius:8px;text-align:center;margin:4px 0 8px;width:100%}
  .mobile-menu .nav-cta:hover{background:var(--coral-dark);color:#fff}

  /* MOBILE OVERLAY */
  .menu-overlay{display:none;position:fixed;inset:0;background:rgba(30,42,58,.3);z-index:90;opacity:0;transition:opacity .3s ease;backdrop-filter:blur(2px)}
  .menu-overlay.open{display:block;opacity:1}


  #slider-banner {
    margin: auto;
    width: 100%;
    display: block;
    text-align: center;
    position: relative;
  }

  #slider-banner .swiper-container {
    width: 100%;
    /*min-height: 100vh;*/
  }

  #slider-banner .swiper-slide {
    background-position: center center;
    background-size: cover;
    /*height: 100vh;*/
  }

  #slider-banner .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  #slider-banner .swiper-container .swiper-pagination-bullets {
    right: 0;
    width: 90% !important;
    text-align: right;
    bottom: 3%;
  }

  #slider-banner .swiper-container .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 20px;
    color: #bdbdbd;
    opacity: 1;
    /*background:#bdbdbd;border:1px solid #ffffff;*/
    margin-left: 10px;
    background: url("images/dot.svg") no-repeat center center;
    background-size: cover;
    text-indent: 9999px;
    outline: none !important
  }

  #slider-banner .swiper-container .swiper-pagination-bullet-active {

    /*color:#fff;background:#ffffff;*/
    background: url("images/dot-active.svg") no-repeat center center;
    background-size: cover;
    text-indent: 9999px;
  }

  #slider-banner .swiper-button-prev,
  #slider-banner .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 34px;
    height: 50px;
    margin-top: -22px;
    z-index: 200;
    cursor: pointer;
    /*background:none !important;font-size:50px;color:#FFFFFF;*/
  }

  .swiper-button-prev,
  .swiper-container-rtl .swiper-button-next {
    left: 3%;
    right: auto;
  }

  .swiper-button-next,
  .swiper-container-rtl .swiper-button-prev {
    right: 3%;
    left: auto;
  }

  /** Inner Page Banner **/
#subpage #slider-banner .swiper-container {
  width: 100%;
  /*min-height: 100vh;*/
}

#subpage #slider-banner .swiper-slide {
  background-position: center center;
  background-size: cover;
  /*height: 100vh;*/
}

#subpage-top-section {
  position: relative;
}

.subpage-top {
  position: absolute;
  z-index: 100;
  left: auto;
  top: 0;
  margin: auto;
  height: 100%
}

.subpage-banner {
  margin-left: 25%;
}

.sub-content-inner {
  background: #FFFFFF;
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background: none;
  font-size: 32px;
  color: #FFFFFF;
  text-shadow: 2px 2px 8px #000000;
  /*background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");*/
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background: none;
  font-size: 32px;
  color: #FFFFFF;
  text-shadow: 2px 2px 8px #000000;
  /*background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");*/
}

.swiper-button-prev.swiper-button-custom,
.swiper-container-rtl .swiper-button-next.swiper-button-custom {
  background: none;
  font-size: 30px;
  color: #FFFFFF;
  text-shadow: 2px 2px 8px #000000;
}

.swiper-button-next.swiper-button-custom,
.swiper-container-rtl .swiper-button-prev.swiper-button-custom {
  background: none;
  font-size: 30px;
  color: #FFFFFF;
  text-shadow: 2px 2px 8px #000000;
}

.swiper-button-prev.swiper-button-blue,
.swiper-container-rtl .swiper-button-next.swiper-button-blue {
  background: none;
  font-size: 30px;
  color: var(--font-color);
}

.swiper-button-next.swiper-button-blue,
.swiper-container-rtl .swiper-button-prev.swiper-button-blue {
  background: none;
  font-size: 30px;
  color: var(--font-color);
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}


  @media(max-width:992px){
    #main-wrapper{ padding-bottom:451px; }
  }

  @media(max-width:768px){
    #main-wrapper{ padding-bottom:1020px; }

    .hero-inner,.services-grid,.why-grid,.stats-grid,.process-grid,.articles-grid,.footer-grid,.articles-section .articles-grid{grid-template-columns:1fr}
    .hero h1{font-size:36px}
    .section-title{font-size:30px}
    /*.top-bar-inner{flex-direction:column;gap:8px}*/

    .service-row,.service-row.reverse,.countries-grid{grid-template-columns:1fr}
    .service-row.reverse .service-visual,.service-row.reverse .service-info{order:initial}
    .page-banner h1{font-size:36px}
    .service-info h2{font-size:26px}

    .overview-grid,.features-grid,.classes-grid,.deliverables-grid,.related-grid{grid-template-columns:1fr}
    .service-hero h1{font-size:32px}
    /* .section-title{font-size:28px} */
    .service-visual{ height:auto; }
    .process-step{grid-template-columns:60px 1fr;gap:16px}
    .step-marker{width:50px;height:50px;font-size:18px}
    .process-timeline::before{left:25px}

   .who-grid,.mv-grid,.values-grid,.team-grid,.cert-grid{grid-template-columns:1fr}
    .timeline::before{left:30px}
    .timeline-item{grid-template-columns:60px 1fr;gap:20px}
    .timeline-year{width:60px;height:60px;font-size:13px}
    .timeline-item .timeline-content,.timeline-item:nth-child(even) .timeline-content{grid-column:2;order:initial}
    .timeline-empty{display:none}

    .info-grid,.contact-grid,.form-grid{grid-template-columns:1fr}
    .form-container{padding:32px 24px}
    .contact-sidebar{position:static}

    .articles-section,.articles-grid,.featured,.filter-bar{grid-template-columns:1fr}

    .article-wrapper,.related-grid{grid-template-columns:1fr}
    .article-header h1{font-size:30px}
    .article-content{font-size:16px}
    .article-content h2{font-size:24px}
    .article-content h3{font-size:19px}
    .author-box{flex-direction:column;text-align:center}
    .article-sidebar{position:static}

    /* Hide desktop nav, show hamburger */
    nav ul{display:none!important}
    .menu-toggle{display:block}
    .mobile-menu{display:block}
    
    /* Prevent body scroll when menu is open */
    body.menu-is-open{overflow:hidden}
  }

  @media(max-width: 475px){
    .logo img{ max-height: 50px; }
    #main-wrapper{ padding-bottom:1022px; }
    .article-featured-img{height:auto}
    .related-img{ height:auto}
    .article-wrapper{ padding-left:0; padding-right:0; }
  }

  /** CANVAS **/
  #earth-wrapper{overflow:hidden;background:radial-gradient(circle at center,#10345a 0%,#071521 60%,#02070d 100%);height:100vh;padding:0px !Important;margin-top:0px;position:relative;clip-path:inset(0)}
  #canvas-container{width:100%;height:100vh;position:fixed;top:0;left:0;overflow:hidden;z-index:0;}
  .earth-content-layer{position:relative;z-index:5;height:100vh;display:flex;align-items:center;}
  .overlay-glow{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 40%,rgba(0,180,255,0.12),transparent 30%),radial-gradient(circle at 70% 60%,rgba(0,140,255,0.10),transparent 35%);pointer-events:none;z-index:3;}
  .hero-content{position:relative;left:8%;z-index:10;max-width:520px;color:white;transition:transform .1s linear,opacity .1s linear;}
  .hero-content h2{font-size:56px !important;line-height:1.1;margin-bottom:20px;font-weight:700;letter-spacing:-1px;}
  .hero-content p{font-size:18px;line-height:1.8;opacity:0.88;}
  @media (max-width:768px){
    .hero-content{left:24px;right:24px;max-width:100%;}
    .hero-content h2{font-size:36px;}
    .hero-content p{font-size:16px;}
  }


.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: .25rem;
    opacity: .5;
}
.alert {
  position: relative;
  padding: 1rem 1rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.375rem;
  display: none;
  /* hidden by default, toggled via JS */
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

.alert-success {
  color: #0f5132;
  background-color: #d1e7dd;
  border-color: #badbcc;
}

.alert-danger {
  color: #842029;
  background-color: #f8d7da;
  border-color: #f5c2c7;
}

/* Optional: dismissible close button support */
.alert-dismissible {
  padding-right: 3rem;
}

.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}

.alert.show {
  display: block;
  opacity: 1;
}