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: #072C5C; 
    background-image: none; 
    width: 100%; 
    padding: 10px 7px; 
    position: relative; 
    border-radius: 6px;
    display:block;
    color:#FFFFFF;
    margin: 24px 0;
    border:none;
    font-size: 16px;
    text-decoration: none;
}
.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 dl dd ul li.plancard-color-green.plancard-styling-updated h2 {
    color:#48A332;
    text-align: left;
    font-size:24px;
    line-height:normal;
    margin-bottom:8px;
  }
  body .layout main .plans_list dl dd ul li.plancard-color-blue.plancard-styling-updated h2 {
    color:#095DCC;
    text-align: left;
    font-size:24px;
    line-height:normal;
    margin-bottom:8px;
  }
  body .layout main .plans_list dl dd ul li.plancard-color-silver.plancard-styling-updated h2 {
    color: #6B7280;
    text-align: left;
    font-size:24px;
    line-height:normal;
    margin-bottom:8px;
  }
  body .layout main .plans_list dl dd ul li.plancard-color-gold.plancard-styling-updated h2 {
    color: #D48D00;
    text-align: left;
    font-size:24px;
    line-height:normal;
    margin-bottom:8px;
  }
  body .layout main .plans_list dl dd ul li.plancard-color-office-60.plancard-styling-updated h2 {
    color:#047104;
    text-align: left;
    font-size:24px;
    line-height:normal;
    margin-bottom:8px;
  }
  body .layout main .plans_list dl dd ul li.plancard-color-office-120.plancard-styling-updated h2 {
    color:#000099;
    text-align: left;
    font-size:24px;
    line-height:normal;
    margin-bottom:8px;
  }
  body .layout main .plans_list dl dd ul li.plancard-color-office-120-toll-free.plancard-styling-updated h2 {
    color: #A00521;
    text-align: left;
    font-size:24px;
    line-height:normal;
    margin-bottom:8px;
  }
  body .layout main .plans_list dl dd ul li.plancard-color-office-240-toll-free.plancard-styling-updated h2 {
    color: #800080;
    text-align: left;
    font-size:24px;
    line-height:normal;
    margin-bottom:8px;
  }
  body .layout main .plans_list dl dd ul li.plancard-styling-updated.card-new{
    margin-bottom:16px;
    padding:24px 20px;
  }
  #plan-prices {
    font-size:24px;
    color:#272D3A;
    /* margin:16px auto 30px auto; */
    font-weight:700;
    font-family: Inter;
    margin-bottom:0;
    margin-top:24px;
  }
  #plan-prices-year {
    color: var(--Gray-600, #545B67);
    text-align: left;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: line-through;
    margin-bottom:0px;
    margin-top:8px;
    padding:0;
  }
  #plan-prices-year + #plan-prices {
    margin-top: 0px;
    height:29px;
  }
  .plan-price-area {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    /* min-height: 65px; */
  }
  #plan-prices sup {
    font-size:12px;
    font-weight:400;
    font-family: Inter;
  }
  #yearly-text-test{
    padding:15px 10px;
  }
  .plans-pricing-pricing-radio-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

body .layout main .plans_list dl {
    margin:16px auto 0 auto;
}
body .layout main .plans_list h2 {
    margin-bottom:16px;
    font-weight: 600;
    margin-top:0;
}

body .layout main .plans_list .plans-pricing-radio-container label { 
    position: relative; 
    font-family: Roboto;
    font-weight:500;
    font-size:16px;
}
body .layout main .plan_options .yearly-discount {
    font-size:16px;
    color:#072C5C;
    margin:12px auto 24px;
    font-weight:400;

}
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 { 
    position: relative;
    width: 304px; 
    height: 40px; 
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box; 
    margin:24px auto 0;
}
.toggle-container{
    border:1px solid #C5C8CC;
    background-color: #FFF; 
    border-radius:6px;
    position: relative;
    width: 100%;
    height: 100%;
}
.toggle-container input[type="radio"] {
    display: none; 
}
.slider-test-new {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 143px;
    height: 32px;
    background-color: #072C5C; 
    border-radius: 4px;
    transition: 0.4s ease;
    z-index: 1; 
}

input#green-plan-yearly:checked ~ .slider-test-new {
    transform: translateX(152px); 
}

.plancard-price-inner {
    position: absolute;
    width: 152px; 
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    z-index: 2;
    cursor: pointer;
}

.plancard-price-inner:first-of-type {
    left: 0; 
}

.plancard-price-inner:last-of-type {
    right: 0; 
}

input#green-plan-monthly:checked ~ .plancard-price-inner:first-of-type .plancard-frequency {
    color: #FFFFFF; 
}

input#green-plan-yearly:checked ~ .plancard-price-inner:last-of-type .plancard-frequency {
    color: #FFFFFF; 
}

input#green-plan-yearly:checked ~ .plancard-price-inner:first-of-type .plancard-frequency,
input#green-plan-monthly:checked ~ .plancard-price-inner:last-of-type .plancard-frequency {
    color: #545B67; 
    font-weight:400;
}
.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; display:flex; justify-content: center;; }
.plancard-price-inner input {
    display: none; 
}

