:root{
    --container-max:1200px;
    --primary:#ad9550;
    --muted:#6b7280;
    --bg:#f8fbfd;
    --card-bg:#ffffff;
    --shadow: 0 8px 30px rgba(18,38,63,0.08);
    --radius:12px;
    --gap:28px;
    font-family: "Inter", "Segoe UI", Roboto, Arial, sans-serif;
  }

  /* Page layout */
  /* body{ margin:0; color:#0b1720; background:var(--bg); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;} */
  .texcanvas-aboutpage-container{ max-width:var(--container-max); margin:0 auto; padding:40px 24px; box-sizing:border-box;  }

  /* ---------- Header / Hero ---------- */
  .texcanvas-aboutpage-hero{
    position:relative;
    width:100%;
    height:48vh;
    margin-top: 0px;
    min-height:300px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    margin-bottom:40px;
    border-bottom:1px solid rgba(0,0,0,0.05);
    background-image: url('../assets/banner/15659.jpg');
    background-size:cover;
    background-position:center;
    background-attachment: fixed;
    z-index: -9999999;
  }
  .texcanvas-aboutpage-hero::before{
    content:"";
    position:absolute; inset:0;
    background: linear-gradient(180deg, rgba(3,57,92,0.35) 0%, #ad965071 100%);
     z-index: -9999999;
  }
  .texcanvas-aboutpage-hero-inner{
    position:relative; z-index:2; text-align:center; color:#fff; width:100%;
    padding: 12px 20px;
    transform: translateY(6px);
     z-index: -9999999;
  }
  .texcanvas-aboutpage-title{
    margin:0;
    font-size:60px;
    letter-spacing:0.2px;
    font-weight:700;
    opacity:0;
    transform: translateX(-40px);
    transition: all 700ms cubic-bezier(.2,.9,.2,1);
     z-index: -9999999;
  }
  .texcanvas-aboutpage-sub{
    margin:12px 0 0 0;
    color:rgba(255,255,255,0.95);
    font-size:20px;
    opacity:0;
    transform: translateX(40px);
    transition: all 700ms cubic-bezier(.2,.9,.2,1);
     z-index: -9999999;
  }

  /* show classes will be added by JS when in view */
  .texcanvas-aboutpage-hero-show .texcanvas-aboutpage-title{ opacity:1; transform: translateX(0); }
  .texcanvas-aboutpage-hero-show .texcanvas-aboutpage-sub{ opacity:1; transform: translateX(0); }

  /* ---------- Who we are (two column) ---------- */
  .texcanvas-aboutpage-two{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--gap);
    align-items:center;
    padding:40px 0;
    background:transparent;
    z-index: -9999999;
  }

  .texcanvas-aboutpage-left{
    background: var(--card-bg);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:320px;
    overflow:hidden;
    z-index: -9999999;
  }
  .texcanvas-aboutpage-left img{ width:100%; height:400px; max-width:420px; border-radius:10px;z-index: -9999999; }

  .texcanvas-aboutpage-right{
    padding:4px 6px;
    z-index: -9999999;
  }
  .texcanvas-aboutpage-kicker{ color:var(--primary); font-weight:700; font-size:13px; margin-bottom:10px; letter-spacing:1px; text-transform:uppercase; }
  .texcanvas-aboutpage-heading{ font-size:28px; margin:6px 0 18px; font-weight:800; color:#072033; }
  .texcanvas-aboutpage-text{ color:var(--muted); line-height:1.7; font-size:16px; margin-bottom:18px; }

  .texcanvas-aboutpage-feature-list{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:12px 16px;
    margin-top:6px;
  }
  .texcanvas-aboutpage-feature{
    display:flex;
    gap:12px;
    align-items:flex-start;
    background:#fbfdff;
    padding:12px 14px;
    border-radius:10px;
    border:1px solid rgba(10,111,188,0.06);
  }
  .texcanvas-aboutpage-feature .icon{
    width:46px; height:46px; flex:0 0 46px;
    border-radius:10px; background:linear-gradient(135deg, rgba(10,111,188,0.12), rgba(10,111,188,0.06));
    display:flex; align-items:center; justify-content:center; color:var(--primary); font-size:20px;
  }
  .texcanvas-aboutpage-feature h4{ margin:0; font-size:15px; font-weight:700; color:#0a2130;}
  .texcanvas-aboutpage-feature p{ margin:4px 0 0 0; color:var(--muted); font-size:14px; }

  /* ---------- Mission & Vision cards ---------- */
  .texcanvas-aboutpage-mv{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:var(--gap);
    margin-top:40px;
    align-items:stretch;
  }
  .texcanvas-aboutpage-card{
    background:var(--card-bg);
    padding:26px;
    border-radius:12px;
    box-shadow: var(--shadow);
    border:1px solid rgba(10,111,188,0.04);
    opacity:0;
    transform: translateY(30px);
    transition: all 700ms cubic-bezier(.2,.9,.2,1);
  }
  .texcanvas-aboutpage-card.show{ opacity:1; transform: translateY(0); }

  .texcanvas-aboutpage-card h3{ margin:0 0 10px 0; font-size:20px; color:#072033; }
  .texcanvas-aboutpage-card p{ margin:0; color:var(--muted); line-height:1.7; font-size:15px; }

  /* ---------- Utilities & responsiveness ---------- */
  .texcanvas-aboutpage-center { max-width: var(--container-max); margin:0 auto; padding: 0 24px; box-sizing:border-box; }

  @media (max-width: 1024px){
    .texcanvas-aboutpage-two{ grid-template-columns: 1fr; }
    .texcanvas-aboutpage-left{ order:1; padding:18px; }
    .texcanvas-aboutpage-right{ order:2; padding-top:18px; }
    .texcanvas-aboutpage-feature-list{ grid-template-columns:1fr; }
    .texcanvas-aboutpage-mv{ grid-template-columns:1fr; }
    .texcanvas-aboutpage-hero{ height:44vh; background-attachment: scroll; } /* mobile fix */
  }

  @media (max-width:600px){
    .texcanvas-aboutpage-title{ font-size:28px; }
    .texcanvas-aboutpage-sub{ font-size:16px; }
    .texcanvas-aboutpage-left img{ max-width:360px; }
  }













  /* ////////////////////////////// */

  
        .taxcanva-serpage-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 60px 20px;
            overflow: hidden;
        }

        .taxcanva-serpage-header {
            text-align: center;
            margin-bottom: 60px;
            opacity: 0;
            transform: translateY(30px);
            animation: taxcanva-fadeInUp 0.8s ease forwards;
        }

        .taxcanva-serpage-header h1 {
            font-size: 60px;
            color: #ffffffff;
            margin-bottom: 20px;
            font-weight: 700;
        }

        .taxcanva-serpage-header p {
            font-size: 1.1rem;
            color: #ffffffff;
            max-width: 800px;
            margin: 0 auto;
        }

        .taxcanva-serpage-service-card {
            display: flex;
            align-items: center;
            margin-bottom: 40px;
            border: 1px solid #000;
            overflow: hidden;
            opacity: 0;
            transform: translateX(-50px);
             z-index: -9999999;
        }

        .taxcanva-serpage-service-card.taxcanva-serpage-visible {
            animation: taxcanva-slideInLeft 0.8s ease forwards;
        }

        .taxcanva-serpage-service-card:nth-child(even) {
            flex-direction: row-reverse;
            background-color: #dcebf6;
            transform: translateX(50px);
             z-index: -9999999;
        }

        .taxcanva-serpage-service-card:nth-child(even).taxcanva-serpage-visible {
            animation: taxcanva-slideInRight 0.8s ease forwards;
        }

        .taxcanva-serpage-service-card:nth-child(odd) {
            background-color: #f5f5f5;
             z-index: -9999999;
        }

        .taxcanva-serpage-image-container {
            flex: 1;
            min-width: 300px;
            height: 400px;
            overflow: hidden;
             z-index: -9999999;
        }

        .taxcanva-serpage-image-container img {
            width: 100%;
            height: 100%;
            object-fit: cover;
             z-index: -9999999;
        }

        .taxcanva-serpage-content {
            flex: 1;
            padding: 40px;
        }

        .taxcanva-serpage-content h2 {
            font-size: 1.8rem;
            color: #1a1a1a;
            margin-bottom: 25px;
            font-weight: 600;
        }

        .taxcanva-serpage-content ul {
            list-style: none;
        }

        .taxcanva-serpage-content li {
            padding: 12px 0;
            padding-left: 30px;
            position: relative;
            font-size: 1rem;
            color: #444;
            border-bottom: 1px solid #e0e0e0;
        }

        .taxcanva-serpage-content li:last-child {
            border-bottom: none;
        }

        .taxcanva-serpage-content li:before {
            content: "✓";
            position: absolute;
            left: 0;
            color: #2c5f2d;
            font-weight: bold;
            font-size: 1.2rem;
        }

        @keyframes taxcanva-fadeInUp {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes taxcanva-slideInLeft {
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }

        @keyframes taxcanva-slideInRight {
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }

        @media (max-width: 768px) {

            .taxcanva-serpage-service-card,
            .taxcanva-serpage-service-card:nth-child(even) {
                flex-direction: column;
            }

            .taxcanva-serpage-image-container {
                width: 100%;
                height: 250px;
                min-width: auto;
            }

            .taxcanva-serpage-content {
                padding: 30px 20px;
            }

            .taxcanva-serpage-header h1 {
                font-size: 2rem;
            }

            .taxcanva-serpage-content h2 {
                font-size: 1.5rem;
            }
        }