@import url(header.css);
@import url(footer.css);

/* @import url(universal-template.css); */

.subpage-banner {
    background: url('../images/Banner-PLP1.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: 90%;
}

.subpage-banner-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-height: 140px;
    text-align: left;
    padding-right: 0;
    /* padding-bottom: 5px; */
}

.subpage-maintitle {
    font-size: 34px;
    margin-bottom: 0;
}

.subpage-subtitle,
h2.subpage-subtitle {
    font-size: 16px;
    line-height: 18px;
    max-width: 90%;
    font-weight: 300;
    margin-bottom: 0;
}

#plans-tab {
    margin: 20px 0;
}

#plans-tab .plan-nav-button {
    border: none;
    color: var(--pure-black);
}

#plans-tab .plan-nav-button.active {
    border: none;
    border-bottom: 5px solid var(--blue-berry);
    background: var(--sky-blue);
}

.lmfilter-menu .data-filter {
    position: relative;
}

.data-filter .data-filterlink {
    padding: 8px 20px;
    margin-right: 10px;
    font-size: 14px;
    background: var(--white);
    border-radius: 8px;
    color: var(--pure-black);
    border: 1px solid var(--cyan-blue);
    box-shadow: 0 0 4px 0px #aba9a980;
}

.data-filter .data-filterlink.active {
    background: var(--cerulean-blue);
    border-radius: 10px;
    padding: 8px 24px;
    box-shadow: 0 0 4px 0px #aba9a980;
}

.data-filter .data-filterlink.active::before {
    /* content: "\2713"; */
    content: "";
    position: absolute;
    left: 8px;
    top: 12px;
    width: 14px;
    height: 14px;
    background-image: url(../images/filtertick-white.svg);
    background-size: 100%;
}


/* pdp banner  */

.lm-fliter-sec {
    padding: 5px 10px
}

.lmfilter-menu-sec {
    margin: 0;
    background-color: var(--sky-blue);
    padding: 10px;
    border-radius: 10px;
}

.filter-main-sec {
    display: flex;
    /* justify-content: space-between; */
    padding: 0;
}

.data-filter-reset {
    float: right;
    background: var(--teal-green);
    padding: 5px 16px;
    border-radius: 25px;
    min-width: 100px;
}

.filter-country-sec {
    display: flex;
    justify-content: end;
}

.filter-country-select {
    max-width: 250px;
    border-radius: 8px;
    margin-right: 10px;
    font-size: 14px;
    border: none;
    box-shadow: none;
    outline: none;
    box-shadow: 0 0 4px 0px #aba9a980;
}

.filter-country-select:focus,
.filter-country-select:hover {
    box-shadow: 0 0 4px 0px #aba9a980;
    outline: none;
}

.price-filermenu {
    position: relative;
}

.filter-price-menu {
    display: none;
    position: absolute;
    right: 0;
    background: var(--white);
    z-index: 9;
    border-radius: 10px;
    padding: 5px 0;
    box-shadow: 0px 5px 3px 0px #00000024;
}

.filter-price-menu::before {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    width: 0;
    height: 20px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid var(--white);
    position: absolute;
    top: -20px;
    right: 20px;
}

.price-filermenu:hover .filter-price-menu,
.price-filermenu:focus .filter-price-menu {
    display: block;
    list-style: none;
    padding-left: 0;
}

.btn-price-filer {
    outline: none;
}

.price-filter-select {
    text-align: center;
    border-radius: 8px;
    padding-top: 8px;
    font-size: 14px;
    text-align: left;
    padding-bottom: 8px;
    border: 1px solid var(--cyan-blue);
    box-shadow: 0 0 4px 0px #aba9a980;
}

.price-filter-select:focus {
    box-shadow: 0 0 4px 0px #aba9a980;
}


/* .price-filermenu .price-filter-select .walletfilter-icon {
    background-image: url(../images/filter-wallet-icon.svg);
} */

.walletfilter-icon:before {
    background-image: url(../images/filter-wallet-icon.svg);
    width: 1.5rem;
    height: 1.5rem;
    background-size: 1.5rem;
}

