/* badges*/

#websitemaintenanceplansBody .header-main .nav-tools li img,
.hamburger svg {
    filter: brightness(100);
}

#websitemaintenanceplansBody #mainWrapper {
    background-color: #fafafa;
}

#websitemaintenanceplansBody .header-main .nav-tools li.hamburger .hamburger-icon b {
    background:#ffffff;
}

#websitemaintenanceplansBody .header-main .nav-tools li img {
    filter: brightness(100);
}

#websitemaintenanceplansBody .header-main .header-container .logo .logo-blue {
    display:none;
}

#websitemaintenanceplansBody .header-main .header-container .logo .logo-white {
    display:block;
}

#websitemaintenanceplansBody #mainWrapper {
    background-color: #ffffff;
}

#websitemaintenanceplansBody .header-main {
    background-color: transparent;
    box-shadow: none;
}

#websitemaintenanceplansBody .nav-link--1 {
    color: #fff;
}

#websitemaintenanceplansBody .breadcrumb {
    display: none;
}

#websitemaintenanceplansBody .enterprise .plans__benefits {
    list-style-image:none !important;
}

.nmx-wrap-container.websitemaintenanceplans {
    max-width: 100%;
    width: 100%;
    padding: 0% !important;
    top: -100px;
    margin-bottom:-100px;
}

.header-main {
    background: transparent !important;
    box-shadow: none !important;
    color: #FFFFFF;
}

.nav-item--plans {
    color: #068FCE;
}
.badge {
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    position: absolute;
    z-index: 3;
    bottom: 0;
    right: 0;
    margin-right: 20px;
    z-index: 1;
}

