/* center  */
  .choose-sction{ max-width:1200px; margin:0 auto; padding: 50px 0; }
  .choose-sction.reveal-section.show {
    padding: 90px 0 200px 0;
}

  /* small header left (kept minimal) */
  .head-row{ display:flex; gap:20px; align-items:flex-start; margin-bottom:10px; justify-content: space-between;}
  .head-title{ font-weight:800; font-size:20px; color:#10203f; line-height:1.05; margin-right:20px;}
  .head-desc{ color:#445168; font-size:20px; max-width:700px;     text-align: right; }

  /* EXACT GRID:  */
  .tiles {
    display: grid;
    /* grid-template-columns: 240px 200px 200px 200px;  */
    grid-auto-rows: 90px; /* base row height */
    gap: var(--gap);
    align-items:start;
    margin-top:18px;
  }
.head-title {
    font-weight: 800;
    font-size: 40px;
    color: #10203f;
    line-height: 1.05;
    margin-right: 20%;
}
  /* place tiles to match screenshot layout */
  .tile.t1 { grid-column: 1 / 2; grid-row: 1 / 3; height: 220px; }
  .tile.t2 { grid-column: 2 / 4; grid-row: 1 / 5; height: 105px; }
  .tile.t3 { grid-column: 4 / 5; grid-row: 1 / 2; height: 105px; }

  .tile.t4 { grid-column: 1 / 2; grid-row:auto; height: 117px; }
  .tile.t5 { grid-column: 2 / 2; grid-row: 2 / 2; height: 228px; } /* tall center block */
  .tile.t6 { grid-column: 3 / 4; grid-row: 2 / 4; height: 228px; } /* tall right block */
  .tile.t7 { grid-column: 5 / 4; grid-row: 2 / 2; height: 228px; }

  
  .tile.t8 { grid-column: 3 / 1; grid-row: 4 / 4; height: 117px; margin-top: 10px; }
  .tile.t9 { grid-column: 4 / 3; grid-row: 4 / 5; height: 117px; margin-top: 10px; }
  .tile.t10 {
    grid-column: 4 / 4;
    grid-row: 4 / 5;
    height: 117px;
    margin-top: 10px;
}

  /* card base */
  .tile {
    border-radius: 15px;
    padding: 15px;
    box-shadow: 0 8px 22px rgba(2,18,44,0.14);;
    color: #fff;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    position:relative;
    overflow:hidden;
  }
.tiles .title {
        color: #ffffff !important;
    font-weight: bold;
    font-size: 19px !important;
    padding-right: 60px !important;
    line-height: 25px !important;
}
  /* small lyric / subtitle in tiny rounded pill (screenshot has small top-left white pill) */
  .kicker {
    display:inline-block;
    background: rgba(255,255,255,0.12);
    color: rgba(255,255,255,0.95);
    padding:6px 10px;
    border-radius:999px;
    font-size:11px;
    font-weight:700;
    margin-bottom:8px;
  }

  .title {
    font-weight:800;
    font-size:13px;
    line-height:1.05;
  }

.sub {
    font-size: 15px;
    opacity: 0.95;
    margin-top: 6px;
    padding-right: 35px;
    line-height: 20px;
}

  .icon-box{
    position:absolute;
    right:12px;
    bottom:12px;
    width:44px;
    height:44px;
    color:#0b2b5a;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 6px 12px rgba(0,0,0,0.08);
    border:1px solid rgba(0,0,0,0.06);
    font-weight:700;
    font-size:14px;
  }
  .tile.t4.c4 .icon-box, .tile.t7.c7 .icon-box, .tile.t8.c3 .icon-box, .tile.t9.c2 .icon-box {
    top: 5px;
}

  /* colors  */
  .c1{ background: linear-gradient(180deg,#6d2b2f 0%, #8b3a3a 100%); }
  .c2{ background: linear-gradient(180deg,#244a7a 0%, #2e4f83 100%); }
  .c3{ background: linear-gradient(180deg,#2f5b3f 0%, #3c7c55 100%); }
  .c4{ background: linear-gradient(180deg,#4c2f54 0%, #5e4c75 100%); }
  .c5{ background: linear-gradient(180deg,#1f5960 0%, #2a7a78 100%); }
  .c6{ background: linear-gradient(180deg,#873f3a 0%, #7c4b4b 100%); }
  .c7{ background: linear-gradient(180deg,#1b3a60 0%, #21385f 100%); }
  .c8{ background: linear-gradient(180deg,#2d5a82 0%, #2f4f82 100%); } /* extra tone */

  /* responsive: collapse to 2 columns on small screens */
  @media (max-width:900px){
    .tiles {
      grid-template-columns: 1fr 1fr;
      grid-auto-rows: auto;
    }
    /* make all tiles auto-flow on small screens */
    .tile { height: auto; }
  }