.price-filermenu .price-filter-select:focus {
    box-shadow: none;
}

.lm-common-terms .lm-common-termsitem:first-child {
    border-top: 1px solid rgba(0, 0, 0, .125);
}

.lm-common-terms .lm-common-termsitem,
.lm-common-terms .lm-common-termsitem:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.lm-common-terms .lm-common-termsitem:focus,
.lm-common-termsheading .lm-common-termsbtn:focus {
    box-shadow: none;
}

.lm-common-termsheading .lm-common-termsbtn {
    background-color: transparent;
    color: var(--pure-black);
    font-size: 22px;
}

.lm-common-termsheading .lm-common-termsbtn:not(.collapsed) {
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.lm-common-termsheading .lm-common-termsbtn::after {
    background-image: url(../images/accordion-plus-circle.svg);
    width: 1.5rem;
    height: 1.5rem;
    background-size: 1.5rem;
}

.lm-common-termsheading .lm-common-termsbtn:not(.collapsed)::after {
    background-image: url(../images/accordion-minus-circle.svg);
}

.bundle-terms-content .bundle-termsbody {
    padding-top: 5px;
}


/* pdp banner */


/* bundles design */

.pay-prepaid-container {
    padding: 20px;
    background-color: var(--blue-berry);
    text-align: center;
    color: var(--white);
}

.title-pay-prepaid {
    font-size: 38px;
    margin: 0;
    line-height: 38px;
}

.lm-bundle-outer-row {
    display: flex;
    justify-content: center;
}

.lm-bundle-outer {
    border: 2px solid var(--light-grey);
    border-radius: 15px;
    padding: 0;
    margin: 20px 10px;
    min-height: 325px;
    position: relative;
    box-shadow: 4px 4px 5px 1px #8c8f9f26;
    margin-top: 30px;
}

.lm-bundles {
    justify-content: center;
    margin-top: 20px;
}

.lm-bundles .lm-bundle-outer {
    margin: 20px 15px;
    max-width: 345px;
}

.lm-bundle-outer:hover {
    border: 2px solid var(--teal-green);
    position: relative;
    bottom: 2px;
}

.bundle-highlight {
    background-color: var(--sand-yellow);
    border: 0;
    border-radius: 8px;
    position: absolute;
    top: -15px;
    padding: 5px 8px;
    font-weight: 500;
    margin: 0 auto;
    left: 0;
    right: 0;
    color: var(--pure-black);
    font-size: 14px;
    line-height: 16px;
    max-width: 75%;
}

.lm-home-plans {
    padding-bottom: 50px;
}

.plans-top-sec {
    border-left: 3px solid var(--teal-green);
    padding: 0 24px 0 21px;
    margin-bottom: 0;
}

.plan-main-title {
    display: block;
    text-align: left;
    padding: 10px 5px;
    font-weight: 500;
    color: var(--thick-grey);
    font-size:20px;
}

.plan-icons {
    display: flex;
    justify-content: flex-end
}

.plans-esim-icon,
.plans-5g-icon {
    width: 32px;
    margin: 5px
}

.plans-data-volume,
.plans-new-price {
    font-size: 28px;
    line-height: 32px;
    font-weight: 600;
}

.price-sec-right {
    display: flex;
    align-items: end;
    flex-direction: column;
}

.plans-divider-sec {
    border-right: 2px solid var(--medium-grey);
    min-height: 40px;
}

.plans-pricing-sec {
    position: relative;
}

.plans-item {
    display: flex;
    align-items: center;
    line-height: 20px;
    list-style: none;
    font-size: 15px;
    margin-bottom: 5px;
}


/* 
.plans-item:nth-child(3n+1) {
    display: none;
} */

.plans-item:nth-child(3) {
    display: none;
}

.planitem-roaming-text {
    display: flex;
    align-items: center;
    line-height: 20px;
    list-style: none;
    font-size: 15px;
    margin-bottom: 5px;
}

.plans-item-icon {
    height: 25px;
    width: 25px;
    margin-right: 2px;
}

.plans-data-expiry,
.plans-validity {
    font-size: 13px;
    line-height: 10px;
    font-weight: 500;
}
.strike-data-volume{ 
    text-decoration:line-through #dc3545; 
    color:var(--thick-grey); 
    display: flex; 
    position: absolute;
    top: -20px;
}

.plans-data-expiry,
.plandetail-validity {
    display: flex;
}

.plans-old-price.strike-out {
    position: absolute;
    top: -20px;
    /* left: 0; */
    text-decoration: line-through;
    color:#dc3545;
}

/* .plans-old-price.strike-out span {
    text-decoration: line-through #dc3545;
} */
.plans-old-price.strike-out .strike-text, 
.plandetail-strikeout-data .strike-text,
.plandetail-strikeout-price .strike-text,
.monthly-strike-price .strike-text
{
    /* color: var(--medium-grey); */
    color:#4c4c4c;
}

.plans-includes {
    text-align: left;
    padding-left: 1.15rem;
    min-height: 90px;
    margin-bottom: 0.5rem;
    margin: 20px 0 10px 0;
}

.buythis-plan-sec {
    padding: 15px 0px;
}

.plans-data-sec {
    text-align: left;
    position: relative;
}

.monthlydata-expiry {
    line-height: 14px;
    font-size: 14px;
    padding: 0 3px;
}

.plan-name-details-row {
    margin: 24px 0;
    padding: 0px 6px;
}

.buynow-details-row {
    display: flex;
    align-items: center;
    margin: 0;
    margin-bottom: 17px;
    padding: 0 15px;
}

.buythis-plan-sec {
    padding: 2px 0;
}

.buythis-plan {
    font-weight: 500;
    background-color: var(--teal-green);
    padding: 10px 15px;
    display: block;
    width: 90%;
    margin: 0 auto;
    border: 0;
    color: var(--pure-black);
    border-radius: 8px;
}

.buythis-plan:hover {
    box-shadow: 0px 0px 3px 5px #8c8f9f1a;
}

.buythis-plan:active {
    box-shadow: none;
    top: 0px;
}

.plan-knowmore-sec {
    margin: 0 0 5px 0;
    text-align: left;
}

.plan-knowmore-link {
    border: 0;
    color: var(--cerulean-blue);
    background-color: transparent;
}

.plan-knowmore-link:hover {
    color: var(--cerulean-blue);
    background-color: transparent;
    text-decoration: underline;
}

.plans-data-volumelabel {
    line-height: 12px;
    font-size: 14px;
    display: flex;
    font-weight: 500;
}


/* .plan-extra-offers {
    min-height: 20px;
} */

.plan-extra-offers-txt {
    margin-bottom: 0;
    position: relative;
    text-align: center;
    bottom: 0px;
    background: var(--cyan-blue);
    border-bottom-right-radius: 14px;
    border-bottom-left-radius: 14px;
    font-weight: 500;
}

.plan-extra-offers-txt .plan-extra-offers-content {
    font-size: 12px;
    line-height: 12px;
    padding: 5px;
}

.plandetail-offerterms-content {
    font-size: 12px;
    /* line-height: 12px; */
    margin-top: 5px;
}

.plandetail-offerterms-content span {
    background: var(--cyan-blue);
    padding: 5px 8px;
    border-radius: 4px;
    display: inline-flex;
}

.view-more-plans,
.view-more-plans:hover {
    border-radius: 10px;
    border: 1px solid var(--light-pink);
    padding: 10px 15px;
    color: var(--pure-black);
    text-decoration: none;
    margin-top: 15px;
}

.list-all-plans {
    background-color: var(--light-grey);
    color: var(--pure-black);
    padding: 10px 15px;
    font-size: 16px;
    border-radius: 8px;
    line-height: 18px;
    max-width: 345px;
    width: 100%;
    font-weight: 500;
}

.list-all-plans:hover {
    box-shadow: 0 0 5px 0.1px var(--medium-grey);
}

.plans-top-monthly-sec {
    /* border-left: 3px solid var(--teal-green); */
    padding: 0;
    margin-bottom: 0;
    margin: 0;
}

.plans-top-monthly-sec .monthly-data-sec {
    background-color: var(--sky-blue);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 10px 0;
    margin-bottom: 10px;
    border-radius: 8px;
}

.plans-details-outer .plans-top-monthly-sec .monthly-data-sec {
    background-color: var(--cyan-blue);
}

.lm-bundle-outer .plans-top-monthly-sec {
    padding: 0 15px;
}

.plans-title {
    font-size: 18px;
    font-weight: 500;
    color: var(--thick-grey);
}

.plans-maindata-row {
    display: flex;
    align-items: baseline;
}

.plan-maindetail-content .plans-maindata-row {
    margin-top: 18px;
}

.monthly-data-sec {
    padding: 2px;
    display: flex;
}

.monthly-currency {
    font-size: 18px;
}

.choose-months-sec {
    display: flex;
    padding: 2px;
}

.bundle_validity {
    width: 18px;
    height: 18px;
    position: relative;
    z-index: -1;
}

.bundle_validity:checked::before {
    content: " ";
    position: absolute;
    color: var(--white);
    height: 15px;
    /* transform: rotate(5deg); */
    margin: 0 auto;
    right: 2.5px;
    bottom: 5px;
    z-index: 999
}

.bundle_validity:checked:checked:after {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    position: relative;
    /* background-color: var(--cerulean-blue); */
    content: '';
    display: inline-block;
    visibility: visible;
    background-size: 100%;
    background-image: url(../images/plantick-blue.svg);
    /* border: 3px solid var(--cerulean-blue); */
}

.monthlyprice-sec-right {
    padding: 10px;
    width: 100%;
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--light-grey);
    z-index: 1;
    background: var(--white);
}

