/* about.css - styles for About Us page (matches your site's look) */

:root{
    --accent1:#ff8c00;
    --accent2:#ff3c00;
    --dark:#111;
    --muted:#6b6b6b;
    --glass: rgba(255,255,255,0.95);
  }
  
  /* Hero */
  .about-hero{
    position:relative;
    overflow:hidden;
    min-height:280px;
    display:flex;
    align-items:center;
  }
  .about-hero__bg{
    position:absolute;
    inset:0;
    background-image: url('assets/images/banner_01.jpg');
    background-size: cover;
    background-position:center;
    filter: contrast(.95) saturate(.9);
    transform: scale(1.02);
    z-index:0;
  }
  .about-hero__overlay{
    position:absolute; inset:0; background: rgba(0,0,0,0.45); z-index:1;
  }
  .about-hero__content{ position:relative; z-index:2; padding-top:40px; padding-bottom:40px; }
  .about-hero__logo{ max-width:50%; opacity:0.95; }
  
  /* Buttons */
  .btn-cta{
    background: linear-gradient(90deg,var(--accent1) 0%,var(--accent2) 100%);
    color:#fff;
    border:0;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    font-weight:700;
  }
  

  .feature-icon {
    font-size: 1.6rem;
    color: #ff8c00;
  }
  
  .feature-head {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  
  .feature-body {
    margin-left: 2rem; /* optional: thoda text ko indent karne ke liye */
  }

  
  /* Cards / main area */
  .about-main .card { border-radius:12px; border:0; }
  .about-card { background:#fff; }
  .address-card, .stats-card, .contact-cta, .callout-card { background:#fff; }
  
  /* Features area */
  .feature{ display:flex; gap:12px; align-items:flex-start; }
  .feature-icon{
    font-size:1.5rem;
    color:var(--accent1);
    background: rgba(255,140,0,0.08);
    padding:8px;
    border-radius:10px;
  }
  
  /* small utilities */
  .lead { color: #444; }
  .about-paragraphs p{ color:#555; line-height:1.55; margin-bottom:1rem; }
  
  /* Stats card list */
  .stats-card ul { padding-left: 0; list-style:none; margin:0; }
  .stats-card li { margin-bottom:10px; display:flex; align-items:center; }
  
  /* contact cta */
  .contact-cta .btn-cta{ width:100%; }
  
  /* callout */
  .callout-card{ border-radius:12px; background:linear-gradient(90deg, rgba(255,140,0,0.06), rgba(255,60,0,0.04)); }
  .callout-card .btn-cta{ background: linear-gradient(90deg,var(--accent1) 0%,var(--accent2) 100%); color:#fff; }
  
  /* Responsive tweaks */
  @media (max-width:991.98px){
    .about-hero__logo{ display:none; }
    .about-hero__content{ padding-top:26px; padding-bottom:26px; }
  }
  
  @media (max-width:767.98px){
    .about-hero { min-height:360px; }
    .about-hero .display-5{ font-size:1.6rem; }
    .features { gap:12px; }
    .feature-icon{ font-size:1.2rem; padding:6px; }
    .callout-card{ flex-direction:column; gap:12px; align-items:flex-start; }
  }
  
  /* Accessibility / small polish */
  .about-main a { text-decoration:none; }
  .about-main .card { box-shadow: 0 10px 28px rgba(0,0,0,0.06); }
  
  /* print-friendly */
  @media print{
    .about-hero__bg, .about-hero__overlay { display:none; }
    .btn-cta, .about-hero .btn { display:none; }
  }