.nl-vps-pricing-section{
    background: linear-gradient(180deg,#14233d 0%,#101b30 100%) !important;
    padding: 70px 0 !important;
    width: 100% !important;
    display: block !important;
}

.nl-vps-pricing-section .container{
    max-width: 1200px !important;
    margin: 0 auto !important;
    width: 100% !important;
}

.nl-pricing-head{
    text-align: center !important;
    margin-bottom: 30px !important;
}

.nl-pricing-head h2{
    color:#fff !important;
    font-size:38px !important;
    font-weight:800 !important;
    margin-bottom:10px !important;
}

.nl-subline,
.nl-desc{
    color:#d6def0 !important;
}

.nl-plan-switch{
    text-align:center !important;
    margin-bottom:35px !important;
}

.nl-plan-switch a{
    display:inline-flex !important;
    align-items:center !important;
    gap:10px !important;
    padding:14px 22px !important;
    border-radius:12px !important;
    margin:6px !important;
    background:rgba(255,255,255,0.08) !important;
    color:#fff !important;
    text-decoration:none !important;
    font-weight:700 !important;
    border:1px solid rgba(255,255,255,0.15) !important;
}

.nl-plan-switch a.active-plan,
.nl-plan-switch a:hover{
    background:linear-gradient(90deg,#2b66d9 0%,#173a7b 100%) !important;
    color:#fff !important;
}

.nl-plan-list{
    display:flex !important;
    flex-direction:column !important;
    gap:18px !important;
    width:100% !important;
}

.nl-plan-card{
    position:relative !important;
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:20px !important;
    width:100% !important;
    background:#fff !important;
    border-radius:16px !important;
    padding:22px 24px !important;
    box-shadow:0 12px 30px rgba(0,0,0,0.18) !important;
    box-sizing:border-box !important;
}

.nl-plan-card.popular-plan{
    border:2px solid #34d399 !important;
}

.nl-plan-badge{
    position:absolute !important;
    top:-12px !important;
    left:20px !important;
    background:#34d399 !important;
    color:#07261b !important;
    font-size:12px !important;
    font-weight:800 !important;
    padding:6px 12px !important;
    border-radius:30px !important;
}

.nl-plan-name{
    flex:0 0 180px !important;
}

.nl-plan-name h3{
    margin:0 0 4px !important;
    font-size:28px !important;
    font-weight:800 !important;
    color:#081a3a !important;
}

.nl-plan-name span{
    display:block !important;
    font-size:14px !important;
    color:#667085 !important;
    font-weight:600 !important;
}

.nl-plan-specs{
    flex:1 1 360px !important;
}

.nl-plan-specs ul{
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(180px,1fr)) !important;
    gap:10px 18px !important;
}

.nl-plan-specs li{
    font-size:15px !important;
    color:#344054 !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    margin:0 !important;
}

.nl-plan-location{
    flex:0 0 130px !important;
}

.nl-plan-location span{
    display:block !important;
    font-size:13px !important;
    color:#667085 !important;
    margin-bottom:8px !important;
    font-weight:700 !important;
}

.nl-flag-group{
    display:flex !important;
    gap:8px !important;
    align-items:center !important;
}

.nl-flag-group img{
    width:28px !important;
    height:auto !important;
    border-radius:3px !important;
}

.nl-plan-price{
    flex:0 0 170px !important;
    text-align:center !important;
}

.nl-plan-price .price-wrap{
    font-size:30px !important;
    font-weight:800 !important;
    color:#06b6d4 !important;
    white-space:nowrap !important;
}

.nl-plan-cta{
    flex:0 0 150px !important;
    text-align:right !important;
}

.nl-plan-cta .btn,
.nl-plan-cta a,
.nl-plan-cta input[type="submit"],
.nl-plan-cta button{
    background:#081a52 !important;
    color:#fff !important;
    border:0 !important;
    border-radius:10px !important;
    padding:13px 22px !important;
    font-weight:700 !important;
    text-decoration:none !important;
    display:inline-block !important;
    min-width:140px !important;
    text-align:center !important;
}

.nl-pricing-footer{
    margin-top:28px !important;
    padding-top:18px !important;
}

.nl-pricing-footer p{
    color:#fff !important;
}

@media (max-width: 991px){
    .nl-plan-card{
        flex-direction:column !important;
        align-items:flex-start !important;
    }

    .nl-plan-name,
    .nl-plan-specs,
    .nl-plan-location,
    .nl-plan-price,
    .nl-plan-cta{
        flex:1 1 100% !important;
        width:100% !important;
        text-align:left !important;
    }

    .nl-plan-specs ul{
        grid-template-columns:1fr !important;
    }

    .nl-plan-cta{
        text-align:left !important;
    }
}

@media (max-width: 767px){
    .nl-pricing-head h2{
        font-size:28px !important;
    }

    .nl-plan-name h3{
        font-size:22px !important;
    }

    .nl-plan-price .price-wrap{
        font-size:24px !important;
    }

    .nl-plan-switch a{
        width:100% !important;
        justify-content:center !important;
    }
}
.nl-plan-cta p,
.nl-plan-price p{
    margin:0 !important;
}