/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 05 2026 | 07:18:19 */
/* 1. Widen the entire table container and center it on the page */
.rpt_plans {
    max-width: 1200px !important; /* Forces a wider max layout width */
    margin: 0 auto !important;     /* Centers the entire block on desktop */
    width: 100% !important;
}

/* 2. Style individual pricing columns for desktop layouts */
@media screen and (min-width: 769px) {
    .rpt_plan {
        width: 30% !important;     /* Adjust this percent up or down to change gap size */
        margin: 0 1.5% !important; /* Balanced side margins to keep them centered together */
        vertical-align: top !important;
    }
}

/* 3. Keep mobile stacked, fluid, and perfectly responsive */
@media screen and (max-width: 768px) {
    .rpt_plan {
        width: 100% !important;
        margin: 0 0 30px 0 !important; /* Stack them cleanly with vertical spacing */
        display: block !important;
    }
}