:root {
    --body-bg: #fff;
    --white-color: #fff;
    --black-color: #000;
    --title-color: #15173D;
    --caption-color: #474B71;
    --dark-blue-color: #15173D;
    --text-color: #262626;
    --secondaryText-color: #666;
    --border-color: #E9E9E9;
    --cardBox-color: #F5F5F5;
    --p-card-cardBox-color: #fff;
    --cardBox-color-gradient: 245, 245, 245;
    --brandRed-color: #EC1C24;
    --lightRed-color: #FFF8F8;
    --brandPrimary-color: #333994;
    --brandPrimary-top-color: #fff;
    --brandBlue-color: #00B8F1;
    --lightBlue-color: #F2FBFF;
    --premium-color: #FFCA05;
    --lightPremium-color: #FFF8E0;
    --adBg-color: #ECEFF1;
    --banner-color1: #E0F5FD;
    --banner-color2: #FFF8E0;
    --banner-color3: #FFEAED;
    --banner-color4: #E9EBF6;
    --breakingnews-bg: #FDECED;
    --breakingnews-text-color: #410000;
    --gray9-color: #999;
    --rose-color: #ED396C;
    --green-color: #8DC541;
    --orange-color: #F39200;
    --quickdoc-color: #114dba;
    --spl-heighlight-color-1: #eed9ec;
    --spl-heighlight-border-color-1: #930074;
    --spl-heighlight-color-2: #eaeed3;
    --spl-heighlight-border-color-2: #919b58;
    --spl-heighlight-color-3: #d9ecf0;
    --spl-heighlight-border-color-3: #099bbe;
    --article-size-1: 1090px;
    --article-size-2: 1150px;
    --form-border: #dae3e6;
    --trial-plan-bg: #fffbee;
    --slide-dot-color: #dedede;
}

.mm-dark-theme {
    --body-bg: #181818;
    --white-color: #fff;
    --black-color: #000;
    --title-color: #E0E0E0;
    --caption-color: #999;
    --dark-blue-color: #070707;
    --text-color: #E0E0E0;
    --secondaryText-color: #aaa;
    --border-color: #262626;
    --cardBox-color: #242424;
    --p-card-cardBox-color: #242424;
    --cardBox-color-gradient: 36, 26, 36;
    --brandRed-color: #EC1C24;
    --lightRed-color: #242424;
    --brandPrimary-color: #A3ABDB;
    --brandPrimary-top-color: #080927;
    --brandBlue-color: #7DD6F5;
    --lightBlue-color: #242424;
    --premium-color: #FFCA05;
    --lightPremium-color: #242424;
    --adBg-color: #070707;
    --banner-color1: #1C2C31;
    --banner-color2: #332d19;
    --banner-color3: #311D1D;
    --banner-color4: #1B1C2A;
    --breakingnews-bg: #FDECED;
    --breakingnews-text-color: #410000;
    --rose-color: #C85878;
    --green-color: #708D49;
    --orange-color: #C88D34;
    --quickdoc-color: #114dba;
    --spl-heighlight-color-1: #2e222d;
    --spl-heighlight-border-color-1: #5f034c;
    --spl-heighlight-color-2: #1f220c;
    --spl-heighlight-border-color-2: #4f5916;
    --spl-heighlight-color-3: #0f2428;
    --spl-heighlight-border-color-3: #157188;
    --form-border: #3f3f3f;
    --trial-plan-bg: #393939;
    --slide-dot-color: #4b4b4b;
}

