.success-stats { background: #f9f9f9; /* Navy blue */ color: #ffffff; text-align: center; } .success-stats h2 { margin-bottom: 10px; } .success-stats .subtitle { color: #cfd8e3; } .stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 20px; } .stat-box { background: #162a44; padding: 5px 1px; border-radius: 12px; transition: transform 0.3s ease; } .stat-box:hover { transform: translateY(-6px); } .stat-number { font-size: 32px; font-weight: 700; color: #ff7a00; /* Orange highlight */ display: block; margin-bottom: 8px; } .post_coun_div4 { background-color:#2f3b63; color: #ffffff; text-align: center; margin: 0; } 

<!-- why join--> .card{ background:#fff; padding:5px; border-radius:10px; box-shadow:0 4px 15px rgba(0,0,0,.08); text-align:center; } 

.benefits{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:20px !important;
}

@media (max-width:992px){
    .benefits{
        grid-template-columns:repeat(2,1fr) !important;
    }
}

@media (max-width:768px){
    .benefits{
        grid-template-columns:1fr !important;
    }
}

.overview-grid
{ 
display:grid; 
grid-template-columns:1fr 1fr; 
gap:30px; 
} 

.overview-card
{ 
background:#fff;
 padding:40px;
 border-radius:18px; 
 box-shadow:0 10px 30px rgba(0,0,0,.08);
 transition:.3s; 
 
}

.note-box
{ 
margin-top:25px; 
background:#fff8ef; 
border-left:4px solid #f7941d; 
padding:18px; 
border-radius:8px; 
font-size:15px; 
}
.overview-card:hover
{
transform:translateY(-8px); 
} 

.icon-box
{ width:70px; 
height:70px; 
background:#0d2d62; 
color:#fff; 
font-size:30px; 
display:flex; 
align-items:center; 
justify-content:center;
border-radius:50%; 
margin-bottom:20px; 
} 

.overview-card h3
{ 
color:#0d2d62; 
margin-bottom:15px; 
font-size:28px; 
} 

.overview-card ul
{ 
margin-top:20px; 
list-style:none; 
} 
.overview-card ul li
{ 
padding:12px 0; 
border-bottom:1px solid #eee; 
position:relative; 
padding-left:25px; 
} 
.overview-card ul li:before
{ 
content:"✓"; 
color:#f7941d; 
font-weight:bold; 
position:absolute; 
left:0; 
}
@media (max-width:768px){

    .overview-grid{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:20px !important;
    }

}

.step-card
 { 
 background:#fff; 
 padding:40px; 
 border-radius:16px; 
 box-shadow:0 10px 25px rgba(0,0,0,.08); 
 height:100%; 
 } 
.step-number
 { 
 width:60px; 
 height:60px;
 background:#0d2d62; 
 color:#fff; 
 border-radius:50%; 
 display:flex; 
 align-items:center;
 justify-content:center; 
 font-weight:bold; 
 margin-bottom:20px; 
 }

/* ===========================
   Partner Tiers Responsive
=========================== */

.partner-tier-section
 { padding:90px 0; 
 background:#fff; 
 } 
 
 .tier-grid
 { 
 display:grid;
 grid-template-columns:repeat(3,1fr); 
 gap:30px; 
 margin-top:50px; 
 } 
 
 .tier-card
 { 
 background:#fff; 
 padding:40px; 
 border-radius:18px;
 box-shadow:0 10px 25px rgba(0,0,0,.08); 
 position:relative; 
 } 
 .tier-card h3
 { 
 color:#0d2d62; 
 margin-bottom:10px; 
 } 
 
 .tier-subtitle
 { 
 color:#f7941d; 
 font-weight:600; 
 margin-bottom:25px; 
 } 
 
 .featured
 { 
 border:3px solid #f7941d; 
 transform:scale(1.03); 
 } 
 
.badge
 { 
 position:absolute; 
 top:-12px;
 right:20px; 
 background:#f7941d; 
 color:#fff; 
 padding:8px 15px; 
 border-radius:20px;
 font-size:13px; 
 }

@media (max-width:768px){

    .tier-grid{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:20px !important;
    }