/* =========================================================
   MBGA HOSPITALITY & ADVERTISING PVT LTD - Public Website
   ========================================================= */
:root{
  --navy:#12185a;
  --navy-2:#1c2470;
  --orange:#f5821f;
  --orange-2:#ffb347;
  --light:#f6f7fb;
  --text:#2c2f3a;
  --radius:14px;
}

body{
  font-family:'Segoe UI', 'Poppins', Arial, sans-serif;
  color:var(--text);
  background:#fff;
}

a{ text-decoration:none; }

.btn-brand{
  background:linear-gradient(135deg,var(--orange) 0%, var(--orange-2) 100%);
  border:none;
  color:#fff;
  font-weight:600;
  padding:.7rem 1.6rem;
  border-radius:50px;
  transition:.2s;
}
.btn-brand:hover{ color:#fff; transform:translateY(-2px); box-shadow:0 10px 20px rgba(245,130,31,.35); }

.btn-outline-brand{
  border:2px solid var(--navy);
  color:var(--navy);
  font-weight:600;
  padding:.65rem 1.5rem;
  border-radius:50px;
  transition:.2s;
}
.btn-outline-brand:hover{ background:var(--navy); color:#fff; }

/* NAVBAR */
.navbar-mbga{
  background:#fff;
  box-shadow:0 2px 18px rgba(18,24,90,.08);
  padding:.6rem 0;
}
.navbar-mbga .navbar-brand img{ height:52px; }
.navbar-mbga .nav-link{
  color:var(--navy) !important;
  font-weight:600;
  margin:0 .5rem;
}
.navbar-mbga .nav-link:hover{ color:var(--orange) !important; }
.login-dropdown .dropdown-menu{ border-radius:10px; border:none; box-shadow:0 10px 30px rgba(0,0,0,.15); }
.login-dropdown .dropdown-item{ font-weight:600; padding:.6rem 1.2rem; }
.login-dropdown .dropdown-item:hover{ background:var(--light); color:var(--orange); }

/* HERO */
.hero{
  background:linear-gradient(120deg, var(--navy) 0%, var(--navy-2) 60%, #2a2f8f 100%);
  color:#fff;
  padding:100px 0 120px;
  position:relative;
  overflow:hidden;
}
.hero::after{
  content:"";
  position:absolute; right:-100px; top:-100px;
  width:500px; height:500px; border-radius:50%;
  background:radial-gradient(circle, rgba(245,130,31,.25) 0%, transparent 70%);
}
.hero .badge-eyebrow{
  background:rgba(255,255,255,.12);
  color:var(--orange-2);
  padding:.4rem 1rem;
  border-radius:50px;
  font-weight:600;
  letter-spacing:1px;
  font-size:.85rem;
}
.hero h1{ font-weight:800; font-size:2.8rem; line-height:1.2; margin:1rem 0; }
.hero p.lead{ color:#d9dcf5; max-width:620px; }

/* SECTION HEADERS */
.section-eyebrow{
  color:var(--orange);
  font-weight:700;
  letter-spacing:2px;
  text-transform:uppercase;
  font-size:.85rem;
}
.section-title{ font-weight:800; color:var(--navy); font-size:2.1rem; margin-bottom:1rem; }
.section-pad{ padding:80px 0; }
.bg-soft{ background:var(--light); }

/* TWO-PILLAR (Boots & Bytes) */
.pillar-card{
  border-radius:var(--radius);
  padding:2.2rem;
  height:100%;
  box-shadow:0 10px 30px rgba(18,24,90,.08);
  border-top:4px solid var(--orange);
  background:#fff;
}
.pillar-card.alt{ border-top-color:var(--navy); }
.pillar-card .icon-circle{
  width:60px;height:60px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--orange),var(--orange-2));
  color:#fff; font-size:1.5rem; margin-bottom:1rem;
}
.pillar-card.alt .icon-circle{ background:linear-gradient(135deg,var(--navy),var(--navy-2)); }

/* STAT COUNTERS */
.stat-box{ text-align:center; padding:1.5rem; }
.stat-box .num{ font-size:2.6rem; font-weight:800; color:var(--orange); }
.stat-box .lbl{ color:#fff; opacity:.85; font-weight:600; }
.stats-strip{ background:var(--navy); border-radius:var(--radius); }

/* SERVICE CARDS */
.service-card{
  border-radius:var(--radius);
  padding:2rem 1.6rem;
  height:100%;
  background:#fff;
  box-shadow:0 8px 24px rgba(18,24,90,.07);
  transition:.25s;
}
.service-card:hover{ transform:translateY(-6px); box-shadow:0 18px 40px rgba(18,24,90,.15); }
.service-card .icon-circle{
  width:56px;height:56px;border-radius:16px;
  display:flex;align-items:center;justify-content:center;
  background:var(--light); color:var(--orange); font-size:1.5rem; margin-bottom:1rem;
}

/* INDUSTRY / CLIENT GRID */
.industry-card{
  border-radius:var(--radius);
  background:#fff;
  padding:1.6rem 1rem;
  text-align:center;
  box-shadow:0 6px 18px rgba(18,24,90,.07);
  height:100%;
}
.industry-card .icon-circle{
  width:56px;height:56px;border-radius:50%;margin:0 auto 1rem;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--navy),var(--orange));
  color:#fff;font-size:1.4rem;
}

/* CLIENTS SHOWCASE PAGE */
.client-filter-tabs{ display:flex; gap:10px; flex-wrap:wrap; justify-content:center; }
.filter-tab{
  background:var(--light); border:2px solid #e5e7eb; color:#374151;
  padding:8px 22px; border-radius:50px; font-size:.8rem; font-weight:600;
  cursor:pointer; transition:.25s;
}
.filter-tab.active, .filter-tab:hover{
  background:linear-gradient(135deg,var(--orange),var(--orange-2));
  border-color:var(--orange); color:#fff;
}
.client-showcase-card{
  background:#fff; border-radius:var(--radius); overflow:hidden; height:100%;
  box-shadow:0 6px 18px rgba(18,24,90,.07); border:2px solid transparent; transition:.25s;
}
.client-showcase-card:hover{ border-color:var(--orange); transform:translateY(-5px); box-shadow:0 18px 40px rgba(245,130,31,.15); }
.client-showcase-img{
  height:400px; background-size:cover; background-position:center; background-color:var(--light);
}
.client-showcase-icon{ display:flex; align-items:center; justify-content:center; font-size:2.4rem;
  background:linear-gradient(135deg,var(--navy),var(--navy-2)); color:#fff; }
.client-showcase-body{ padding:1.3rem; }
.client-showcase-body h5{ font-weight:700; color:var(--navy); margin-bottom:4px; }
.client-showcase-body p{ font-size:.85rem; color:#6b7280; line-height:1.6; margin:8px 0 0; }
.client-location{ font-size:.75rem; color:var(--orange); font-weight:600; display:block; }
.client-tag{
  display:inline-block; background:var(--light); color:var(--navy);
  padding:3px 12px; border-radius:50px; font-size:.7rem; font-weight:700;
  text-transform:uppercase; letter-spacing:.5px;
}
.client-visit-link{ font-size:.8rem; font-weight:600; color:var(--orange); }
.client-visit-link:hover{ color:var(--navy); }

/* PROCESS STEPS */
.step-box{ text-align:center; padding:1.2rem; }
.step-box .step-num{
  width:48px;height:48px;border-radius:50%;
  background:var(--orange); color:#fff; font-weight:800;
  display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;
}

/* CONTACT / QUOTE */
.quote-card{
  background:#fff; border-radius:var(--radius);
  box-shadow:0 20px 50px rgba(18,24,90,.15);
  padding:2rem;
}
.form-control, .form-select{ border-radius:10px; padding:.65rem .9rem; }
.form-control:focus, .form-select:focus{ border-color:var(--orange); box-shadow:0 0 0 .2rem rgba(245,130,31,.15); }

/* FOOTER */
.footer-mbga{ background:var(--navy); color:#cfd2ec; padding:60px 0 20px; }
.footer-mbga h6{ color:#fff; font-weight:700; margin-bottom:1.2rem; }
.footer-mbga a{ color:#cfd2ec; }
.footer-mbga a:hover{ color:var(--orange-2); }
.footer-bottom{ border-top:1px solid rgba(255,255,255,.1); margin-top:2rem; padding-top:1.2rem; font-size:.9rem; }
.social-circle{
  width:38px;height:38px;border-radius:50%;
  background:rgba(255,255,255,.08);
  display:inline-flex;align-items:center;justify-content:center;
  margin-right:.5rem; color:#fff;
}
.social-circle:hover{ background:var(--orange); }

/* PAGE HEADER (inner pages) */
.page-header{
  background:linear-gradient(120deg, var(--navy), var(--navy-2));
  color:#fff; padding:70px 0; text-align:center;
}
.page-header h1{ font-weight:800; }

@media (max-width: 767px){
  .hero{ padding:70px 0 90px; text-align:center; }
  .hero p.lead{ margin-left:auto; margin-right:auto; }
}