.badge>span {
    /* padding: 0.05rem 0.45rem; */
    padding-top: 10px !important;
    padding: 15px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.badge__sale {
    background: #01B672;
}

.badge__new {
    background: #00bebe;
}

.free-module {
    display: none;
}

.plans-intro {
    /* display: flex;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px;
    margin-bottom: 3rem; */
    padding-top: 270px;
    margin-bottom: -170px;
    height: 1000px !important;
    background-repeat: no-repeat;
    background-size: cover !important;
}

.plans-intro>div {
    text-align: center;
    /* padding-top: 100px; */
    color: #FFFFFF;
    /* position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 12px;
    padding-left: 12px;
    flex: 0 0 100%;
    max-width: 100%; */
}

.plans-intro>div h1 {
    font-size: 85px;
}

.plans-intro>div p {
    font-size: 18px;
    font-weight: 400;
}


/* .plans-intro>div+div {
    margin-top: calc(3rem - (0.45rem * 2));
} */

@media (min-width: 1024px) {
    /* .plans-intro>div {
        flex: 0 0 50%;
        max-width: 50%;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    .plans-intro>div+div {
        margin-top: 0;
    } */
}

.plans-intro>div *:last-child {
    margin-bottom: 0;
}

.plans-intro a:not(.btn) {
    text-decoration: none;
    border-bottom: 1px solid #0686d4;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


/* .plans-intro a:not(.btn):hover {
    background: #D5EBF8;
    text-decoration: none;
    border-bottom-color: transparent;
} */

@media screen and (prefers-reduced-motion: reduce) {
    .plans-intro a:not(.btn) {
        transition: none;
    }
}
.plans-intro .btn-group {
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:20px;
}
.plans-intro .btn-outline {
    margin-top: calc(1.3rem - 0.45rem);
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 400;
    text-transform: none;
    border: solid 1px #fff;
    background-color: transparent;
    height:60px;
    display:flex;
    align-items:center;
    justify-content:center;
    width:fit-content;
}
.plans-intro .btn-outline:hover {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    text-transform: none;
    border: solid 1px #fff;
    background-color: rgba(240, 246, 249, 0.5) !important;
}
.plans-intro .btn-solid {
    /* margin-top: calc(1.3rem - 0.45rem); */
    margin-top: calc(1.3rem - 0.45rem);
    
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 400;
    text-transform: none;
    display:flex;
    width:fit-content;
    justify-content:center;
    align-items:center;
    height:60px;
}
.plans-intro .ta-c {
    padding: 0 20px;
}
.plans {
    /* padding-left: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px;
    margin-top: -24px; */
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    max-width: 1400px;
    margin: 0 auto;
    padding-left: 0;
}

.plans__item {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 12px;
    padding-left: 12px;
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 24px;
}

@media (min-width: 576px) {
    .plans__item {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.plans__inner {
    background: #fafafa;
    border: 1px solid #FFFFFF;
    /* box-shadow: 0px 1px 3.84px 0.16px rgba(0, 0, 0, 0.2); */
    height: 100%;
    position: relative;
    padding: 2rem 1.5rem;
    border-radius: 8px;
}

@media (min-width: 1024px) {
    .plans__inner {
        height: auto;
        min-height: 560px
    }
}

.plans__icon {
    display: flex;
    align-items: center;
    justify-content: left;
    height: fit-content;
    margin: 0 auto 18px;
}

.plans__icon svg {
    display: block;
    width: 36px !important; 
    height: 36px !important; 
}

.plans__name {
    margin: 0;
    text-align: left;
    font-size: 25px;
    font-weight: 500;
}

.plans__price {
    border: 1px solid #c6c6c6;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    margin: calc(1rem - 0.45rem) 0 0;
    padding: .4rem 0;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
}
.plans__inner.scale .plans__price {
    border-top:1px solid #EDEDED;
}
.plans__price .currency {
    font-size: 16px;
    line-height: 25px;
}
.plans__price b {
    font-size: 43px;
    font-weight: 500;
}

.plans__benefits {
    padding-left: 0;
    list-style-image: url('https://www.numinix.com/includes/templates/nmn/images/plan_check.png');
    margin: calc(1.5rem - 0.45rem) 0;
}

.scale .plans__benefits {
    /* list-style-image: url('https://www.numinix.com/includes/templates/nmn/images/plan_check_active.png') !important; */
}

.plans__benefits li {
    text-align: left;
    font-size: 18px;
    color:#171717;
}
.scale .plans__benefits li {
    color:#fff;
}

.plans__benefits strong {
    font-weight: inherit;
}

.plans__benefits li+li {
    /* margin-top: calc(1.5rem - (0.45rem * 2)); */
    margin-top:10px;
    margin-bottom:10px;
}

.plans .btn {
    /* display: block; */
    display: block;
    color: #068FCE;
    /* border-color: #068FCE; */
    font-size: 18px;
    font-weight: 500;
    border: 0.5px solid #068FCE !important;
    border-radius: 50px;
}

.badge {
    top: 0;
    bottom: auto;
}

.nmx-wrap-container.websitemaintenanceplans {
    max-width: 100%;
    width: 100%;
    padding: 0% !important;
    top: -100px;
}

@media (min-width: 1260px) {
    .plans__item {
        flex: 0 0 25%;
        max-width: 25%;
    }
}

.plans__inner::before {
    background: url(../../images/sprite_plans.png) no-repeat 0 0;
}

.plans__inner.maintenance svg {
    width: 49.112px;
}

.plans__inner.maintenance image {
    width: 49.112px;
}

.plans__inner.optimize svg {
    height: 58.771px;
    width: 70px;
}

.plans__inner.growth svg {
    width: 37.877px;
}

.plans__inner.scale svg {
    width: 59.292px;
}

.scale {
    background: linear-gradient(256.76deg, #00A1EB -6.54%, #004494 134.17%);
    color: #FFFFFF;
}

.scale .btn {
    color: #FFFFFF;
    border: 0.5px solid #FFFFFF !important;
}

.breadcrumb {
    display: none;
}

.plans__inner:hover {
    border-color: #0686d4;
    cursor: pointer;
}
div.plans-intro {
    background-image: url('/includes/templates/nmn/images/package_banner.png');
    background-position:center;
} 
div.plans-intro h1 {
    font-size: 85px;
    line-height: 103px;
    text-transform: none;
    margin-bottom: 32px !important;
}
div.plans-intro .ta-c p {
    font-weight: 100;
}
@media (max-width: 1200px){
    div.plans-intro h1 {
        font-size: 40px;
        line-height: 1.3em;
    }
}
@media (max-width:768px) {
    div.plans-intro {
        padding-top:200px;
        height:800px !important;
    }
    div.plans-intro h1 {
        font-size:32px;
        line-height:45px;
        margin-bottom:12px !important;
    }
    .plans-intro>div p {
        font-size:15px;
        line-height:22px;
        font-weight:400;
    }
    .plans__price {
        border-color:#068FCE;
        text-transform:none;
    }
    .plans-intro a.btn-outline.btn-plan-comparison-header {
        background-image:linear-gradient(90deg, rgba(73,198,255,1) 0%, rgba(6,78,162,1) 33%, rgba(0,161,235,1) 66%, rgba(0,68,148,1) 100%);
        background-size:300% 100%;
        border:none;
    }
    .plans-intro a.btn-solid.btn-plan-comparison-header {
        display:none;
    }
    .plans__benefits li {
        margin-bottom:10px;
    }
    .plans__benefits {
        padding:25px auto !important;
    }
    .plans__inner {
        padding:3.5rem 1.5rem;
    }
}
.plans__inner .plans__name {
    text-transform: none;
    margin-bottom:5px;
    color:#171717;
    font-family: 'Manrope', sans-serif;
    font-size:24px;
    font-weight:700;
    line-height:45px;
}
.plans__inner .plans__description {
    color:#636363;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 20px;
    min-height: 60px;
}
.plans__inner.scale .plans__name,
.plans__inner.scale .plans__description {
    color:#fff;
}
.plans__price {
    padding-top: 25px;
    font-size: 16px;
    line-height: 25px;
}
.plans__price b {
    font-size: 42px;
    line-height: 52px;
    font-weight: 100;
}
.plans__benefits {
    margin-bottom: 46px;
    padding-left: 0;
    list-style: none;
}
.plans__benefits li {
    background: url('/includes/templates/nmn/images/icon-check-white-circle.png') left 5px no-repeat!important;
    padding-left: 30px;
}
.scale .plans__benefits {
    list-style:none;
}
.scale .plans__benefits li {
    background: url('/includes/templates/nmn/images/icon-check-green-circle.png') left 5px no-repeat !important;
    padding-left: 25px;
}
.plans .btn {
    border-radius: 50px;
    font-size: 18px;
    line-height: 30px;
    font-weight: 100;
    text-transform: none;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.plans__inner .plans__price {
    font-family: 'Manrope', sans-serif;
    font-size: 42px;
    font-weight: 700;
    line-height: 34px;
    text-transform: capitalize;
}
.plans__price.web_maintain_price {
    display:flex;
}
.plans__price.web_maintain_special_price {
    display:flex;
    color: #999 !important;
    padding-top: 0;
    border-top: 0 !important;
    width: fit-content;
    position: relative;
}
.plans__price.web_maintain_special_price::before {
    content: '';
    height: 1.5px;
    width: 100%;
    display: block;
    background: #999;
    position: absolute;
    top: 15px;
}
.plans__inner.maintenance .plans__price {
    color:#0074AA;
}
.plans__inner.optimize .plans__price {
    color:#01B672;
}
.plans__inner.growth .plans__price {
    color:#DB3200;
}
.plans__inner.scale .plans__price {
    color:#fff;
}
span.web_maintain--dollarsign {
    font-size: 20px;
    line-height: 20px;
}
span.web_maintain--value {
    margin-right: -5px;
}
span.web_maintain--permonth {
    font-size:16px;
    text-transform:none;
}