.nxmp-paragraph {
    font-size: 12px;
    font-weight: bold;
    font-family: sans-serif;
}

.container .card-content {
    max-width: 31.6%;
    margin: 35px 4px 0;
}

.membership-card {
    min-height: 100%;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
}

.membership-card a {
    color: #000 !important;
    background: #eaecf2 !important;
}

.membership-card .card-header {
    padding-top: 25px;
}

.membership-card .card-header span {
    font-size: 13px;
    font-weight: 600;
}

.membership-card {
    border-radius: 10px !important;
}

.membership-card .single-membership-levels .membership-discription {
    padding: 0px 25px 20px;
}

.membership-card .single-membership-levels p {
    font-size: 13px;
    margin-bottom: 10px;
    font-family: system-ui;
    color: #8f939f;
    font-weight: 400;
}

.single-membership-levels .memebership-head-detail {
    width: 90%;
    color: #666666;
    margin: auto;
}

.container .page-heading h4 {
    font-size: 22px;
}

.container .page-heading p {
    font-size: 12px;
    width: 40%;
    font-weight: 500;
}

/* Selected Card */

.membership-card-select {
    background: rgb(39, 63, 220);
    background: linear-gradient(357deg, rgba(39, 63, 220, 1) 0%, rgba(45, 77, 223, 1) 0%, rgba(22, 74, 244, 1) 24%, rgba(87, 180, 244, 1) 100%, rgba(93, 182, 243, 1) 100%, rgba(60, 239, 172, 1) 100%, rgba(93, 182, 243, 1) 100%, rgba(134, 75, 255, 1) 100%) !important;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}

.membership-card-select .memebership-head-detail,
.membership-card-select .membership-discription p {
    color: white;
}

.membership-card-select a {
    background: #eb5f10 !important;
    color: #fff !important;
    border-radius: 4px;
}

.membership-card-select .card-header span {
    color: white;
}

.membership-card-select .memebership-head-detail p {
    color: #cdcdcd;
}


/* Media Query */
@media (max-width:991px) {
    .container {
        max-width: 1000px;
    }
}

@media (max-width:768px) {
    .container .card-content {
        max-width: 45%;
    }
}

@media (max-width:550px) {
    .container .card-content {
        max-width: 90%;
    }
}