span.plancard-price-area span { font-size: 12px; font-weight: 200; }
.plancard-price-area > span { color: black; }
/************ END Price Area ***************/

/******** Plan Cards Color Stylyng VMA VBA VO **********/
.plancard-color-green { border: 1px solid #D7D8DB; }
.plancard-color-green .hint span { color: #48A332; font-weight: 500; }

.plancard-color-blue { border: 1px solid #D7D8DB; }
.plancard-color-blue .hint span { color: #095DCC; font-weight: 500; }


.plancard-color-gold { border: 1px solid #D7D8DB; }
.plancard-color-gold .hint span { color: #D48D00; font-weight: 500; }


.plancard-color-silver { border: 1px solid #D7D8DB; }
.plancard-color-silver .hint span { color: #6B7280; font-weight: 500; }


.plancard-color-blue .plancard-bottom-usps ul li::before { color: #095DCC; }
.plancard-color-gold .plancard-bottom-usps ul li::before { color: #D48D00; }
.plancard-color-silver .plancard-bottom-usps ul li::before { color: #6B7280; }

.plancard-color-office-60 { border: 1px solid #D7D8DB; }
.plancard-color-office-60 .hint span { color: #047104; }


.plancard-color-office-120 { border: 1px solid #D7D8DB; }
.plancard-color-office-120 .hint span { color: #000099; }


.plancard-color-office-120-toll-free { border: 1px solid #D7D8DB; }
.plancard-color-office-120-toll-free .hint span { color: #A50021; }


.plancard-color-office-240-toll-free{ border: 1px solid #D7D8DB; }
.plancard-color-office-240-toll-free .hint span { color: #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;
margin-left: 4px;
display: inline-block;
}

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

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

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;}
/************** 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;
    /* padding:16px; */
}
.layout .plans_list ul li p.newMostPopular {
    display: block;
    border-radius:5px 5px 0 0;
}
#pricing-cards-paragraph {
        margin-left:0px;
        margin-right:0px;
    }

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

.newMostPopularText {
    z-index: 998;
    display: block;
    position: relative;
    font-size: 14px;
    color: #272D3A;
    text-align:left;
    margin-left:13px;
    font-weight:500;
}

body .layout main .plans_list .plancard-bottom-usps ul li svg {
    margin-top: 2px;
    /* width:16px;
    height:16px; */
}

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

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

  .layout .plans_list ul li header {border-radius: 10px 10px 0 0;}
  body .layout main .plans_list .plancard-bottom-usps ul li.last-li{
    padding-bottom:0;
}
.like-h3-pricing {
    color:#383F4B;
}


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

@media (min-width: 1008px) {
    #plan-cards, body .layout main .plans_list dl > dd >ul {
        padding-top: 25px;
        display:flex;
        gap:20px;
        justify-content: space-around;
    }
      body .layout main .plans_list dl dd ul li {
        margin: 0;
        width: 100%;
        
    }
}

@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;
        padding:0 16px;
    }
    body .layout main .plans_list.plan_options dl dd ul li {
        padding-bottom:0;
        margin:8px 0 0 0;
    }
    body .layout main .plans_list h2 {
        margin-top: 16px;
        margin-bottom:16px;
    }
    body .layout main .plans_list .plancard-bottom-usps ul li.last-li{
        margin-bottom:16px;
    }
    /* body .layout main .plans_list.plan_options dl dd ul li > a.sign-up-new{
        margin-bottom:24px;
    } */
    body .layout main .plans_list dl dd ul li.plancard-styling-updated.card-new{
        padding:0 16px;
    }
    .plan-price-area{
        margin-top:16px;
        margin-bottom:24px;
    }
    #plan-prices-year{
        margin-top:0;
    }
    #plan-prices{
        margin-top:16px;
    }
    .plancard-bottom-usps {
        margin-top:24px;
    }
   body .layout main .plan_options > p{
        font-size:15px;
   }
   #pricing-cards-paragraph{
    padding-bottom:10px;
   }
}


@media only screen and (min-width: 600px) {
    body .layout main .plans_list dl dd ul li p.hint {
    text-align: left;
    }
    .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-top:8px;}
    body .layout main .plans_list dl dd ul li p.hint {text-align: left; height:18px;}
    body .layout main .plans_list dl dd>p {
        margin: 0 auto;
    }
}

@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: 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) {

    .plans_list #pricing-header {
        margin:16px 0 8px;
    }
    #plan-span {
        line-height:2.0;
    }
}

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

@media (max-width: 1008px) {
    body .layout main .plan_options {
        display: flex;
        flex-direction: column;
    }
    body .layout main .plan_options .plans-pricing-radio-container {
        order: 2;
        margin-top: 0;
    }
    body .layout main .plan_options .yearly-discount {
        order: 1;
        text-align: right;
        max-width: 304px;
        width: 100%;
        align-self: center;
        margin: 24px auto 4px;
    }
    body .layout main .plan_options dl {
        order: 3;
    }
}

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