.puzzle-wrap{
max-width:1150px;
display:grid;
grid-template-columns:1fr 1fr;
gap:28px;
position:relative;
}

.puzzle-card{
padding:30px;
border-radius:28px;
min-height:300px;
position:relative;
}

.blue{background:#e4ebf6;}
.pink{background:#fdeeee;}

.percent{font-size:24px;font-weight:700;color:#1e2547}
.small{font-size:16px;margin:6px 0 18px;color:#2c3156}

/* .tl:after,.tr:after,.bl:after,.br:after{
content:"";
position:absolute;
width:100px;height:100px;
border-radius:50%;
background:#fff;
} */

.tl:after{right:-50px;bottom:-50px}
.tr:after{left:-50px;bottom:-50px}
.bl:after{right:-50px;top:-50px}
.br:after{left:-50px;top:-50px}

.center-bg{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:130px;
height:90px;
background:#fff;
border-radius:24px;
z-index:2;
}

.center{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:72px;
height:72px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
z-index:5;
}

.center img{
width:38px;
height:auto;
}

.right{text-align:right}

@media(max-width:900px){
.puzzle-wrap{grid-template-columns:1fr}
.center,.center-bg{display:none}
}

/* =========================
   MOBILE CARD REDESIGN ONLY
   ========================= */
@media (max-width: 768px) {

  /* Stack cards cleanly */
  .puzzle-wrap{
    grid-template-columns: 1fr;
    gap: 16px;
  }

  /* Change card shape on mobile */
  .partner-card-ui{
    padding: 22px;
    border-radius: 16px;          /* ⬅ tighter radius */
    min-height: auto;
    box-shadow: 0 10px 24px rgba(0,0,0,.12);
  }

  /* REMOVE the big bottom curve on mobile */
  .partner-card-ui::after{
    display: none;
  }

  /* Number smaller & aligned */
  .partner-big{
    position: static;
    font-size: 28px;
    color: #1e2547;
    margin-bottom: 6px;
  }

  /* Small label */
  .partner-icon-box{
    width: auto;
    height: auto;
    background: none;
    padding: 0;
    font-size: 13px;
    color: #2c3156;
    margin-bottom: 8px;
    justify-content: flex-start;
  }

  /* Title */
  .partner-card-ui h3{
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 10px;
  }

  /* Description */
  .partner-card-ui p{
    font-size: 14px;
    line-height: 1.6;
    max-width: 100%;
  }
}