body {
    -ms-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -o-text-size-adjust: none;
    -webkit-text-size-adjust: none;
}
.menu__inner {
    margin-top: 56px;
}

dl label { font-size: 16px; font-weight: 400; }

body .layout main .plans_list dl dd ul li>a {
    background: #053A6A; 
    background-image: none; 
    width: 95%; 
    padding: 10px 7px; 
    position: relative; 
    top: -10px;
    border-radius: 4px;
    display:block;
    color:#fff;
    margin: 15px auto 5px;
    border:none;
    font-size: 17px;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba (0, 0, 0, 0.6);
}
.layout .plans_list > p {
    margin-left: calc(1% + 15px);
    font-size: 15px;
    text-align: left;
    color: var(--gray-700, #383F4B);
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5em;
    margin-bottom: 8px;
  }
  .layout .plans_list h2 + p {
    text-align: center;
  }
  .layout .plans_list ul li h3 {
    margin-bottom: 24px;
    font-size: 19px;
  }
  .layout .plans_list ul li p {
    margin: 0;
  }

body .layout main .plans_list .plans-pricing-radio-container label { width: 100%; border: 1px solid #686868; padding: 15px 10px; border-radius: 4px; }
body .layout main .plans_list .plans-pricing-radio-container > div { margin-bottom: 35px; }
body .layout main .plans_list .plans-pricing-radio-container > div:first-child { margin-bottom: 20px; }
body .layout main .plans_list .plans-pricing-radio-container label { position: relative; }
body .layout main .plans_list dl dd ul li header { font-size: 18px; padding: 7px 10px; color: black; font-weight: 400; margin: 0 -11px 20px}
body .layout main .plans_list dl dd ul li.plancard-color-blue.plancard-styling-updated header {color: black;}
body .layout main .plans_list dl dd ul li.plancard-color-green.plancard-styling-updated header {color: black;}
body .layout main .plans_list dl dd ul li.plancard-color-gold.plancard-styling-updated header {color: black;}
body .layout main .plans_list dl dd ul li.plancard-color-silver.plancard-styling-updated header {color: black;} 
body .layout main .plans_list dl dd ul li.plancard-styling-updated header {color: white;}
body .layout main .plans_list dl dd ul li.plancard-styling-updated header {
    position: relative;
    z-index: 998;
}

/************ Price Area ***************/
body .layout main .plans_list dl dd ul li>a { width: calc(100% - 10px); }
.plans-pricing-radio-container {padding-left: 5px;padding-right: 5px;}
.plans-pricing-radio-container > p { display: none; }
.plans-pricing-radio-container input { margin-left: 0; }
.plans-pricing-radio-container > div, .plans-pricing-radio-container > div * { cursor: pointer; }
span.plancard-price-inner input {margin: 0;padding: 0;}
span.plancard-frequency {position: absolute;padding-left: 25px;}
span.plancard-price-area span { font-size: 12px; font-weight: 200; }
.plancard-price-inner {display: flex; justify-content: space-between; position: relative;align-items: center; }
.plancard-price-area, .plancard-frequency { color: black; }
.plancard-price-area > span { color: black; }
/************ END Price Area ***************/

/******** Plan Cards Color Stylyng VMA VBA VO **********/
.plancard-color-green { border: 1px solid #56D038; }
.plancard-color-green header { background: #56D038; }
.plancard-color-green .hint span { color: #45A52E; font-weight: 500; }
.plancard-color-green .plancard-bottom-usps ul li svg { fill: #45A52E; }

.plancard-color-blue { border: 1px solid #4FB5FE; }
.plancard-color-blue header { background: #4FB5FE; }
.plancard-color-blue .hint span { color: #0793E2; font-weight: 500; }
.plancard-color-blue .plancard-bottom-usps ul li svg { fill: #0793E2; }


.plancard-color-gold { border: 1px solid #F5BC08; }
.plancard-color-gold header { background: #F5BC08; }
.plancard-color-gold .hint span { color: #B68D07; font-weight: 500; }
.plancard-color-gold .plancard-bottom-usps ul li svg { fill: #B68D07; }

.plancard-color-silver { border: 1px solid #B7C1CA; }
.plancard-color-silver header { background: #B7C1CA;}
.plancard-color-silver .hint span { color: #82878D; font-weight: 500; }
.plancard-color-silver .plancard-bottom-usps ul li svg { fill: #82878D; }

.plancard-color-blue .plancard-bottom-usps ul li::before { color: #0793E2; }
.plancard-color-gold .plancard-bottom-usps ul li::before { color: #B68D07; }
.plancard-color-silver .plancard-bottom-usps ul li::before { color: #82878D; }

.plancard-color-office-60 { border: 1px solid #047104; }
.plancard-color-office-60 header { background: #047104;} 
.plancard-color-office-60 .hint span { color: #047104; }
.plancard-color-office-60 .plancard-bottom-usps ul li svg { fill: #047104; }

.plancard-color-office-120 { border: 1px solid #000099; }
.plancard-color-office-120 header { background: #000099;} 
.plancard-color-office-120 .hint span { color: #000099; }
.plancard-color-office-120 .plancard-bottom-usps ul li svg { fill: #000099; }

.plancard-color-office-120-toll-free { border: 1px solid #A50021; }
.plancard-color-office-120-toll-free header { background: #A50021;}  
.plancard-color-office-120-toll-free .hint span { color: #A50021; }
.plancard-color-office-120-toll-free .plancard-bottom-usps ul li svg { fill: #A50021; }

.plancard-color-office-240-toll-free{ border: 1px solid #800080; }
.plancard-color-office-240-toll-free header { background: #800080;} 
.plancard-color-office-240-toll-free .hint span { color: #800080; }
.plancard-color-office-240-toll-free .plancard-bottom-usps ul li svg { fill: #800080; }
/******** END Plan Cards Color Stylyng VMA VBA VO **********/

/************** HINT Styling (Qustion mark with its text) *************/
body .layout main .plans_list dl dd ul li p.hint:hover:before { z-index: 1; }

body .layout main .plans_list dl dd ul li p.hint:after { 
content: '';
background-image: url('https://cdn.shopify.com/s/files/1/0545/1851/3847/files/questionicon.svg?v=1640095144');
background-size: 11px 11px;
height: 11px;
width: 11px;
border: 0;
background-repeat: no-repeat;
vertical-align: top;
margin-left: 2px;
display: inline-block;
}

.plancard-styling-updated .hint span { font-weight: 500; }
.plancard-bottom-usps ul li svg {margin-left: 0; margin-right:5px}
.plancard-bottom-usps { font-size: 14px; }

body .layout main .plans_list .plancard-styling-updated p.hint {
    width: 100%;
    padding-left: 10px;
}

body .layout main .plans_list dl dd ul li p.hint {
    position: relative;
    font-size:15px;
}

body .layout main .plans_list dl dd ul li p.hint:before {
    content: attr(data-title);
    display: none;
    position: absolute;
    top: calc(100% + 2px);
    right: 10px;
    padding: 5px 10px;
    width: 200px;
    background: #fff;
    border: 1px solid #9fabad;
    border-radius: 4px;
    color: #000;
    font-size: 12px;
    text-align: center;
}

body .layout main .plans_list dl dd ul li p.hint:hover:before {
display: block;
}

.layout .plans_list ul li p:not(.hint) {display: none;}

p.hint::after { text-align: center; }

.plancard-styling-updated p.hint { color: black; top: -8px; }
/************** END HINT Styling (Qustion mark with its text) *************/

/* Depersonalize AB-72: Pricing Cards - Most popular */
.plancard-styling-updated,
.plancard-color-office-60,
#plan-cards .plancard-color-green {
    position: relative;
}
.layout .plans_list ul li p.newMostPopular {display: block;}

.newMostPopular {
    display: block;
    position: absolute;
    top: -32px;
    border: 1px solid #56d038;
    width: 100.75%;
    height: 50px;
    line-height: 32px;
    left: -1px;
    border-radius: 10px;
    background-color: #F2FCEF;
    z-index: 1;
}

.newMostPopularText {
    z-index: 998;
    display: block;
    position: relative;
    font-size: 15px;
    color: #23A403;
}

body .layout main .plans_list .plancard-bottom-usps ul li svg {
    margin-top: 3px;
}

body .layout main .plans_list .plancard-bottom-usps ul li {
    padding: 0 10px 5px 10px;
    margin: 0px;
    display: flex;
    width: 100%;
    min-height: 0;
    text-align: left;
}

body .layout main .plans_list dl dd ul li {
    display: inline-block;
    margin: 0 1%;
    padding: 0 10px 20px;
    width: 22%;
    min-height: 314px;
    background: none;
    border-radius: 10px;
    color: #6f6e6f;
    line-height: normal;
    text-align: center;
    vertical-align: top;
  }

  .layout .plans_list ul li header {border-radius: 10px 10px 0 0;}


/**************** Responsive *****************/

@media (min-width: 1008px) {
    #plan-cards, body .layout main .plans_list dl > dd >ul {
        padding-top: 25px;
    }
}

@media (max-width: 1007px) {
    body .layout main .plans_list.plan_options dl dd ul li.plancard-color-green,
    #plan-cards .plancard-color-green {
        margin-top: 30px;
    }
    body .layout main .plans_list.plan_options dl dd ul li {
        padding-bottom:9px;
    }
    .layout .plans_list > p{
        font-size:15px;
    }
}

@media only screen and (min-width: 600px) {
    body .layout main .plans_list dl dd ul li p.hint {
    text-align: center;
    padding-left: 7px;
    top: -10px;
    }
    .plancard-bottom-usps ul {
    line-height: 1.7em;
    left: -7px;
    position: relative;
    }
}

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

    body .layout main .plans_list dl {width: 100%;position: relative;margin: auto;}
    body .layout main .plans_list dl dd ul li p.hint {text-align: center;padding: 0 0 0 15px;}
    body .layout main .plans_list dl dd>p {
        margin: 0 auto;
        /* max-width: 300px; */
    }
}

@media (max-width: 1100px) {
    .plancard-bottom-usps > ul { left: 0; }
    .plancard-bottom-usps > ul > li { text-align: left; margin: 0 auto; width: 100%; }
    .plancard-styling-updated p.hint { width: 190px; margin: 0 auto; padding-left: 0 ; }
}
@media (max-width: 1280px) {
    #pricing-cards-paragraph {
        margin-left:0px;
        margin-right:0px;
    }
}

@media (min-width: 1008px) and (max-width: 1280px) {
    body .layout main .plans_list dl > dd > ul {
        display: flex;
        justify-content: center;
        gap: 12px;
    }
    /* body .layout main .plans_list dl dd > p {
        margin-left: 0;
        margin-right: 0;
      } */
    span.plancard-frequency {
        padding-left: 20px;
    }
    body .layout main .plans_list dl dd ul li {
        margin: 0;
        width: 100%;
        
    }
}

@media (max-width: 1007px) {
    body .layout main .plans_list dl dd ul {
        margin: 0 auto;
        max-width: 300px;
    }
    body .layout main .plans_list dl dd ul li {
        margin-bottom: 20px;
    }
}

@media (min-width: 1008px) {
    #plan-cards, body .layout main .plans_list dl > dd >ul {
        padding-top: 25px;
    }
}

@media (max-width: 1107px) {
    .menu__inner {
        margin-top: 0;
    }
}

@media only screen and (min-width: 600px) {
    body .layout main .plans_list .plancard-bottom-usps ul {
        left: 0;
    }
}
/**************** END Responsive *****************/