.mm-sepia-theme {
    --body-bg: #F4ECD8;
    --white-color: #fff;
    --black-color: #000;
    --title-color: #444542;
    --dark-blue-color: #353546;
    --text-color: #444542;
    --secondaryText-color: #5F605C;
    --border-color: #E7D9C3;
    --cardBox-color: #E7D9C3;
    --p-card-cardBox-color: #E7D9C3;
    --cardBox-color-gradient: 231, 217, 195;
    --brandRed-color: #DA2235;
    --lightRed-color: #E7D9C3;
    --brandPrimary-color: #443674;
    --brandPrimary-top-color: #fff;
    --brandBlue-color: #5399B5;
    --lightBlue-color: #E7D9C3;
    --premium-color: #FFCA05;
    --lightPremium-color: #E7D9C3;
    --adBg-color: #F6F0E0;
    --banner-color1: #d5e6dd;
    --banner-color2: #E3D9B2;
    --banner-color3: #E1CACA;
    --banner-color4: #CACCD2;
    --breakingnews-bg: #FDECED;
    --breakingnews-text-color: #410000;
    --rose-color: #ED396C;
    --green-color: #8DC541;
    --orange-color: #F39200;
    --quickdoc-color: #114dba;
    --spl-heighlight-color-1: #f2e4e0;
    --spl-heighlight-border-color-1: #cd8eb0;
    --spl-heighlight-color-2: #eeedd5;
    --spl-heighlight-border-color-2: #cccca5;
    --spl-heighlight-color-3: #e4ece6;
    --spl-heighlight-border-color-3: #67bbc8;
    --form-border: #D7C9B3;
    --trial-plan-bg: #e7d9c3;
    --slide-dot-color: #ccc1b0;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

html,
body {
    font-size: 16px;
}

body {
    line-height: 1;
    font-family: 'Roboto', sans-serif;
    background-color: var(--body-bg);
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

img {
    max-width: 100%;
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.clear {
    clear: both;

}

.rounded-10 {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.mm-float-left {
    float: left;
}

.mm-primary-color {
    background-color: var(--brandPrimary-color);
}

.mm-text-center {
    text-align: center;
}

.fullwidth {
    width: 100%;
}

.mm-uppercase {
    text-transform: uppercase;
}

.mm-acnt-icon,
.mm-myaccount-header .fas {

    background-image: url("clientlib-subscription/resources/img/sprite-my-account.svg");
    background-size: 250px 150px;
    background-repeat: no-repeat;
}


.mm-dark-theme .mm-acnt-icon,
.mm-dark-theme .mm-myaccount-header .fas {
    background-position: -170px -112px;
}


.mm-align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mm-justify-content-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.mm-d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.mm-myaccount-header {
    background-color: var(--body-bg);
    border-bottom: 1px solid var(--border-color);
}

.header-icon-text,
.prmium-new-login {
    color: var(--text-color);
}

.mm-account-container {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    padding: 0 10px;
}

.mm-account-container::after,
.mm-account-container::before,
.faqcontainerwrp:after,
.faqcontainerwrp:before {
    content: "";
    display: table;
}

.mm-account-container::after,
.faqcontainerwrp:after {
    clear: both;
}

.planBoxwraper {

    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #e6e7eb;
    background: -moz-linear-gradient(-55deg, #e6e7eb 0%, #e6e7eb 6%, #e6e7eb 6%, #eff0f2 6%, #eff0f2 15%, #f9f9f9 15%, #f9f9f9 50%, #f9f9f9 85%, #eff0f2 85%, #eff0f2 94%, #eff0f2 94%, #e6e7eb 94%, #e6e7eb 100%);
    background: -webkit-linear-gradient(-55deg, #e6e7eb 0%, #e6e7eb 6%, #e6e7eb 6%, #eff0f2 6%, #eff0f2 15%, #f9f9f9 15%, #f9f9f9 50%, #f9f9f9 85%, #eff0f2 85%, #eff0f2 94%, #eff0f2 94%, #e6e7eb 94%, #e6e7eb 100%);
    background: linear-gradient(145deg, #e6e7eb 0%, #e6e7eb 6%, #e6e7eb 6%, #eff0f2 6%, #eff0f2 15%, #f9f9f9 15%, #f9f9f9 50%, #f9f9f9 85%, #eff0f2 85%, #eff0f2 94%, #eff0f2 94%, #e6e7eb 94%, #e6e7eb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e7eb', endColorstr='#e6e7eb', GradientType=1);
    margin-bottom: 15px;
    margin-top: -12px;
}

.planlistwrpOuter {
    margin-top: 10px;
}

.planBoxheader {
    text-align: center;
    color: #fff;
    width: 100%;
    padding-top: 30px;
}

.trialplanBoxleft {
    padding-right: 15px;
    text-align: left;
}

.mm-plan-heading {
    font-size: 1.875rem;
    font-weight: 400;
    margin-bottom: 10px;
    color: var(--title-color);
}

.mm-plan-heading span {
    font-weight: 700;
}

.planBoxtitle {
    text-transform: uppercase;
    color: var(--title-color);
}

.mm-plan-title1 {
    font-size: 1.6rem;
    font-weight: 600;
    color: var(--title-color);
    margin-bottom: 15px;
    line-height: 1.2;
}

.mm-caption-para {
    font-size: 1rem;
    color: var(--caption-color);
    line-height: 1.4;
}

.mm-caption-para span {
    font-weight: 700;
}

.mm-btn {
    display: inline-block;
    padding: 12px 20px;
    margin-bottom: 0;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    text-decoration: none;
}

.mm-btn-outline {
    border: 2px solid var(--brandPrimary-color);
    color: var(--brandPrimary-color);
    background-color: var(--body-bg);
}

.mm-btn-outline:hover {
    background-color: var(--brandPrimary-color);
    border-color: var(--brandPrimary-color);
    color: #FFFFFF;
}

.mm-btn-fill {
    background-color: var(--dark-blue-color);
    color: var(--white-color) !important;
}

.mm-btn-fill:hover {
    background-color: var(--dark-blue-color);
    color: var(--white-color) !important;
}


.mm-thankyoucontent .mm-btn-fill,
.enterprisewrp .enterpriseBox .mm-btn-fill {
    background-color: var(--premium-color);
    color: #000 !important;
    font-size: 1rem;
    font-weight: 500;
}

.mm-thankyoucontent .mm-btn-fill:hover,
.enterprisewrp .enterpriseBox .mm-btn-fill:hover {
    background-color: #ffd22e;
    color: #000;
}

.planBoxsub {
    color: var(--caption-color);
    font-size: 16px;
    margin-bottom: 20px;
    margin-top: 5px;
}

.planBoxoffer {
    width: 100%;
    padding-top: 20px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    max-width: 275px;
}

/*
.gray-ray{
	background-image: url('clientlib-subscription/resources/img/black-ray.svg');
}
.white-ray{
	background-image: url('clientlib-subscription/resources/img/white-ray.svg');
}*/
.trialplanwrper {
    width: 100%;
    background: #f4f5f7;
    padding: 20px 0;
    margin-bottom: 20px;
}

.trialplan-container {
    max-width: 800px;
    margin: 0 auto;
    overflow: hidden;
}

.trialplanBox,
.enterpriseBox {
    background-color: var(--body-bg);
    padding: 30px 20px;
    background-position: 160% -50px;
    background-repeat: no-repeat;

}

/* .enterpriseBox {
    background-color: var(--cardBox-color);
    background-position: 110% -30px;
    background-image: none;
} */

.mm-benefitswrper {
    margin: 20px 0;
}

/* .sub-benefits-icon {
    background-image: url('clientlib-subscription/resources/img/subscription-benefits-v2.svg');
    background-size: 352px 80px;
    background-repeat: no-repeat;
    width: 80px;
    height: 80px;
    margin: 0 auto 10px;

} */

.subicon2 {
    background-position: -91px 0;
}

.subicon3 {
    background-position: -182px 0;
}

.subicon4 {
    background-position: -265px 0;
}

/* .subscription-benefitsUl {
    float: left;
    width: 100%;
} */

/* .subscription-benefits-li {
    width: 25%;
    float: left;
    padding: 0 10px;
    position: relative;
} */

/* .subscription-benefits-li::after {
    content: "";
    position: absolute;
    left: 30px;
    right: 30px;
    height: 10px;
    background: white;
    box-shadow: 0px 7px 25px rgba(0, 0, 0, 0.16);
    bottom: 2px;
    z-index: 0;
} */

.subscription-benefitsIn {
    background: var(--body-bg);
    padding: 15px 15px 20px;
    border: 1px solid var(--border-color);
    position: relative;
    z-index: 1;
}

.subscription-benefitsList {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 30px;
}

.enterprisewrp {
    margin: 20px 0;
}

/*...................... FAQ ........................*/
.nopadding {
    padding: 0;
}

.mm-faq-container-wrp {
    width: 100%;
    margin: 0 auto
}

.mm-faq-accordion-ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.mm-faq-accordion-ul .mm-faq-accordion-li {
    width: 100%;
    border: 1px solid var(--border-color);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    margin-bottom: 10px;

}

.faqsectionWrp .mm-faq-accordion-ul .mm-faq-accordion-li:last-child {
    border: 1px solid var(--border-color);
}

.mm-faq-head {
    padding: 20px 35px 20px 20px;
    position: relative;
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--text-color);
    cursor: pointer;
    line-height: 1.4
}

.mm-faq-body {
    padding: 0px 20px 20px;
    font-size: 1rem;
    color: var(--secondaryText-color);
    display: none;
    line-height: 1.5
}

.mm-faq-arrows {
    background-image: url("clientlib-subscription/resources/img/faq-arrow.svg");
    background-size: 10px 18px;
    background-repeat: no-repeat;
    width: 10px;
    height: 8px;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -5px;
    background-position: 0px -12px
}

.mm-faq-head.mm-faq-active {
    color: var(--title-color)
}

.mm-faq-head.mm-faq-active .mm-faq-arrows {
    background-position: 0px 1px
}

@media only screen and (min-width: 767.5px) {
    .mm-faq-head:hover {
        color: var(--title-color)
    }

    .mm-dark-theme .mm-faq-head:hover {
        color: var(--premium-color);
    }
}

@media only screen and (max-width: 767.5px) {
    .faqsectionWrp .mm-faq-container-wrp h1 {
        font-size: 18px;
        margin: 0 0 15px 0px;
        background: none;
        padding: 0;
        border-radius: 0;
    }

}

@media only screen and (max-width: 640px) {
    .mm-faq-head {
        padding: 15px 30px 15px 15px
    }

    .mm-faq-arrows {
        right: 15px
    }

    .mm-faq-body {
        padding: 0 15px 15px
    }
}

/*...................... FAQ Ends ........................*/
.faqsectionWrp {
    margin: 20px 0;
    overflow: hidden;
}

.faqLeft {
    width: 67%;
    padding-right: 10px;
    float: left;
}

.supportBox {
    text-align: center;
    padding: 50px 20px;
    background-position: 50% -50px;
    position: relative;
    z-index: 1;
    background-repeat: no-repeat;
    border: 1px solid var(--border-color);
}

.supportBox.mm-primary-color {
    background-color: var(--p-card-cardBox-color);
}

.faqRight {
    width: 33%;
    float: right;
    padding-left: 20px;
    position: relative;
}

/*
.faqRight::after {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: -2000px;
    background-color: #F4F5F7;
	background-image: url('clientlib-subscription/resources/img/dotted.svg');
	background-repeat: no-repeat;
	background-position: 8% center;
    left: 25%;
		-moz-border-radius: 10px 0px 0px 10px;
	-webkit-border-radius: 10px 0px 0px 10px;
	border-radius: 10px 0px 0px 10px;
}
*/
/* .faqRight .emailtext:after {
    content: "";
    width: 48px;
    height: 6px;
    background: var(--premium-color);
    ;
    margin: 15px auto 0;
    display: block;
    border-radius: 10px;
} */

.supportp {
    max-width: 200px;
    margin: 0 auto 10px;
    line-height: 1.5;
    color: var(--caption-color);
    font-size: 14px;
}

.emailtext {
    color: var(--title-color);
    font-weight: 500;
    text-decoration: none;
}

.faqcontainerwrp {
    margin-top: 20px;
}

.subscription-footerwrp {
    background-color: var(--cardBox-color);
    margin-top: 20px;
    padding: 40px 0;
}

.subscriptionfooterUl {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

.subscription-footerLi {
    display: inline-block;
    vertical-align: middle;
    padding: 0 20px;
    position: relative;
    margin-bottom: 15px;
}

.subscription-footerLi::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: var(--text-color);
}

.subscription-footerLi:last-child:after {
    display: none;
}

.subscription-footerLi a {
    text-decoration: none;
    color: var(--text-color);
    font-size: 0.9rem;
}

.subscription-copyright {
    text-align: center;
    font-size: 0.9rem;
    color: var(--secondaryText-color);
    padding-top: 10px;
}

.mmThankyouHand {
    max-width: 280px;
    width: 100%;
    float: right;
}

.mm-thankyouImg {
    float: right;
    width: 40%;
}

.mm-thankyoucontent {
    float: left;
    width: 60%;
}

.mm-thankyoucontent .mm-btn.mm-btn-fill {
    min-width: 260px;
    text-transform: uppercase;
}

.thankyou-title {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px;
    color: var(--title-color);
}

.thankyouSub {
    color: var(--title-color);
    margin-bottom: 20px;
    line-height: 1.5;
}

.thankyouSub span {
    color: var(--title-color);
    font-weight: 700;
}

.thankyoulink {
    margin-top: 20px;
    display: inline-block;
    color: var(--caption-color);
    font-weight: 700;
    text-decoration: underline;
    text-transform: uppercase;
}

.product-summary-wrp {
    min-height: calc(100vh - 267px);
}

.thankyoucontentwrp {
    padding: 30px 0;
    min-height: calc(100vh - 251px);
}

.thankyou-summary-wrp .mm-account-container {
    max-width: 900px;
}

.profile-wrapper .ev .form-horizontal .form-group {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

@media only screen and (max-width:991px) {

    .product-summary-wrp .mm-account-container {
        padding: 0 15px;
    }

    /* .subscription-benefits-li {
        width: 50%;
        margin-bottom: 20px;
    } */

    .faqLeft,
    .faqRight {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    .supportBox {
        background-position: -36% -80px;
        /* max-width: 480px; */
        margin: 0 auto;
        padding: 30px 15px;
    }

    .faqRight::after {
        display: none;
    }

    .faqRight {
        padding-top: 15px;
        padding-bottom: 0;
    }

}

@media only screen and (max-width:640px) {
    /* .subscription-benefits-li {
        width: 100%;
        margin-bottom: 10px;

    } */

    /* .subscription-benefits-li:last-child {

        margin-bottom: 0px;
    } */

    .trialplanBoxIn.mm-d-flex {
        display: block;
    }

    .trialplanBoxleft {
        padding-right: 0;
        width: 100%;
        margin-bottom: 25px;
        text-align: center;
    }

    .mm-plan-heading {
        font-size: 1.5rem;
    }

    .subscription-footerwrp {
        padding: 20px 0;
    }

    .subscriptionfooterUl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .subscription-footerLi {

        width: 50%;
        text-align: left;
        padding-left: 0;
    }

    .subscription-footerLi:after {
        display: none;
    }

    .subscription-footerLi a,
    .subscription-copyright {
        font-size: .875rem;
    }

    .trialplanwrper {
        padding: 15px 0;
        margin-bottom: 15px;
    }

    .mm-benefitswrper,
    .enterprisewrp,
    .faqsectionWrp {
        margin: 15px 0;
    }

    .faqcontainerwrp,
    .subscription-benefitsList,
    .subscription-footerwrp {
        margin-top: 15px;
    }

    .trialplanBox,
    .enterpriseBox {
        padding: 20px;
    }

    .mm-thankyoucontent,
    .mm-thankyouImg {
        width: 100%;
        text-align: center;
    }

    .mmThankyouHand {
        float: none;
        margin: 0 auto 20px;
    }

    .thankyoucontentwrp {
        min-height: calc(100vh - 232px);
    }
}

@media only screen and (max-width:480px) {

    .trialplanBox,
    .enterpriseBox {
        background-position: left -50px;
    }

    .thankyouSub span {
        display: block;
    }
}


.mm-my-account-wrapper .cmp-header__section-nav-wrp,
.mm-my-account-wrapper .main-nav-outer,
.mm-my-account-wrapper .cmp-header__right-li,
.mm-my-account-wrapper .cmp-header__top {
    display: none;
}

.mm-my-account-wrapper .cmp-header__right-li.cmp-header__right-li--my-account {
    display: block;
    border-left: none;
}

/*................................................. DARK THEME ..........................................*/



.mm-dark-theme .planBoxwraper {
    background: #111;
    background: -moz-linear-gradient(-55deg, #2F3133 0%, #2F3133 6%, #2F3133 6%, #232426 6%, #232426 15%, #111 15%, #111 50%, #111 85%, #232426 85%, #232426 94%, #232426 94%, #2F3133 94%, #2F3133 100%);
    background: -webkit-linear-gradient(-55deg, #2F3133 0%, #2F3133 6%, #2F3133 6%, #232426 6%, #232426 15%, #111 15%, #111 50%, #111 85%, #232426 85%, #232426 94%, #232426 94%, #2F3133 94%, #2F3133 100%);
    background: linear-gradient(145deg, #2F3133 0%, #2F3133 6%, #2F3133 6%, #232426 6%, #232426 15%, #111 15%, #111 50%, #111 85%, #232426 85%, #232426 94%, #232426 94%, #2F3133 94%, #2F3133 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2F3133', endColorstr='#2F3133', GradientType=1);

}

.mm-sepia-theme .planBoxwraper {

    background: #E7D9C3;
    background: -moz-linear-gradient(-55deg, #E7D9C3 0%, #E7D9C3 6%, #E7D9C3 6%, #f0e4d0 6%, #f0e4d0 15%, #E7D9C3 15%, #E7D9C3 50%, #E7D9C3 85%, #f0e4d0 85%, #f0e4d0 94%, #f0e4d0 94%, #E7D9C3 94%, #E7D9C3 100%);
    background: -webkit-linear-gradient(-55deg, #E7D9C3 0%, #E7D9C3 6%, #E7D9C3 6%, #f0e4d0 6%, #f0e4d0 15%, #E7D9C3 15%, #E7D9C3 50%, #E7D9C3 85%, #f0e4d0 85%, #f0e4d0 94%, #f0e4d0 94%, #E7D9C3 94%, #E7D9C3 100%);
    background: linear-gradient(145deg, #E7D9C3 0%, #E7D9C3 6%, #E7D9C3 6%, #f0e4d0 6%, #f0e4d0 15%, #E7D9C3 15%, #E7D9C3 50%, #E7D9C3 85%, #f0e4d0 85%, #f0e4d0 94%, #f0e4d0 94%, #E7D9C3 94%, #E7D9C3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E7D9C3', endColorstr='#E7D9C3', GradientType=1);
    margin-bottom: 15px;
}

/* .mm-dark-theme .sub-benefits-icon {
    background-image: url('clientlib-subscription/resources/img/subscription-benefits-dark-mode-v2.svg');
} */

.mm-dark-theme .mmThankyouHand img {
    visibility: hidden;
}

.mm-dark-theme .mmThankyouHand {
    background-image: url('clientlib-subscription/resources/img/thank-you-dark-mode-v2.svg');
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.mm-dark-theme .profile-wrapper .custom-select,
.mm-dark-theme .profile-wrapper select.widget-input {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23bababa' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
    background-color: var(--body-bg);

}

.mm-dark-theme .mm-faq-arrows {
    background-image: url("clientlib-subscription/resources/img/faq-arrow-dark-mode.svg");
}

.slick-list .slick-track .slick-slide {
    padding-left: 10px;
    padding-right: 10px;
}

.slick-dotted .slick-dots li {
    width: 10px;
    height: 10px;
    transition: width 0.4s ease;
    -webkit-transition: width 0.4s ease;
}

.slick-dotted .slick-dots li button {
    display: block;
    background-color: var(--slide-dot-color);
    width: 10px;
    height: 10px;
    border-radius: 10px;
    transition: width 0.4s ease;
    -webkit-transition: width 0.4s ease;
}

.slick-dotted .slick-dots li.slick-active {
    width: 25px;
}

.slick-dotted .slick-dots li.slick-active button {
    background-color: var(--premium-color);
    width: 25px;
    border-radius: 35px;
}

.slick-dotted .slick-dots li button:before {
    display: none;
}

.ads {
    padding-top: 35px;
    padding-bottom: 0;
}

.ads .ads-slide:not(.slick-initialized) li:not(:first-child) {
    display: none;
}

.ads .ads-slide li img {
    display: block;
    max-width: 100%;
    object-fit: contain;
    width: 100%;
    height: auto;
}

.subscription-benefitsList .subscription-benefitsUl.slick-slider .slick-arrow {
    width: 40px;
    height: 40px;
    background-image: url('clientlib-subscription/resources/img/slider-arrow.svg');
    background-repeat: no-repeat;
    visibility: hidden;
    opacity: 1;
    z-index: 1;
}

.subscription-benefitsList .subscription-benefitsUl.slick-slider:hover .slick-arrow {
    visibility: visible;
}

.subscription-benefitsList .subscription-benefitsUl.slick-slider:hover .slick-arrow.slick-disabled {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}

.subscription-benefitsList .subscription-benefitsUl.slick-slider .slick-arrow::before {
    display: none;
}

.subscription-benefitsList .subscription-benefitsUl.slick-slider .slick-arrow.slick-prev {
    left: 15px;
    background-position: top left;
}

.subscription-benefitsList .subscription-benefitsUl.slick-slider .slick-arrow.slick-next {
    right: 15px;
    background-position: top right;
}

.mm-dark-theme .subscription-benefitsList .subscription-benefitsUl.slick-slider .slick-arrow.slick-prev {
    background-position: center left;
}

.mm-dark-theme .subscription-benefitsList .subscription-benefitsUl.slick-slider .slick-arrow.slick-next {
    background-position: center right;
}

.mm-sepia-theme .subscription-benefitsList .subscription-benefitsUl.slick-slider .slick-arrow.slick-prev {
    background-position: bottom left;
}

.mm-sepia-theme .subscription-benefitsList .subscription-benefitsUl.slick-slider .slick-arrow.slick-next {
    background-position: bottom right;
}



.subscription-benefitsList .subscription-benefitsUl .slick-list {
    padding-left: 30px;
}

.subscription-benefitsList .subscription-benefitsUl .slick-track {
    display: flex;
}

.subscription-benefitsList .subscription-benefitsUl .slick-track .subscription-benefits-li {
    display: flex;
    height: auto;
    float: none;
}

.subscription-benefitsList .subscription-benefitsUl .subscription-benefits-in {
    background-color: var(--p-card-cardBox-color);
    border: 1px solid var(--border-color);
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    padding: 15px 10px;
}

.subscription-benefitsList .subscription-benefitsUl .subscription-benefits-in .sub-benefits-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 90px;
    width: 90px;
    height: 90px;
    border-radius: 90px;
    background-color: var(--adBg-color);
    padding: 15px;
}

.subscription-benefitsList .subscription-benefitsUl .subscription-benefits-in .sub-benefits-icon img {
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.subscription-benefitsList .subscription-benefitsUl .subscription-benefits-in .mm-plan-title {
    display: block;
    flex: 1 1 100%;
    width: 100%;
    color: var(--text-color);
    font-size: 15px;
    line-height: 1.3;
    font-weight: 400;
    padding-top: 10px;
    align-self: center;
    text-align: center;
}

.videos-list {
    margin-top: 65px;
    margin-left: auto;
    margin-right: auto;
    max-width: 768px;
}

.videos-list .video {
    position: relative;
    text-align: center;
    padding-bottom: 56.25000000000001%;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    overflow: hidden;
}

.videos-list .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.enterprisewrp {
    background-color: var(--trial-plan-bg);
    padding-top: 40px;
    padding-bottom: 40px;
}

.enterprisewrp .enterpriseBox {
    background-color: transparent;
}

.enterprisewrp .enterpriseBox .trialplanBoxIn .trialplanBoxRight {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
}

.enterprisewrp .enterpriseBox .trialplanBoxIn .trialplanBoxleft .mm-plan-title1 {
    max-width: 600px;
}

.enterprisewrp .enterpriseBox .trialplanBoxIn .trialplanBoxRight .mm-btn {
    width: 100%;
    min-width: 320px;
    max-width: 420px;
    margin-bottom: 15px;
    font-size: 15px;
}

.enterprisewrp .enterpriseBox .trialplanBoxIn .trialplanBoxRight .mm-btn-link {
    font-weight: 500;
    font-size: 15px;
    color: var(--text-color);
    opacity: 0.75;
}

@media screen and (min-width: 420px) {
    .subscription-benefitsList .subscription-benefitsUl .slick-list {
        padding-left: 0;
    }
}

@media screen and (min-width: 768px) {
    .subscription-benefitsList .subscription-benefitsUl .subscription-benefits-in {
        flex-direction: row;
        align-items: flex-start;
    }

    .subscription-benefitsList .subscription-benefitsUl .subscription-benefits-in .mm-plan-title {
        text-align: left;
        padding-left: 15px;
        padding-top: 0;
    }

}


/* 06-03-2024 start*/

.subscription-benefitsList .subscription-benefitsUl .slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

@media screen and (max-width: 991.99px) {
    .cmp-container .header .cmp-header .cmp-header__main .cmp-header__main-in .cmp-header__left {
        display: none !important;
    }

    .cmp-container .header .cmp-header .cmp-header__main .cmp-header__main-in .cmp-header__middle {
        max-width: 185px;
    }
}

/* 06-03-2024 end*/

/* 11 - 03 -2024 start */

.time-slot-outer {
    display: none;
}

.cmp-header__right {
    display: flex;
    justify-content: flex-end;
}

.enterprisewrp .enterpriseBox .trialplanBoxIn .trialplanBoxRight .mm-btn {
    text-transform: uppercase;
    font-size: 18px;
}

/* 11 - 03 -2024 end */

/* 20 - 03 - 2024 start */

.subscription-benefitsList .subscription-benefitsUl .subscription-benefits-in .sub-benefits-icon {
    padding: 8px;
}

.subscription-benefitsList .subscription-benefitsUl .slick-dots li:only-child {
    display: none;
}

.enterprisewrp .enterpriseBox .trialplanBoxIn .trialplanBoxRight .mm-btn {
    text-transform: uppercase !important;
}


@media screen and (min-width: 1180px) {
    .subscription-benefitsList .subscription-benefitsUl .subscription-benefits-in .mm-plan-title {
        font-size: 14px;
        line-height: 1.4;
    }
}

/* 20 - 03 - 2024 end */

/* 16 - 05 - 2024 Start */

.subscription-benefitsList {
    margin-left: 0;
    margin-right: 0;
}

.subscription-benefitsList .subscription-benefitsUl:not(.slick-slider) {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -9px;
    margin-right: -9px;
}

.subscription-benefitsList .subscription-benefitsUl:not(.slick-slider) .subscription-benefits-li {
    flex: 1 1 100%;
    width: 100%;
    max-width: 100%;
    padding: 9px;
}

.subscription-benefitsList .subscription-benefitsUl:not(.slick-slider) .subscription-benefits-li .subscription-benefits-in {
    display: block;
    padding: 0;
}

.subscription-benefitsList .subscription-benefitsUl:not(.slick-slider) .subscription-benefits-li .sub-benefits-icon {
    width: unset;
    height: unset;
    border-radius: 0;
    background-color: transparent;
    border-bottom: 1px solid var(--border-color);
    padding: 10px;
}

.subscription-benefitsList .subscription-benefitsUl:not(.slick-slider) .subscription-benefits-li .sub-benefits-icon img {
    max-height: 40px;
}

.subscription-benefitsList .subscription-benefitsUl:not(.slick-slider) .subscription-benefits-li .mm-plan-title {
    text-align: center;
    padding: 20px 10px;
    font-weight: bold;
}

.subscription-benefitsList .subscription-benefitsUl:not(.slick-slider) .subscription-benefits-li .mm-plan-title a,
.subscription-benefitsList .subscription-benefitsUl:not(.slick-slider) .subscription-benefits-li .mm-plan-title strong {
    text-decoration: none;
    color: #B64040;
    font-size: inherit;
    line-height: inherit;
}


@media screen and (min-width:375px) {
    .subscription-benefitsList .subscription-benefitsUl:not(.slick-slider) .subscription-benefits-li {
        flex: 1 1 calc(100% / 2);
        width: calc(100% / 2);
        max-width: calc(100% / 2);
    }

    .subscription-benefitsList .subscription-benefitsUl:not(.slick-slider) .subscription-benefits-li .subscription-benefits-in {
        height: 100%;
    }
}


@media screen and (min-width:768px) {
    .subscription-benefitsList .subscription-benefitsUl:not(.slick-slider) .subscription-benefits-li {
        flex: 1 1 calc(100% / 3);
        width: calc(100% / 3);
        max-width: calc(100% / 3);
    }
}

@media screen and (min-width:1024px) {
    .subscription-benefitsList .subscription-benefitsUl:not(.slick-slider) .subscription-benefits-li {
        flex: 1 1 calc(100% / 4);
        width: calc(100% / 4);
        max-width: calc(100% / 4);
    }

    .subscription-benefitsList .subscription-benefitsUl:not(.slick-slider) .subscription-benefits-li .mm-plan-title {
        padding-left: 25px;
        padding-right: 25px;
        font-size: 16px;
    }
}

.mm-caption-contact {
    font-family: inherit;
    font-size: 1.125rem;
    line-height: 1.2;
    color: var(--caption-color);
    font-weight: 700;
}

.mm-caption-contact a {
    text-decoration: none;
    color: inherit;
}

/* 16 - 05 - 2024 end */
/* 17 - 05 - 2024 start */
.mm-contactsswrper {
    background-color: var(--trial-plan-bg);
    padding-top: 40px;
    padding-bottom: 40px;
    margin-top: -15px;
    margin-bottom: 15px;
}

.mm-contact-container {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    padding: 0 10px;
}

.mm-contact-area {
    text-align: center;
}

.mm-contact-heading {
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--title-color);
    margin-bottom: 15px;
    line-height: 1.2;
    text-align: center;
}

.mm-contact-heading span {
    font-weight: 600;
    display: block;
}

.mm-contact-number {
    display: inline-block;
}

.mm-contact-number .mm-contact-number-item {
    display: flex;
    align-items: center;
}

.mm-contact-number .mm-contact-number-item:not(:last-child) {
    margin-bottom: 10px;
}

.mm-contact-number .mm-contact-number-item .mm-contact-number-icon {
    flex: 0 0 42px;
    width: 42px;
    max-width: 42px;
}

.mm-contact-number .mm-contact-number-item .mm-contact-number-text {
    padding-left: 15px;
}

.mm-contact-number .mm-contact-number-item .mm-contact-number-text p {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--title-color);
    line-height: 1.2;
    white-space: nowrap;
}

.mm-contact-number .mm-contact-number-item .mm-contact-number-text p a {
    text-decoration: none;
    color: inherit;
}

@media screen and (min-width:420px) {
    .mm-contact-heading span {
        display: inline;
    }

    .mm-contact-number {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .mm-contact-number .mm-contact-number-item:not(:last-child) {
        margin-right: 10px;
        margin-bottom: 0;
    }
}

@media screen and (min-width:640px) {
    .mm-contact-number .mm-contact-number-item {
        padding-left: 20px;
        padding-right: 20px;
    }

    .mm-contact-number .mm-contact-number-item:not(:last-child) {
        margin-right: 0;
    }
}

@media screen and (min-width:992px) {
    .mm-contact-area {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mm-contact-heading {
        text-align: left;
        margin-bottom: 0;
        max-width: 400px;
        margin-right: 40px;
    }

    .mm-contact-number {
        justify-content: flex-start;
        flex-wrap: nowrap;
        margin-left: -20px;
        margin-right: -20px;
    }

}

/* 17 - 05 - 2024 end */

/* 04-10-2024 start */
.subscription-benefitsList .subscription-benefitsUl .subscription-benefits-in .sub-benefits-icon img.mm-logo-dark {
    display: none;
}

.mm-dark-theme .subscription-benefitsList .subscription-benefitsUl .subscription-benefits-in .sub-benefits-icon img.mm-logo-light {
    display: none;
}

.mm-dark-theme .subscription-benefitsList .subscription-benefitsUl .subscription-benefits-in .sub-benefits-icon img.mm-logo-dark {
    display: block;
}

/* 04-10-2024 end */

/* 17-10-2024 start */

.mm-faq-body a,
.mm-faq-body u {
    word-break: break-all;
}

/* 17-10-2024 end */



/*... Added From Production 09-06-2025 ... */
@media only screen and (min-width:1180px){
	.mm-acnt-left-wrp{
		width: 25%;
		min-width: 25%;
		max-width:25%;
	}
	.mm-acnt-right-wrp{
		width: 75%;
	}
}

.cmp-embedded-code__inner {
    background-image: none !important;
    min-height: auto !important;
}

#myprofile .mm-acnt-tabs-block > div {
    background-image: url(../etc.clientlibs/revamp-mmonline/clientlibs/clientlib-site-premium/resources/img/loader.gif);
    min-height: 30px;
    background-repeat: no-repeat;
    background-position: center;
}

.time-slot-outer {
    display: none;
}

.cmp-header__right {
    display: flex;
    justify-content: flex-end;
}

.cmp-header__main .container {
    max-width: none;
}

.cmp-container .header .cmp-header .cmp-header__main .cmp-header__main-in .cmp-header__left {
	display: none !important;
}
.cmp-container .header .cmp-header .cmp-header__main .cmp-header__main-in .cmp-header__middle {
	max-width: 300px;
}
.cmp-header__logo{
    display: flex;
    align-items: center;
}
.cmp-header__logo-web{
    width: 100%;
}
/*... Added From Production ends 09-06-2025 ... */



/*  Header Reset 05-06-2025 */
.cmp-header__main{
    min-height: 48px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.01);
}
.cmp-header {
  min-height: 51px;
}
@media only screen and (min-width: 576px) {
  .cmp-header {
    min-height: 62px;
  }
      .cmp-header__main {
    min-height: 59px;
  }
}

@media only screen and (min-width: 768px) {
  .cmp-header {
    min-height: 68px;
  }
    .cmp-header__main {
    min-height: 65px;
  }
}
@media only screen and (min-width: 992px) {
  .cmp-header {
    min-height: 68px;
  }
    .cmp-header__main {
    min-height: 65px;
  }
}

@media only screen and (min-width: 1200px) {
  .cmp-header__main {
    min-height: 72px;
  }
    .cmp-header {
    min-height: 75px;
  }
}


/*.. Header Reset 05-06-2025  ends*/



/*.......................... subscription Plan BOx .......................................*/

.widget-container, .mm-myaccount-container{
	background: none;
	box-shadow: none;
}
.planlistwrp {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
}
.product-boost {
	display: none;
}
.planlistwrp .recommended-product .product-boost {
    position: absolute;
    border: none;
    padding: 0;
    right: -31px;
    transform: rotate(45deg);
    top: 30px;
    text-align: center;
	display: block;
}
.planlistwrp .recommended-product .product-boosted {
    text-transform: uppercase;
    border: none;
    font-size: 12px;
    font-weight: bold;
    background: var(--brandRed-color);
    color: var(--white-color);
    padding: 5px 30px;
}
.planlistwrp .recommended-product .product-boosted .glyphicon.glyphicon-star {
    display: none;
}
.planlistwrp .recommended-product .product-boost hr{
	display: none;
}
.planlistwrp .ev .pm2 .product-item {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
	
	background-color:var(--body-bg);
	padding: 20px;
	border: 1px solid var(--border-color);
}
.planlistwrp .ev .pm2 .recommended-product .product-item {
	-moz-box-shadow: 0px 3px 10px rgba(51, 51, 148, 0.14);
	-webkit-box-shadow: 0px 3px 10px rgba(51, 51, 148, 0.14);
    box-shadow: 0px 3px 10px rgba(51, 51, 148, 0.14);
	border-color: var(--premium-color);
}
.planlistwrp  .ev .pm2 .payment-content ul {
    margin: 1px;
    padding: 0;
}
.planlistwrp .ev .pm2 .payment-content li{
	border: none;
	padding: 0;
	cursor: default;
	text-align: left;
}
.planlistwrp  .ev .pm2 .payment-price {
    font-size: 36px;
    font-weight: 700;
	margin-left: 0;
}
.planlistwrp .ev .pm2 .payment-text{
	margin-left: 0;
	font-size:14px;
	color: var(--secondaryText-color);
	margin-top: 15px;
}
.planlistwrp .payment-text span[ng-show="showPlanDisplayName"] {
    display: none;
}
.planlistwrp .widget-body{
	background-color: transparent;
	padding: 0;
}
.product-summary-wrp .widget-body{
	background-color: transparent;
}
.planlistwrp  .product-item-container {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
.product-item-container::before {
    background: rgba(255,255,255,0.16);
    content: "";
    left: 0px;
    top: 0px;
    bottom: 30px;
    right: 50px;
    position: absolute;
    border-radius: 10px;
}
.product-item-container:last-child::before {
    right: 0px;
    left: 50px;
}
.planlistwrp .ev .pm2 .payment-content input[type="checkbox"]{
	opacity: 0;
	width: 0;
	height: 0;
	overflow: hidden;
}
.planlistwrp .ev .pm2 .product-title{
	text-align: left;
	font-size: 24px;
	color:var(--title-color);
	margin-top: 0;
}
.recommended-product .product-title  {
  padding-right: 60px;
}

.planlistwrp .product-description, .product-header .product-image {
    text-align: left;
    text-decoration: line-through;
    font-size: 20px;
    color: #666;
	
	
}
.ev .pm2 .product-header .product-image {
	margin-top: 5px;
	padding-bottom: 120px;
}
.planlistwrp .ev .pm2 .product-footer {
margin: 0;
display: none;
width: 100%;
position: absolute;
top: 200px;
left: 0;
padding: 0 20px;
}
.planlistwrp .product-item .product-body {
    position: absolute;
    top: 100px;
	left: 20px;
	right: 20px;
}
.planlistwrp .ev .pm2   .mm-planbox-controlwrp .btn-lg{
	display: block;
	width: 100%;
	border: 2px solid var(--title-color);
	color:var(--title-color);
	background: var(--body-bg);
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-transform: uppercase;
	font-weight: 500;
}
 
.planlistwrp .ev .pm2 .recommended-product .mm-planbox-controlwrp .btn-lg{
	background: var(--premium-color);
	color: var(--black-color);
	border-color: var(--premium-color);
}
.planlistwrp .ev .pm2 .recommended-product .mm-planbox-controlwrp .btn-lg:hover, .planlistwrp .ev .pm2   .mm-planbox-controlwrp .btn-lg:hover{
	background:  var(--premium-color);
	color: var(--black-color);
	border-color: var(--premium-color)
}
.planlistwrp .widget-header{
	display: none;
}
.planlistwrp .ev .pm2   .product-item hr{
	display: none;
}
.planlistwrp .ev .pm2 .product-features ul {
    padding-left: 35px;
}

.planlistwrp .ev .pm2 .product-features li {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 20px;
    color: var(--secondaryText-color);
}
.planlistwrp .ev .pm2 .product-features li:last-child{
    margin-bottom: 0;
}
.mm-planbox-controlwrp{
	display: block;
	width: 100%;
}
.planlistwrp .product-features{
	display: -webkit-box;
display: -ms-flexbox;
display: flex;
	-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
	-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.planlistwrp .ev .pm2 .product-features li:before{
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='13' viewBox='0 0 17 13'%3E%3Cpath d='M10.518 18.642 6.487 14.6 5.115 15.966l5.4 5.419 11.6-11.633L20.752 8.385Z' transform='translate(-5.115 -8.385)' fill='%2300b8f1'/%3E%3C/svg%3E");
	width: 17px;
	height: 13px;
	margin-left: -35px;
}
.planlistwrp .ev .pm2 .product-features li.excluded:before{
	content: "";
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3NC42NyA3NC42NyI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogIzlmOWY5ZjsKICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+CiAgICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im00NC44OCwzNy4zM2wyOC4yMy0yOC4yM2MyLjA5LTIuMDksMi4wOS01LjQ2LDAtNy41NC0yLjA5LTIuMDktNS40Ni0yLjA5LTcuNTQsMGwtMjguMjMsMjguMjNMOS4xMSwxLjU2QzcuMDItLjUyLDMuNjUtLjUyLDEuNTYsMS41Ni0uNTIsMy42NS0uNTIsNy4wMiwxLjU2LDkuMTFsMjguMjMsMjguMjNMMS41Niw2NS41NmMtMi4wOSwyLjA5LTIuMDksNS40NiwwLDcuNTQsMS4wNCwxLjA0LDIuNDEsMS41NiwzLjc3LDEuNTZzMi43My0uNTIsMy43Ny0xLjU2bDI4LjIzLTI4LjIzLDI4LjIzLDI4LjIzYzEuMDQsMS4wNCwyLjQxLDEuNTYsMy43NywxLjU2czIuNzMtLjUyLDMuNzctMS41NmMyLjA5LTIuMDksMi4wOS01LjQ2LDAtNy41NGwtMjguMjMtMjguMjNaIi8+CiAgPC9nPgo8L3N2Zz4=");
    background-repeat: no-repeat;
    background-position: center center;
	width: 17px;
	height: 13px;
	margin-left: -35px;
}
.feature-clickmobilewrp {
    text-align: center;
    margin-top: 10px;
	display: none;
}
.featureClickbtn {
    text-transform: uppercase;
    color: var(--secondaryText-color);
    font-size: .875rem;
    font-weight: normal;
    text-align: center;
    display: table;
    margin: 0 auto;
    padding: 5px;
    white-space: nowrap;
	cursor: pointer;
}
.featureClickbtn span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.mm-feature-arrow{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='M10.41 11.76 15 16.087l4.59-4.327L21 13.092 15 18.76 9 13.092Z' transform='translate(-9 -11.76)' fill='%23666'/%3E%3C/svg%3E");
	display: inline-block;
width: 12px;
height: 7px;
background-repeat: no-repeat;
background-position: center center;
	vertical-align: middle;
}
.opend .mm-feature-arrow{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.336' height='7' viewBox='0 0 11.336 7'%3E%3Cpath d='M10.332,11.76l4.336,4.327L19,11.76l1.332,1.332L14.668,18.76,9,13.092Z' transform='translate(20.336 18.76) rotate(180)' fill='%23666'/%3E%3C/svg%3E");
}
.planlistwrp  .product-list.row {
    margin-right: 0;
    margin-left: 0;
}
.thankyou-summary-wrp {
    display: none;
}
.profile-wrapper .product-profile-submit-btn {
    border: none;
}
.product-selection-hidden {
    display: none;
}
.product-summary-wrp {
    visibility: hidden;
}
/*Promo code css starts*/
.product-summary-promo div#promocode,
.product-summary-promo .promo-trigger {
    display: none;
}
.product-summary-promo div#promocode.active,
.product-summary-promo .promo-trigger.active {
    display: block;
}
.product-summary-promo a.promo-trigger {
    font-size: 14px;
    color: #474b71;
    font-weight: 500;
    padding: 5px 28px 20px 28px;
}
.product-summary-promo a.promo-trigger .caret-down {
    background-image: url("../../../etc/designs/mmonline/clientlib-subscription/images/sprite-my-account.svg");
    background-size: 250px 150px;
    background-repeat: no-repeat;
    float: right;
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 6px;
    background-position: -60px -130px;
}
.product-summary-promo #promocode .widget-header {
    color: #474b71;
    background-color: transparent;
    font-size: 14px;
    font-weight: 500;
    padding: 0px 20px;
    text-transform: capitalize;
}
.product-summary-promo #promocode .widget-header span,
.product-summary-promo #promocode .promo-input {
    padding: 8px;
}
.product-summary-promo #promocode #promoInput {
    width: 75%;
    float: left;
    height: 40px;
    border-radius: 4px 0px 0px 4px;
}
.product-summary-promo #promocode #promoInput.ng-empty + #promoSubmit {
    color: #555 !important;
    background-color: #eee !important;
    background-image: none;
    border-color: #dae3e6;
}
.product-summary-promo #promocode #promoSubmit {
    width: 25%;
    float: left;
    height: 40px;
    margin-top: 0px;
    border-radius: 0px;
    text-transform: uppercase;
    outline-offset: 0px;
}
.product-summary-promo .promo-input::after {
    content: "";
    display: block;
    clear: both;
}
.product-summary-promo #promocode .widget-body {
    padding-top: 5px;
}
.product-summary-promo #promocode #promoWarning {
    padding: 8px;
    min-height: 30.6px;
    box-shadow: none;
}

button[ng-disabled="allAddressesUsedStatus"] {
    display: none !important;
}
/*Promo code css ends*/
.ev .razorpay-payment input[type="radio"] {
    position: relative;
    margin: auto 0px;
}
.ev .razorpay-payment label {
    margin-right: 15px;
}
ev-profile label span {
    display: none;
}
.profile-wrapper .ev-error-field {
    margin: 5px;
}
/*Razor pay code css starts*/
.product-payment-options {
    display: none;
}
.product-summaryBox .product-payment-options {
    border-top: 1px solid var(--border-color);
}
.razorpay-payment {
    position: relative;
    z-index: 1;
}
.razorpay-payment > div {
    display: flex;
    margin-left: -5px;
    margin-right: -5px;
}
div#ev-razorpay-method-options label {
    display: block;
    width: calc(33.3333333333333% - 10px);
    vertical-align: top;
    cursor: pointer;
    padding: 55px 8px 8px;
    margin: 0 5px 0 5px;
    font-size: 14px;
    line-height: 16px;
    position: relative;
    text-align: center;
    font-family: "Roboto";
    font-weight: 500;
    background-repeat: no-repeat;
    background-size: auto 30px;
    background-position: center 8px;
}
.mm-dark-theme div#ev-razorpay-method-options label input {
    border: 1px solid #4a4a4a;
}
div#ev-razorpay-method-options label input {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    border: 1px solid #ccc;
    width: 100%;
    height: 100%;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}
div#ev-razorpay-method-options label input:hover:after {
    background: var(--cardBox-color);
}
div#ev-razorpay-method-options label input:checked,
#ev-razorpay-method-options .active-label {
    border-color: var(--premium-color);
}
div#ev-razorpay-method-options label input:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px;
}
div#ev-razorpay-method-options label input:checked:after {
    background-color: var(--lightPremium-color);
}
div#ev-razorpay-method-options label input::before {
    background: var(--cardBox-color);
    width: 6px;
    height: 6px;
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    bottom: 29px;
    border-radius: 50%;
    margin-left: -3px;
    box-shadow: 0px 0px 0px 1px var(--gray9-color), 0px 0px 0px 1px var(--cardBox-color) inset;
}
div#ev-razorpay-method-options label input:checked::before {
    background: var(--brandBlue-color);
    box-shadow: 0px 0px 0px 1px var(--brandBlue-color), 0px 0px 0px 1px var(--cardBox-color) inset;
}
div#ev-razorpay-method-options label input:checked,
div#ev-razorpay-method-options label input:focus {
    outline: none;
}
div#ev-razorpay-method-options label[for="ev-razorpay-card-option"] {
    background-image: url("clientlib-subscription/resources/img/credicard-payment-icon.svg");
}
div#ev-razorpay-method-options label[for="ev-razorpay-upi-option"] {
    background-image: url("clientlib-subscription/resources/img/up-payment-icon.svg");
}
div#ev-razorpay-method-options label[for="ev-razorpay-emandate-option"] {
    background-image: url("clientlib-subscription/resources/img/e-Mandate-icon.svg");
}
.product-payment-options-label {
    font-weight: 700;
    color: var(--title-color);
    padding: 15px 20px 0;
    display: block;
}
.ev .payment-razorpay-submit .payment-razorpay-circle {
    margin: 13px auto 5px;
    padding: 10px !important;
    border-color: var(--brandPrimary-color);
    display: none;
}
/*Razor pay code css ends*/