.cerulean-border {
    border: 2px solid var(--cerulean-blue);
    background: var(--sky-blue);
}

.plans-maindata-sec {
    /* border-right: 1px solid var(--medium-grey); */
    padding-right: 0;
    margin: 5px 0;
}

.monthly-hilight {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.plan-currency {
    font-size: 24px
}

.monthly-strike-price {
    display: flex;
    text-decoration: line-through;
    color: #dc3545;
    font-size: 14px;
    line-height: 14px;
    min-width: 60px;
}

.monthly-offer {
    background-color: var(--sand-yellow);
    padding: 2px 5px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    width: fit-content;
}

.monthly-new-price {
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
}

.cerulean-border .monthly-new-price {
    color: var(--navy-blue);
}

.cerulean-border .monthly-validity {
    color: var(--midnight-blue);
}

.monthly-validity {
    font-size: 12px;
}


/* .monthlyplan-pricing-row {
    margin: 0;
} */


/* bundles design */


/* bundle terms common */

.bundle-common-terms {
    padding: 45px 0;
    background-color: var(--sky-blue);
}

.lm-common-termsitem,
.lm-common-termsbtn {
    background-color: transparent;
}

.detailtab-pane .accordion-countrybtn,
.detailtab-pane .accordion-button.accordion-countrybtn,
.detailtab-pane .accordion-item .accordion-countrybtn.collapsed {
    padding: 5px 10px;
    border-radius: 8px;
    background: var(--sky-blue);
    outline: none;
    box-shadow: none;
    margin-bottom: 10px;
    font-size: 14px;
}

.detailtab-pane .accordion-countrybtn::after {
    width: 1rem;
    height: 1rem;
    background-size: 1rem;
}

.lm-common-terms-body {
    padding: 0;
}

.lm-common-termsheading .lm-common-termsbtn {
    font-size: 18px;
    padding: 12px 0;
}

.faqaccordionFlush .accordion-item .accordion-collapse {
    padding: 0 12px;
}

.faqaccordionFlush .accordion-item .accordion-button {
    padding: 0 12px;
}

.faqaccordionFlush .learn-more-content {
    padding: 10px;
}


/* bundle terms common */


/* email signup main */

.signup-email-sec {
    padding: 45px 0;
}

.signup-main-container {
    border-radius: 25px;
    background-color: var(--sky-blue);
    padding: 25px 20px;
}

.signup-inner {
    margin: 0;
}

.signup-email-left {
    display: flex;
    justify-content: center;
}

.signup-email-right {
    padding: 10px;
}

.lm-subscribe-btn {
    background-color: var(--teal-green);
    padding: 5px 30px;
    border-radius: 8px;
    border: none;
}

.signup-email-input {
    margin-bottom: 10px;
    box-shadow: none;
    border-radius: 8px;
}


/* email signup main */


/* loader animation */

#lm-heart-load {
    justify-content: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 20px 0 0 0;
}

