/** Cyclone Hosting V5 - Homepage Pricing Center Fix
    This forces the homepage pricing cards to center perfectly with 3 packages.
**/

.v5-plans .v5-plan-grid{
    width:min(1180px,100%) !important;
    max-width:1180px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    display:flex !important;
    justify-content:center !important;
    align-items:stretch !important;
    flex-wrap:wrap !important;
    gap:28px !important;
    grid-template-columns:none !important;
}

.v5-plans .v5-plan-card{
    width:360px !important;
    max-width:360px !important;
    flex:0 0 360px !important;
}

@media(max-width:1100px){
    .v5-plans .v5-plan-card{
        width:340px !important;
        max-width:340px !important;
        flex:0 0 340px !important;
    }
}

@media(max-width:760px){
    .v5-plans .v5-plan-grid{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:18px !important;
        width:min(420px,100%) !important;
    }

    .v5-plans .v5-plan-card{
        width:100% !important;
        max-width:100% !important;
        flex:auto !important;
    }
}