@media (min-width: 768px) and (max-width: 991px) {
    .product-summary-promo #promocode #promoInput {
        width: 40%;
    }
    .product-summary-promo #promocode #promoSubmit {
        width: 12%;
    }
}
@media only screen and (max-width: 330px) {
    div#ev-razorpay-method-options label {
        font-size: 12px;
    }
}

@media only screen and (min-width:992px){
.planlistwrp .product-item-container {
  max-width: 400px;
}
.planlistwrp .product-list.row {
  display: -webkit-box;
display: -ms-flexbox;
display: flex;
  -webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.planlistwrp .col-md-3.product-item-container .product-description{
padding-bottom:140px;
}	
.planlistwrp .ev .pm2 .col-md-3.product-item-container .product-title{
font-size:19px;
}
}

@media only screen and (max-width:767px){
.planlistwrp  .ev .pm2 .product-item-container {
    margin-bottom: 10px;
	padding-left: 0;
padding-right: 0;
}
	.product-item-container:before, .product-item-container:last-child::before{
		left: 20px;
		right: 20px;
	}
	  
	.planlistwrp .ev .pm2 .product-features ul{
		display: none;
	}
	.feature-clickmobilewrp{
		display: block;
	}
}
/*.......................... subscription Plan BOx ends .......................................*/


/*.......................... subscription summary .......................................*/
.profile-wrapper .product-profile-legend{
	color: var(--caption-color);
	border-bottom: 1px solid var(--border-color);
display: block;
margin-bottom: 20px;
padding-bottom: 20px;
}
.summary-wrapper::after, .summary-wrapper::before {
    content: "";
    display: table;
}
.summary-wrapper::after{
	clear: both;
}
.profile-wrapper .widget-input {
    box-shadow: none;
    height: 43px;
    padding: 0 10px;
    border-radius: 5px;
    margin-top: 5px;
}
.profile-wrapper .widget-input:focus, .profile-wrapper .widget-input:hover {
    background-color: var(--body-bg);
    border-color: var( --brandPrimary-color);
	 box-shadow: none;
}
.profile-wrapper .widget-label {
    display: block;
    text-transform: capitalize;
    padding: 7px 0 0;
        padding-bottom: 0px;
    color: var(--text-color);
    font-size: 15px;
    width: 100%;
}
.profile-wrapper .widget-label ~ .col-sm-9 {
    width: 100%;
    padding: 0 !important;
	max-width: 100%;
}
.profile-wrapper .ev .pm2 .widget-label, .span.text-lt.ng-binding,  .widget-header {
    font-family: 'Roboto';
    font-weight: 500;
}
.profile-wrapper .ev .has-error input.ng-invalid.ng-dirty, .profile-wrapper input.ng-invalid.ng-dirty {
    background-color: #ffffff !important;
    border-color: #a94442;
}
.profile-wrapper  .ev-error-field {
    color: #b71c1c;
    font-size: 13px;
    margin-top: 5px;
    display: block;
}

.profile-wrapper {
    float: left;
    width: 65%;
	padding-right: 10px;
}
.product-summary-wrp-in {
    float: right;
    width: 35%;
	padding-left: 10px;
}

.personal-details.profile-section .ng-scope.ng-isolate-scope,  .billing-address.profile-section .ng-scope.ng-isolate-scope {
    width: 48%;
    float: left;
    display: block;
	margin-bottom: 15px;
}
.summary-wrapper {
    margin-top: 20px;
}
.summary-wrapper .personal-details.profile-section, .summary-wrapper .billing-address.profile-section>div {
     display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
     -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
 	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
}
.summary-wrapper .personal-details.profile-section {
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 20px;
    padding-bottom: 5px;
}
.summary-wrapper .ev .pm2 .profile-section-title {
    width: 100%;
    font-size: 18px;
    text-transform: uppercase;
    padding: 0;
    margin-bottom: 10px;
	font-weight: 700;
	color: var(--title-color);
}
.summary-wrapper .profile-section  .clearfix{
	display: none;
}
.custom-select, .summary-wrapper  select.widget-input {
    display: inline-block;
    width: 100%;
    padding-right: 1.75rem;
    line-height: 1.5;
    vertical-align: middle;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
      
    background-color: var(--body-bg);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.product-summaryBox {
    background: var(--cardBox-color);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid var(--border-color);
}
.product-summaryBox  .widget-body {
    padding: 20px;
    background-color: transparent;
}
.product-summaryBox  .table-header {
    display: none;
}
.product-summaryBox table td{
	 display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
     -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
	font-size: 14px;
	color:var(--title-color);
	-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.product-summaryBox table td .mobile-table-header {
    display: block;
	color: var(--caption-color);
	padding-right: 10px;
	font-weight: 500;
}
.product-summaryBox table td .mobile-table-content {
    font-weight: 500;
	text-align: left;
}
.product-summaryBox table td:nth-last-child(-n+2), .product-summaryBox table td:nth-last-child(-n+2) .mobile-table-header{
    font-size: 24px;
	font-weight: 700;
	color:var(--title-color);
   
}

.product-summaryBox  .table.table-striped{
	margin-bottom: 0;
}
.product-summaryBox table td:nth-last-child(-n+2) .mobile-table-content{
	font-weight: 700;
}
.product-summaryBox table tr td:first-child {
    border-top: none;
}
.checkout-button-wrp .widget-body {
    padding-top: 0;
}
.checkout-button-wrp .ev .pm2 .checkout-button-processing {
    display: block;
    width: 100%;
}
.checkout-button-wrp .ev .pm2 .checkout-button-processing .btn {
    display: block;
    width: 100%;
}
	
.profile-wrapper .widget-header {
   background: transparent;
color: var(--title-color);
font-size: 30px;
font-weight: 700;
padding: 0 0 10px;
margin-bottom: 20px;
text-transform: capitalize;
	border-bottom: 1px solid #ddd;
	
}
.profile-wrapper  .widget-body {
	padding: 0;
}
.checkout-button-wrp .ev .btn-success{
	background: var(--premium-color);
border-color: var(--premium-color)5;
	box-shadow: none;
	color: var(--black-color);
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	border: 1px solid var(--premium-color);
}
.checkout-button-wrp .ev .btn-success:hover {
    background: #ffd22e;
    color: var(--black-color);
    border-color: #ffd22e;
}
.checkout-button-wrp.checkout-button-wrp-mob {
    width: 100%;
    float: left;
	display: none;
}
.checkout-button-wrp.checkout-button-wrp-mob  .widget-body.pm2 {
    padding: 0;
}
.profile-wrapper .product-profile-submit-btn {
    height: 0;
    margin: 0;
    padding: 0;
	overflow: hidden;
}
.product-summaryBox table td.plansummary-td .mobile-table-content {
    font-size: 18px;
    text-align: left;
    float: left;
}
.product-summaryBox table td.plansummary-td {
    display: block;
    overflow: hidden;
}
.product-summaryBox table td.plansummary-td .mobile-table-content{
	text-align: left;
	font-size: 18px;
}
.changePlanlink {
    float: right;
	text-decoration: underline;
	color: var(--brandPrimary-color);
}
.ev  .changePlanlink a{
	text-decoration: underline;
	color: var(--brandPrimary-color);
}
@media only screen and (max-width:991px){
	.profile-wrapper{
		width: 100%;
padding-right: 0px;
	}
	.product-summary-wrp-in {
     width: 100%;
    padding-left: 0;
    margin-bottom: 20px;
}
	.checkout-button-wrp.checkout-button-wrp-mob {
    display: block;
		position: sticky;
bottom: 10px;
}
}

@media only screen and (max-width:768px){
	.product-summaryBox table tr.mobile-table-item{
		box-shadow: none;
		border-bottom:none;
		margin-bottom: 0;
	}
	.product-summaryBox  .ev .table-responsive{
		border: none;
		margin-bottom: 0;
	}
	.product-summaryBox table tr.mobile-table-item{
		padding: 0;
	}
}
@media only screen and (max-width:640px){
	.personal-details.profile-section .ng-scope.ng-isolate-scope, .billing-address.profile-section .ng-scope.ng-isolate-scope{
		width: 100%;
	}
	.profile-wrapper .widget-label{
		padding-top:5px;
	}
	.profile-wrapper .widget-header{
		font-size: 24px;
	}
}
/*.......................... subscription summary ends.......................................*/



ev-attribute-v2 label span {
    color: red;
}

.profile-wrapper .product-profile-legend::before {
    content: '*';
    color: red;
    padding-right: 5px;
}

.profile-wrapper .widget-header {
    margin-bottom: 10px  !important;
	border-bottom: none !important;
}
.profile-wrapper #personal-details-phone_number, 
label#label_personal-details-phone_number {
    display:none !important;
 }
 #personal-details-first_name,
 #personal-details-last_name{
     text-transform: capitalize;
 }

.ev .form-control{
	border-color: var(--form-border);
	background-color: var(--body-bg);
	color: var(--text-color);
}
.ev .form-control[disabled], .ev .form-control[readonly], .ev fieldset[disabled] .form-control{
	background-color: var(--border-color);
	border-color: var(--form-border);
	color: var(--gray9-color);
}
.ev .table > tbody > tr > td, .ev .table > tbody > tr > th, .ev .table > tfoot > tr > td, .ev .table > tfoot > tr > th, .ev .table > thead > tr > td, .ev .table > thead > tr > th{
	border-color: var(--form-border);
}
/*plan page css starts*/
.subscribe-plan .mm-faq-container-wrp h1 {
    display: none;
}

.subscribe-plan .product-header .product-image {
    margin-top: 5px;
    padding-bottom: 120px;
}

.subscribe-plan .ev .pm2 .product-image,
.subscribe-plan .ev .pm2 .product-image img {
    margin: unset !important;
}

.subscribe-plan .product-item-container .payment-frequency.ng-binding {
    display: none;
}

.subscribe-plan .planlistwrp .ev .pm2 .product-item {
    height: 100% !important;
}

.subscribe-plan .payment-text>span:first-child {
    display: none !important;
}
.subscribe-plan .enterprisewrp .enterpriseBox .mm-btn-fill:hover {
    border: 1px solid transparent;
}
.subscribe-plan .enterprisewrp .enterpriseBox .mm-btn-fill:hover::after {
    width:auto;
}
.subscribe-plan .subscription-benefitsList .subscription-benefitsUl.slick-slider .slick-arrow{
    font-size: 0px;
}
.subscribe-plan ev-product-selection .product-item-container::before {
    background: none;
}
/*subplan page css ends*/
.profile-wrapper .product-profile-legend {
    border-bottom: 1px solid #ddd;
    display: block;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.mm-my-account-wrapper .cmp-header__section-nav-wrp, .mm-my-account-wrapper .main-nav-outer, .mm-my-account-wrapper .cmp-header__right-li, .mm-my-account-wrapper .cmp-header__top, .topicsmenu{
    display: none;
}

.mm-my-account-wrapper .cmp-header__right-li.cmp-header__right-li--my-account {
    display: block;
    border-left: none;
}

.widget-label ~ .col-sm-9 {
    max-width: 100% !important;
    padding: 0 !important;
}

.locked-msg-loading-overlay {
    text-align: center;
}
.locked-msg-loading-overlay img {
    width: 60px;
    height: auto;
}
.enterprisewrp .enterpriseBox .trialplanBoxIn .trialplanBoxRight .mm-btn{
    text-transform: none    
}
.enterprisewrp .enterpriseBox .trialplanBoxIn .trialplanBoxRight .mm-btn-link{
    text-decoration: underline
}
@media only screen and (max-width: 991px) {
    .subscribe-summary .summary-wrapper{
        position: relative;
        padding-bottom: 40px;
        display: flex;
        flex-direction: column;
    }
    .subscribe-summary .profile-wrapper{
        order:2;
    }
    .subscribe-summary .product-summary-wrp-in{
        order:1;
    }
    .subscribe-summary .checkout-button-wrp{
        position: absolute;
        bottom: 0px;
        left: 0px;
        right: 0px;
    }
}
#product-PREMIUMR1MONTH .product-image img{
    visibility:hidden;
}
.enterprisewrp .enterpriseBox .trialplanBoxIn .trialplanBoxRight .mm-btn {
    text-transform: uppercase !important;
}

.cmp-header__main .container {
    max-width: none;
}

.cmp-container .header .cmp-header .cmp-header__main .cmp-header__main-in .cmp-header__left {
	display: none !important;
}
.cmp-container .header .cmp-header .cmp-header__main .cmp-header__main-in .cmp-header__middle {
	max-width: 185px;
}

@media only screen and (min-width: 992px) {
    .cmp-header__logo a img {
        float: left;
    }
    .cmp-header__main .container {
        max-width: 1200px;
    }
}