.lm-heart-loader {
    font-size: 50px;
    animation: beat .35s infinite alternate;
    transform-origin: center;
}


/* Heart beat animation */

@keyframes beat {
    to {
        transform: scale(1.15);
    }
}


/* loader animation */

.plans-details-main {
    padding: 12px 0 25px 0;
    background: var(--sky-blue);
}

.intl-callsto-section {
    padding: 35px 0;
    padding-bottom: 0;
}

.plan-maindetail-right,
.plan-maindetail-bullets {
    padding-top: 0 12px;
}

.termsandcond-section {
    padding: 35px 0;
}

.plans-details-outer .plans-detailbanner {
    padding: 2rem 0px;
    background-color: var(--sky-blue);
}

.plan-maindetail-row {
    padding: 20px 0;
}

.plans-details-leftimage {
    max-width: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    width: 100%;
}

.plandetail-data,
.plandetail-price {
    font-size: 32px;
    line-height: 30px;
    font-weight: 500;
}

.plandetail-price {
    border-left: 1px solid var(--border-grey);
    padding-left: 10px;
    box-shadow: -2px 0px var(--white);
    position: relative;
}

.plandetail-strikeout-price {
    font-size: 16px;
    text-decoration: line-through;
    color: #dc3545;
    position: absolute;
    top: -15px;
    line-height: 20px;
}

