.c-switch.c-switch-on .off-part::after {
    content: attr(data-after);
    color:#2BA31E;
}

.c-switch.c-switch-off .off-part::after {
    content: attr(data-after);
    color:#FFFFE7;
}

.banner-img {  width: 100%; }

.heading-a .head {
    position: relative;
    margin-bottom: 0;
    padding-bottom: 0;
    text-align:left;
}

.avtr {
    position: absolute;
    margin: 0 83px;
    z-index: 1;
    margin-top: -57px;
    border-radius: 50%;
    border: 8px solid #FFF;
}

.card_dtls {
    width: 18rem;
    margin-top: 4rem !important;
    margin:auto;
}

.heading-a .head ::before {
    content: "";
    display: block;
    position: absolute;
    left: 7%;
    bottom: -10px;
    width: 80;
    height: 5px;
    margin: 0 0 0 -29.5px;
    background-color: #f32160;
}

.bx-viewport {
    padding: 1rem;
    height: 100% !important;
}
.bx-wrapper {
    max-width: 100% !important;
    border: none;
    box-shadow: none;
}
.bx-wrapper .bx-pager.bx-default-pager a.active { background-color: #f32160; }
.bx-wrapper .bx-controls-direction a { z-index: 8; }

.plan-holder { display: flex; }
.plan-holder > .plan {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 1.5rem;
    /* box-shadow: 0 2px 10px #928989; */
    box-shadow: 0 0 20px #92898938;
    margin-bottom: 0.5rem;
    min-width: 300px;
    max-width: 33%;
    border-radius: 0.4rem;
}
/* .plan:hover { background-color: #f2f2f2; } */
.plan:hover { background-color: #EEECF7; box-shadow: 0 0 0px; }
.plan-heading {
    font-size: 1.3rem;
    font-weight: 800;
    margin-bottom: 1.25rem;
}
.plan-logo {
    width: 150px;
    margin-bottom: 1.5rem;
}
.plan-desc { min-height: 60px; }
.feature-list {
    list-style-type:none;
    padding:0;
}
.feature-list li { font-size: 14px; }
/* .feature-list li:nth-child(odd) { background: #F2F2F2; } */
.feature-list li:nth-child(odd) { background: #EEECF7; }
.plan:hover .feature-list li:nth-child(even) { background: #FFF; }

.plan-body { width: 95%; }

.plan-feature {
    margin-right: 10px;
    color: #382E6B;
    padding: 8px;
    width: 34px;
    text-align: center;
}

.plan-header {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.plan-header span { font-size: 14px; }

.col { padding-left: 0 !important; }

.feature-strike { text-decoration: line-through; }

#otherfe { display: none; }

.viewMoreDiv button {
    border: 1px solid #f23944;
    outline: 0;
}
.viewMoreDiv button i {
    color: #f23944;
}
.viewMoreDiv button:hover {
    color: #FFF;
    transition: .6s;
}
.viewMoreDiv button:hover i {
    color: #FFF !important;
    transition: .6s;
}

.viewMoreDiv .viewBut span, .viewMoreDiv .viewBut i { font-size: 1rem; }
.viewMoreDiv .viewBut span { font-weight: 500; }

.planPriceDiv {
    padding-top:1rem;
    padding-bottom:1rem;
}

.plnOldPriceDiv {
    font-size:.8rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.plnOldPriceDiv .plnOldPrice {
    font-size: .9rem;
    text-decoration: line-through;
}

.plnOldPriceDiv .planDisc {
    padding: 0.2rem 0.4rem;
    background: #E1DFED;
    border: 1.5px solid #4B4384;
    border-radius: 5px;
    color: #4B4384;
    font-weight:500;
}

.plnNewPriceDiv {
    font-size: 1.5rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    font-weight: 500;
}

.saveExt {
    color: #382E6B;
    font-size: 1rem;
}

.incluGst { font-size: .75rem; }

.trialDet {
    min-height:2rem;
    color: #382E6B;
    font-weight: 500;
    font-size: .9rem;
    padding-top: 0.5rem;
    margin-bottom: -0.5rem;
}

.planGetBut {
    background: linear-gradient(to right, #382E6B, #645C97);
    border: none;
    border-radius: 3px !important;
    color:#FFF !important;
    font-size: 1rem;
    font-weight: 500;
}
.planGetBut:hover {
    background: linear-gradient(to right, #CF3535, #645C97);
}