:root{
      --Accent-Palatinate:#3847EF;
      --Primary-Aerospace:#FF4C0A;
      --Neutrals-Gray-100:#666D80;
      --Neutrals-Gray-16: rgba(102,109,128,0.16);
      --Neutrals-PText_RichB:#010314;
      --bg:#F7F8FB;
    }
  .w-70 {
    width:78% !important;
}

  
    /* container width */
    /*.wrapper{
      width:min(1120px, 92vw);
      margin:40px auto 80px;
    }*/
    /* Eyebrow */
    .h1-banner {
color:#FFF !important;
font-family: Barlow;
font-size: 64px;
font-weight: 500;
line-height: 110%; 
letter-spacing: -0.64px;
text-align: center;
padding-top: 70px;
padding-bottom: 90px;
margin-bottom: 0px;
font-size: 64px;
}
        /* Tabs */
    .tabs{
      display:flex;
      gap:72px;
      overflow-x:auto;
      margin-top:40px;
      border-bottom: 1px solid #DDD;
          overflow: inherit;
    width: 1199px !important;

    }
    .tabs button{
      display:flex;
      align-items:flex-end;
      gap:8px;
      padding:12px 0px;
      border:none;
      background:transparent;
      cursor:pointer;

      color:var(--Neutrals-Gray-100);
      font-family:Barlow,sans-serif;
      font-size:24px;
      font-weight:500;
      line-height:20px;
      border-bottom:3px solid transparent;
      margin-bottom:-1px;
    }
    .tabs button.active{
      color:var(--Primary-Aerospace);
      border-bottom-color:var(--Primary-Aerospace);
      border-radius:0px;
     margin-bottom: -1px;
    }
        .tabs button.active svg use, .tabs button.active svg path{
            stroke:var(--Primary-Aerospace);
        }

    .tabs svg{width:18px;height:18px; stroke:currentColor;}

    /* Card grid */
    .grid-card{
      /* display:grid;
      grid-template-columns:repeat(auto-fill, 312px);
      gap:24px;
      justify-content:start !important;
      margin-top:24px;*/
      
     display: grid;
    grid-template-columns: repeat(auto-fit, minmax(352px, 1fr));
    gap: 40px 24px;
    margin: 0 auto;

    }
    /* Base card */
    .card{
      padding:16px;
      border-radius:8px;
      border:1px solid var(--Neutrals-Gray-16);
      background:#FFF;
     /* box-shadow:0 1px 2px rgba(0,0,0,0.30), 0 1px 3px 1px rgba(0,0,0,0.15);*/
      display:flex;
      flex-direction:column;
    }
    .card img.thumb{
      width:100%;
      height:280px;
      object-fit:cover;
     object-position: bottom;
      border-radius:16px;
      display:block;
    }
    .card h3{
      margin:12px 0 0 0;
      color:var(--Neutrals-PText_RichB) !important;
      font-family:Inter,sans-serif;
      font-size:18px !important;
      font-weight:400 !important;      
     letter-spacing: -.2px;
    line-height: 140% !important;
    }
    .card .sub{
      margin:4px 0 0 0;
      color:var(--Neutrals-PText_RichB);
      font-family:Inter,sans-serif;
      font-size:14px;
      font-weight:400;
      line-height:20px;
      letter-spacing:-0.28px;
      opacity:0.9;
    }
    .card p{
      margin:4px 0 0 0;
      color:var(--Neutrals-PText_RichB);
      font-family:Inter,sans-serif;
      font-size:16px;
      font-weight:400;
      line-height:20px;
      letter-spacing:-0.32px;
    }
    .card .footer{
      margin-top:auto;
      padding-top:12px;
      display:flex;
      align-items:center;
    }
    
    .download svg{width:16px;height:16px; stroke:currentColor;}

    /* CSR overrides: remove border, padding, shadow */
    .card.csr{
      padding:0;
      border:none;
      box-shadow:none;
      background:transparent;
      border-radius:16px;
      margin-bottom: 24px;
    }
   /* .card.csr h3{ font-size:18px;}*/
    .card.csr img.thumb{
      border-radius:16px;
    }

    /* CSR helpers */
    .card .thumbbox{ position:relative; }
    .badge{
      position:absolute;
      right:10px;
      bottom:10px;
      padding:8px 16px;
      background:#FFF;
      color: #FF5101;
font-family: Barlow;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 22.4px */
     border-radius:24px;
    }
    .meta{
      margin-top:16px;
 color: #626262;
 font-family:'Inter',sans-serif;
      font-size:16px;
      font-weight:400;
      letter-spacing:-0.28px;
line-height: 140%; 
    }

    /* Hide/Show for tab panels */
    .hidden{ display:none; }

    /* Responsive tweaks */
    @media (max-width:740px){
      h1{font-size:36px; letter-spacing:-0.36px;}
      .grid-card{gap:16px;}
    }
.csr-main .card {
    width: 384px;
}
  .csr-main .tabs button{ 
      
            padding:12px 24px;

  }
.csr-main .tabs {
    gap: 16px;
    border-bottom: 1px solid #DDD;
    width: 100%;
    justify-content:flex-start;
}
.justify-content-center {
    display: flex;
    justify-content: center;
    
}

.csr-panel {
    padding-top: 46px;
    padding-bottom: 100px;
}


/****leaders page****/
.container-section{
      max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    text-align: left;

}

.leadership-section {
      text-align: center;
      padding:80px 0px;
    }

    .leadership-section .subtitle {
      color: #2d4de0; /* blue */
      font-size: 14px;
      font-weight: 700;
      letter-spacing: 1px;
      margin-bottom: 10px;
      text-transform: uppercase;
    }

    .leadership-section .title {
      font-size: 28px;
      font-weight: 700;
      color: #0a0a0a;
      margin-bottom: 40px;
    }

    .leaders-grid {
    display: flex;
    gap: 24px;
  
    margin:56px 0;
    }

    .leader-card {
      background:#fff;
      border-radius:16px;
      overflow: hidden;
     /* max-width: 540px;*/
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      padding:24px;
    }

 

    .leader-card img {
      width: 100%;
      height: auto;
      display: block;
	border-radius:6px;
    }

    .leader-info {
      padding-top:23px;
      text-align: left;
    }

    .leader-info h3 {
    color: var(--Primary-PennBlue, #03114E) !important;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 8px;
    }

    .leader-info p {
color: var(--Primary-PennBlue, #03114E);
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
    margin-bottom: 0px;
    }

    .btn-wrapper {
      margin-top: 20px;
    display: flex;
    justify-content: center;
    }

.resource-panel {
    margin-top: 48px;
}

.queries {
    margin-top: 65px;
    position: absolute;
    bottom: 60px;
}
   .resource-panel .card--primary.card h3 {
    font-size: 22px !important;
    font-weight: 600 !important;
	   font-family: Barlow !important;
   
}

    /* Responsive adjustments */
    @media (max-width: 768px) {
      .leadership-section .title {
        font-size: 24px;
      }
    }

    @media (max-width: 480px) {
      .leaders-grid {
        gap: 20px;
      }

      .leader-card {
        max-width: 100%;
      }
    }