.plandetail-data-duration,
.plandetail-validity {
    font-weight: 500;
    font-size: 14px;
}

.plandetail-validity {
    margin-left: 10px;
    line-height: 14px;
}

.plandetail-data-duration {
    display: flex;
}

.spectrum-band,
.customer-type {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 0;
}

.plans-details-outer .highlight-blueberry {
    border-radius: 8px;
    background-color: var(--blue-berry);
    color: var(--white);
    font-size: 14px;
    padding: 5px 10px;
    line-height: 16px;
    border: none;
    text-align: center;
    margin-bottom: 8px;
}

.plans-details-outer .highlight-blueberry.esim-text {
    margin-bottom: 10px;
    display: inline-block;
}

.plan-includes-txt {
    font-size: 24px;
    font-weight: 500;
    text-decoration-line: underline;
    text-decoration-color: var(--medium-grey);
}

.plandetail-buynow-sec {
    margin-top: 10px;
}

.plans-details-outer .highlight-sandyellow {
    border-radius: 8px;
    background-color: var(--sand-yellow);
    font-size: 14px;
    padding: 5px 10px;
    line-height: 16px;
    border: none;
    text-align: center;
    margin-bottom: 8px;
}

.plans-details-outer .plans-detail-title {
    color: var(--pure-black);
    font-size: 30px;
    letter-spacing: 0;
    line-height: 33px;
}

.plans-details-outer .plan-details-list {
    list-style: none;
    /* list-style-image: url('https://s3-eu-west-2.amazonaws.com/lycamobileukwebsite/lycauk/dev/lycamobile-uk-cms/wp-content/uploads/2023/02/22102026/green-tickround.svg');
  */
    margin-top: 10px;
    padding-left: 0;
}

.plan-details-list .plan-details-listitem::before {
    content: "";
    position: absolute;
    top: 1px;
    left: -16px;
    width: 14px;
    height: 14px;
    /* background-image: url('https://s3-eu-west-2.amazonaws.com/lycamobileukwebsite/lycauk/dev/lycamobile-uk-cms/wp-content/uploads/2023/02/22102026/green-tickround.svg'); */
}

.plans-details-outer .plan-details-list .plan-details-listitem {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 16px;
    /* margin-bottom: 5px; */
    padding-left: 0;
    margin-left: 0px;
    position: relative;
    color: var(--thick-grey);
}

.plan-details-list span.logic-operator {
    margin-left: 32px;
}

.breadcrumbs-row #breadcrumbs {
    margin-bottom: 5px;
}

.breadcrumbs-row {
    font-size: 0.8rem;
    text-align: left;
}

.breadcrumbs-row a {
    color: var(--pure-black);
}

.breadcrumbs-row a:hover {
    text-decoration: underline;
}

.breadcrumbs-row span {
    color: var(--medium-grey);
}

.plan-maindetail-row .buynow-plan {
    padding: 7px 20px;
    width: 100%;
}

.plans-details-outer .plan-details-list .plan-details-listitem::marker {
    margin: 5px;
}

.plan-content-intltab {
    background: var(--sky-blue);
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    /* border-bottom: 1px solid var(--cyan-blue); */
}

.plan-content-intltab .intltabs-item .intltabs-link {
    border: 1px var(--white);
}

.intltabs:nth-child(1) .intltabs-link {
    border-top-left-radius: 10px;
    border-left: 0;
}

.plan-content-intltab .intltabs-item:nth-child(4) .intltabs-link {
    border-top-right-radius: 10px;
    border-right: 0;
}

.plans-details-with-countries .intltabs-link {
    color: var(--pure-black);
    background: var(--sky-blue);
    border-right: 2px solid var(--white);
    text-align: center;
}

.plans-details-with-countries .intltabs-link.active {
    background: var(--cyan-blue);
    position: relative;
}

.plans-details-with-countries .intltabs-link.active:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: 15px solid var(--cyan-blue);
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    bottom: -12px;
}

.plans-details-with-countries .detailtab-content {
    background-color: var(--sky-blue);
    margin-bottom: 10px;
    padding: 1rem;
    padding-top: 0;
    border-radius: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.plans-details-with-countries .detailtab-pane {
    border-radius: 10px;
    background-color: var(--white);
    padding: 1rem .5rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.plans-details-with-countries .col20per {
    max-width: 20%;
    text-align: center;
    border-right: 1px solid var(--light-grey);
    padding-bottom: 10px;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
}

.intl-calls-to {
    display: flex;
    align-items: center;
}

.call-info-text-content {
    font-size: 14px;
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.call-info-mobile {
    padding-right: 5px;
    width: 18px;
}

.call-info-landline {
    width: 22px;
    padding-right: 5px;
}

.intl-flag-image {
    max-width: 18px;
    max-height: 18px;
    margin-right: 5px;
}

.terms-notetxt {
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 15px;
}

.terms-notetxt-bold {
    font-weight: 500;
}

.terms-cond-title {
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0;
    margin-bottom: 10px;
    line-height: 23px;
}

.terms-cond-details {
    border-radius: 10px;
    background-color: var(--sky-blue);
    padding: 24px;
    margin-bottom: 1rem;
    font-size: 14px;
    line-height:24px;
}

.terms-notetxt {
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 10px;
    line-height: 16px;
}

.terms-note-servicecode {
    color: var(--cerulean-blue);
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 14px;
}

.icon-servicecode {
    padding-left: 5px;
}

.terms-note-servicecode-txt,
.terms-note-servicecode {
    padding-right: 2px;
    padding-left: 2px;
}

.viewall-plans-btn {
    padding: 5px 20px;
    color: var(--pure-black);
    text-decoration: underline;
    margin-right: 10px;
    font-size: 14px;
}

.buynow-plan {
    border-radius: 8px;
    font-weight: 500;
    background-color: var(--teal-green);
    padding: 5px 20px;
    border: 0;
    font-size: 14px;
}

.buynow-plan:hover,
.viewall-plans-btn:hover {
    box-shadow: 0px 0px 3px 5px #8c8f9f1a;
}


/* Tablet and less */

.call-info-text {
    display: flex;
    justify-content: end;
}

.plan-box-expand {
    display: none;
}

.learn-more-content a {
    color: var(--cerulean-blue);
}

.learn-more-content p {
    font-size: 14px;
}

.subpage-banner-content .breadcrumbs-row #breadcrumbs {
    margin: 30px 0 0 0
}

.mob-220444 {
    display: none;
}
span.plan-detail-data-old {
    position: relative;
}
span.plandetail-strikeout-data {
    font-size: 16px;
    text-decoration: line-through;
    color:  #dc3545;
    position: absolute;
    top: -28px;
    line-height: 20px;
    font-weight: 500;
}
.terms-cond-details ul {
    margin-left: 0;
    padding-left: 12px;
}
@media only screen and (min-width: 380px) {
    .plan-maindetail-row .buynow-plan {
        max-width: 300px;
    }
}

@media only screen and (max-width: 1023px) and (min-width:768px) {
    .lm-bundles .lm-bundle-outer {
        width: 50%;
    }
    .plans-details-with-countries .col20per {
        max-width: 33%;
    }
}

@media only screen and (max-width: 767px) {
    .badge-content-txtsec {
        font-size: 11px;
        line-height: 14px;
    }
    .subpage-maintitle {
        font-size: 34px;
        line-height: 40px;
    }
    .subpage-subtitle {
        font-size: 16px;
        line-height: 20px;
    }
    .filter-country-sec {
        display: flex;
        justify-content: center;
    }
    .plans-details-with-countries .col20per {
        max-width: 50%;
        width: 50%;
    }
    .plans-details .plans-detailbanner .banner-image {
        display: none;
    }
    .subpage-banner {
        background-size: cover;
        background-repeat: no-repeat;
        background-position-x: 90%;
    }
    .plans-details-main {
        padding: 30px 12px;
    }
    .plan-maindetail-right {
        padding-top: 0px;
    }
    .plandetail-data-duration,
    .plandetail-validity {
        font-weight: 500;
        font-size: 14px;
        line-height: 16px;
    }
    #plans-tab {
        margin: 20px 0 15px 0;
        display: block;
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: scroll;
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
    }
    .lm-bundles {
        margin-top: 15px;
    }
    .lm-bundles .lm-bundle-outer {
        max-width: 335px;
    }
    .lmfilter-menu::-webkit-scrollbar,
    #plans-tab::-webkit-scrollbar {
        display: none;
    }
    .lmfilter-menu {
        display: block;
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: scroll;
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
    }
    .lmfilter-menu .data-filter {
        display: inline-block;
    }
    .data-filter .data-filterlink {
        margin-right: 5px;
        padding: 5px 10px;
    }
    .price-filter-select {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .filter-country-select {
        max-width: 100%;
        border-radius: 8px;
        margin-bottom: 10px;
        margin-right: 0;
    }
    .lm-fliter-sec {
        border-radius: 0;
    }
    #plans-tab .plans-tab-item {
        display: inline-block;
    }
    #plans-tab .plan-nav-button {
        font-size: 16px;
        padding: .5rem 12px;
    }
    .plan-content-intltab {
        display: block;
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        transition: all ease 750ms;
        position: relative;
    }
    .intltabs {
        font-size: 14px;
        display: inline-block;
    }
    .plans-details-with-countries .intltabs-link {
        padding: .5rem;
    }
    .plans-details-with-countries .col20per {
        font-size: 12px;
        width: 50%;
    }
    .plan-details-intltabs {
        display: flex;
        flex-direction: column;
    }
    .plans-details-with-countries .detailtab-content {
        padding: 12px 0.5rem;
        padding-top: 0;
    }
    .intl-flag-image {
        max-width: 15px;
        max-height: 15px;
        margin-right: 3px;
    }
    .plans-details-leftimage {
        display: none;
    }
    .lm-bundle-outer {
        min-height: auto;
    }
    .plans-top-sec {
        padding: 0 15px;
    }
    .lm-bundle-outer .plan-box-expand {
        display: block;
    }
    /* .plan-content-part.detail-hided {
        display: none;
    } */
    .filter-main-sec {
        flex-direction: column;
    }
    .plan-knowmore-sec {
        padding-bottom: 5px;
        margin: 0;
    }
    .plan-box-expand {
        padding: 5px 0 5px 0;
    }
    .icon-box-expand.arrow-rotate {
        -moz-transform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }
    .arrow-rotate {
        -moz-transition: all .5s linear;
        -webkit-transition: all .5s linear;
        transition: all .5s linear;
    }
}


/* Mobile Large and less */

@media only screen and (max-width: 575px) {
    .badge-content-txtsec {
        font-size: 11px;
        line-height: 14px;
    }
    .plans-details-main {
        padding: 15px 12px 24px 12px;
    }
    .lm-common-termsheading .lm-common-termsbtn {
        font-size: 18px;
        padding: 12px 0;
    }
    .plans-data-expiry,
    .plandetail-validity {
        display: flex;
    }
    .lm-common-terms {
        padding: 0 24px;
    }
    .lm-common-terms .accordion-body {
        padding: 0 0 12px 0;
        font-size: 14px;
    }
    .accordion-body.inner-content-body {
        padding: 10px 20px
    }
    .signup-email-sec,
    .bundle-common-terms {
        padding: 24px 0;
    }
    .signup-main-container {
        border-radius: 0;
        background-color: transparent;
    }
    .signup-email-right {
        background-color: var(--sky-blue);
        border-radius: 8px;
        padding: 20px;
        margin: 0;
    }
    .signup-email-left {
        display: none;
    }
    .accordion-countryitem .accordion-country-content {
        padding: .5rem 1rem;
    }
    .plans-details-with-countries .col20per {
        width: 100%;
        max-width: 100%;
        border-right: 0;
    }
    .plans-maindata-sec {
        padding-right: 0;
    }
    .call-info-text-content {
        font-size: 12px;
    }
    .terms-notetxt {
        line-height: 25px;
    }
    .breadcrumbs-row {
        padding: 0 4%;
    }
    .subpage-banner-content {
        padding: 0 5%;
    }
    .data-filter .data-filterlink.active {
        padding: 6px 10px 6px 22px;
        box-shadow: 0 0 4px 0px #aba9a980;
    }
    .data-filter .data-filterlink.active::before {
        top: 9px;
    }
    .subpage-banner-content .breadcrumbs-row #breadcrumbs {
        margin: 20px 0 0 0;
    }
    /* .subpage-banner-content {
        padding: 10% 5% 5px 5%;
    } */
    .subpage-maintitle {
        font-size: 30px;
    }
    .subpage-subtitle {
        font-size: 14px;
    }
    #plans-tab .plan-nav-button {
        font-size: 15px;
        padding: 0.5rem 8px;
    }
    .plan-name-details .plan-main-title {
        padding: 10px 0;
    }
    .monthly-validity {
        font-size: 12px;
        line-height: 14px;
    }
    .lm-bundles .lm-bundle-outer {
        margin: 15px;
    }
}

@media only screen and (max-width: 375px) {
    .plans-details-with-countries .col20per {
        width: 100%;
        max-width: 100%;
    }
    #plans-tab .plan-nav-button {
        padding: 0.5rem 6px;
    }
    .monthlyprice-sec-right {
        padding: 8px;
    }
}

@media only screen and (max-width: 360px) {
    .plandetail-data-duration,
    .plandetail-validity {
        font-weight: 500;
        font-size: 14px;
        line-height: 16px;
        display: flex;
    }
    .lm-bundles .lm-bundle-outer {
        max-width: 320px;
    }
}
/* new style bulde yellow tag issue */
.lm-plans-list .plan-listing-box .lm-bundles .lm-bundle-outer .bundle-highlight{
    line-height: 13px;
}
/* Mobile Medium and less  */


/* plans detail page  */