/*
 * npav-deferred.css
 * Extracted from npav-core.css (lines 3673-10779).
 * Loaded ASYNC via <link rel="preload"> — page-specific styles
 * (registration forms, product detail, career, checkout, renewal,
 *  contact, order, sitemap, renewal page, etc.).
 * Does not block initial paint. Loaded after critical.css.
 * Original full file preserved in npav-core.backup-split-20260701.css
 */

/* Legacy — retained for any templates not yet migrated to <x-page-header> */
.pagebuilder-column.fastupd h3 {
    font-weight: var(--font-weight-val-300) !important;
    font-size: var(--font-size-val-28px);
    color: var(--color-white);
    margin-bottom: var(--space-px-0);
}
.pagebuilder-column h2 {
    font-weight: var(--font-weight-normal);
    font-size: var(--font-size-lg);
    padding-bottom: var(--space-pct-val-0-5);
    color: var(--color-blue-700);
}
.custom-alert.alert-warning {
    --bs-alert-color: var(--color-orange-800);
    --bs-alert-bg: var(--color-yellow-300);
    --bs-alert-border-color: var(--color-yellow-300);
    padding: var(--space-pct-val-0-5) var(--space-pct-1);
}
thead.cart-header {
    background-color: var(--color-gray-100-v2);
    color: var(--color-green-700-v4);
    font-weight: var(--font-weight-medium);
}
thead.cart-header tr th {
    font-weight: var(--font-weight-medium);
    color: var(--color-cyan-800-v10);
}
td.prod-column {
    padding: var(--space-pct-1);
}
.column-box h3 {
    font-weight: var(--font-weight-normal) !important;
}
h5.prod-title.padd-top-20 {
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-md);
}
h5.prod-title.padd-top-20 a {
    color: var(--color-indigo-500);
}
.pagebuilder-column-li ol {
    padding-left: var(--space-px-22, 22px);
}
.pagebuilder-column-li li {
    font-size: var(--font-size-base);
    margin-bottom: var(--space-7);
    padding-left: var(--space-2);
}
.off-upd-method {
    padding-bottom: var(--space-pct-1);
}
div#no-more-tables {
    padding-bottom: var(--space-pct-val-0-5);
}
section.updatenp.ptb-100 {
    padding-bottom: var(--space-pct-val-0);
}
.off-upd-method li {
    font-size: var(--font-size-base);
}
/* Step-by-step instruction lists on the updates page (offline update method
   + the top "fast hourly updates" list) — a small numbered badge before
   each item, purely visual, so customers can tell at a glance these are
   sequential steps rather than a plain bullet list. Wording unchanged. */
.step-list-label {
    font-size: var(--font-size-val-0-8rem, 0.8rem);
    font-weight: var(--font-weight-medium);
    text-transform: uppercase;
    letter-spacing: var(--letter-spacing-val-0-4px);
    color: var(--npav-green-primary);
    margin-bottom: var(--space-3);
}
.step-list {
    list-style: none;
    counter-reset: step-counter;
    padding-left: var(--space-0);
}
.step-list li {
    counter-increment: step-counter;
    margin-bottom: var(--space-5);
    line-height: var(--line-height-normal);
}
.step-list li::before {
    content: counter(step-counter);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--space-px-24, 24px);
    height: var(--space-px-24, 24px);
    background: var(--npav-green-primary);
    color: var(--color-white);
    font-size: var(--font-size-val-0-75rem, 0.75rem);
    font-weight: var(--font-weight-medium);
    border-radius: 50%;
    margin-right: var(--space-3);
    vertical-align: middle;
}
section.downloads.ptb-100 {
    padding-bottom: var(--space-pct-val-0);
}
section.downloads .container-fluid {
    padding: var(--space-pct-val-0) var(--space-pct-8) var(--space-pct-val-0) var(--space-pct-8);
    margin: var(--space-pct-val-0) var(--space-pct-val-0) var(--space-pct-val-0);
    background-color: var(--color-gray-50-v2);
}
/* Separator between the download-cards section and the compatibility
   section — its own standalone class so it doesn't depend on/fight the
   generic hr/.page-divider cascade. */
.downloads-compat-divider {
    height: 1px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.14);
    margin: 40px 0;
}
.marg-top {
    margin-top: var(--space-pct-2);
    padding: var(--space-pct-val-0-5) var(--space-pct-val-0-5) !important;
}
.help-pg-div {
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    justify-content: flex-start; 
    height: var(--space-pct-val-100);
}
.divemedown {
    padding: var(--space-pct-val-2-5);
    border-radius: var(--radius-base);
    margin-bottom: var(--space-pct-1);
    border: 1px solid var(--color-gray-a0-50);
    background-position-x: right;
    background-repeat: no-repeat;
    background-color: var(--color-cyan-a5-700-v2);
}
.row.downlinks {
    margin-top: var(--space-pct-val-1-5);
}
.help-pg-div h4 {
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-md);
}
.help-pg-div p {
    font-weight: var(--font-weight-val-300);
    font-size: var(--font-size-base);
    color: var(--color-gray-700-v12);
    margin-bottom: var(--space-pct-2);
}
.help-pg-div p.text-danger {
    font-weight: var(--font-weight-normal);
}
.help-pg-div p b,
.help-pg-div p strong {
    font-weight: var(--font-weight-medium);
}
.divemedown:hover {
    border: 1px solid var(--color-green-700-v5) !important;
    cursor: pointer;
}
img.img-responsive.img-down {
    width: var(--space-pct-val-4);
    margin-right: var(--space-pct-1);
}
img.img-responsive.release-dt {
    width: var(--space-pct-5);
    margin-right: var(--space-pct-1);
    vertical-align: text-top;
}
a.down-link {
    color: var(--color-green-700-v4);
    font-weight: var(--font-weight-medium);
}
img.cloud-download {
    padding-right: var(--space-px-5);
}
.help-pg-div .col-md-12.col-lg-12.col-sm-12 {
    text-align: center;
}
.row.compatible {
    text-align: center;
    padding: var(--space-pct-1) var(--space-pct-val-3);
    color: var(--color-white);
    background-size: cover;
    background-repeat: no-repeat;
    width: var(--space-pct-val-100);
    margin: var(--space-0);
    /* background: linear-gradient(82deg, var(--color-green-a68-700) 0%, var(--color-green-700-v4) 45%, var(--color-green-700-v4) 100%); */
    margin-top: var(--space-pct-val-3);
    /* color: var(--color-teal-200);
    background-color: var(--color-green-700-v13); */
        color: var(--color-black);
    background-color: var(--color-gray-100);
}
/* .compdiv {
    padding: var(--space-pct-2) var(--space-pct-5);
    width: var(--space-pct-val-100); */
    /* border: 1px solid var(--color-black); */
    /* border: 2px solid var(--color-gray-400-v7);
    border-radius: var(--radius-val-12px); */
/* } */
.compdiv {
    flex: 1;
    min-width: var(--space-px-250);
    padding: var(--space-px-32) var(--space-px-24);
    background-color: var(--color-white);
    border: 1px solid var(--color-cyan-200);
    border-radius: var(--radius-val-16px);
    transition: var(--transition-fast);
    box-shadow: var(--space-0) var(--space-1) var(--space-2) var(--color-gray-a5-900);
    /* display: flex; */
    flex-direction: column;
    align-items: center;
}
.compdiv:hover {
    transform: translateY(-5px);
    box-shadow: var(--space-0) var(--space-4) var(--space-6) var(--space-px--3px) var(--color-gray-a10-900);
    border-color: var(--color-cyan-300);
}
img.img-responsive.iconss {
    width: var(--space-pct-val-15);
    margin-bottom: var(--space-pct-val-4);
}
span.editions {
    font-weight: var(--font-weight-val-300);
    letter-spacing: var(--letter-spacing-val-0-2px);
    font-size: var(--font-size-sm);
}
hr.hrclscmpitible {
    width: var(--space-pct-val-50);
    margin-left: var(--space-pct-val-27);
    border-color: var(--color-cyan-300-v2);
    border-top: 2px solid;
}
img.img-responsive.iconss1 {
    margin-bottom: var(--space-pct-val-4);
    width: var(--space-pct-val-17-5);
}
span.comptext {
    font-weight: var(--font-weight-normal);
    font-size: var(--font-size-md);
    letter-spacing: var(--letter-spacing-val-1px);
}
section.edition-compare.ptb-100 .fluidclsec {
    padding-top: var(--space-pct-val-0-5);
    background-image: url(../pages/edition-banner.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.row.editiondiv {
    padding: var(--space-pct-5) var(--space-pct-val-6) var(--space-pct-5) var(--space-pct-val-6);
    color: var(--color-white);
}
h1.section-title2,
h2.section-title2 {
    color: var(--color-white);
    font-size: var(--font-size-val-40px);
    font-weight: var(--font-weight-medium);
    padding-bottom: var(--space-pct-1);
}
.row.editiondiv p {
    font-size: var(--font-size-base);
    letter-spacing: var(--letter-spacing-val-1px);
}
.container-fluid.editincom {
    padding-top: var(--space-pct-2);
}
h5.prod-title.padd-top-20 a:hover {
    color: var(--color-green-700-v4);
}
.edition-compare .edition-compare-tab-wrap .edition-compare-tab .tabs {
    margin-bottom: var(--space-30);
    text-align: center;
    border: 2px solid var(--color-blue-600);
    border-radius: var(--radius-val-25px);
}
.edition-compare-content .edition-compare-tab-wrap {
    margin-top: var(--space-pct-val-0);
}
.edition-compare-content .edition-compare-tab-wrap .edition-compare-tab .tabs li {
    display: inline-block;
    background-color: var(--color-white);
    padding: var(--space-pct-val-0-2) var(--space-pct-5);
    font-weight: var(--font-weight-medium);
    position: relative;
    color: var(--color-indigo-900);
    width: var(--space-pct-val-23);
}
.edition-compare-content .edition-compare-tab-wrap .edition-compare-tab .tabs .current a {
    color: var(--color-white);
    background-color: var(--color-blue-600);
    border-radius: var(--radius-val-30px);
    padding: var(--space-pct-7);
    width: var(--space-pct-val-100);
}
.edition-compare-content .edition-compare-tab-wrap .edition-compare-tab .tabs li a {
    color: var(--color-cyan-800-v12);
}
.container-fluid.tabcontainer {
    padding-left: var(--space-pct-val-4);
    padding-right: var(--space-pct-val-4);
}
table.table.table-striped {
    border: 1px solid var(--color-gray-a42-300);
}
table.table.table-striped tr td {
    padding: var(--space-pct-val-0-8) !important;
}
i.bx.bxs-badge-check {
    font-size: var(--font-size-val-21px);
    color: var(--color-green-700-v4);
}
tr.default {
    text-align: left;
}
span.no-close {
    font-size: var(--font-size-val-22px);
}
tr.default.rowl td:not(:first-child) {
    text-align: center;
}
tr.heading td:not(:first-child) {
    font-weight: var(--font-weight-medium);
    color: var(--color-cyan-500) !important;
}
.edition-compare-tab-wrap tr.heading td:not(:first-child) {
    font-weight: var(--font-weight-medium);
    color: var(--color-black) !important;
    /* background-color: var(--color-gray-a80-300); */
    width: var(--space-pct-val-11);
    /* background: linear-gradient(82deg, var(--color-cyan-700-v2) 0%, var(--color-cyan-700-v2) 45%, var(--color-cyan-700-v2) 100%); */
    text-align: center;
}
.edition-compare-tab-wrap tr.heading {
    position: sticky;
    top: var(--space-pct-8);
}
.edition-compare-tab-wrap td.heading {
    font-weight: var(--font-weight-medium);
    color: var(--color-black) !important;
    /* background-color: var(--color-gray-a80-300); */
    width: var(--space-pct-val-18);
    /* background: linear-gradient(82deg, var(--color-cyan-700-v2) 0%, var(--color-cyan-700-v2) 45%, var(--color-cyan-700-v2) 100%); */
    margin-bottom: var(--space-pct-val--0-9);
}
.edition-compare-tab-wrap .faq-accordion .accordion .accordion-item {
    margin-bottom: var(--space-px-0);
}
.edition-compare-tab-wrap table.table.table-striped td.heading {
    text-align: left;
    width: var(--space-pct-val-30);
}
.edition-compare-tab-wrap table.table.table-striped tr td {
    border-left: 1px solid var(--color-cyan-a45-700);
    text-align: center;
    width: var(--space-pct-val-11-50);
}
.product-action-button.know-more a {
    color: var(--color-gray-700-v2);
    display: inline-block;
    text-decoration: underline;
    float: left;
    background-color: var(--color-gray-a0-50);
}
.product-action-button.know-more a:hover {
    color: var(--color-warning);
}
a.down-link:hover {
    text-decoration: underline;
    color: var(--color-green-700-v4);
}
#msform {
    text-align: center;
    position: relative;
    margin-top: var(--space-7);
    z-index: var(--z-base);
}
#msform fieldset {
    background: var(--color-white);
    border: 0 none;
    border-radius: var(--radius-val-0-5rem);
    box-sizing: border-box;
    width: var(--space-pct-val-100);
    margin: var(--space-0);
    padding-bottom: var(--space-7);
    position: relative;
}
.form-card {
    text-align: left;
}
#msform fieldset:not(:first-of-type) {
    display: none;
}
#msform input,
#msform textarea {
    padding: var(--space-3) var(--space-6) var(--space-3) var(--space-6);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-md);
    margin-bottom: var(--space-px-25);
    margin-top: var(--space-px-2);
    width: var(--space-pct-val-100);
    box-sizing: border-box;
    font-family: var(--npav-font-body, sans-serif); /* 'montserrat' removed — never loaded, was a no-op */
    color: var(--color-cyan-800-v13);
    font-size: var(--font-size-sm);
    letter-spacing: var(--space-0);
}
#msform input:focus,
#msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid var(--color-green-700-v4);
    outline-width: 0;
}
#msform .action-button {
    width: var(--space-100);
    background: var(--color-green-700-v4);
    font-weight: var(--font-weight-normal);
    color: var(--color-white);
    border: 0 none;
    border-radius: var(--space-0);
    cursor: pointer;
    padding: var(--space-1) var(--space-px-5);
    margin: var(--space-4) var(--space-0) var(--space-4) var(--space-px-5);
    float: right;
    border-radius: var(--radius-md);
}
#msform .action-button:hover,
#msform .action-button:focus {
    background-color: var(--color-green-700-v4);
}
#msform .action-button-previous {
    width: var(--space-100);
    background: var(--color-gray-600-v11);
    font-weight: var(--font-weight-normal);
    color: var(--color-white);
    border: 0 none;
    border-radius: var(--space-0);
    cursor: pointer;
    padding: var(--space-1) var(--space-px-5);
    margin: var(--space-4) var(--space-px-5) var(--space-4) var(--space-0);
    float: right;
    border-radius: var(--radius-md);
}
#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
    background-color: var(--color-black);
}
.card {
    z-index: var(--space-0);
    border: none;
    position: relative;
}
.fs-title {
    font-size: var(--font-size-val-25px);
    color: var(--color-green-700-v4);
    margin-bottom: var(--space-6);
    font-weight: var(--font-weight-normal);
    text-align: left;
}
.purple-text {
    color: var(--color-green-700-v4);
    font-weight: var(--font-weight-normal);
}
.steps {
    font-size: var(--font-size-val-25px);
    color: var(--color-keyword-gray);
    margin-bottom: var(--space-4);
    font-weight: var(--font-weight-normal);
    text-align: right;
}
section.dealer-registration.ptb-100 {
    margin: var(--space-pct-2) var(--space-pct-val-0) var(--space-pct-val-0);
    background-color: var(--color-gray-50-v2);
}
.regform {
    background-color: var(--color-white);
    padding: var(--space-pct-val-3) var(--space-pct-val-4) var(--space-pct-2) var(--space-pct-val-4);
    box-shadow: var(--space-0) var(--space-2) var(--space-px-7) var(--color-blue-a8-800);
    border: 0.3px solid var(--color-gray-a56-300);
    border-radius: var(--radius-md);
}
.nice-select {
    width: var(--space-pct-val-100);
    margin-bottom: var(--space-px-25);
    margin-top: var(--space-px-2);
}
.form-card label {
    font-weight: var(--font-weight-medium);
}
.required:after {
    content: " *";
    color: var(--color-keyword-red);
}
.my-check-box {
    width: var(--space-7) !important;
    height: var(--space-7) !important;
    margin-bottom: var(--space-pct-val-9) !important;
    margin-right: var(--space-4);
    vertical-align: sub;
}
.form-card h5 {
    font-weight: var(--font-weight-normal);
    font-size: var(--font-size-val-22px);
    margin-bottom: var(--space-pct-2);
    margin-top: var(--space-pct-1);
}
.my-radio-check {
    width: var(--space-7) !important;
    height: var(--space-7) !important;
    margin-right: var(--space-4) !important;
    border-radius: var(--radius-val-41px) !important;
    padding: var(--space-0) !important;
}
.form-card h4 {
    font-size: var(--font-size-md) !important;
    font-weight: var(--font-weight-medium);
}
label.required.sell {
    margin-bottom: var(--space-pct-val-0-5);
}
.regform h2.section-title {
    margin: var(--space-px--12) auto var(--space-pct-val-0-5);
    opacity: 1;
    transform: translateY(0);
}
.regform p.sub-title-font.text-center {
    text-align: left !important;
    font-size: var(--font-size-base);
    color: var(--color-text);
}
label.text-danger {
    font-size: var(--font-size-md);
}
.nav-area-six .navbar-area .main-nav nav .navbar-nav .nav-item a::before {
    content: "";
    position: absolute;
    bottom: var(--space-px--1);
    right: var(--space-0);
    width: var(--space-0);
    height: var(--space-px-1);
    background-color: var(--color-green-700-v4);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
section.engineer-registration.ptb-100 {
    background-color: var(--color-gray-50-v2);
}
section.engineer-registration .form-group {
    padding-top: var(--space-pct-val-2-5);
}
section.engineer-registration .nice-select {
    width: var(--space-pct-val-100);
    margin-bottom: var(--space-0);
    margin-top: var(--space-px-2);
}
section.engineer-registration .form-control {
    padding: var(--space-px-3) var(--space-px-18);
    height: var(--space-px-45);
}
button#engibtn {
    background-color: var(--color-green-700-v4) !important;
    color: var(--color-white);
    padding: var(--space-pct-val-0-5);
    width: var(--space-pct-val-28);
    border: 1px solid var(--color-green-700-v4) !important;
    border-radius: var(--radius-base);
    float: right;
}
button#engibtn:hover {
    border: 1px solid var(--color-warning) !important;
    background-color: var(--color-warning) !important;
    color: var(--color-black);
}
button#reviewbtn {
    background-color: var(--color-green-700-v4) !important;
    color: var(--color-white);
    padding: var(--space-pct-val-0-5);
    width: var(--space-pct-val-28);
    border: 1px solid var(--color-green-700-v4) !important;
    border-radius: var(--radius-base);
    float: left;
}
button#reviewbtn:hover {
    background-color: var(--color-warning) !important;
    border: 1px solid var(--color-warning) !important;
}
.container-fluid.fluidclsechelp {
    padding: var(--space-pct-2) var(--space-pct-8) var(--space-pct-2) var(--space-pct-8);
    background: linear-gradient(82deg, var(--color-green-a68-700) 0%, var(--color-green-700-v4) 45%, var(--color-green-700-v4) 100%);
    text-align: center;
    color: var(--color-white);
}
.container-fluid.fluidclsechelp h2 {
    color: var(--color-white);
    font-weight: var(--font-weight-medium);
}
.container-fluid.page-hero-compact p {
    /* color: var(--color-white);  */
    font-size: var(--font-size-base);
    letter-spacing: var(--letter-spacing-val-0-5px);
    font-weight: var(--font-weight-val-300);
    margin-bottom: var(--space-0);
    text-align: left;
    background-color: var(--color-teal-a25-400);
    padding: var(--space-pct-val-0-1) var(--space-pct-2) var(--space-pct-val-0-1) var(--space-pct-2);
    list-style: disc;
    margin-bottom: var(--space-pct-val-0-5);
}
.container-fluid.fluidclsechelpwa2 p {
    color: var(--color-white);
    font-size: var(--font-size-base);
    letter-spacing: var(--letter-spacing-val-0-5px);
    font-weight: var(--font-weight-val-300);
    margin-bottom: var(--space-0);
    text-align: left;
    background-color: var(--color-teal-a25-400);
    padding: var(--space-pct-val-0-1) var(--space-pct-2) var(--space-pct-val-0-1) var(--space-pct-2);
    list-style: disc;
    margin-bottom: var(--space-pct-val-0-5);
}
.container-fluid.helpcom {
    padding-left: var(--space-pct-8);
    padding-right: var(--space-pct-8);
    text-align: center;
    margin-top: var(--space-pct-val--2);
}
.container-fluid.trackmeefooter {
    padding-left: var(--space-pct-8);
    padding-right: var(--space-pct-8);
    text-align: center;
}
.boxhelp {
    background-color: var(--color-white);
    border-right: 1px solid var(--color-blue-a1-800);
    box-shadow: var(--space-0) var(--space-px-1) var(--space-1) var(--color-blue-a8-800);
    transition: transform 0.6s ease;
}
.boxhelp h3 {
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-medium);
    color: var(--color-black);
}
.boxhelp img.img-responsive.imgwats {
    padding-bottom: var(--space-pct-10);
}
.boxhelp:hover {
    border-bottom: 4px solid var(--color-green-500-v6);
    border-radius: var(--radius-md);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    cursor: pointer;
}
.boxhelp .single-team .content {
    background-color: var(--color-gray-a0-50);
    -webkit-box-shadow: 0 0 0 0 var(--color-gray-a5-900);
    box-shadow: var(--space-0) var(--space-0) var(--space-0) var(--space-0) var(--color-gray-a5-900);
    padding: var(--space-pct-val-9) var(--space-pct-val-0);
    position: relative;
    margin: var(--space-px--30) auto var(--space-0);
    max-width: var(--space-pct-val-100);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.boxhelp .single-team .image::before {
    content: "";
    position: absolute;
    top: var(--space-0);
    right: var(--space-0);
    width: var(--space-0);
    height: var(--space-pct-val-100);
    background-image: -webkit-gradient(linear, left top, right bottom, from(var(--color-white)), to(var(--color-white)));
    background-image: linear-gradient(to bottom right, var(--color-white), var(--color-white));
    opacity: 0.5;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.boxhelp .single-team .image .social {
    list-style-type: none;
    position: absolute;
    left: var(--space-0);
    right: var(--space-0);
    bottom: var(--space-0);
    top: var(--space-pct-val-75);
}
.boxhelp .single-team .image .social li a {
    display: block;
    width: var(--space-pct-val-100);
    background-color: var(--color-gray-a0-50);
    text-align: center;
    position: relative;
    border-radius: var(--space-0);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: var(--color-indigo-500);
    font-size: var(--font-size-sm);
    padding-top: var(--space-pct-2);
    line-height: var(--line-height-val-21px);
    height: auto;
}
.boxhelp .single-team .image .social li p {
    margin-bottom: var(--space-0);
    color: var(--color-gray-500);
    font-size: var(--font-size-sm);
    line-height: var(--line-height-val-21px);
}
.boxhelp .single-team .content h3 {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-medium);
    color: var(--color-black);
    padding-bottom: var(--space-pct-val-3);
}
.boxhelp .single-team {
    text-align: center;
    margin-bottom: var(--space-pct-8);
    position: relative;
    -webkit-transition: all 0.5s;
    transition: transform 0.6s ease;
    margin-top: var(--space-pct-val-3);
}
.boxhelp .single-team:hover {
    -webkit-transform: translateY(-25px);
    transform: translateY(-25px);
}
.container-fluid.pt-3.support-link {
    padding-top: var(--space-pct-val-3) !important;
    padding-left: var(--space-pct-8);
    padding-right: var(--space-pct-8);
    padding-bottom: var(--space-pct-2);
}
.row.form-padds.support-implinks a {
    background-color: var(--color-gray-100-v13) !important;
    padding: var(--space-pct-val-3);
    width: var(--space-pct-val-100);
    margin-bottom: var(--space-pct-val-6);
    color: var(--color-indigo-900);
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-normal);
    transition: transform 0.6s ease;
    display: block;
}
.row.form-padds.support-implinks a:hover {
    box-shadow: var(--space-0) var(--space-px-1) var(--space-1) var(--color-blue-a72-800);
    color: var(--color-white);
    /* background: linear-gradient(82deg, var(--color-green-700-v4) 0%, var(--color-cyan-800-v9) 45%, var(--color-cyan-700-v2) 100%); */
    background: linear-gradient(82deg, var(--color-green-a68-700) 0%, var(--color-green-700-v4) 45%, var(--color-green-700-v4) 100%);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
.boxhelp .single-team .image ul.social {
    padding: var(--space-pct-val-0);
}
i.bx.bx-right-arrow-alt.float-right {
    float: right;
    color: var(--color-indigo-900);
}
a.arrowback i {
    font-size: var(--font-size-val-40px) !important;
    color: var(--color-teal-600-v2) !important;
}
a.arrowback {
    background-color: var(--color-white) !important;
    color: var(--color-teal-600-v2) !important;
    border-radius: var(--radius-val-32px);
    font-size: var(--font-size-sm);
    text-align: center;
    float: left;
}
.helpwadiv {
    background-color: var(--color-white);
    padding: var(--space-pct-val-3) var(--space-pct-val-3) var(--space-pct-2) var(--space-pct-val-3);
    border-radius: var(--radius-lg);
    box-shadow: var(--space-0) var(--space-px-2) var(--space-1) var(--color-blue-a25-800);
}
.helpwacol {
    border: 1px solid var(--color-cyan-a42-700);
    border-radius: var(--radius-base);
    margin-bottom: var(--space-pct-val-6);
    transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}
.helpwacol h2, .helpwacol h3 {
    padding: var(--space-pct-val-3) var(--space-pct-val-4);
    text-align: left;
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-normal);
    border-bottom: 1px solid var(--color-cyan-a42-700);
    letter-spacing: var(--letter-spacing-val-0-1px);
    color: var(--color-white);
    border-radius: var(--radius-val-7px) var(--radius-val-7px) var(--space-0) var(--space-0);
    background: linear-gradient(82deg, var(--color-green-a68-700) 0%, var(--color-green-700-v4) 45%, var(--color-green-700-v4) 100%);
}
.helpwacol p {
    text-align: left;
    padding: var(--space-pct-1) var(--space-pct-val-4) var(--space-pct-val-0) var(--space-pct-val-4);
    font-size: var(--font-size-base);
    letter-spacing: var(--letter-spacing-val-1px);
    color: var(--color-gray-a83-800);
    margin-bottom: var(--space-0);
}
.helpwacol a {
    color: var(--color-gray-a83-800);
}
.helpwacol i {
    font-size: var(--font-size-val-42px);
    vertical-align: middle;
    color: var(--color-green-700-v8);
}
.divnum {
    padding-bottom: var(--space-pct-2);
}
.helpwacolcont {
    padding: var(--space-0);
}
.divme {
    display: inline-grid;
}
.divmedownload {
    display: flex;
}
.divemedown {
    width: var(--space-pct-val-100);
}
.helpwacol:hover {
    border-color: var(--color-green-700-v5);
    box-shadow: var(--space-0) var(--space-3) var(--space-7) var(--color-gray-a10-900);
}
span.text-right.float-right {
    float: right;
}
.dot {
    height: var(--space-6);
    width: var(--space-6);
    background-color: var(--color-yellow-a83-500);
    border-radius: var(--radius-val-50pct);
    display: inline-block;
    vertical-align: inherit;
    margin-right: var(--space-pct-1);
}
.container-fluid.page-hero-compact {
    /* background: linear-gradient(82deg, var(--color-green-a68-700) 0%, var(--color-green-700-v4) 45%, var(--color-green-700-v4) 100%);// */
    background: linear-gradient(82deg, var(--color-green-a68-700) 0%, var(--color-green-700-v4) 45%, var(--color-green-700-v4) 100%);
    margin-top: var(--space-pct-val-0-5);
    text-align: center;
    color: var(--color-white);
}
.container-fluid.fluidclsechelpwa2 {
    padding: var(--space-pct-2) var(--space-pct-8) var(--space-pct-val-3) var(--space-pct-8);
    background: linear-gradient(82deg, var(--color-green-a68-700) 0%, var(--color-green-700-v4) 45%, var(--color-green-700-v4) 100%);
    text-align: center;
    color: var(--color-white);
}
.container-fluid.fluidclsechelp2 {
    background: linear-gradient(82deg, var(--color-green-a68-700) 0%, var(--color-green-700-v4) 45%, var(--color-green-700-v4) 100%);
    margin-top: var(--space-pct-val-0-5);
    text-align: center;
    color: var(--color-white);
}
.container-fluid.fluidclsecengineer {
    padding: var(--space-pct-1) var(--space-pct-1) var(--space-pct-1) var(--space-pct-1);
    background: linear-gradient(82deg, var(--color-green-a68-700) 0%, var(--color-green-700-v4) 45%, var(--color-green-700-v4) 100%);
    text-align: center;
    color: var(--color-white);
    margin-bottom: var(--space-pct-2);
}
.container-fluid.fluidclsechelp p {
    color: var(--color-white);
    font-size: var(--font-size-md);
    letter-spacing: var(--letter-spacing-val-0-5px);
    font-weight: var(--font-weight-val-300);
}
.container-fluid.page-hero-compact h2 {
    color: var(--color-white);
    font-weight: var(--font-weight-medium);
}
.container-fluid.fluidclsechelpwa2 h2 {
    color: var(--color-white);
    font-weight: var(--font-weight-medium);
}
.container-fluid.fluidclsechelp2 h2 {
    color: var(--color-white);
    font-weight: var(--font-weight-medium);
}
.achievement-card:hover {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
}
a.popup-youtube:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
.help-pg-div:hover {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}
.watshide {
    padding: var(--space-pct-val-11) var(--space-pct-val-11) var(--space-pct-val-13) var(--space-pct-val-11);
}
section.career.ptb-100 .fluidclseccareer {
    background-size: cover;
    background-repeat: no-repeat;
}
.row.careerdiv,
.row.aboutusdiv {
    padding: var(--space-pct-1) var(--space-pct-val-6) var(--space-pct-1) var(--space-pct-val-6);
    color: var(--color-white);
}
.row.careerdiv p,
.row.aboutusdiv p {
    font-size: var(--font-size-base);
    letter-spacing: var(--letter-spacing-val-1px);
}
.container-fluid.fluidclseccareer2 {
    padding-top: var(--space-pct-2);
    padding-left: var(--space-pct-val-6);
    padding-right: var(--space-pct-val-6);
}
.divcarcontent {
    padding: var(--space-pct-val-6) var(--space-pct-2);
}
h6.titlecrl {
    font-size: var(--font-size-val-22px);
    font-weight: var(--font-weight-normal);
}
p.paracrl {
    font-size: var(--font-size-md);
}
.lifeatvideo {
    width: var(--space-pct-val-90);
}
.container-fluid.fluidclseccareer2 a.popup-youtube {
    width: var(--space-pct-val-100);
    margin: var(--space-0) auto;
    text-align: center;
}
.container-fluid.bgcolrchange {
    padding-top: var(--space-pct-val-3);
    padding-bottom: var(--space-pct-val-4);
    background-color: var(--color-green-700-v4);
    color: var(--color-white);
    margin-top: var(--space-pct-2);
}
.container-fluid.bgcolrchange h6.titlecrl {
    color: var(--color-white);
}
.clswhite,
.clsnormal {
    padding: var(--space-pct-val-4) var(--space-pct-val-12);
}
.clswhite h6,
.clswhite p {
    color: var(--color-green-700-v4) !important;
}
.bgbordertop {
    -moz-border-radius: 0;
    -webkit-border-radius: 23px 23px 0 0;
    border-radius: var(--radius-val-23px) var(--radius-val-23px) var(--space-0) var(--space-0);
}
.bgbordertopleft {
    -moz-border-radius: 0;
    -webkit-border-radius: 23px 0 0 23px;
    border-radius: var(--radius-val-23px) var(--space-0) var(--space-0) var(--radius-val-23px);
}
.bgbordertopright {
    -moz-border-radius: 0;
    -webkit-border-radius: 0 23px 23px 0;
    border-radius: var(--space-0) var(--radius-val-23px) var(--radius-val-23px) var(--space-0);
}
.container-fluid.bgcolrchange h2 {
    color: var(--color-white) !important;
}
.container-fluid.openposition {
    padding-left: var(--space-pct-8);
    padding-right: var(--space-pct-8);
    padding-top: var(--space-pct-val-3);
    padding-bottom: var(--space-pct-val-3);
}
.container-fluid.openposition h3 {
    color: var(--color-green-a85-700) !important;
    font-size: var(--font-size-val-28px);
    font-weight: var(--font-weight-medium);
    padding-bottom: var(--space-pct-val-0);
    margin-left: var(--space-pct-val--0-3);
}
.container-fluid.openposition h5 {
    color: var(--color-green-a85-700) !important;
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-normal);
}
.jobdesc {
    border-bottom: 2px solid var(--color-gray-a37-300);
    padding: var(--space-pct-val-3) var(--space-pct-val-0) var(--space-pct-val-3) var(--space-pct-1);
    /* .applybtn is float:right inside p.jobdescip; without this the card
       doesn't wrap around the floated button's height, so its bottom
       padding collapses and the button ends up hugging the border-bottom
       instead of having breathing room below it. */
    overflow: hidden;
}
@media (max-width: 767px) {
    .jobdesc {
        /* .jobdesc has 0 right padding, so the floated Apply button sat
           flush against the true viewport edge — exactly where the fixed
           .feedback-btn (right:0) and #scrollTopBtn (right:1rem, 44px wide)
           live, so they'd cover it while scrolling. */
        padding-bottom: var(--space-7);
        padding-right: var(--space-60);
    }
}
span.jobtitle {
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-val-22px);
}
span.jobexperience {
    float: right;
    font-weight: var(--font-weight-normal);
    font-size: var(--font-size-md);
    color: var(--color-indigo-500);
}
p.jobtype {
    margin-bottom: var(--space-0);
    color: var(--color-indigo-500);
}
p.jobdescip {
    font-size: var(--font-size-md);
    color: var(--color-gray-a81-700);
}
.applybtn {
    float: right;
    height: var(--space-px-33) !important;
    border: 1px solid var(--color-primary-hover) !important;
    background-color: var(--color-primary-hover) !important;
    color: var(--color-white) !important;
    padding: var(--space-pct-val-0-5);
    width: var(--space-100);
    border-radius: var(--radius-base);
    /* Bootstrap's .btn line-height doesn't divide evenly into this fixed
       33px height, so the label text sat low instead of centred — force
       true centring with flex instead of relying on line-height math. */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
}
button.btn.btn-sm.applybtn:hover {
    background-color: var(--color-warning) !important;
    border: 1px solid var(--color-warning) !important;
    color: var(--color-white) !important;
}
/* The job-apply-form Submit button specifically (not the listing-page
   "Apply" button, which shares .applybtn but is fine at its smaller size) —
   33px/100px is below the ~44px touch-target guideline on mobile. */
#applyBtn.applybtn {
    height: var(--space-px-46) !important;
    width: var(--space-px-160);
    float: none;
    margin-top: var(--space-px-24);
}
@media (max-width: 575px) {
    #applyBtn.applybtn {
        width: var(--space-pct-val-100);
    }
}
span.jddesc {
    font-size: var(--font-size-sm);
    color: var(--color-primary-hover) !important;
    display: inline-block;
}
section.career.ptb-100 {
    padding-bottom: var(--space-0);
}
span.jddesc:hover {
    cursor: pointer;
    color: var(--color-green-500-v5) !important;
}
form#jobApplyForm input, 
form#jobApplyForm select, 
form#jobApplyForm .form-control {
    height: var(--space-px-42);
    line-height: var(--line-height-val-22px);
    border: solid 1px var(--color-gray-200-v8);
    color: var(--color-black);
    border: 1px solid var(--color-border-light);
    background-color: var(--color-white);
    border-radius: var(--radius-base);
    font-size: var(--font-size-sm);
    padding: var(--space-4) var(--space-7);
    width: var(--space-pct-val-100);
    margin-bottom: var(--space-pct-2);
}
div#jobdescModal h3, div#jobdescModal h4 {
    color: var(--color-primary-hover);
}
form#jobApplyForm .nice-select {
    width: var(--space-pct-val-100);
    margin-bottom: var(--space-0);
    margin-top: var(--space-px-2);
}
form#jobApplyForm label {
    padding-top: var(--space-pct-1);
    font-weight: var(--font-weight-medium);
}
/* Bottom-align the delete button's column with the input row instead of the
   fragile margin-top: var(--space-px-28) guess (broke whenever the label wrapped/resized). */ .qualificationRow > div:last-child { display: flex;
    align-items: flex-end;
}
form#jobApplyForm .button-delete {
    margin: var(--space-0) var(--space-px-5) var(--space-px-5) var(--space-px-5);
    padding: var(--space-px-5) var(--space-4);
    border-radius: var(--radius-xs);
    transition: background-color var(--transition-normal);
    color: var(--color-white);
    background-color: var(--color-danger);
    height: var(--space-px-42);
    width: var(--space-pct-val-100);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0px solid var(--color-border-light);
}
@media (max-width: 767px) {
    /* On the stacked mobile layout, its column goes full-width (col-12), so
       width: var(--space-pct-val-100) turned it into an oversized full-width red bar instead of a compact icon button. */ .qualificationRow > div:last-child { align-items: flex-start;
        justify-content: flex-end;
    }
    form#jobApplyForm .button-delete {
        width: var(--space-px-42);
        margin: var(--space-3) var(--space-0) var(--space-px-5) auto;
    }
}
form#jobApplyForm .button-delete:hover {
    background-color: var(--color-red-600-v2);
}
form#jobApplyForm #btnadd {
    background-color: var(--color-green-600-v5);
    color: var(--color-white);
    margin-top: var(--space-4);
    margin: var(--space-0) var(--space-px-5);
    padding: var(--space-px-5) var(--space-4);
    font-size: var(--font-size-sm);
    border: none;
    border-radius: var(--radius-xs);
    cursor: pointer;
    transition: background-color var(--transition-normal);
}
form#jobApplyForm #btnadd:hover {
    background-color: var(--color-green-700-v7);
}
button#btnadd {
    background-color: var(--color-green-a78-700);
    color: var(--color-white);
    margin-top: var(--space-pct-val-43);
    border-radius: var(--radius-val-2px);
}
.custom-alert.alert-info {
    --bs-alert-color: var(--color-teal-800-v3);
    --bs-alert-bg: var(--color-cyan-a15-400);
    --bs-alert-border-color: var(--color-cyan-a15-400);
    padding: var(--space-pct-val-0-5) var(--space-pct-1);
}
a.btn.btn-sm.bannerbtn {
    background-color: var(--color-white);
    color: var(--color-indigo-900);
    padding: var(--space-pct-val-0-8);
    border: 1px solid var(--color-green-700-v4) !important;
    border-radius: var(--radius-base);
    margin-top: var(--space-pct-2);
    font-weight: var(--font-weight-medium);
}
a.btn.btn-sm.bannerbtn:hover {
    border: 1px solid var(--color-warning);
    background-color: var(--color-warning);
}
a.btn.btn-sm.bannerbtn i {
    color: var(--color-indigo-900);
}
button#btnKeyValid {
    background-color: var(--color-green-700-v4);
    color: var(--color-white);
    padding: var(--space-pct-val-1-5);
    width: var(--space-pct-val-100);
    border: 1px solid var(--color-green-700-v4);
    border-radius: var(--radius-base);
}
.row.renewal_div {
    padding-top: var(--space-pct-2);
}
.row.renewal_div label {
    text-align: left;
    color: var(--color-green-700-v4);
    padding-bottom: var(--space-pct-2);
}
a.findlickey {
    font-size: var(--font-size-md);
    padding-top: var(--space-pct-2);
    color: var(--color-indigo-500);
    font-weight: var(--font-weight-normal);
}
form#key_valid_form input {
    margin-bottom: var(--space-pct-5);
    padding: var(--space-pct-val-0-5) var(--space-pct-2);
    background-color: var(--color-red-a5-400);
    height: var(--space-px-45);
}
.row.capdiv {
    padding: var(--space-pct-2) var(--space-pct-val-0);
}
a.findlickey:hover {
    color: var(--color-warning);
}
form#key_valid_form .hero-slider-area {
    padding-top: var(--space-pct-val-0);
}
form#key_valid_form .hero-slider-area .slider-item {
    height: var(--size-vh-38);
}
ol.list-group.list-group-numbered li {
    padding-bottom: var(--space-pct-val-4);
}
ol.list-group.list-group-numbered li b {
    color: var(--color-indigo-a80-500);
    font-weight: var(--font-weight-medium);
}
span.keysfind:hover {
    cursor: pointer;
}
button#btnKeyValid:hover {
    border: 1px solid var(--color-warning);
    background-color: var(--color-warning);
}
.np-privacy .marg-top {
    margin-top: var(--space-pct-1);
}
.np-privacy h4,
.np-privacy h3 {
    font-weight: var(--font-weight-normal);
    padding: var(--space-pct-val-0-2) var(--space-pct-val-0);
}
.np-privacy p {
    font-size: var(--font-size-base);
    letter-spacing: var(--letter-spacing-val-0-1px);
    color: var(--color-gray-600-v8);
}
.np-privacy h3 {
    border-bottom: var(--color-green-500-v7) solid 2px;
    padding-bottom: var(--space-pct-1);
    margin-bottom: var(--space-pct-2);
}
.np-privacy ul li {
    list-style: disc;
    font-size: var(--font-size-base) !important;
    letter-spacing: var(--letter-spacing-val-0-1px);
    color: var(--color-gray-600-v8);
    margin-left: var(--space-pct-val-4);
    line-height: var(--line-height-val-2-2);
}
.np-privacy a {
    color: var(--color-indigo-500);
}
section.aboutus.ptb-100 .fluidclsecaboutus {
    padding-top: var(--space-pct-val-0-5);
    background-image: url(../pages/aboutus-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.row.aboutusdiv {
    padding: var(--space-pct-5) var(--space-pct-val-6) var(--space-pct-5) var(--space-pct-val-6);
    color: var(--color-white);
}
.row.aboutusdiv p {
    font-size: var(--font-size-base);
    letter-spacing: var(--letter-spacing-val-1px);
}
.about-facts {
    background-color: var(--color-white);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-base);
    padding: var(--space-pct-val-2-5) var(--space-pct-val-3);
}
.about-fact {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: var(--space-pct-val-1-5) var(--space-0);
    border-bottom: 1px solid var(--color-border-light);
}
.about-fact:last-child {
    border-bottom: none;
}
.about-fact-value {
    font-size: var(--font-size-2xl);
    font-weight: var(--font-weight-medium);
    color: var(--color-gray-800-v2);
}
.about-fact-label {
    font-size: var(--font-size-sm);
    color: var(--color-gray-600);
}
.container-fluid.fluidclsecaboutus2 {
    padding: var(--space-pct-val-4) var(--space-pct-val-0) var(--space-pct-val-4) var(--space-pct-val-0);
    overflow: hidden;
    background-color: var(--color-white);
}
.container-fluid.fluidclsecaboutus2 .section-title {
    margin-top: var(--space-pct-val-1-5);
    margin-bottom: var(--space-pct-val--3);
}
.journeyimg {
    width: var(--space-pct-val-85);
    margin: var(--space-0) auto;
    text-align: center;
    padding-top: var(--space-pct-val-3);
}
.about-journey-frame {
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-base);
    padding: var(--space-pct-val-2-5);
    margin: var(--space-0) var(--space-pct-10);
}
.about-journey-caption {
    font-size: var(--font-size-sm);
    color: var(--color-gray-600);
    margin-top: var(--space-pct-val-1-5);
    margin-bottom: var(--space-0);
}
.about-recognition {
    padding: var(--space-pct-val-3) var(--space-pct-10);
}
.about-recognition-img {
    max-width: var(--space-px-320);
    margin: var(--space-0) auto;
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-base);
}
.about-recognition-caption {
    font-size: var(--font-size-sm);
    color: var(--color-gray-600);
    margin-top: var(--space-pct-val-1-5);
    margin-bottom: var(--space-0);
}
.about-cta-lead {
    font-size: var(--font-size-md);
    color: var(--color-gray-600);
    margin-bottom: var(--space-pct-val-1-5);
}
section.aboutus.ptb-100 {
    padding-bottom: var(--space-pct-val-0);
}
.container-fluid.expertise {
    padding: var(--space-pct-val-3) var(--space-pct-10);
    text-align: left;
    background-color: var(--color-blue-50-v2);
}
.container-fluid.expertise > .row .section-title {
    margin-bottom: var(--space-pct-val-1);
}
.expertise-cluster {
    text-align: left;
    padding-top: var(--space-pct-val-3);
    padding-bottom: var(--space-pct-val-3);
    border-top: 1px solid var(--color-border-light);
}
.expertise-cluster:first-of-type {
    border-top: none;
    padding-top: var(--space-0);
}
.expertise-cluster h3 {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-medium);
    margin-bottom: var(--space-pct-val-1);
    padding-left: var(--space-pct-1);
    border-left: 3px solid var(--cluster-accent, var(--color-border-light));
}
.expertise-cluster > p {
    font-size: var(--font-size-md);
    margin-bottom: var(--space-pct-val-2-5);
}
.expertise-cluster > .row {
    justify-content: flex-start;
}
.expertise-cluster .mainaboutdiv {
    text-align: center;
}
@media (min-width: 992px) {
    .expertise-cluster > .row {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
        gap: var(--space-pct-val-2);
    }
    .expertise-cluster .mainaboutdiv {
        max-width: none !important;
        flex: none !important;
        width: auto !important;
        margin-bottom: var(--space-0);
    }
}
.expertise-cluster--core { --cluster-accent: #128C7E; }
.expertise-cluster--threats { --cluster-accent: #851c1c; }
.expertise-cluster--data { --cluster-accent: #414d76; }
.expertise-cluster--enterprise { --cluster-accent: #794bdd; }
.about-trust {
    background-color: var(--color-blue-50-v2);
}
.about-cta {
    padding: var(--space-pct-val-3) var(--space-pct-10) var(--space-pct-val-3);
}
.about-cta-mark {
    display: inline-block;
    width: var(--space-px-56);
    height: 3px;
    background-color: var(--color-primary);
    margin-bottom: var(--space-pct-val-1-5);
}
.about-cta p {
    max-width: var(--space-px-620);
    margin: var(--space-0) auto var(--space-pct-val-2-5);
}
.about-products,
.about-values {
    padding: var(--space-pct-val-3) var(--space-pct-10);
    text-align: left;
}
.about-products {
    padding-top: var(--space-pct-val-1-5);
    padding-bottom: var(--space-pct-val-3);
}
.about-values {
    padding-top: var(--space-pct-val-3);
    padding-bottom: var(--space-pct-val-1-5);
    background-color: var(--color-blue-50-v2);
}
.about-products .section-title p {
    max-width: var(--space-px-920);
    margin: var(--space-0) auto;
    text-align: center;
}
.about-products-strip {
    border-bottom: 1px solid var(--color-border-light);
    padding-bottom: var(--space-pct-val-2-5);
}
.about-product-item {
    padding: var(--space-pct-val-2-5) var(--space-pct-val-3);
    margin-bottom: var(--space-pct-val-2-5);
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.about-product-item .about-icon {
    align-self: center;
    margin-bottom: var(--space-pct-val-1-5);
}
.about-product-item h3 {
    align-self: center;
    text-align: center;
}
.about-product-item p {
    align-self: stretch;
    margin-top: var(--space-pct-val-1-5);
    padding-top: var(--space-pct-val-1-5);
    border-top: 1px solid var(--color-gray-100);
}
@media (min-width: 992px) {
    .about-product-item {
        border-left: 1px solid var(--color-border-light);
    }
    .about-product-item:first-child {
        border-left: none;
    }
}
.about-value-item {
    border: 1px solid var(--color-gray-100);
    border-radius: var(--radius-base);
    padding: var(--space-pct-val-3);
    margin-bottom: var(--space-pct-val-2-5);
    text-align: left;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.about-value-item:last-child {
    margin-bottom: var(--space-0);
}
.about-value-text {
    flex: 1 1 auto;
}
.about-icon {
    width: var(--space-px-56);
    height: var(--space-px-56);
    border-radius: var(--radius-val-50pct);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--color-white);
    font-size: var(--font-size-lg);
}
.about-product-item .about-icon {
    margin-bottom: var(--space-pct-1);
}
.about-value-item .about-icon {
    margin-right: var(--space-pct-val-1-5);
}
.about-value-num {
    flex-shrink: 0;
    width: var(--space-px-56);
    font-size: var(--font-size-2xl);
    font-weight: var(--font-weight-medium);
    margin-right: var(--space-pct-val-2-5);
}
.about-icon-outline {
    background-color: transparent;
    border: 2px solid;
}
.about-icon-pc { background-color: #3d8eac; }
.about-icon-family { background-color: #a74bf8; }
.about-icon-privacy { background-color: #e7405b; }
.about-icon-business { background-color: #30699a; }
.about-icon-trust { color: #00adef; border-color: #00adef; }
.about-icon-vprivacy { color: #55c4c7; border-color: #55c4c7; }
.about-icon-reliability { color: #3d8eac; border-color: #3d8eac; }
.about-icon-improvement { color: #a74bf8; border-color: #a74bf8; }
.about-icon-ethical { color: #f04621; border-color: #f04621; }
.about-product-item h3,
.about-value-item h3 {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-medium);
    margin-bottom: var(--space-pct-1);
}
@media (min-width: 992px) {
    .about-products .row {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        gap: var(--space-pct-val-2-5);
    }
    .about-product-item {
        max-width: none !important;
        flex: none !important;
        width: auto !important;
        margin-bottom: var(--space-0);
    }
}
.about-products-link {
    display: inline-block;
    font-weight: var(--font-weight-medium);
    margin-top: var(--space-pct-1);
}
.clsbgabout {
    padding: var(--space-pct-val-0);
    background-color: var(--color-white);
    border-radius: var(--radius-base);
    border: 1px solid var(--color-border-light);
    margin: var(--space-0) var(--space-pct-2);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.clsbgabout:hover {
    border-color: var(--cluster-accent, var(--color-border-light));
    box-shadow: var(--space-0) var(--space-px-1) var(--space-1) var(--color-blue-a8-800);
    cursor: pointer;
}
.clsaboutcontent {
    padding-top: var(--space-pct-val-2-5);
    padding-bottom: var(--space-pct-val-2-5);
}
.clsaboutimg {
    padding-bottom: var(--space-pct-5);
    padding-top: var(--space-pct-5);
}
.clsaboutcontent h4 {
    font-size: var(--font-size-md) !important;
    font-weight: var(--font-weight-normal);
}
.mainaboutdiv {
    display: inline-grid;
    margin-bottom: var(--space-pct-val-2-5);
}
.mainaboutdiv:hover {
    cursor: pointer;
}
section.checkout.ptb-100 {
    padding-top: var(--space-pct-2);
    background-color: var(--color-gray-50-v2);
    padding-bottom: var(--space-0);
}
section.checkout.ptb-100 input,
section.checkout.ptb-100 select {
    padding: var(--space-pct-val-0-2) var(--space-pct-1);
    height: var(--space-px-38);
    border-radius: var(--radius-xs);
}
section.checkout.ptb-100 .nice-select {
    width: var(--space-pct-val-100);
    margin-bottom: var(--space-0);
    margin-top: var(--space-px-2);
    padding: var(--space-pct-val-0) var(--space-pct-val-3);
    height: var(--space-px-38);
    border-radius: var(--radius-xs);
    line-height: var(--line-height-val-38px);
}
section.checkout.ptb-100 p.text-danger.alert.alert-danger {
    padding: var(--space-pct-val-0-4) var(--space-pct-1);
    float: right;
    background-color: var(--color-gray-a36-300);
    border: 1px solid var(--color-gray-a5-300);
}
.clscheckoutform {
    background-color: var(--color-white);
    border-radius: var(--radius-base);
    box-shadow: var(--space-0) var(--space-px-1) var(--space-1) var(--color-gray-a71-800);
    padding: var(--space-0);
}
section.checkout.ptb-100 .container-fluid {
    padding: var(--space-pct-val-0) var(--space-pct-val-6);
}
.nice-select .option.selected.focus {
    color: var(--color-green-a83-700);
    font-weight: var(--font-weight-medium);
}
form#customer_details_form h6 {
    margin-bottom: var(--space-0);
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-normal);
}
img.img-reponsive.checkoutimg {
    vertical-align: middle;
    padding-right: var(--space-pct-val-0-3);
}
form#customer_details_form label {
    font-weight: var(--font-weight-medium) !important;
    text-align: center;
}
.bunow-tab-wrap select#validity {
    color: var(--color-indigo-900);
    border: 1px solid var(--color-border-light);
    background-color: var(--color-white);
    border-radius: var(--radius-base);
    font-size: var(--font-size-sm);
    padding: var(--space-0) var(--space-px-19);
    width: var(--space-pct-val-100);
    margin-bottom: var(--space-pct-10);
}
small#rchars,
small.text-info {
    font-size: var(--font-size-xs);
    color: var(--color-red-a70-500) !important;
}
.ordersummery {
    padding: var(--space-pct-val-2-1) var(--space-pct-val-4) var(--space-pct-val-0) var(--space-pct-val-4) !important;
}
.product-card-checkout {
    background-color: var(--color-gray-a19-100);
    border-radius: var(--radius-val-12px);
    padding: var(--space-pct-2) var(--space-pct-2) var(--space-pct-2);
    box-shadow: var(--space-0) var(--space-px-1) var(--space-1) var(--color-gray-a0-50);
    margin-bottom: var(--space-7);
    text-align: center;
    border: 1px solid var(--color-blue-a8-800);
    margin: var(--space-pct-val-0) var(--space-pct-2) var(--space-pct-2) var(--space-pct-2);
}
.product-title-checkout {
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-medium);
    text-align: left;
}
.ordersummery h6 {
    margin-bottom: var(--space-0);
}
.orderdiv {
    padding: var(--space-pct-val-0-5) var(--space-pct-val-3);
    background-color: var(--color-white);
    border-radius: var(--radius-base);
    box-shadow: var(--space-0) var(--space-px-1) var(--space-1) var(--color-gray-a71-800);
}
.pagebuilder-column-li strong {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-medium);
    color: var(--color-gray-a77-900);
}
.recommendedproductall {
    padding: var(--space-pct-val-0-5) var(--space-pct-val-3);
    background-color: var(--color-white);
    border-radius: var(--radius-base);
    box-shadow: var(--space-0) var(--space-px-1) var(--space-1) var(--color-gray-a71-800);
    margin-top: var(--space-pct-val-3);
}
.clscheckoutform-2.cart_prod_details {
    display: inline-grid;
}
.formcontent {
    padding: var(--space-pct-val-0) var(--space-pct-val-4) var(--space-pct-1) var(--space-pct-val-4);
}
img.img-reponsive.checkoutimg2 {
    width: var(--space-pct-val-6);
    vertical-align: middle;
    padding-right: var(--space-pct-val-0-3);
}
.product-price-checkout {
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-normal);
    color: var(--color-ink);
    display: inline-block;
    text-align: left;
    float: left;
}
.text-left {
    text-align: left;
}
.product-card-checkout label {
    font-weight: var(--font-weight-normal) !important;
    font-size: var(--font-size-sm);
    color: var(--color-indigo-a90-900);
}
.product-card-checkout .nice-select {
    width: var(--space-pct-val-100);
    margin-bottom: var(--space-0);
    margin-top: var(--space-px-2);
    padding: var(--space-pct-val-0) var(--space-pct-val-3);
    height: var(--space-px-32) !important;
    line-height: var(--line-height-val-32px) !important;
    font-size: var(--font-size-sm);
}
.product-card-checkout span.current {
    padding-left: var(--space-pct-val-3);
}
form#customer_details_form label i {
    font-size: var(--font-size-base);
    vertical-align: text-top;
    color: var(--color-gray-900);
}
.selectedlabel {
    color: var(--color-indigo-a90-900);
    border: 1px solid var(--color-gray-a80-300);
    background-color: var(--color-gray-50-v2);
    border-radius: var(--radius-xs);
    font-size: var(--font-size-sm);
    width: var(--space-pct-val-100);
}
.inputtext {
    width: var(--space-pct-val-38) !important;
    display: inline-block;
    height: var(--space-px-24) !important;
    text-align: center;
}
form#customer_details_form label .input-counter i {
    font-size: var(--font-size-lg);
}
span.minus-btn i,
span.plus-btn i {
    color: var(--color-green-700-v4) !important;
}
span.minus-btn i:hover,
span.plus-btn i:hover {
    color: var(--color-warning) !important;
    cursor: pointer;
}
/* .addcheckout {
    background-color: var(--color-green-700-v4);
    color: var(--color-white);
    padding: var(--space-pct-val-4);
    width: var(--space-pct-val-18);
    height: -webkit-fill-available;
    border: 1px solid var(--color-green-700-v4);
    border-radius: var(--radius-lg)  !important;
    font-size: var(--font-size-sm);
}
.addcheckout:hover {
    border: 1px solid var(--color-warning);
    background-color: var(--color-warning);
} */
.inputtext:disabled {
    background-color: var(--color-white);
    opacity: 1;
}
.addcouponcheckout {
    background-color: var(--color-gray-a0-50);
    color: var(--color-indigo-900);
    padding: var(--space-pct-val-0-5);
    width: var(--space-pct-val-100);
    height: -webkit-fill-available;
    border: 1px solid var(--color-green-700-v4) !important;
    border-radius: var(--radius-base);
    font-size: var(--font-size-base);
}
.cupdiv {
    display: inline-block;
    width: var(--space-pct-val-100);
    display: none;
}
.cupdiv label {
    display: block;
}
.cupdiv button {
    width: var(--space-pct-val-22);
    display: inline-block;
    margin-left: var(--space-pct-val-3);
}
.cupdiv input {
    width: var(--space-pct-val-74);
    display: inline-block;
    height: var(--space-px-34) !important;
}
.addcouponcheckout:hover {
    border: 1px solid var(--color-warning);
    background-color: var(--color-warning);
}
hr.hrdotted {
    /* border-top: 2px dotted var(--color-gray-a71-900); */
    opacity: 0.3;
    margin-top: var(--space-pct-1);
    border-top: 1px dashed var(--color-gray-a98-900);
}
hr.hrdotted1 {
    /* border-top: 2px dotted var(--color-gray-a71-900); */
    opacity: 0.3;
    margin-top: var(--space-pct-val-3);
    border-top: 1px dashed var(--color-gray-a98-900);
}
div.agreeterm {
    font-size: var(--font-size-sm);
    padding: var(--space-pct-val-2-5) var(--space-pct-val-1-5) var(--space-pct-val-0) var(--space-pct-val-1-5);
    background-color: var(--color-green-a8-700);
    border-radius: var(--radius-sm);
    color: var(--color-gray-900);
    margin: var(--space-pct-1) var(--space-pct-val-0) var(--space-pct-val-0);
    letter-spacing: var(--letter-spacing-val-0-5px);
}
div.agreeterm a {
    color: var(--color-indigo-500);
}
div.agreeterm a:hover {
    color: var(--color-warning-alt)  !important;
}
.termscheckboxdiv {
    padding: var(--space-px-0);
    text-align: center;
}
.termscheckbox {
    appearance: none;        /* removes default style */
    -webkit-appearance: none;
    -moz-appearance: none;
    width: var(--space-7);
    height: var(--space-7) !important;
    border: 2px solid var(--color-gray-700-v4);
    border-radius: var(--radius-xs);      /* rounded corners */
    display: inline-block;
    position: relative;
    cursor: pointer;
    transition: all var(--transition-fast);
    margin-top: var(--space-pct-val-9);
}
.clscheckoutform .termscheckbox {
    appearance: none  !important;
    -webkit-appearance: none  !important;
    -moz-appearance: none;
    width: var(--space-7)  !important;
    height: var(--space-7)  !important;
    border: 1px solid var(--color-gray-700-v4)  !important;
    border-radius: var(--radius-xs)  !important;
    display: inline-block  !important;
    position: relative  !important;
    cursor: pointer  !important;
    transition: all var(--transition-fast)  !important;
    margin-top: var(--space-pct-val-9)  !important;
}
.termscheckbox:hover {
    border-color: var(--color-green-700-v4) !important;
}
.termscheckbox:checked {
    background-color: var(--color-green-700-v4) !important;
    border-color: var(--color-green-700-v4) !important;
}
.termscheckbox:checked::after {
    content: "✔";
    color: var(--color-white);
    font-size: var(--font-size-xs);
    position: absolute;
    top: var(--space-0);
    left: var(--space-px-3);
}
label.control-label.subtotallabel {
    color: var(--color-gray-a61-900)  !important;
}
label.control-label.subtdisamt {
    color: var(--color-teal-700-v4);
    font-size: var(--font-size-md);
}
.payment-label small.badge {
    display: none;
}
.payment-label strong {
    font-weight: var(--font-weight-medium);
    color: var(--color-gray-a72-900);
}
label.control-label.totallabel {
    color: var(--color-gray-a76-900)  !important;
}
label.control-label.subtotallabel,
label.control-label.subtotalamount {
    font-size: var(--font-size-md);
}
label.control-label.totallabel,
label.control-label.totalamount {
    font-size: var(--font-size-val-22px);
    color: var(--color-green-700-v4);
}
.billingtotal.text-right {
    text-align: left;
    padding: var(--space-pct-val-0) var(--space-pct-val-0);
}
.text-right {
    text-align: right;
}
.ccavenueimg {
    width: var(--space-pct-val-50);
}
/* .checkoutntn { */
    /* background-color: var(--color-green-700-v4);
    color: var(--color-white);
    padding: var(--space-pct-2);
    width: var(--space-pct-val-100);
    height: -webkit-fill-available;
    border: 1px solid var(--color-green-700-v4);
    border-radius: var(--radius-base);
    font-size: var(--font-size-base);
    padding: var(--space-rem-val-0-3) var(--space-rem-val-1-2);
    border-radius: var(--radius-base)  !important; */

     /* background-color: var(--color-green-700-v4);
    color: var(--color-white);
    width: var(--space-pct-val-100);
    border: 1px solid var(--color-green-700-v4);
    border-radius: var(--radius-base) !important;
    font-size: var(--font-size-base);
    padding: var(--space-rem-val-0-6) var(--space-rem-val-1-2);
    text-align: center;
    text-decoration: none;

    display: flex;
    align-items: center;
    justify-content: center;

    -webkit-appearance: none;
    appearance: none; */
/* } */
.np-privacy {
    margin-top: var(--space-pct-2);
}
button.checkoutntn:hover {
    border: 1px solid var(--color-warning);
    background-color: var(--color-warning);
}
.product-action-button.buy-now a {
    color: var(--color-white);
    float: right;
    text-align: right;
    display: inline-block;
    font-weight: var(--font-weight-normal);
}
.feeltoconnect {
    overflow: hidden;
    width: var(--space-pct-val-100);
    background-color: var(--color-green-a6-700);
    padding: var(--space-pct-1);
    margin-top: var(--space-pct-2);
}
.feeltoconnect h6 {
    font-size: var(--font-size-val-24px);
    font-weight: var(--font-weight-medium);
}
p.linkshelpsact {
    font-size: var(--font-size-lg);
    color: var(--color-cyan-500);
    border-right: 2px solid var(--color-green-a36-700);
    text-align: center;
}
p.linkshelpsact2 {
    font-size: var(--font-size-lg);
    color: var(--color-cyan-500);
    text-align: center;
}
p.linkshelpsact2 a {
    font-size: var(--font-size-lg);
    color: var(--color-cyan-500);
    text-align: center;
}
p.linkshelpsact a {
    font-size: var(--font-size-lg);
    color: var(--color-cyan-500);
    text-align: center;
}
p.linkshelpsact a:hover {
    cursor: pointer;
    color: var(--color-warning);
}
p.linkshelpsact2 a:hover {
    cursor: pointer;
    color: var(--color-warning);
}
.coloropen {
    background-color: var(--color-white);
    border-radius: var(--radius-lg);
    margin: var(--space-pct-1) var(--space-pct-val-0) var(--space-pct-1) var(--space-pct-val--1);
}
.coloropen p {
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-medium);
}
.bgrightbord {
    border-right: 1px solid var(--color-gray-a40-800);
}
/* -- License information card (consolidated — .product-card-renewal only
   ever appears inside #renewalvalidateModal, so everything is scoped and
   merged into single rules rather than split base+override pairs). -- */
#renewalvalidateModal .product-card-renewal {
    border-radius: var(--radius-val-12px);
    text-align: center;
    border: 1px solid var(--color-green-600-v8);
    margin: var(--space-pct-val-0) var(--space-pct-val-0) var(--space-pct-2) var(--space-pct-val-0);
    background-color: var(--color-green-a12-400);
    padding: 4px var(--space-6);
    box-shadow: var(--space-0) var(--space-1) var(--space-5) var(--color-gray-a10-900);
}
/* Largest text in the card — product name leads the visual hierarchy.
   Poppins isn't loaded anywhere on this site (body copy uses Sailec/Optima
   via --npav-font-body) so the family is left as inherited rather than
   silently falling back to a default sans-serif; size/weight/line-height
   match the requested spec. */
#renewalvalidateModal .product-title-checkout {
    color: var(--color-gray-a75-900);
    font-size: 39px;
    font-weight: var(--font-weight-bold);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-val-0-2px);
    margin-bottom: var(--space-2);
}
#renewalvalidateModal .product-card-renewal h6 {
    display: flex;
    align-items: center;
    min-height: 20px;
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-normal);
    color: var(--color-gray-600);
    letter-spacing: var(--letter-spacing-wide);
    margin: var(--space-0) var(--space-0) var(--space-2) var(--space-0);
}
#renewalvalidateModal .product-card-renewal p {
    padding-bottom: var(--space-pct-5);
    padding-top: var(--space-pct-1);
    margin-top: var(--space-0);
    color: var(--color-gray-700-v8);
    letter-spacing: var(--letter-spacing-val-1px);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-medium);
}
#renewalvalidateModal .nr-label-icon {
    margin-right: var(--space-2);
    font-size: var(--font-size-md);
    opacity: .55;
}
/* Deterministic flex layout instead of the old percentage-overflow trick
   (image max-width>100% + negative margin) — that made "increase image by
   X%" / "reduce gap by Xpx" impossible to hit precisely since the two
   interacted. A fixed-width image column + fixed gap makes both exact.
   Unconditional (not gated to a min-width) so it matches this modal's own
   mobile breakpoint below (575px, same as the pricing cards) rather than
   Bootstrap's 768px col-md breakpoint, which was leaving a dead zone where
   neither this layout nor Bootstrap's col-sm-12 stacking looked right. */
#renewalvalidateModal .product-card-renewal > .row {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 4px;
}
#renewalvalidateModal .product-card-renewal > .row > .col-md-2 {
    flex: 0 0 182px;
    width: 182px;
    max-width: 182px;
    align-self: center;
}
#renewalvalidateModal .product-card-renewal > .row > .col-md-10 {
    flex: 1 1 auto;
    max-width: none;
    min-width: 0;
    align-self: center;
    margin-top: 8px;
}
#renewalvalidateModal .product-card-renewal img {
    /* width:100% inside an auto-sized flex column has no concrete basis to
       resolve against and collapses the image — the fixed-width column
       above gives it one. */
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-left: 0;
    filter: drop-shadow(0 4px 10px rgba(0, 0, 0, .18));
}
@media (max-width: 575px) {
    #renewalvalidateModal .product-card-renewal > .row {
        flex-wrap: wrap;
    }
    #renewalvalidateModal .product-card-renewal > .row > .col-md-2,
    #renewalvalidateModal .product-card-renewal > .row > .col-md-10 {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
    }
}
#renewalvalidateModal .product-card-renewal .row + .row {
    margin-top: 2px;
}
/* --bs-gutter-x:0 on the outer image/info row (above) is a CSS custom
   property, which inherits into these nested label/value rows too unless
   redeclared — restore (and slightly widen) their own gutter here. */
#renewalvalidateModal .product-card-renewal .row.text-left {
    --bs-gutter-x: 30px;
}
/* Bootstrap's own hr{opacity:.25} was silently diluting whatever alpha
   we set on border-color (e.g. .32 rendered as ~.08) — neutralize it here
   and control visible contrast via border-color alone. */
#renewalvalidateModal hr {
    opacity: 1;
}
.renewal-validate-popup-modal.active hr {
    border-color: var(--color-gray-a66-600) !important;
}
p.alert.alert-warning.updatenp-alert.custom-alert.marg-top.renewal_note {
    --bs-alert-color: var(--color-orange-800);
    --bs-alert-bg: var(--color-yellow-a41-500);
    --bs-alert-border-color: var(--color-yellow-a60-500);
    margin-top: var(--space-pct-val-0-5);
    width: var(--space-pct-val-50);
    padding-left: var(--space-pct-2) !important;
    margin-bottom: var(--space-pct-2) !important;
}
#renewalvalidateModal .nice-select {
    width: var(--space-pct-val-100);
    margin-bottom: var(--space-0);
    margin-top: var(--space-px-2);
    padding: var(--space-pct-val-0) var(--space-pct-val-3);
    height: var(--space-px-38);
    border-radius: var(--radius-base);
    line-height: var(--line-height-val-38px);
}
#renewalvalidateModal .price {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: var(--space-3);
    margin-left: calc(var(--space-px-22) + var(--space-3));
    gap: var(--space-2) var(--space-4);
}
#renewalvalidateModal span.old-price {
    text-decoration: line-through;
    text-decoration-thickness: 1px;
    color: var(--color-gray-400-v6);
    font-weight: var(--font-weight-normal);
    font-size: var(--font-size-sm);
    order: 3;
    flex-basis: var(--space-pct-val-100);
}
#renewalvalidateModal span.new-price {
    color: var(--color-gray-800-v6);
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-semibold);
    order: 1;
}
#renewalvalidateModal label {
    font-weight: var(--font-weight-medium);
}
/* -- Plan selection cards -- */
#renewalvalidateModal .col-md-6:has(input[name="prod_option_id"]) {
    position: relative;
    border: 1px solid var(--color-border-light);
    margin-bottom: var(--space-3);
    cursor: pointer;
    border-radius: var(--radius-val-12px);
    padding: 20px 23px 20px 28px;
    transition: border-color var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);
}
#renewalvalidateModal .col-md-6:has(input[name="prod_option_id"]):hover {
    border-color: var(--npav-green-primary);
    transform: translateY(-2px);
    box-shadow: var(--space-0) var(--space-3) var(--space-7) var(--color-gray-a10-900);
}
#renewalvalidateModal .col-md-6:has(input[name="prod_option_id"]:checked) {
    border-color: var(--npav-green-primary);
    background-color: var(--color-green-a12-400);
    box-shadow: var(--space-0) var(--space-1) var(--space-4) var(--color-green-a7-500);
}
#renewalvalidateModal .col-md-6:has(input[name="prod_option_id"]:focus-within) {
    outline: var(--focus-ring);
    outline-offset: 2px;
}
/* Custom circular radio — native appearance is unset so the ring/dot
   render consistently instead of depending on each browser's own
   (sometimes square-cornered) form-control theme. */
#renewalvalidateModal input[name="prod_option_id"] {
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    vertical-align: middle;
    width: var(--space-px-22);
    height: var(--space-px-22);
    margin-right: var(--space-3);
    border-radius: var(--radius-val-50pct);
    border: 2px solid var(--color-gray-400-v6);
    background: transparent;
    position: relative;
    transition: border-color var(--transition-fast), transform var(--transition-fast);
}
#renewalvalidateModal input[name="prod_option_id"]::after {
    content: '';
    position: absolute;
    inset: 3px;
    border-radius: var(--radius-val-50pct);
    background: var(--npav-green-primary);
    transform: scale(0);
    transition: transform var(--transition-fast);
}
#renewalvalidateModal input[name="prod_option_id"]:checked {
    border-color: var(--npav-green-primary);
    transform: scale(1.05);
}
#renewalvalidateModal input[name="prod_option_id"]:checked::after {
    transform: scale(1);
}
#renewalvalidateModal label.sellabel {
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
    font-size: var(--font-size-md);
    margin-bottom: var(--space-3);
}
#renewalvalidateModal .nr-recommended {
    position: absolute;
    top: 3px;
    right: var(--space-0);
    padding: 3px 10px;
    border-radius: var(--space-0) var(--radius-val-12px) var(--space-0) var(--radius-sm);
    font-size: var(--font-size-val-13px);
    font-weight: var(--font-weight-medium);
    letter-spacing: var(--letter-spacing-val-0-2px);
    white-space: nowrap;
    background: var(--npav-green-dark);
    color: var(--color-white);
    transition: background-color var(--transition-fast);
}
#renewalvalidateModal span.detail-product-discount {
    border-radius: var(--radius-val-999px);
    transition: transform var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);
    background-color: var(--color-teal-500);
    color: var(--npav-dark-bg);
    font-weight: var(--font-weight-medium);
    margin: var(--space-0) var(--space-0) var(--space-0) auto;
    box-shadow: var(--space-0) var(--space-px-2) var(--space-px-5) var(--color-gray-a15-900);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    order: 2;
    white-space: nowrap;
    font-size: var(--font-size-sm);
    padding: var(--space-1) 6px;
    transform: translateY(-11px);
}

/* -- CTA -- */
button#btnRenewNow {
    position: relative;
    color: var(--color-white);
    border-radius: var(--radius-base);
    background: var(--color-green-700-v4) !important;
    border: 1px solid var(--color-primary-hover-alt);
    padding: var(--space-4) var(--space-6);
    margin-top: var(--space-5);
    transition: transform 200ms ease, box-shadow 200ms ease, background-color 200ms ease, filter 200ms ease;
}
button#btnRenewNow:hover {
    transform: translateY(-2px);
    box-shadow: var(--space-0) var(--space-3) var(--space-7) var(--color-gray-a15-900);
}
button#btnRenewNow:focus-visible {
    outline: var(--focus-ring);
    outline-offset: 2px;
}
button#btnRenewNow .nr-btn-text {
    flex: 1 1 auto;
    text-align: center;
}
button#btnRenewNow .nr-btn-price {
    font-weight: var(--font-weight-semibold);
}
button#btnRenewNow i {
    position: absolute;
    right: var(--space-14);
    top: var(--space-pct-val-50);
    transform: translateY(-50%);
    transition: transform 200ms ease;
    font-size: var(--font-size-lg);
}
button#btnRenewNow:hover i {
    transform: translate(3px, -50%);
}

/* ============================================================
   Process For Renewal modal — remaining premium-polish rules not
   already folded into the consolidated blocks above (modal shell,
   header, stepper, offer strip). Colour-specific dark refinements
   live alongside the modal's existing dark rules in
   npav-2026-dark.css. ============================================ */

/* -- Modal layout -- */
@media (min-width: 992px) {
    #renewalvalidateModal .modal-dialog {
        max-width: 840px;
    }
}
#renewalvalidateModal .modal-content {
    border-radius: 14px;
}

/* -- Header -- */
#renewalvalidateModal .modal-title {
    font-size: var(--font-size-val-1-15rem);
    font-weight: var(--font-weight-medium);
    letter-spacing: var(--letter-spacing-val-0-2px);
    padding-left: 28px;
}
#renewalvalidateModal .modal-title i {
    margin-right: var(--space-2);
}
#renewalvalidateModal .modal-body {
    padding-top: var(--space-6);
}
#renewalvalidateModal .btn-close {
    width: 36px;
    height: 36px;
    padding: var(--space-0);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-val-50pct);
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, .08);
    opacity: .7;
    box-shadow: none;
    transition: background-color var(--transition-fast), border-color var(--transition-fast), opacity var(--transition-fast);
}
#renewalvalidateModal .btn-close:hover {
    background-color: var(--color-gray-a10-900);
    opacity: 1;
}
#renewalvalidateModal .btn-close:focus {
    box-shadow: none;
}
#renewalvalidateModal .btn-close:focus-visible {
    box-shadow: none;
    outline: var(--focus-ring);
    outline-offset: 2px;
}

/* -- Stepper -- */
#renewalvalidateModal .nr-progress {
    margin-top: var(--space-1);
    gap: var(--space-5);
}
#renewalvalidateModal .nr-progress-step.is-current .nr-progress-num {
    transform: scale(1.1);
}

/* -- Special offer strip -- */
.alert.alert-info.text-center.renewal_offer_alert {
    letter-spacing: var(--letter-spacing-val-1px);
    border-radius: var(--radius-md);
    transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
    background-color: var(--color-teal-500);
    color: var(--npav-dark-bg);
    font-weight: var(--font-weight-medium);
    box-shadow: var(--space-0) var(--space-px-2) var(--space-px-5) var(--color-gray-a15-900);
    font-size: var(--font-size-base-rem);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    width: var(--space-pct-val-100);
    padding-block: 13px;
    padding-inline: 29px;
    margin-bottom: var(--space-7);
    white-space: nowrap;
    overflow-x: auto;
}
.renewal_offer_alert strong {
    margin-right: var(--space-1);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-semibold);
    letter-spacing: var(--letter-spacing-val-0-2px);
}
.renewal_offer_alert .nr-offer-sub {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-normal);
    opacity: .85;
}
.renewal_offer_alert i {
    flex-shrink: 0;
    font-size: var(--font-size-val-1-3rem);
    margin-right: var(--space-2);
}

/* H3: keyboard focus ring for nice-select options in the renewal modal */
#renewalvalidateModal .nice-select .option:focus-visible {
    outline: var(--focus-ring);
    outline-offset: -2px;
}
#renewalvalidateModal .nice-select .option {
    cursor: pointer;
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-val-24px);
    list-style: none;
    min-height: var(--space-px-24);
    outline: 0;
    padding-left: var(--space-px-18);
    padding-right: var(--space-px-29);
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
section.buynow .container-fluid {
    padding: var(--space-pct-val-0-5) var(--space-pct-8) var(--space-pct-val-0-5) var(--space-pct-8);
    margin: var(--space-pct-val-0) var(--space-pct-val-0) var(--space-pct-val-0);
    background-color: var(--color-gray-50-v2);
}
/* ---- buynow product card grid ---- */
.bunow-tab-wrap .buynow-prod-div {
    flex: 0 0 25%;
    max-width: var(--space-pct-val-25);
}
@media (max-width: 1199px) { .bunow-tab-wrap .buynow-prod-div { flex: var(--space-0) var(--space-0) var(--space-pct-val-33-333);
        max-width: var(--space-pct-val-33-333);
    }
}
@media (max-width: 767px) { .bunow-tab-wrap .buynow-prod-div { flex: var(--space-0) var(--space-0) var(--space-pct-val-50);
        max-width: var(--space-pct-val-50);
    }
}
@media (max-width: 575px) { .bunow-tab-wrap .buynow-prod-div { flex: var(--space-0) var(--space-0) var(--space-pct-val-100);
        max-width: var(--space-pct-val-100);
    }
}
/* ---- buynow product card layout ---- */
.bunow-tab-wrap .product-card {
    background-color: var(--color-white);
    padding: var(--space-px-16);
    margin: var(--space-2) var(--space-0);
    position: relative;
}
/* Highlight one product per row of equal-looking cards — people naturally
   click the one that's visually called out. */
.bunow-tab-wrap .product-card.recommended {
    border: 2px solid var(--color-green-600-v5);
    box-shadow: var(--space-0) var(--space-1) var(--space-px-16) var(--color-green-a15-600);
}
.recommended-badge {
    position: absolute;
    top: var(--space-4);
    right: var(--space-4);
    background: var(--color-green-600-v5);
    color: var(--color-white);
    font-size: var(--font-size-val-11px);
    font-weight: var(--font-weight-semibold);
    letter-spacing: var(--letter-spacing-val-0-3px);
    text-transform: uppercase;
    padding: var(--space-1) var(--space-4);
    border-radius: var(--radius-xs);
    z-index: var(--z-val-2);
}
/* reset inner row — no column flip, let Bootstrap wrap handle stacking */
.bunow-tab-wrap .product-card > .row {
    margin-left: var(--space-0);
    margin-right: var(--space-0);
}
/* both inner columns full-width → they stack naturally via flex-wrap */
.bunow-tab-wrap .product-card > .row > div {
    flex: 0 0 100%;
    max-width: var(--space-pct-val-100);
    padding-left: var(--space-0);
    padding-right: var(--space-0);
}
/* image area */
.bunow-tab-wrap .product-card > .row > div:first-child {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--space-rem-0-75) var(--space-0);
    min-height: var(--space-px-160);
}
/* image */
.bunow-tab-wrap .product-card img {
    max-height: var(--space-px-150);
    width: auto;
    height: auto;
    max-width: var(--space-pct-val-100);
    object-fit: contain;
    display: block;
}
/* product name */
.bunow-tab-wrap .product-title {
    padding: var(--space-0);
    font-size: var(--font-size-val-17px);
    line-height: var(--line-height-val-1-4);
    margin-bottom: var(--space-2);
    background-color: transparent;
}
/* price block */
.bunow-tab-wrap .pmrpdis {
    padding: var(--space-0);
    margin-bottom: var(--space-3);
    clear: both;
    background-color: transparent;
}
/* validity/user selects */
.bunow-tab-wrap .product-card .row.text-left {
    margin-left: var(--space-0);
    margin-right: var(--space-0);
    margin-bottom: var(--space-4);
}
/* buttons */
.bunow-tab-wrap .product-action-buttons {
    padding: var(--space-0) !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: var(--space-2) !important;
    margin-top: var(--space-5);
}
.bunow-tab-wrap .product-action-button.buy-now {
    background-color: var(--color-green-700-v4);
    color: var(--color-white);
    text-align: center;
    font-weight: var(--font-weight-normal);
    padding: var(--space-rem-sm) var(--space-rem-md);
    display: block;
    width: var(--space-pct-val-100);
    border-radius: var(--radius-md);
}
.bunow-tab-wrap .product-details-link {
    text-align: center;
    width: var(--space-pct-val-100);
}
.bunow-tab-wrap .product-description {
    line-height: var(--line-height-val-25px);
    margin-bottom: var(--space-pct-2);
    padding: var(--space-pct-val-0);
    color: var(--color-gray-700-v11);
}
.bunow-tab-wrap .product-description ul li strong {
    font-weight: var(--font-weight-medium);
}
.bunow-tab-wrap .product-price {
    /* font-size: var(--font-size-val-22px); */
    display: inline-block;
    letter-spacing: var(--letter-spacing-val--0-5px);
    font-size: var(--font-size-val-2rem);
    font-weight: var(--font-weight-normal);
    color: var(--color-blue-900-v2);
}
.bunow-tab-wrap .product-mrp {
    display: inline-block;
    margin-left: var(--space-3);
    font-size: var(--font-size-val-0-9rem);
    text-decoration: line-through;
}
.bunow-tab-wrap .product-discount {
    display: inline-block;
    margin-left: var(--space-2);
    font-size: var(--font-size-val-0-75rem);
    font-weight: var(--font-weight-bold);
    padding: var(--space-px-2) var(--space-3);
    border-radius: var(--radius-xs);
    vertical-align: middle;
    line-height: var(--line-height-normal);
}
.bunow-tab-wrap .product-action-button.buy-now a {
    color: var(--color-white);
    display: inline-block;
    font-weight: var(--font-weight-normal);
    font-size: var(--font-size-base);
    padding: var(--space-pct-1);
    width: var(--space-pct-val-100);
    text-align: center;
}
.bunow-tab-wrap .form-control {
    /* height: var(--space-8); */
    color: var(--color-indigo-900);
    border: 1px solid var(--color-border-light);
    background-color: var(--color-white);
    border-radius: var(--radius-base);
    font-size: var(--font-size-sm);
    padding: var(--space-0) var(--space-px-19);
    width: var(--space-pct-val-100);
    margin-bottom: var(--space-pct-10);
    padding: var(--space-rem-val-0-4) var(--space-rem-sm)  !important;
}
label.sellabel {
    font-weight: var(--font-weight-medium);
}
.bunow-content .bunow-tab-wrap .bunow-tab .tabs li i {
    font-size: var(--font-size-val-30px) !important;
    vertical-align: bottom;
}
/* --- buynow tab nav --- */
.tab.bunow-tab ul.nav-tabs {
    display: flex;
    flex-wrap: nowrap;
    gap: var(--space-1);
}
.tab.bunow-tab li.nav-item {
    padding: var(--space-0);
    flex: 1 1 0;
    min-width: var(--space-0);
    font-weight: var(--font-weight-semibold);
    position: relative;
    border: 1px solid var(--color-gray-a19-600);
    border-radius: var(--radius-lg) var(--radius-lg) var(--space-0) var(--space-0);
}
.tab.bunow-tab li.nav-item a {
    padding-left: var(--space-0) !important;
    font-size: var(--font-size-md);
    letter-spacing: var(--letter-spacing-val-0-5px);
    font-weight: var(--font-weight-normal);
    border-color: transparent;
    text-align: center;
    color: var(--color-green-700-v4);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tab.bunow-tab .nav-tabs .nav-link.active {
    padding-top: var(--space-pct-val-3);
}
/* --- buynow onload modal --- */
div#buynow-onloadModal h3 {
    color: var(--color-green-700-v12);
}
#buynow-onloadModal .modal-body {
    padding: var(--space-0);
    overflow: hidden;
}
#buynow-onloadModal .mdlbody img.buynowonload {
    display: block;
    width: var(--space-pct-val-100);
    height: auto;
}
#buynow-onloadModal .button-container {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    flex-wrap: wrap;
    width: var(--space-pct-val-100);
}
#buynow-onloadModal .button-container .small-text {
    font-size: var(--font-size-val-0-82rem);
    color: var(--color-gray-600);
}
/* --- product details link button --- */
.product-details-link {
    text-align: center;
    padding: var(--space-3) var(--space-px-16);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    color: var(--color-gray-700-v14);
    border: 1px solid var(--color-gray-600-v9);
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
    white-space: nowrap;
}
.product-details-link:hover {
    background-color: var(--color-gray-600-v9);
    color: var(--color-white);
    transform: translateY(-2px);
}
/* --- custom select arrow --- */
section.buynow .select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
    background-repeat: no-repeat;
    background-position: right 10px center;
    cursor: pointer;
}
/* --- buynow tab responsive (768px) --- */
@media (max-width: 768px) {
    .tab.bunow-tab ul.nav-tabs {
        flex-wrap: wrap;
        gap: var(--space-2);
    }
    .tab.bunow-tab li.nav-item {
        flex: 0 0 calc(50% - 3px);
        border-radius: var(--radius-base);
    }
    .tab.bunow-tab li.nav-item a {
        font-size: var(--font-size-val-13px);
        padding: var(--space-rem-val-0-6) var(--space-rem-val-0-3) !important;
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: var(--space-1);
        line-height: var(--line-height-val-1-3);
        min-height: var(--space-px-64);
    }
    .bunow-content .bunow-tab-wrap .bunow-tab .tabs li i {
        font-size: var(--font-size-val-22px) !important;
        vertical-align: middle;
    }
}
/* --- buynow payment links --- */
section.buynow .buyimplink {
    padding: var(--space-pct-1) var(--space-pct-2);
    margin: var(--space-0);
    background-color: var(--color-green-a6-700) !important;
    width: var(--space-pct-val-100);
    border-radius: var(--radius-val-12px);
}
/* .row.form-padds.buysupport-implinks a {
    background-color: var(--color-gray-50-v2) !important;
    padding: var(--space-pct-2);
    width: var(--space-pct-val-100);
    margin-bottom: var(--space-pct-val-6);
    color: var(--color-indigo-900);
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-normal);
}
.row.form-padds.buysupport-implinks a:hover {
    box-shadow: var(--space-0) var(--space-px-1) var(--space-1) var(--color-blue-a72-800);
    color: var(--color-white);
    background: linear-gradient(82deg, var(--color-green-700-v4) 0%, var(--color-green-700-v4) 45%, var(--color-green-700-v4) 100%);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    transition: transform var(--transition-normal);
}
.row.form-padds.buysupport-implinks a {
    background-color: var(--color-white) !important;
    padding: var(--space-pct-2);
    width: var(--space-pct-val-100);
    margin-bottom: var(--space-pct-val-6);
    color: var(--color-indigo-900);
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-normal);
    box-shadow: var(--space-0) var(--space-px-9) var(--space-1) var(--color-blue-a8-800);
    width: var(--space-pct-val-100);
     display: block; 
} */
.container-fluid.buyinst ul li {
    list-style: disc;
    font-size: var(--font-size-md);
    padding-top: var(--space-pct-val-3);
}
.container-fluid.buyinst ol li {
    font-size: var(--font-size-md);
    padding-top: var(--space-pct-val-3);
}
.buynwbtm1 {
    background-color: var(--color-white);
    padding: var(--space-pct-5) var(--space-pct-8);
    border-radius: var(--radius-lg);
}
.buynwbtm {
    background-color: var(--color-white);
    padding: var(--space-pct-val-6) var(--space-pct-8);
    border-radius: var(--radius-lg);
}
section.buynow .container-fluid.buyinst {
    background-color: var(--color-gray-100-v3);
    padding: var(--space-pct-2) var(--space-pct-8);
}
.samedive {
    display: inline-grid;
}
.container-fluid.buyinst .buynwbtm1 b,
.container-fluid.buyinst .buynwbtm b {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-medium);
}
.buynwbtm a {
    font-size: var(--font-size-md);
    padding-top: var(--space-pct-1);
}
.samedive2 span {
    font-size: var(--font-size-val-24px);
    display: inline-block;
    padding-right: var(--space-pct-val-3);
    vertical-align: text-bottom;
}
.samedive2 i {
    font-size: var(--font-size-val-38px);
    display: inline-block;
    color: var(--color-green-700-v4);
}
.row.sectitle .section-title p {
    font-size: var(--font-size-md);
    color: var(--color-gray-600);
    margin-top: var(--space-pct-val--0-8);
}
.samedive2 {
    margin-top: var(--space-pct-val--1);
}
.samedive2 a,
.samedive2 span {
    color: var(--color-green-a75-700);
}
.samedive2 a:hover {
    color: var(--color-orange-500-v6);
}
.sectitle h2 {
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-val-2rem);
}
.buynowgooglepay:hover {
    cursor: pointer;
}
img.img-responsive.qrscanner {
    width: var(--space-pct-val-85);
    margin: var(--space-0) auto;
    text-align: center;
}
.buynow-google-pay-popup-about.text-center p {
    font-size: var(--font-size-base);
    padding-top: var(--space-pct-1);
}
img.img-responsive.bankinfo {
    width: var(--space-pct-val-85);
    margin: var(--space-0) auto;
    text-align: center;
}
img.img-responsive.bankinfoimg {
    width: var(--space-pct-val-30);
    margin: var(--space-0) auto;
    text-align: center;
}
img.img-responsive.dlrinfoimg {
    width: var(--space-pct-val-70);
    margin: var(--space-0) auto;
    text-align: center;
}
.buynow-bankdetails-popup-about.text-center p {
    font-size: var(--font-size-base);
    padding-top: var(--space-pct-1);
}
.hdfcbankdetails p {
    font-size: var(--font-size-md);
    padding-top: var(--space-pct-1);
}
.buynowbankdetails:hover {
    cursor: pointer;
}
.copybtn {
    background-color: var(--color-green-700-v4);
    color: var(--color-white);
    text-align: center;
    font-weight: var(--font-weight-normal);
    width: var(--space-pct-val-33);
    margin-top: var(--space-pct-2);
}
.copybtn:hover {
    background-color: var(--color-white);
    color: var(--color-green-700-v4);
    border: 1px solid var(--color-green-700-v4);
}
.copybankdetailsbtn {
    background-color: var(--color-green-700-v4);
    color: var(--color-white);
    text-align: center;
    font-weight: var(--font-weight-normal);
    margin-top: var(--space-pct-2);
}
.copybankdetailsbtn:hover {
    background-color: var(--color-white);
    color: var(--color-green-700-v4);
    border: 1px solid var(--color-green-700-v4);
}
img.img-pay-status {
    width: var(--space-pct-10);
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 50%;
    box-shadow: var(--space-0) var(--space-1) var(--space-5) var(--color-gray-a10-900);
    margin-bottom: var(--space-2);
}
section.thankyou .container-fluid {
    padding: var(--space-pct-1) var(--space-pct-8) var(--space-pct-val-3) var(--space-pct-8);
    margin: var(--space-pct-val-0) var(--space-pct-val-0) var(--space-pct-val-0) var(--space-pct-val-0);
}
.container-fluid.thankyoudiv {
    background-color: var(--color-gray-50-v2);
}
p.lead.mb-0 {
    font-size: var(--font-size-val-22px);
}
section.thankyou .feeltoconnect {
    overflow: hidden;
    width: var(--space-pct-val-100);
    background-color: var(--color-green-a6-700);
    padding: var(--space-pct-2) var(--space-pct-val-0) var(--space-pct-1) var(--space-pct-val-0) !important;
    margin-top: var(--space-pct-val-0);
}
i.bx.bx-copy-alt {
    font-size: var(--font-size-val-22px);
    color: var(--color-green-700-v4);
}
span.orderdetail {
    padding-left: var(--space-4);
    font-size: var(--font-size-base);
}
p.thanks-product-key.mb-0 {
    color: var(--color-green-a81-700);
}
span.orderdetaillabel {
    font-size: var(--font-size-base);
    padding-right: var(--space-4);
    font-weight: var(--font-weight-medium);
}
section.thankyou.ptb-100 {
    padding-bottom: var(--space-0);
}
section.thankyou .feeltoconnect .container-fluid {
    padding: var(--space-pct-val-0) var(--space-pct-8) var(--space-pct-1) var(--space-pct-8);
    margin: var(--space-pct-val-0) var(--space-pct-val-0) var(--space-pct-val-0) var(--space-pct-val-0);
}
.thankdownlink i {
    font-size: var(--font-size-val-28px);
    vertical-align: middle;
    color: var(--color-cyan-700-v5);
}
.thankdownlink a {
    font-size: var(--font-size-md);
    /* color: var(--color-cyan-500); */
    color: var(--color-green-700-v4);
    font-weight: var(--font-weight-medium);
}
.thankdownlink a:hover {
    cursor: pointer;
    color: var(--color-warning-alt);
}
.table-responsive.text-left a:hover{
    color: var(--color-warning-alt);
}
.table-responsive.text-left a {
    font-size: var(--font-size-base);
    /* color: var(--color-cyan-500); */
    color: var(--color-green-700-v4);
    font-weight: var(--font-weight-medium);
}
.paymentcanceldiv img.img-pay-status-failed {
    width: var(--space-pct-8);
}
.yourorder {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-normal);
    border-bottom: 1.5px solid var(--color-green-700-v4);
    padding-bottom: var(--space-pct-val-0-5);
}
p.text-left.text-bold {
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-sm);
}
a.knowmorelunchtp {
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-sm);
}
section.thankyou table.table tr th {
    font-weight: var(--font-weight-medium);
}
.row.text-left.thankdownlink .container-fluid.buyinst {
    padding: var(--space-pct-1) var(--space-pct-8) var(--space-pct-val-0) var(--space-pct-8);
}
.container-fluid.failedorder {
    background-color: var(--color-red-a3-500);
    margin: var(--space-pct-val-0) var(--space-pct-val-0) var(--space-pct-val-0) var(--space-pct-val-0) !important;
    padding: var(--space-pct-val-3) var(--space-pct-8) var(--space-pct-2) var(--space-pct-8) !important;
}
.container-fluid.failedorder ul li {
    list-style: disc;
    font-size: var(--font-size-base);
    padding-top: var(--space-pct-2);
}
.container-fluid.failedorder ol li {
    font-size: var(--font-size-md);
    padding-top: var(--space-pct-2);
}
.container-fluid.failedorder b {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-medium);
}
section.paymentcancel .container-fluid {
    padding: var(--space-pct-1) var(--space-pct-8) var(--space-pct-1) var(--space-pct-8);
    margin: var(--space-pct-val-0) var(--space-pct-val-0) var(--space-pct-val-0) var(--space-pct-val-0);
}
section.paymentcancel.ptb-100 {
    padding-bottom: var(--space-0);
}
section.paymentcancel .feeltoconnect {
    overflow: hidden;
    width: var(--space-pct-val-100);
    background-color: var(--color-green-a6-700);
    padding: var(--space-pct-2) var(--space-pct-val-0) var(--space-pct-1) var(--space-pct-val-0) !important;
    margin-top: var(--space-pct-val-0);
}
img.img-pay-status-failed {
    width: var(--space-pct-val-13);
    border-radius: 50%;
    box-shadow: var(--space-0) var(--space-1) var(--space-5) var(--color-gray-a10-900);
    margin-bottom: var(--space-2);
}
section.paymentcancel .feeltoconnect .container-fluid {
    padding: var(--space-pct-val-0-3) var(--space-pct-8);
    margin: var(--space-pct-val-0) var(--space-pct-val-0) var(--space-pct-val-0) var(--space-pct-val-0);
}
i.bx.bx-copy-alt:hover {
    color: var(--color-warning);
    cursor: pointer;
}
.container-fluid.paymentcanceldiv {
    background-color: var(--color-gray-50-v2);
}
.chtcls {
    width: var(--space-pct-val-100);
}
.thankdownlink .buynwbtm,
.thankdownlink .buynwbtm1 {
    padding: var(--space-pct-2) var(--space-pct-val-4);
    margin-bottom: var(--space-pct-2);
}
.displayinline {
    display: inline-block !important;
}
button.proddetail-btn-buynow.displayinline {
    padding: var(--space-pct-val-0-5) var(--space-pct-2);
    border: 1px solid var(--color-green-700-v4);
    color: var(--color-white);
    text-align: center;
    border-radius: var(--radius-base) !important;
    vertical-align: middle;
    font-size: var(--font-size-base);
    background-color: var(--color-green-700-v4);
    margin-right: var(--space-pct-2);
}
button.proddetail-btn-add-to-cart.displayinline {
    padding: var(--space-pct-val-0-5) var(--space-pct-2);
    border: 1px solid var(--color-green-700-v4);
    color: var(--color-green-700-v4);
    text-align: center;
    border-radius: var(--radius-base) !important;
    vertical-align: middle;
    font-size: var(--font-size-base);
    background-color: var(--color-gray-a0-50);
    margin-right: var(--space-pct-2);
}
button.proddetail-btn-buynow:hover {
    background: var(--color-warning-alt);
    color: var(--color-white);
    border: 1px solid var(--color-warning-alt);
}
button.proddetail-btn-add-to-cart:hover {
    background: var(--color-green-700-v4);
    color: var(--color-white);
    border: 1px solid var(--color-green-700-v4);
}
a.feedbacklink {
    cursor: pointer;
}
form#feedbackForm .nice-select {
    margin-bottom: var(--space-0);
}
form#feedbackForm input,
form#feedbackForm .nice-select {
    padding: var(--space-pct-val-0-2) var(--space-pct-val-3);
    height: var(--space-px-38);
    border-radius: var(--radius-xs);
    border: 1px solid var(--color-gray-300);
    line-height: var(--line-height-val-32px);
}
form#feedbackForm label {
    font-weight: var(--font-weight-medium);
}
form#feedbackForm span.current {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-normal);
}
form#feedbackForm .pt-2 {
    margin-top: var(--space-pct-2);
}
.vlign {
    vertical-align: middle;
}
section.sitemapsection ul {
    padding-left: var(--space-rem-val-1-1);
}
section.sitemapsection ul li {
    list-style: none;
    margin-left: var(--space-0);
    padding: var(--space-1) var(--space-0);
    transition: transform 180ms ease;
}
.linkallsection h4 {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-val-21px);
    margin-top: var(--space-pct-val-3);
    color: var(--color-green-700-v4) !important;
}
/* First heading in each column doesn't need its own top margin — the page
   header above already provides separation; this margin only stacked on
   top of it and widened the gap under "Sitemap". */
.linkallsection > .row > div > h4:first-child {
    margin-top: var(--space-0);
}
/* Bootstrap's .mt-4 (1.5rem/24px) reads too tight for short sections like
   Comparison/Buy Now that only have 1-2 links below the previous section. */
.linkallsection h4.mt-4 {
    margin-top: var(--space-rem-val-2-25) !important;
}
.linkallsection h4 i {
    font-size: var(--font-size-val-1-1em);
    color: var(--color-green-700-v4);
}
section.sitemapsection ul li a,
section.sitemapsection ul li {
    font-size: var(--font-size-base);
    color: var(--color-gray-700-v13);
}
.linkallsection {
    padding: var(--space-pct-1) var(--space-pct-2);
}
/* Extra breathing room between the 3 columns beyond Bootstrap's default gutter */
.linkallsection > .row {
    --bs-gutter-x: 2.75rem;
}
section.sitemapsection ul li a {
    display: inline-block;
    transition: color 180ms ease;
}
section.sitemapsection ul li a:hover {
    color: var(--color-green-a83-700);
}
section.sitemapsection ul li:has(> a:hover) {
    transform: translateX(4px);
}
section.sitemapsection h6 {
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-medium);
}
.linkallsection hr {
    width: var(--space-pct-val-68);
    margin-left: var(--space-0);
    color: var(--color-green-700-v4);
    border-top: 3px solid;
    border-radius: var(--radius-val-3px);
    opacity: 1;
}
hr.clshorizontal_all {
    width: var(--space-pct-val-100);
    color: var(--color-green-a32-700);
    margin: var(--space-rem-md) var(--space-0) var(--space-rem-sm) var(--space-rem-md);
    border-top: 2px solid;
    opacity: 1;
}
.ribbon3 {
    width: fit-content;
    line-height: var(--line-height-val-35px);
    padding-left: var(--space-4);
    position: absolute;
    background: var(--color-green-700-v4);
    margin-left: var(--space-px--28px);
    color: var(--color-white);
    font-size: var(--font-size-sm);
}
.ribbon3::before {
    height: var(--space-0);
    width: var(--space-0);
    top: var(--space-px--8-5);
    left: var(--space-px-0-1);
    border-bottom: 9px solid var(--color-green-700-v4);
    border-left: 9px solid var(--color-gray-a0-50);
}
.ribbon3::after {
    height: var(--space-0);
    width: var(--space-0);
    right: var(--space-px--14-5);
    border-top: 16px solid var(--color-gray-a0-50);
    border-bottom: 19px solid var(--color-gray-a0-50);
    border-left: 15px solid var(--color-green-700-v4);
    top: var(--space-0);
}
.help_animation {
    color: var(--color-white);
    animation: expand 0.8s ease forwards;
    background-color: var(--secondary-color);
    position: relative;
    transition: all 0.8s ease;
    margin-top: var(--space-px-50);
}
.text-animation {
    line-height: var(--line-height-val-28px);
    transform: translateY(300px);
    animation: slideUp 0.8s ease-in-out forwards 0.8s;
}
.ribbon3::before,
.ribbon3::after {
    content: "";
    position: absolute;
}
section.contactus.ptb-100 .container-fluid {
    padding-left: var(--space-pct-8);
    padding-right: var(--space-pct-8);
}
section.contactus .card {
    border-radius: var(--radius-xs);
    background: var(--color-white);
    box-shadow: 6px 6px 6px 6px var(--color-gray-a9-900), 0 0 6px 6px var(--color-gray-a5-900);
    transition: 0.3s transform cubic-bezier(0.155, 1.105, 0.295, 1.12), 0.3s box-shadow, 0.3s -webkit-transform cubic-bezier(0.155, 1.105, 0.295, 1.12);
    padding: var(--space-14) var(--space-px-80) var(--space-px-18) var(--space-36);
    cursor: pointer;
    margin-bottom: var(--space-pct-val-4);
    padding: var(--space-pct-val-6)  !important;
}
section.contactus i.bx.bx-phone,
section.contactus i.bx.bxl-whatsapp.text-success {
    color: var(--color-green-700-v4);
    font-size: var(--font-size-val-22px);
    vertical-align: middle;
}
section.contactus li.language-item a {
    color: var(--color-gray-600);
    font-size: var(--font-size-base);
}
section.contactus p {
    color: var(--color-gray-600);
    font-size: var(--font-size-sm);
    margin-bottom: var(--space-0);
}
.ribbon3 p {
    color: var(--color-white) !important;
}
.ribbon3 p a {
    color: var(--color-gray-600) !important;
}
hr.contacthr {
    width: var(--space-pct-val-100);
    color: var(--color-gray-300-v6);
    margin: var(--space-pct-5) var(--space-pct-val-0);
}
.help_animation h5 {
    font-weight: var(--font-weight-normal);
    margin-top: var(--space-pct-val-4);
    margin-bottom: var(--space-pct-val-4);
}
.help_animation a {
    color: var(--color-gray-600);
    font-size: var(--font-size-sm);
    letter-spacing: var(--letter-spacing-val-1px);
}
span.statedl {
    margin: var(--space-pct-5) var(--space-pct-val-0) var(--space-pct-val-0) var(--space-pct-val-0);
    position: relative;
    display: block;
    font-weight: var(--font-weight-val-300);
    font-size: var(--font-size-md);
    color: var(--color-green-700-v4);
}
.help_animation h3 {
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-normal);
    padding-bottom: var(--space-pct-1);
}
section.contactus .card:hover {
    transform: scale(1.05);
}
.help_animation h3 i.bx.bx-headphone {
    font-size: var(--font-size-val-36px);
    vertical-align: middle;
}
section.contactus i.bx.bxl-whatsapp.text-success {
    color: var(--color-green-500-v9) !important;
}
section.contactus.ptb-100 {
    background-color: var(--color-gray-50-v2);
    padding-bottom: var(--space-pct-2);
}
form#suppcallform .form-control {
    height: var(--space-8);
}
form#suppcallform .nice-select {
    width: var(--space-pct-val-100);
    margin-bottom: var(--space-0);
    margin-top: var(--space-px-2);
    line-height: var(--line-height-val-20px);
}
form#suppcallform .form-group {
    padding-top: var(--space-pct-val-0-8);
}
form#suppcallform {
    background-color: var(--color-white);
    padding: var(--space-pct-val-1-5) var(--space-pct-val-4) var(--space-pct-2) var(--space-pct-val-4);
    box-shadow: var(--space-0) var(--space-2) var(--space-px-7) var(--color-blue-a8-800);
    border: 0.3px solid var(--color-gray-a56-300);
    border-radius: var(--radius-md);
}
button#supportbtncall {
    background-color: var(--color-green-700-v4) !important;
    color: var(--color-white);
    padding: var(--space-pct-val-0-5);
    width: var(--space-pct-val-12);
    border: 1px solid var(--color-green-700-v4) !important;
    border-radius: var(--radius-base);
    float: right;
}
i.bx.bxs-star {
    color: var(--color-orange-500-v5);
}
.review-item h3 {
    font-weight: var(--font-weight-normal) !important;
    font-size: var(--font-size-sm);
    color: var(--color-black);
    line-height: var(--line-height-val-24px);
    letter-spacing: var(--letter-spacing-val-0-2px);
}
.reviews-about .form-control {
    height: var(--space-8);
}
textarea#review {
    height: var(--space-100);
}
.star-cb-group {
    font-size: var(--space-0);
    unicode-bidi: bidi-override;
    direction: rtl;
}
.star-cb-group * {
    font-size: var(--font-size-base-rem);
}
.star-cb-group>input {
    display: none;
}
.star-cb-group>input+label {
    display: inline-block;
    overflow: hidden;
    text-indent: 9999px;
    width: var(--space-em-val-1);
    white-space: nowrap;
    cursor: pointer;
    font-size: var(--font-size-val-34px);
}
.star-cb-group>input+label:before {
    display: inline-block;
    text-indent: -9999px;
    content: "☆";
    color: var(--color-gray-500-v3);
}
.star-cb-group>input:checked~label:before,
.star-cb-group>input+label:hover~label:before,
.star-cb-group>input+label:hover:before {
    content: "★";
    color: var(--color-orange-500-v5);
    text-shadow: 0 0 1px var(--color-text);
}
.star-cb-group>.star-cb-clear+label {
    text-indent: -9999px;
    width: var(--space-em-val-0-5);
    margin-left: var(--space-em-val--0-5);
}
.star-cb-group>.star-cb-clear+label:before {
    width: var(--space-em-val-0-5);
}
.star-cb-group:hover>input+label:before {
    content: "☆";
    color: var(--color-gray-500-v3);
    text-shadow: none;
}
.star-cb-group:hover>input+label:hover~label:before,
.star-cb-group:hover>input+label:hover:before {
    content: "★";
    color: var(--color-orange-500-v5);
    text-shadow: 0 0 1px var(--color-text);
}
.fieldset1 {
    border: 0;
    background: var(--color-gray-a0-50);
    width: var(--space-pct-val-100);
    border-radius: var(--radius-val-1px);
    padding: var(--space-0);
    margin: var(--space-0);
}
textarea#textDescription {
    height: var(--space-100) !important;
}
.icon-text-1:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    transition: all 0.5s;
}
a.clscmprprod2.addreviews:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    transition: all 0.5s;
}
form#suppcallform label {
    font-weight: var(--font-weight-medium);
}
#mydiv::-webkit-scrollbar-thumb {
    background-color: var(--color-gray-a33-100)  !important;
    border: 0px solid var(--color-gray-a33-100)  !important;
}
#mydiv::-webkit-scrollbar {
    width: var(--space-px-0) !important;
    background-color: var(--color-gray-a33-100)  !important;
}
#mydiv::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px var(--color-gray-100-v12) !important;
    background-color: var(--color-gray-a33-100)  !important;
}
.reviews-about label {
    font-weight: var(--font-weight-medium);
}
form#contact-form .form-control {
    height: var(--space-8);
}
textarea#txtComments {
    height: var(--space-100) !important;
}
label.required {
    font-weight: var(--font-weight-medium);
}
form#contact-form .form-group {
    padding-bottom: var(--space-pct-val-4);
}
input#btnEpsDemo {
    background-color: var(--color-green-700-v4) !important;
    color: var(--color-white);
    padding: var(--space-pct-val-0-5);
    width: var(--space-pct-val-28);
    border: 1px solid var(--color-green-700-v4) !important;
    border-radius: var(--radius-base);
    float: right;
}
input#btnEpsDemo:hover {
    background-color: var(--color-warning) !important;
    border: 1px solid var(--color-warning) !important;
}
.product-review-form h3 {
    font-weight: var(--font-weight-medium);
}
.review-item strong {
    font-weight: var(--font-weight-normal);
    color: var(--color-green-a91-700);
}
.keylost {
    width: var(--space-pct-val-50);
    margin: var(--space-0) auto;
    /* float: left; */
}
.row.lostkey_div {
    padding-top: var(--space-pct-1);
}
.row.renewal_div.lostkey_div h5 {
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-lg);
    letter-spacing: var(--letter-spacing-val-0-5px);
}
.row.renewal_div.lostkey_div span {
    letter-spacing: var(--letter-spacing-val-0-5px);
    font-size: var(--font-size-base);
    color: var(--color-gray-600-v13);
}
.old-price-checkout {
    text-decoration: line-through;
    color: var(--color-orange-500-v5);
    font-size: var(--font-size-base);
    padding-left: var(--space-pct-2);
    font-weight: var(--font-weight-normal);
}
section.product-discover .product-title a {
    color: var(--color-ink);
}
.jobdesc-modal,
.demo-request-modal {
    overflow: scroll !important;
}
.demo-request-modal::-webkit-scrollbar-thumb {
    background-color: var(--color-gray-100-v11) !important;
    border: 2px solid var(--color-gray-100-v11) !important;
}
.demo-request-modal::-webkit-scrollbar {
    width: var(--space-1) !important;
    background-color: var(--color-gray-100-v11) !important;
}
.demo-request-modal::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px var(--color-gray-100-v12) !important;
    background-color: var(--color-gray-100-v11) !important;
}
.renewal-validate-popup-modal {
    overflow: scroll !important;
}
.renewal-validate-popup-modal::-webkit-scrollbar-thumb {
    background-color: var(--color-gray-100-v11) !important;
    border: 2px solid var(--color-gray-100-v11) !important;
}
.renewal-validate-popup-modal::-webkit-scrollbar {
    width: var(--space-1) !important;
    background-color: var(--color-gray-100-v11) !important;
}
.renewal-validate-popup-modal::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px var(--color-gray-100-v12) !important;
    background-color: var(--color-gray-100-v11) !important;
}
form#customer_details_form_intpay .form-control {
    height: var(--space-8);
}
form#customer_details_form_intpay .form-group {
    padding-top: var(--space-pct-val-0-8);
}
form#customer_details_form_intpay .nice-select {
    width: var(--space-pct-val-100);
    margin-bottom: var(--space-0);
    margin-top: var(--space-px-2);
    line-height: var(--line-height-val-20px);
}
.sendlicensekey:hover {
    cursor: pointer;
}
img.img-responsive.compos {
    width: var(--space-pct-val-4);
    margin-right: var(--space-pct-2);
}
section.nopage .container-fluid,
section.nopage.ptb-100 {
    background-color: var(--color-gray-50-v2);
}
section.nopage .boxhelp {
    background-color: var(--color-white);
    border-right: 1px solid var(--color-blue-a1-800);
    box-shadow: var(--space-0) var(--space-px-1) var(--space-1) var(--color-blue-a24-800);
}
img.img-responsive.imgnofound {
    width: var(--space-pct-val-30);
    margin: var(--space-0) auto;
}
img.img-responsive.imgservererror {
    margin: var(--space-0) auto;
    padding-top: var(--space-pct-val-4);
    padding-bottom: var(--space-pct-8);
    width: var(--space-pct-val-30);
}
ul.social li span {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: var(--color-indigo-500) !important;
    font-size: var(--font-size-sm);
    padding-top: var(--space-pct-2);
    line-height: var(--line-height-val-18px);
    height: auto;
}
.input-counter {
    margin-top: var(--space-pct-val--2);
}
label#validitylbl {
    text-align: center;
    height: var(--space-px-38) !important;
    line-height: var(--line-height-val-38px) !important;
    font-size: var(--font-size-sm);
    background-color: var(--color-white);
}
.swal-button {
    background-color: var(--color-green-700-v4) !important;
}
.custom-blog {
    display: flex;
}
#customer_details_form .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--color-indigo-900) !important;
    padding: var(--space-pct-val-0) var(--space-pct-val-0) !important;
    line-height: var(--line-height-val-30px) !important;
    font-size: var(--font-size-sm)  !important;
    text-transform: capitalize;
    letter-spacing: var(--letter-spacing-val-0-5px);
}
#customer_details_form .select2-container--default .select2-selection--single {
    background-color: var(--color-white);
    border: 1px solid var(--color-border-light) !important;
    border-radius: var(--radius-xs);
    height: var(--space-px-38) !important;
}
#customer_details_form .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: var(--space-36) !important;
}
form#submitDemoRequest .form-control {
    height: var(--space-8);
}
form#submitDemoRequest .form-group {
    padding-bottom: var(--space-pct-val-4);
}
form#engineerRegistration .select2-container {
    width: var(--space-pct-val-100) !important;
}
form#engineerRegistration .nice-select.form-control {
    display: none;
}
form#engineerRegistration .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--color-indigo-900) !important;
    padding: var(--space-pct-1) var(--space-pct-val-3) !important;
    line-height: var(--line-height-val-34px) !important;
}
form#engineerRegistration .select2-container--default .select2-selection--single {
    background-color: var(--color-white);
    border: 1px solid var(--color-border-light) !important;
    height: var(--space-px-45) !important;
    border-radius: var(--radius-base);
    font-size: var(--font-size-sm);
}
form#engineerRegistration .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: var(--space-px-45) !important;
}
form#engineerRegistration label {
    font-weight: var(--font-weight-medium);
    padding-bottom: var(--space-pct-1);
}
.section-title {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.9s ease, transform 0.9s ease;
}
.show {
    opacity: 1;
    transform: translateY(0);
}
.blog-2 {
    opacity: 0;
    transition: opacity 1s ease-in-out;
    overflow: hidden;
}
.animblog-2 .blog-2,
.single-security.animblog-2 {
    opacity: 1;
}
.blog-2,
.single-security {
    opacity: 0;
    transition: opacity 1s ease-in-out;
    overflow: hidden;
}
.video-gallery-area-container {
    opacity: 0;
    transition: opacity 1s ease-in-out;
    overflow: hidden;
    display: flex;
    padding-top: var(--space-pct-val-1-5);
}
.video-gallery-area-container.animavideo {
    opacity: 1;
}
.single-footer-widget {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.9s ease, transform 0.9s ease;
}
.single-footer-widget.animafooter {
    opacity: 1;
    transform: translateY(0);
}
@-webkit-keyframes move-chevron {
    25% {
        opacity: 1;
    }
    33.3% {
        opacity: 1;
        transform: translateY(0.08rem);
    }
    66.6% {
        opacity: 1;
        transform: translateY(0.75rem);
    }
    100% {
        opacity: 0;
        transform: translateY(1.8rem) scale(0.5);
    }
}
@keyframes SlideRight {
    0% {
        transform: translateX(15%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
.product-anim {
    animation: SlideRight 0.9s ease-out forwards;
    animation-delay: 0.3s;
}
.product-details-desc,
.product-details-image {
    opacity: 0;
}
@keyframes SlideLeft {
    0% {
        transform: translateX(-15%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
.product-img-anim {
    animation: SlideLeft 0.9s ease-out forwards;
    animation-delay: 0.3s;
}
section.blog-area.pt-100 {
    padding-top: var(--space-pct-2);
    padding-bottom: var(--space-pct-1);
}
.product-details-desc.product-anim ul li {
    list-style: disc;
}
.buynow-prod-div {
    display: flex;
}
.help-pg-div,
.compatible,
.benefitsall,
.row.martop,
.support-link,
.home-control-content,
.map-area,
.achieve-column,
.divcls2,
.helpwadiv,
.jobdesc,
.fluidclseccareer2,
.careerrow,
.updatenp,
.buynow,
.bunow-tab-wrap .product-card,
.buyinst,
.editincom,
.why-chose-cont,
.downloads,
.helpsec,
.thankyou,
.product-card,
.number-area {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.9s ease, transform 0.9s ease;
}
.animadownload {
    opacity: 1 !important;
    transform: translateY(0) !important;
}
.help_animation,
.journeyimg {
    opacity: 0;
}
.help_animation-anim {
    animation: SlideLeft 0.9s ease-out forwards;
    animation-delay: 0.3s;
}
form#customer_details_form_intpay .select2-container {
    width: var(--space-pct-val-100) !important;
}
form#customer_details_form_intpay .select2-container--default .select2-selection--single {
    background-color: var(--color-white);
    border: 1px solid var(--color-border-light) !important;
    height: var(--space-8) !important;
    border-radius: var(--radius-base);
    font-size: var(--font-size-sm);
}
form#customer_details_form_intpay .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: var(--line-height-val-40px);
}
form#contactform,
.let-us-know,
.regform,
.anim-left,
.careerdiv,
.mainaboutdiv,
.homeshowprod,
.editiondiv {
    opacity: 0;
}
.form-anim {
    animation: SlideLeft 0.9s ease-out forwards;
    animation-delay: 0.3s;
}
.form-anim-right {
    animation: SlideRight 0.9s ease-out forwards;
    animation-delay: 0.3s;
}
/* form#sendKeyForm input {
    margin-bottom: var(--space-pct-val-3);
    padding: var(--space-pct-val-0-5) var(--space-pct-2);
    background-color: var(--color-red-a5-400);
    height: var(--space-px-45);
} */
#sendKeyForm label.error {
    font-size: var(--font-size-sm) !important;
}
form#lostKeyForm input {
    margin-bottom: var(--space-pct-val-3);
    padding: var(--space-pct-val-0-5) var(--space-pct-2);
    background-color: var(--color-red-a5-400);
    height: var(--space-px-45);
}
#lostKeyForm label.error {
    font-size: var(--font-size-sm) !important;
}
.product-discover .product-discount {
    font-size: var(--font-size-sm);
}
.product-discover .product-price {
    font-size: var(--font-size-lg);
}
.product-discover .product-mrp {
    font-size: var(--font-size-md);
}
.product-discover {
    display: flex;
}
section.contcls section.pricing-area.pt-100.pb-70 {
    padding: var(--space-pct-val-4) var(--space-pct-val-0);
}
button#sendKeyBtn {
    background-color: var(--color-green-700-v4);
    color: var(--color-white);
    padding: var(--space-pct-val-1-5);
    width: var(--space-pct-val-100);
    border: 1px solid var(--color-green-700-v4);
    border-radius: var(--radius-base);
}
.androidimgdwn {
    width: var(--space-pct-val-30);
    margin: var(--space-0) auto;
    text-align: center;
    margin-bottom: var(--space-pct-7);
    display: flex;
    justify-content: center;
    padding-top: var(--space-pct-val-3);
}
.select2-container {
    display: block;
    width: var(--space-pct-val-100) !important;
}
section.why-choose-area h6 {
    font-size: var(--font-size-val-22px);
    font-weight: var(--font-weight-medium);
    color: var(--color-blue-600);
}
section.why-choose-area p {
    font-size: var(--font-size-base);
    color: var(--color-gray-500);
}
.row.why-chose-cont {
    margin-bottom: var(--space-pct-2);
}
section.why-choose-area .container-fluid {
    padding-left: var(--space-pct-8);
    padding-right: var(--space-pct-8);
    padding-top: var(--space-pct-2);
    padding-bottom: var(--space-pct-2);
}
button.proddetail-btn-add-to-cart.displayinline {
    display: none !important;
}
button.btn.btn-success.moreless-button.text-center {
    background-color: var(--color-green-700-v4);
    color: var(--color-white);
    display: inline-block;
    font-weight: var(--font-weight-normal);
    padding: var(--space-pct-val-0-5) var(--space-pct-val-3);
    border: 1px solid var(--color-green-700-v4);
}
.btnreadmore.divblur .moreless-button {
    margin-top: var(--space-pct-val-15);
}
img.img-responsive.imgwhychoose {
    width: var(--space-pct-val-100);
}
li.nav-item.myaccount {
    margin-top: var(--space-pct-val--0-7);
    background: linear-gradient(82deg, var(--color-green-700-v4) 0%, var(--color-cyan-800-v9) 45%, var(--color-cyan-700-v2) 100%);
    margin-bottom: var(--space-pct-val--0-6);
}
li.nav-item.myaccount a {
    padding-top: var(--space-pct-val-12) !important;
    color: var(--color-white) !important;
}
li.nav-item.myaccount:hover {
    background: linear-gradient(82deg, var(--color-green-700-v4) 0%, var(--color-green-700-v4) 45%, var(--color-green-400-v2) 100%);
}
.paymentframe {
    background-color: var(--color-white);
    background-color: var(--color-white);
    border-radius: var(--radius-base);
    box-shadow: var(--space-0) var(--space-px-1) var(--space-1) var(--color-gray-a71-800);
    padding: var(--space-0);
    max-width: var(--space-pct-val-80)  !important;
}
.help-pg-div {
    text-align: center;
    padding: var(--space-pct-2);
}
section.contactus .divme {
    padding: var(--space-pct-val-0) var(--space-pct-1);
}
.text-align-start {
    text-align: start;
}
img.imgdisp.img-responsive {
    width: var(--space-pct-val-65);
    display: block;
    margin-left: auto;
}
.row.updatetop {
    padding-top: var(--space-pct-1);
}
.row.updatetop2 {
    padding-bottom: var(--space-pct-1);
}
.updatenp-alert {
    display: flex;
    align-items: flex-start;
    gap: var(--space-4);
    padding: var(--space-5) var(--space-px-18);
    background-color: var(--color-green-100-v10);
    border: 1px solid var(--color-green-300-v6);
    border-left: 3px solid var(--color-green-700-v4);
    border-radius: var(--radius-base);
    color: var(--color-green-800-v12);
    font-size: var(--font-size-val-13-5px);
    line-height: var(--line-height-relaxed);
    margin-bottom: var(--space-1);
}
.updatenp-alert-icon {
    font-size: var(--font-size-val-17px);
    color: var(--color-green-700-v4);
    flex-shrink: 0;
    margin-top: var(--space-px-1);
}
.samerow {
    background-color: var(--color-white);
    padding: var(--space-pct-5) var(--space-pct-val-4);
    border-radius: var(--radius-lg);
    margin: var(--space-pct-1);
    box-shadow: 2px 2px 2px 2px var(--color-gray-a9-900), 0 0 6px 6px var(--color-gray-a5-900);
    color: var(--color-gray-600-v12);
    font-size: var(--font-size-base);
}
.updcont {
    background-color: var(--color-gray-100-v3);
}
.row.samerow h2 {
    font-weight: var(--font-weight-medium);
}
.row.samerow h5.prod-title.padd-top-20 {
    font-weight: var(--font-weight-normal);
    font-size: var(--font-size-base);
}
h3.heading i {
    font-weight: var(--font-weight-light) !important;
    font-size: var(--font-size-val-44px) !important;
    vertical-align: middle;
}
.pagebuilder-column.fastupd.renew {
    padding-top: var(--space-pct-val-0) !important;
}
.renewheader .row.updatetop {
    padding-top: var(--space-pct-1) !important;
}
form#jobApplyForm #btnadd {
    margin-top: var(--space-pct-val-3);
}
img.img-responsive.why-icon {
    margin-right: var(--space-pct-val-3);
}
.container-fluid.page-hero {
    padding: var(--space-pct-1) var(--space-pct-1) var(--space-pct-1) var(--space-pct-1);
    background: linear-gradient(82deg, var(--color-green-a68-700) 0%, var(--color-green-700-v4) 45%, var(--color-green-700-v4) 100%);
    text-align: center;
    color: var(--color-white);
    margin-bottom: var(--space-pct-2);
}
textarea#txtIssue {
    height: var(--space-px-70) !important;
}
form#suppcallformsubmit .form-group {
    padding-top: var(--space-pct-2);
}
form#suppcallformsubmit #btnGenerateTicket {
    background-color: var(--color-green-700-v4);
    color: var(--color-white);
    padding: var(--space-4) var(--space-7);
    width: auto;
    min-width: var(--space-px-150);
    border: 1px solid var(--color-green-700-v4);
    border-radius: var(--radius-base);
    float: right;
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-medium);
    cursor: pointer;
    transition: all var(--transition-normal);
}
.prod-type {
    float: left;
    color: var(--color-danger);
    width: var(--space-pct-val-100);
    text-align: left;
}
/* Positioned as a floating corner tag, not inline in the text flow — even a
   single-line badge still added its own line height, so cards with this
   badge sat one line taller than siblings without it in the same row,
   pushing Buy Now/Product Details to a different vertical position. Absolute
   positioning removes it from flow entirely so it can never affect height. */
.prod-type-badge {
    position: absolute;
    top: var(--space-4);
    right: var(--space-4);
    font-size: var(--font-size-val-10-5px);
    font-weight: var(--font-weight-medium);
    letter-spacing: var(--letter-spacing-val-0-2px);
    color: var(--color-gray-600);
    background: var(--color-gray-a12-600);
    border: 1px solid var(--color-gray-a30-600);
    border-radius: var(--radius-xs);
    padding: var(--space-px-2) var(--space-3);
    white-space: nowrap;
    z-index: var(--z-base);
}
.product-details-desc .prod-type {
    display: contents;
}
.lightgray {
    color: var(--color-gray-300-v5) !important;
}
.divcheckout {
    display: inline-grid;
}
form#feedbackForm .form-control:not(textarea) {
    height: var(--space-8);
}
form#feedbackForm .form-group {
    padding-top: var(--space-pct-val-0-8);
}
option {
    cursor: pointer;
    font-weight: var(--font-weight-normal);
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    font-size: var(--font-size-sm);
    color: var(--color-gray-900);
    background-color: var(--color-white);
}
form#contactform .error {
    margin-top: var(--space-pct-val-0) !important;
    margin-bottom: var(--space-pct-val-0) !important;
}
section.number-area .col-md-6.col-lg-3.col-sm-12 {
    display: grid;
}
table.table.table-striped.table-bordered a {
    font-weight: var(--font-weight-medium);
    color: var(--color-cyan-700-v4);
}
table.table.table-striped.table-bordered thead {
    background: linear-gradient(82deg, var(--color-green-700-v4) 0%, var(--color-cyan-800-v9) 45%, var(--color-cyan-700-v2) 100%);
    color: var(--color-white) !important;
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-normal) !important;
    letter-spacing: var(--letter-spacing-val-0-5px);
}
a.proddetail-btn-know-more.displayinline {
    padding: var(--space-pct-val-0-5) var(--space-pct-2);
    color: var(--color-green-700-v4);
    text-align: center;
    border-radius: var(--radius-base) !important;
    vertical-align: middle;
    font-size: var(--font-size-base);
    margin-right: var(--space-pct-2);
    font-weight: var(--font-weight-medium);
}
i.bx.bx-world {
    vertical-align: middle;
}
a.demorequest {
    padding: var(--space-pct-val-0-5) var(--space-pct-val-4);
    border: 1px solid var(--color-indigo-500);
    color: var(--color-indigo-500);
    text-align: center;
    border-radius: var(--radius-val-7px) !important;
    vertical-align: middle;
    font-size: var(--font-size-base)  !important;
    background-color: var(--color-white);
    margin-right: var(--space-pct-2);
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-val-24px);
    word-wrap: break-word;
}
a.demorequest .icon-text-1 span {
    font-size: var(--font-size-base)  !important;
    font-weight: var(--font-weight-medium)  !important;
    color: inherit;
}
a.demorequest:hover {
    cursor: pointer;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    transition: transform 0.6s ease;
    color: var(--color-white);
    border: 1px solid var(--color-cyan-700-v2);
    background: linear-gradient(82deg, var(--color-green-700-v4) 0%, var(--color-cyan-800-v9) 45%, var(--color-cyan-700-v2) 100%);
}
a.demorequest .icon-text-1 span:hover {
    text-decoration: none;
}
a.demorequest .icon1 {
    color: inherit;
    font-size: var(--font-size-val-22px);
    padding-left: var(--space-pct-10);
}
a.demorequest .icon-text-1:hover {
    -webkit-transform: translateY(-0px);
    transform: translateY(-0px);
    transition: all 0.5s;
}
a.btn.btn-sm.bannerbtn i {
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-val-22px);
    vertical-align: middle;
}
section.edition-compare.ptb-100 .faq-accordion .accordion .accordion-content {
    display: none;
    position: relative;
    margin-top: var(--space-px-0);
    padding-bottom: var(--space-4);
    padding-right: var(--space-px-0);
    padding-left: var(--space-px-0);
}
form#jobApplyForm input::placeholder,
form#jobApplyForm textarea::placeholder,
form#jobApplyForm select::placeholder {
    color: var(--color-gray-a57-900);
}
section.edition-compare.ptb-100 .faq-accordion .accordion .accordion-title i {
    font-size: var(--font-size-val-25px);
    -webkit-transition: 0.5s;
    transition: 0.5s;
    vertical-align: middle;
    position: initial;
}
section.edition-compare.ptb-100 .faq-accordion .accordion .accordion-title.active i::before {
    content: "\ea4a";
}
.tablecomp {
    margin-bottom: var(--space-px-0);
}
.edition-compare-tab-wrap table.table.table-striped td:first-child {
    border-left: 0px solid var(--color-cyan-a45-700);
    text-align: left;
}
table.table.table-striped.tablecomp tr:first-child {
    background: linear-gradient(82deg, var(--color-green-700-v4) 0%, var(--color-cyan-800-v9) 45%, var(--color-cyan-700-v2) 100%);
    color: var(--color-white);
}
table.table.table-striped.tablecomp tr:first-child td {
    border-left: 1px solid var(--color-white);
    text-align: left;
    color: var(--color-white)  !important;
}
table.table.table-striped.tablecomp tr:nth-child(3) {
    font-weight: var(--font-weight-semibold)  !important;
    color: var(--color-cyan-800-v14);
}
table.table.table-striped.tablecomp td span.new-price {
    font-weight: var(--font-weight-medium);
    color: var(--color-blue-600);
    
    font-size: var(--font-size-val-22px);
    display: block;
}
table.table.table-striped.tablecomp td span.old-price {
    text-decoration: line-through;
    color: var(--color-orange-500-v5);
    font-size: var(--font-size-lg);
    padding-left: var(--space-pct-5);
    font-weight: var(--font-weight-normal);
    display: block;
}
table.table.table-striped.tablecomp td span.detail-product-discount {
    color: var(--color-green-700-v4);
    font-size: var(--font-size-md);
    padding-left: var(--space-pct-5)  !important;
    font-weight: var(--font-weight-medium);
}
span.product-review-count {
    display: none;
}
.extra_validity {
    color: var(--color-red-500-v3);
    font-weight: var(--font-weight-normal);
    font-size: var(--font-size-base);
}
.couponcode {
    padding-bottom: var(--space-pct-val-3);
}
.read-more-link {
    font-weight: var(--font-weight-medium) !important;
    font-size: var(--font-size-xs);
    padding: var(--space-px-0);
    color: var(--color-indigo-500);
}
.read-more-link:hover {
    color: var(--color-warning-alt)  !important;
}
.recommendedproductall {
    background-color: var(--color-cyan-a5-700);
}
.recommendedproductall hr.mb-3 {
    margin-bottom: var(--space-rem-sm) !important;
    margin-top: var(--space-rem-sm) !important;
}
.recommendedproductall .product-card-checkout {
    padding: var(--space-pct-val-0) var(--space-pct-val-0) var(--space-pct-val-0);
    border: 1px solid var(--color-teal-a73-700);
}
.recommendedproductall h6 {
    animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
    to {
        visibility: hidden;
    }
}
.sidebar-about .mdlbody,
.offer-popup-about .mdlbody {
    padding: var(--space-pct-val-0-5) var(--space-pct-val-0) var(--space-pct-val-1-5) var(--space-pct-val-0)  !important;
}
.span_disabled {
    pointer-events: none;
    cursor: not-allowed;
}
svg.w-5.h-5 {
    width: var(--space-pct-val-3)  !important;
}
.hidden.sm\:flex-1.sm\:flex.sm\:items-center.sm\:justify-between {
    margin-top: var(--space-pct-2);
}
.pagination {
    margin: var(--space-7) var(--space-0);
}
.page-item {
    margin: var(--space-0) var(--space-px-5);
}
.page-link {
    color: var(--color-green-700-v4);
    background: transparent;
    border: 1px solid var(--color-green-700-v4);
    border-radius: var(--radius-sm);
    padding: var(--space-1) var(--space-3);
    transition: background 0.3s, transform 0.2s, box-shadow 0.3s;
    font-weight: var(--font-weight-normal);
    text-transform: uppercase;
    font-size: var(--font-size-val-0-875rem);
    letter-spacing: var(--letter-spacing-val-0-2px);
}
.page-link:hover {
    background: var(--npav-green-primary) !important;
    color: var(--color-white);
    transform: translateY(-3px);
    box-shadow: var(--space-0) var(--space-1) var(--space-6) var(--color-green-a30-600);
    text-decoration: none;
}
.page-item.active .page-link {
    background: var(--npav-green-primary);
    color: var(--color-white);
    box-shadow: var(--space-0) var(--space-1) var(--space-6) var(--color-green-a30-600);
}
.page-item.disabled .page-link {
    color: var(--color-gray-600);
    background-color: var(--color-gray-50);
    border: 1px solid var(--color-gray-600);
    cursor: not-allowed;
}
.page-item.disabled .page-link:hover {
    background-color: var(--color-gray-50);
    color: var(--color-gray-600);}
.pagination:hover .page-item {
    transform: scale(1.05);
    transition: transform 0.2s;
}
@media (max-width: 768px) {
    .page-link {
        padding: var(--space-3) var(--space-5);
    }
}
ul.pagination.justify-content-center li {
    list-style: none;
}
#coupon-message {
    background-color: var(--color-green-200-v9);
    color: var(--color-green-800-v11);
    border: 1px solid var(--color-green-300-v3);
    padding: var(--space-4);
    margin: var(--space-4) var(--space-0);
    border-radius: var(--radius-sm);
    font-family: Arial, sans-serif;
    font-size: var(--font-size-base);
}
#applied-coupon {
    display: flex;
    align-items: center;
    margin-top: var(--space-7);
}
#removeCouponBtn {
    margin-left: var(--space-pct-val-50);
}
.cupdiv label {
    float: left;
    font-size: var(--font-size-base);
    color: var(--color-blue-600);
    display: block !important;
}
/* firework css */
.temporary-image {
    position: fixed;
    top: var(--space-pct-val--2);
    left: var(--space-pct-val-3);
    transform: translateX(-50%);
    height: auto;
    z-index: var(--z-val-9999);
}
.temporary-image1 {
    position: fixed;
    top: var(--space-px-5);
    left: var(--space-pct-val-95);
    transform: translateX(-50%);
    height: auto;
    z-index: var(--z-val-9999);
}
/* kite css */
#kites-container {
    position: fixed;
    top: var(--space-0);
    left: var(--space-0);
    width: var(--space-pct-val-100);
    height: var(--space-pct-val-100);
    pointer-events: none;
    z-index: var(--z-val-9999);
}
.kite {
    position: absolute;
    width: var(--space-100);
    height: auto;
    animation: fly linear infinite;
}
/* @keyframes fly {
    0% {
        transform: translateY(0) translateX(0);
    }    50% {
        transform: translateY(-100px) translateX(200px); 
    }    100% {
        transform: translateY(0) translateX(400px); 
     }
} */
@keyframes fly {
    0% {
        transform: translateY(0) translateX(0);
    }
    50% {
        transform: translateY(-100px) translateX(-200px);
    }
    100% {
        transform: translateY(0) translateX(-400px);
    }
}
/* kite css */
.antiransomware ul {
    list-style: disc !important;
    padding: var(--space-0);
    margin: var(--space-0);
}
.flex-container {
    display: flex;
    align-items: center;
}
.zs-custom-img {
    height: var(--space-px-250);
    max-width: var(--space-pct-val-100);
}
.content {
    padding-left: var(--space-6);
}
.custom-hr {
    height: var(--space-px-1);
    background: var(--color-red-700);
}
#ContactUs input.form-control {
    height: var(--space-8) !important;
}
a.btn.btn-success.achivementreadbtn.text-center {
    background-color: var(--color-green-700-v4);
    color: var(--color-white);
    display: inline-block;
    font-weight: var(--font-weight-normal);
    padding: var(--space-pct-val-0-5) var(--space-pct-val-3);
    border: 1px solid var(--color-green-700-v4);
}
.achivementreadbtn .icon-margin {
    vertical-align: middle;
}
.achivementreadbtn .button-text {
    margin-right: var(--space-px-5);
}
.qualification-fieldset {
    background-color: var(--color-gray-50);
    border: 2px solid var(--color-gray-200-v9);
    border-radius: var(--radius-lg);
    box-shadow: var(--space-0) var(--space-1) var(--space-3) var(--color-gray-a10-900);
}
.rescue-disk .sub-title {
    color: var(--color-gray-700-v4);
}
.rescue-disk .steps-list {
    margin: var(--space-7) var(--space-0);
}
.rescue-disk a {
    color: var(--color-cyan-500-v4);
    text-decoration: none;
}
.rescue-disk a:hover {
    text-decoration: underline;
}
.rescue-disk .notification {
    background-color: var(--color-cyan-100-v5);
    border-left: 6px solid var(--color-cyan-500-v6);
    padding: var(--space-4);
    margin: var(--space-7) var(--space-0);
}
.inclgst {
    margin-left: var(--space-4);
    color: var(--color-yellow-600);
}
#identify-scam .intro-text {
    font-size: var(--font-size-val-1-125rem);
    line-height: var(--line-height-relaxed);
    color: var(--color-gray-900);
    margin: var(--space-0);
}
.down-link-copy {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--space-4);
    margin-top: var(--space-4);
}
.down-link-copy a.down-link {
    display: inline-flex;
    align-items: center;
    padding: var(--space-2) var(--space-5);
    border-radius: var(--radius-sm);
    transition: background 0.3s;
}
.down-link-copy i.bx-copy-alt {
    cursor: pointer;
    transition: color 0.3s;
}
.npav-toast-offer {
    position: fixed;
    bottom: var(--space-7);
    left: var(--space-7);
    max-width: var(--space-px-340);
    background: linear-gradient(135deg, var(--color-green-500), var(--color-green-500-v8));
    color: var(--color-white);
    padding: var(--space-7) var(--space-px-24);
    border-radius: var(--radius-val-14px);
    box-shadow: var(--space-0) var(--space-3) var(--space-px-25) var(--color-gray-a30-900);
    font-family: var(--npav-font-body, sans-serif); /* 'Poppins' removed — never loaded, was falling back to Arial */
    z-index: var(--z-val-99999);
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.5s ease-out;
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
    overflow: visible;
}
.npav-toast-offer.show {
    opacity: 1;
    transform: translateY(0);
}
.npav-toast-close {
    position: absolute;
    top: var(--space-3);
    right: var(--space-4);
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-bold);
    cursor: pointer;
    color: var(--color-white);
    transition: color 0.3s;
}
.npav-toast-close:hover {
    color: var(--color-yellow-500);
}
.npav-toast-content h3 {
    margin: var(--space-0) var(--space-0) var(--space-2) var(--space-0);
    font-size: var(--font-size-md);
    color: var(--color-green-300-v5);
    text-shadow: 0 1px 2px var(--color-gray-a20-900);
    text-align: center;
}
.npav-toast-content p {
    margin: var(--space-0) var(--space-0) var(--space-4) var(--space-0);
    font-size: var(--font-size-val-15px);
    line-height: var(--line-height-normal);
    text-align: center;
}
.npav-toast-content .mrp {
    text-decoration: line-through;
    opacity: 0.8;
    margin-right: var(--space-1);
}
.npav-toast-content .discount {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-base);
    color: var(--color-yellow-400);
    text-shadow: 0 1px 2px var(--color-gray-a25-900);
}
.npav-toast-content .extra-validity {
    display: block;
    font-size: var(--font-size-val-13px);
    color: var(--color-white);
    opacity: 0.9;
    margin-top: var(--space-1);
}
.npav-toast-offer button {
    background: var(--color-white);
    color: var(--color-green-500);
    border: none;
    padding: var(--space-5) var(--space-px-18);
    border-radius: var(--radius-val-20px);
    cursor: pointer;
    font-weight: var(--font-weight-bold);
    width: var(--space-pct-val-100);
    opacity: 0;
    transition: all 0.5s ease-in-out;
    text-shadow: 0 1px 2px var(--color-gray-a20-900);
    animation: pulse-highlight 2s infinite;
    box-shadow: var(--space-0) var(--space-1) var(--space-4) var(--color-green-a40-500);
}
.npav-toast-offer.show button {
    opacity: 1;
}
.npav-toast-offer button:hover {
    transform: scale(1.05);
    box-shadow: var(--space-0) var(--space-2) var(--space-6) var(--color-green-a60-500);
    background: var(--color-gray-100-v14);
}
@keyframes pulse-highlight {
    0% {
        transform: scale(1);
        box-shadow: var(--space-0) var(--space-1) var(--space-4) var(--color-green-a40-500);
    }
    50% {
        transform: scale(1.08);
        box-shadow: var(--space-0) var(--space-2) var(--space-6) var(--color-green-a60-500);
    }
    100% {
        transform: scale(1);
        box-shadow: var(--space-0) var(--space-1) var(--space-4) var(--color-green-a40-500);
     }
}
@media (max-width: 480px) { .npav-toast-offer { left: var(--space-5);
        bottom: var(--space-px-18);
        max-width: var(--space-pct-val-90);
        padding: var(--space-px-16) var(--space-7);
    }
    .npav-toast-content h3 {
        font-size: var(--font-size-base);
    }
    .npav-toast-content p {
        font-size: var(--font-size-sm);
    }
    .npav-toast-content .extra-validity {
        font-size: var(--font-size-xs);
    }
    .npav-toast-offer button {
        font-size: var(--font-size-sm);
        padding: var(--space-4) var(--space-14);
    }
    .npav-toast-close {
        font-size: var(--font-size-val-22px);
        top: var(--space-2);
        right: var(--space-3);
     }
}
.whatsapp-float {
    position: fixed;
    bottom: var(--space-px-18);
    right: var(--space-px-18);
    /* fixed on right side */
    width: var(--space-px-65);
    height: var(--space-px-65);
    background: linear-gradient(135deg, var(--color-green-500-v2), var(--color-teal-700-v2));
    border-radius: var(--radius-val-50pct);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-shadow: var(--space-0) var(--space-3) var(--space-7) var(--color-teal-a40-700);
    z-index: var(--z-val-1000);
    transition: all 0.3s ease-in-out;
    animation: slideIn 0.6s ease-out;
}
.whatsapp-icon {
    width: var(--space-px-38);
    height: var(--space-px-38);
}
.whatsapp-float:hover {
    transform: scale(1.15);
    box-shadow: var(--space-0) var(--space-0) var(--space-px-25) var(--color-green-a80-500);
}
/* Slide-in animation */
@keyframes slideIn {
    from {
        transform: translateY(50px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}
/* Label beside button */
.whatsapp-label {
    position: absolute;
    left: var(--space-px-80);
    /* appears to the left of the button since button is on right */
    background: var(--color-teal-700-v2);
    color: var(--color-white);
    font-size: var(--font-size-val-13px);
    padding: var(--space-2) var(--space-4);
    border-radius: var(--radius-base);
    white-space: nowrap;
    opacity: 0;
    transform: translateX(5px);
    transition: all var(--transition-normal);
}
.whatsapp-float:hover .whatsapp-label {
    opacity: 1;
    transform: translateX(0);
}
/* Tooltip above button */
.whatsapp-float::after {
    content: "Need Help ?";
    position: absolute;
    bottom: var(--space-px-75);
    right: var(--space-0);
    /* align tooltip with right side */
    background: var(--color-teal-700-v2);
    color: var(--color-white);
    padding: var(--space-2) var(--space-4);
    border-radius: var(--radius-md);
    font-size: var(--font-size-val-13px);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
    opacity: 1;
    pointer-events: none;
}
.whatsapp-float:hover::after {
    opacity: 1;
}
/* Responsive adjustments for mobile */
@media (max-width: 480px) {
    .whatsapp-label {
        display: none;
    }
    .whatsapp-float::after {
        width: var(--space-pct-val-100);
        left: var(--space-pct-val-50);
        transform: translateX(-50%);
        bottom: var(--space-px-65);
        max-width: var(--space-pct-val-90);
        font-size: var(--font-size-val-11px);
        padding: var(--space-1) var(--space-2);
        white-space: normal;
        text-align: center;
        word-break: break-word;
    }
    .whatsapp-float {
        width: var(--space-px-50);
        height: var(--space-px-50);
        bottom: var(--space-6);
        right: var(--space-6);
        /* keep button on right side for mobile */
    }
    .whatsapp-icon {
        width: var(--space-px-28);
        height: var(--space-px-28);
     }
}
.hoverable:hover h5,
.hoverable:hover p,
.hoverable:hover a {
    color: var(--color-white) !important;
}
.sub-heading {
    color: var(--color-white);
}
a.checkoutntn:hover {
    border: 1px solid var(--color-warning);
    background-color: var(--color-warning);
}
.header-cart {
    position: relative;
    display: inline-block;
}
.header-cart button.opencart {
    background: transparent;
    border: none;
    /* color: var(--color-white); */
    font-size: var(--font-size-lg);
    cursor: pointer;
    position: relative;
    padding: var(--space-1) var(--space-3);
    transition: color var(--transition-normal);
}
.header-cart button.opencart:hover {
    color: var(--color-green-700-v11);
}
.header-cart .cart-count {
    position: absolute;
    top: var(--space-px--6);
    right: var(--space-0);
    background: var(--color-red-400-v7);
    color: var(--color-white);
    border-radius: var(--radius-val-50pct);
    padding: var(--space-px-2) var(--space-2);
    font-size: var(--font-size-val-11px);
    font-weight: var(--font-weight-semibold);
}
#cartModalLabel i {
    font-size: var(--font-size-val-2rem);
    vertical-align: middle;
    color: var(--color-primary-hover)  !important;
}
#cart-subtotal {
    font-size: var(--font-size-val-0-95rem);
}
.cart-items-list {
    min-height: var(--space-px-120);
}
.cart-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--space-px-28) var(--space-px-16) var(--space-7);
    text-align: center;
    gap: var(--space-1);
}
.cart-empty-icon {
    font-size: var(--font-size-val-40px);
    color: var(--color-cyan-300-v3);
    line-height: var(--line-height-val-1);
    margin-bottom: var(--space-3);
}
.cart-empty-text {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-600-v2);
    margin: var(--space-0);
}
.cart-empty-sub {
    font-size: var(--font-size-xs);
    color: var(--color-gray-400-v2);
    margin: var(--space-0);
}
.cart-footer {
    border-top: 1px solid var(--color-gray-100);
}
i.bx.bx-trash {
    color: var(--color-red-500-v4);
    background-color: var(--color-gray-a32-400);
    border-radius: var(--radius-val-50pct);
    padding: var(--space-pct-2);
    transition: all 0.25s ease;
}
/* i.bx.bx-trash:hover {
    color: var(--color-white);
    background-color: var(--color-red-400-v7);
    box-shadow: var(--space-0) var(--space-0) var(--space-3) var(--color-red-a60-400);
    cursor: pointer;
    transform: scale(1.1);
} */
.recommended-scroll-wrapper {
    overflow-x: auto;
    padding-bottom: var(--space-rem-md);
}
.recommended-scroll {
    display: flex;
    flex-wrap: nowrap;
    gap: var(--space-rem-md);
    scrollbar-width: thin;
    overflow-x: auto;
}
.recommended-scroll::-webkit-scrollbar {
    height: var(--space-3);
}
.recommended-scroll::-webkit-scrollbar-thumb {
    background-color: var(--color-border-light);
    border-radius: var(--radius-xs);
}
.recommended-scroll::-webkit-scrollbar-track {
    background-color: var(--color-gray-50);
}
.video-box {
    position: relative;
    overflow: hidden;
    border-radius: var(--radius-base);
    background: var(--color-black);
}
.video-box img {
    width: var(--space-pct-val-100);
    height: var(--space-pct-val-100);
    object-fit: cover;
    transition: box-shadow var(--transition-normal);
}
.video-box:hover img {
    box-shadow: var(--space-0) var(--space-1) var(--space-4) var(--color-gray-a25-900);
}
.big-video {
    aspect-ratio: 16 / 9;
}
.small-video {
    aspect-ratio: 16 / 9;
}
.video-gallery-area-container+.video-gallery-area-container {
    margin-top: var(--space-rem-val-1-5);
}
label.control-label.totallabel,
label.control-label.totalamount {
    font-size: var(--font-size-val-21px);
    color: var(--color-green-700-v4);
    font-weight: var(--font-weight-semibold);
}
@media (max-width: 1280px) and (min-width: 1000px) { label.control-label.totallabel, label.control-label.totalamount { font-size: var(--space-7);
     }
}
@media (max-width: 999px) and (min-width: 768px) { label.control-label.totallabel, label.control-label.totalamount { font-size: var(--space-px-19);
     }
}
@media (max-width: 767px) and (min-width: 576px) { label.control-label.totallabel, label.control-label.totalamount { font-size: var(--space-px-18);
     }
}
@media (max-width: 575px) { label.control-label.totallabel, label.control-label.totalamount { font-size: var(--space-px-17);
    }
    .row.careerdiv p,
    .row.aboutusdiv p {
        padding: var(--space-pct-val-0) var(--space-pct-2)  !important;
     }
    h1.section-title2,
    h2.section-title2 {
        font-size: var(--font-size-val-22px);
    }
}
section.checkout.ptb-100 .nice-select {
    width: var(--space-pct-val-100);
    margin-bottom: var(--space-0);
    margin-top: var(--space-px-2);
    padding: var(--space-pct-val-0) var(--space-pct-val-3);
    height: var(--space-px-38)  !important;
    border-radius: var(--radius-xs);
    line-height: var(--line-height-val-38px)  !important;
    border: 1px solid var(--color-border-light);
}
.product-card-checkout .nice-select {
    width: var(--space-pct-val-100);
    margin-bottom: var(--space-0);
    margin-top: var(--space-px-2);
    padding: var(--space-pct-val-0) var(--space-pct-val-3);
    height: var(--space-px-32) !important;
    line-height: var(--line-height-val-32px) !important;
    font-size: var(--font-size-val-13px);
}
@media (max-width: 991px) {
    section.checkout.ptb-100 .nice-select {
        height: var(--space-36);
        line-height: var(--line-height-val-36px);
        font-size: var(--font-size-sm);
    }
    .product-card-checkout .nice-select {
        height: var(--space-30) !important;
        line-height: var(--line-height-val-30px) !important;
        font-size: var(--font-size-xs);
    }
}
@media (max-width: 767px) {
    section.checkout.ptb-100 .nice-select {
        height: var(--space-px-34);
        line-height: var(--line-height-val-34px);
        font-size: var(--font-size-val-13px);
        padding: var(--space-0) var(--space-pct-2);
    }
    .product-card-checkout .nice-select {
        height: var(--space-px-28) !important;
        line-height: var(--line-height-val-28px) !important;
        font-size: var(--font-size-xs);
     }
}
@media (max-width: 480px) {
    section.checkout.ptb-100 .nice-select {
        height: var(--space-px-32);
        line-height: var(--line-height-val-32px);
        font-size: var(--font-size-xs);
        padding: var(--space-0) var(--space-pct-2);
    }
    .product-card-checkout .nice-select {
        height: var(--space-px-26) !important;
        line-height: var(--line-height-val-26px) !important;
        font-size: var(--font-size-val-11px);
     }
}
.gateway-option {
    position: relative;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-base);
    padding: var(--space-6) var(--space-7);
    cursor: pointer;
    transition: border-color 0.3s, box-shadow 0.3s, background 0.3s, color 0.3s;
    display: flex;
    align-items: center;
    gap: var(--space-6);
    background: var(--color-white);
    color: var(--color-text);
}
.gateway-option:hover {
    border-color: var(--npav-green-primary);
    box-shadow: var(--space-0) var(--space-1) var(--space-5) var(--color-green-a15-600);
}
.gateway-option input[type="radio"] {
    display: none;
}
.gateway-option label {
    display: flex;
    align-items: center;
    gap: var(--space-5);
    width: var(--space-pct-val-100);
    margin: var(--space-0);
    cursor: pointer;
    color: inherit;
    transition: color 0.3s, background 0.3s, font-weight 0.3s;
}
.checkmark {
    width: var(--space-px-22);
    height: var(--space-px-22);
    border: 2px solid var(--color-border-light);
    border-radius: var(--radius-val-50pct);
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-white);
    flex-shrink: 0;
    transition: all 0.25s ease;
}
.checkmark i {
    opacity: 0;
    color: var(--color-white) !important;
    font-size: var(--font-size-xs);
    transition: opacity 0.25s ease;
}
.gateway-option input[type="radio"]:checked+label .checkmark {
    border-color: var(--npav-green-primary);
    background: var(--npav-green-primary);
}
.gateway-option input[type="radio"]:checked+label .checkmark i {
    opacity: 1;
}
.gateway-option input[type="radio"]:checked+label+.gateway-subtext {
    color: var(--npav-green-primary);
    font-weight: var(--font-weight-medium);
}
.gateway-subtext {
    font-size: var(--font-size-val-0-875rem);
    color: var(--color-text-light);
    margin-top: var(--space-3);
    display: flex;
    align-items: center;
    gap: var(--space-3);
    transition: color 0.3s, font-weight 0.3s;
}
.gateway-logo {
    object-fit: contain;
    width: var(--space-pct-val-100);
}
@media (max-width: 767px) {
    button.navbar-toggler {
        color: var(--color-green-700-v4);
        background-color: var(--color-green-a18-700);
    }
    .payment-methods {
        flex-direction: column;
        gap: var(--space-6);
    }
    /* .col-md-6 {
        width: var(--space-pct-val-100);
        padding: var(--space-0);
    } */
    .gateway-option {
        gap: var(--space-5);
        padding: var(--space-5) var(--space-6);
    }
    .gateway-logo {
        height: var(--space-px-24);
    }
    .gateway-subtext {
        margin-top: var(--space-2);
     }
}
.clscheckoutform input,
.clscheckoutform select,
.clscheckoutform textarea {
    /* padding: var(--space-3) var(--space-px-5); */
    padding: var(--space-pct-1) var(--space-pct-val-0);
    /* height: var(--space-px-38); */
    border: none !important;
    /* border-bottom: 2px dashed var(--color-text-muted) !important; */
    border-bottom: 1.5px dashed var(--color-gray-a60-400) !important;
    border-radius: var(--space-0) !important;
    width: var(--space-pct-val-100);
    background-color: transparent !important;
    outline: none !important;
    font-size: var(--font-size-sm);

    transition: border-color 0.3s;
}
/* H3: keyboard focus ring for the checkout underline fields */
.clscheckoutform input:focus-visible,
.clscheckoutform select:focus-visible,
.clscheckoutform textarea:focus-visible {
    outline: var(--focus-ring) !important;
    outline-offset: 2px;
}
.clscheckoutform input:focus, 
.clscheckoutform select:focus, 
.clscheckoutform textarea:focus {
    border-bottom: 1.5px dashed var(--color-green-700-v4) !important;
    box-shadow: none !important;
}
.clscheckoutform input:hover,
.clscheckoutform select:hover,
.clscheckoutform textarea:hover {
    border-bottom-color: var(--color-gray-700-v4) !important;
}
.clscheckoutform input::placeholder,
.clscheckoutform select::placeholder,
.clscheckoutform textarea::placeholder {
    color: var(--color-text-muted) !important;
    opacity: 1;
}
#customer_details_form .select2-container--default .select2-selection--single {
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1.5px dashed var(--color-gray-a60-400) !important;
    border-radius: var(--space-0) !important;
    height: var(--space-px-38) !important;
    padding: var(--space-px-5) var(--space-0) !important;
    transition: border-color 0.3s;
}
#customer_details_form .select2-container--default.select2-container--focus .select2-selection--single,
#customer_details_form .select2-container--default .select2-selection--single:focus {
    border-bottom-color: var(--color-gray-a60-400) !important;
    box-shadow: none !important;
}
#customer_details_form .select2-container--default .select2-selection__rendered {
    color: var(--color-text-muted);
}
#customer_details_form .select2-container--default .select2-selection__arrow b {
    border-color: var(--color-text-muted) transparent transparent transparent;
}
#customer_details_form .select2-container--default.select2-container--focus .select2-selection__arrow b {
    border-color: var(--color-green-700-v4) transparent transparent transparent;
}
.custom-checkbox-wrapper {
    display: flex;
    align-items: flex-start;
    gap: var(--space-4);
    margin: var(--space-6) var(--space-0);
    font-family: Arial, sans-serif;
    position: relative;
}
.custom-checkbox-input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: var(--space-0);
    width: var(--space-0);
}
.custom-checkbox-label {
    position: relative;
    padding-left: var(--space-30);
    cursor: pointer;
    font-size: var(--font-size-val-15px);
    color: var(--color-text);
    line-height: var(--line-height-normal);
}
.custom-checkbox-label::before {
    content: "";
    position: absolute;
    left: var(--space-0);
    top: var(--space-0);
    width: var(--space-px-22);
    height: var(--space-px-22);
    border: 2px solid var(--color-green-600-v5);
    border-radius: var(--radius-sm);
    background-color: var(--color-white);
    transition: all var(--transition-fast);
}
.custom-checkbox-label:hover::before {
    border-color: var(--color-green-700-v7);
    box-shadow: var(--space-0) var(--space-0) var(--space-1) var(--color-green-a40-600);
}
.custom-checkbox-label::after {
    content: "";
    position: absolute;
    left: var(--space-2);
    top: var(--space-px-2);
    width: var(--space-3);
    height: var(--space-14);
    border: solid var(--color-green-600-v5);
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity var(--transition-fast);
}
.custom-checkbox-input:checked+.custom-checkbox-label::after {
    opacity: 1;
}
.custom-checkbox-label a {
    color: var(--color-cyan-500-v4);
    text-decoration: none;
    transition: color var(--transition-fast);
}
.custom-checkbox-label a:hover {
    text-decoration: underline;
    color: var(--color-cyan-700-v3);
}
@media (max-width: 576px) { .custom-checkbox-label { font-size: var(--space-14);
    }
}
/* Cart container only */
.orderdiv {
    padding: var(--space-pct-val-4);
    background-color: var(--color-white);
    border-radius: var(--radius-base);
    /* box-shadow: var(--space-0) var(--space-px-2) var(--space-2) var(--color-gray-a8-900); */
    box-shadow: var(--space-0) var(--space-px-1) var(--space-1) var(--color-gray-a71-800);
}
/* Order Summary Header */
.orderdiv .ordersummery {
    padding: var(--space-pct-1) var(--space-pct-val-3) var(--space-0) var(--space-pct-val-3) !important;
}
.orderdiv .ordersummery h6 {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-medium);
}
/* Checkout icon */
.orderdiv img.img-reponsive.checkoutimg2 {
    width: var(--space-pct-5);
    vertical-align: middle;
    padding-right: var(--space-pct-val-0-3);
}
/* Product card in cart */
.orderdiv .product-card-checkout {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-color: var(--color-green-a20-300);
    border-radius: var(--radius-base);
    padding: var(--space-pct-2);
    margin: var(--space-0) var(--space-pct-2) var(--space-5) var(--space-pct-2);
    border: 1px solid var(--color-blue-a8-800);
}
/* Product image */
.orderdiv .product-card-checkout img {
    max-width: var(--space-pct-val-100);
    height: auto;
    border-radius: var(--radius-xs);
}
/* Product details */
.orderdiv .product-card-checkout .product-title-checkout {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-medium);
    margin-bottom: var(--space-1);
}
.orderdiv .product-card-checkout .extra_validity {
    font-size: var(--font-size-val-13px);
    color: var(--color-red-500-v3);
}
.orderdiv .product-card-checkout .pmrpdis-checkout {
    margin-top: var(--space-1);
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: var(--space-2);
}
.orderdiv .product-card-checkout .product-price-checkout {
    font-size: var(--font-size-val-19px);
    font-weight: var(--font-weight-medium);
    color: var(--color-ink);
    white-space: nowrap;
    flex-shrink: 0;
}
.orderdiv .product-card-checkout .old-price-checkout {
    font-size: var(--font-size-val-15px);
    text-decoration: line-through;
    margin-left: var(--space-2);
    /* color: var(--color-orange-500-v5); */
      color: var(--color-gray-600-v5);
    white-space: nowrap;
    flex-shrink: 0;
}
/* Trash icon */
.orderdiv .product-card-checkout i.bx.bx-trash {
    font-size: var(--font-size-lg);
    cursor: pointer;
    margin-left: auto;
    color: var(--color-keyword-red);
    background-color: transparent;
}
.orderdiv .product-card-checkout i.bx.bx-trash:hover {
    color: var(--color-warning-alt);
}
/* Select dropdowns */
.orderdiv .product-card-checkout select.form-control, 
.orderdiv .product-card-checkout .nice-select {
    font-size: var(--font-size-sm);
    width: var(--space-pct-val-100);
    margin-bottom: var(--space-0);
    margin-top: var(--space-px-2);
    padding: var(--space-pct-val-0) var(--space-pct-5);
    height: var(--space-px-38)  !important;
    border-radius: var(--radius-xs);
    line-height: var(--line-height-val-38px)  !important;
    border: 1px solid var(--color-border-light);
}
/* Subtotal */
.orderdiv .billingtotal .subtotallabel,
.orderdiv .billingtotal .subtotalamount {
    font-size: var(--font-size-val-15px);
    font-weight: var(--font-weight-medium);
    color: var(--color-ink);
}
/* Discount */
.orderdiv .billingtotal .dicountlabel,
.orderdiv .billingtotal .dicountamount {
    font-size: var(--font-size-val-17px);
    font-weight: var(--font-weight-medium);
    color: var(--color-red-500-v3);
}
/* Total amount */
.orderdiv .billingtotal .totallabel,
.orderdiv .billingtotal .totalamount {
    font-size: var(--font-size-lg);
    /* Most prominent */
    font-weight: var(--font-weight-semibold);
    color: var(--color-green-700-v4);
    /* Highlight total in green */
}/* Coupon section */
.orderdiv .couponcode input.form-control {
    font-size: var(--font-size-sm);
    padding: var(--space-px-5) var(--space-4);
}
.orderdiv .addcouponcheckout {
    font-size: var(--font-size-sm);
    padding: var(--space-px-5) var(--space-4);
}
/* Checkout button */
.orderdiv .checkoutntn {
    font-size: var(--font-size-sm);
    /* padding: var(--space-3) var(--space-5); */
}
/* Responsive adjustments */
@media (max-width: 991px) {
    .orderdiv .product-card-checkout {
        flex-direction: column;
        align-items: flex-start;
        padding: var(--space-pct-7);
    }
    .orderdiv .product-card-checkout img {
        width: var(--space-pct-val-50);
        margin-bottom: var(--space-3);
     }
     .orderdiv {
        margin-top: var(--space-pct-val-3);
    }
}
@media (max-width: 767px) {  
    .footer-cta-right {
        margin-top: var(--space-pct-val-3);
    }  
    .orderdiv .product-card-checkout select.form-control,
    .orderdiv .product-card-checkout .nice-select {
        height: var(--space-px-26);
        font-size: var(--font-size-xs);
    }
    .orderdiv .input-counter input {
        width: var(--space-8);
        font-size: var(--font-size-val-13px);
    }
    .orderdiv .input-counter .minus-btn,
    .orderdiv .input-counter .plus-btn {
        font-size: var(--font-size-sm);
     }
}
@media (max-width: 480px) {    
    .orderdiv .product-card-checkout select.form-control,
    .orderdiv .product-card-checkout .nice-select {
        height: var(--space-px-24);
        font-size: var(--font-size-val-11px);
    }
    .orderdiv .input-counter input {
        width: var(--space-px-35);
        font-size: var(--font-size-xs);
    }
    .orderdiv .input-counter .minus-btn,
    .orderdiv .input-counter .plus-btn {
        font-size: var(--font-size-xs);
     }
}
/* New CSS */
img.img-responsive.imgcr {
    border-radius: var(--radius-val-16px);
    width: var(--space-pct-val-100);
}
.clsaboutimg img {
    width: var(--space-pct-val-20)  !important;
}
@media (min-width: 768px) and (max-width: 978px) {
    .d-md-block {
        display: none !important;
    }
    .watshide {
        padding: var(--space-pct-val-11) var(--space-pct-val-11) var(--space-pct-val-30) var(--space-pct-val-11);
    }
}
@media (min-width: 950px) and (max-width: 1100px) {
    .watshide {
        padding: var(--space-pct-val-11) var(--space-pct-val-11) var(--space-pct-val-40) var(--space-pct-val-11);
    }
    section.downloads .container-fluid {
        padding: var(--space-pct-val-0) var(--space-pct-val-4) var(--space-pct-val-0) var(--space-pct-val-4);
    }
    .navbar-brand img {
        max-width: var(--space-px-81);
        /* height: var(--space-px-42); */
    }
    section.checkout.ptb-100 .container-fluid {
        padding: var(--space-pct-val-0) var(--space-pct-val-0);
    }
    .navbar-nav {
        gap: var(--space-rem-sm);
    }
    .product-card .btn-npav-green {
        width: var(--space-pct-val-75);
    }
}
@media (min-width: 950px) and (max-width: 1600px) { .product-card-checkout label { font-size: var(--space-5)!important;
    }
    .custom-recommended {
        padding: var(--space-pct-val-0) 4% !important;
    }
    .boxhelp .single-team .image .social li p {
        font-size: var(--font-size-xs) !important;
        line-height: var(--line-height-val-15px);
    }
    .boxhelp .single-team .image .social li a {
        font-size: var(--font-size-xs) !important;
        padding-top: var(--space-pct-2);
        line-height: var(--line-height-val-15px) !important;
    }
    .boxhelp .single-team .content h3 {
        font-size: var(--font-size-sm) !important;
    }
    ul.social li span {
        font-size: var(--font-size-xs) !important;
    }
    .boxhelp img.img-responsive.imgwats {
        padding-bottom: var(--space-pct-val-16);
        width: var(--space-pct-val-27);
    }
    .watshide {
        padding: var(--space-pct-7) var(--space-pct-val-11) var(--space-pct-val-30) 11% !important;
    }
}
@media (max-width: 800px) { .pd-price-text { font-size: var(--space-rem-val-1-2);
    }
    .pd-old-price {
        font-size: var(--font-size-val-1-4rem);
    }
    span.benefit-img {
        margin-right: var(--space-pct-2);
    }
    .quantity-wrapper {
        margin-bottom: var(--space-pct-val-3);
    }
    .mainaboutdiv {
        padding: var(--space-px-0);
    }
    .row.aboutusdiv {
        padding: var(--space-pct-5) var(--space-pct-val-3) var(--space-pct-5) var(--space-pct-val-3);
    }
    .container-fluid.page-hero {
        padding: var(--space-pct-val-3) var(--space-pct-1) var(--space-pct-1) 1% !important;
    }
    .sub-title-font {
        font-size: var(--font-size-base-rem) !important;
    }
    img.img-responsive.release-dt {
        width: var(--space-pct-val-9);
    }
    .footer-cta-card {
        padding: var(--space-7) var(--space-6);
    }
    .footer-cta-section .col-md-6 {
        padding: var(--space-px-0);
    }
    .section-subtitle {
        font-size: var(--font-size-base-rem) !important;
    }
    .paymentcanceldiv img.img-pay-status-failed {
        width: var(--space-pct-val-26) !important;
    }
    img.img-pay-status {
        width: var(--space-pct-val-30) !important;
    }
    img.img-reponsive.checkoutimg3 {
        width: var(--space-pct-8) !important;
    }
    .termscheckbox {
        margin-top: var(--space-pct-val-0);
    }
    .checkoutntn {
      padding: var(--space-pct-2);
    }
    .input-counter {
        margin-top: var(--space-pct-val-0);
    }
    .divnum span {
        margin-top: var(--space-pct-val-3);
    }
    .container-fluid.fluidclsechelp p {
        font-size: var(--font-size-sm);
    }
    a.option-btn {
        font-size: var(--font-size-sm) !important;
    }
    .contact-info-block.let-us-know {
        padding: var(--space-pct-val-0) var(--space-pct-5);
    }
    .boxhelp {
        margin-bottom: var(--space-pct-2);
    }
    .compdiv {
        margin-bottom: var(--space-pct-2) !important;
    }
    .formcontent hr {
        margin: var(--space-pct-val--0-5) var(--space-px-0) var(--space-pct-val-6) var(--space-px-0)  !important;
    }
    .orderdiv .input-counter .minus-btn, .orderdiv .input-counter .plus-btn {
        font-size: var(--font-size-sm) !important;
    }
    section.checkout.ptb-100 .nice-select {
        line-height: var(--line-height-val-38px)  !important;
        padding: var(--space-pct-val-0-2) var(--space-pct-val-3)  !important;
        height: var(--space-px-38)  !important;
        border-radius: var(--radius-xs)  !important;
        border: 1px solid var(--color-border-light);
    }
    label#validitylbl {
        text-align: center;
        height: var(--space-px-38) !important;
        line-height: var(--line-height-val-30px) !important;
        font-size: var(--font-size-sm);
        background-color: var(--color-white);
        border: 1px solid var(--color-border-light);
    }
    button#engibtn {
        width: var(--space-pct-val-56);
    }
    form#engineerRegistration {
        padding: var(--space-pct-val-3);
    }
    .product-card-renewal .product-title-checkout {
        padding-left: var(--space-pct-val-4);
    }
    .product-card-renewal .text-left {
        text-align: left;
        padding-left: var(--space-pct-val-4);
    }
    .custom-recommended {
        padding: var(--space-pct-val-0) 4% !important;
    }
    .bunow-content .bunow-tab-wrap .bunow-tab .tabs li i {
        font-size: var(--font-size-lg) !important;
    }
    .row.updatetop2 {
        padding-bottom: var(--space-pct-val-3);
    }
    form#submitReview {
        padding: var(--space-pct-val-0) var(--space-pct-2);
    }
    .jobdesc {
        padding: var(--space-pct-val-0) var(--space-pct-val-4);
    }
    form#customer_details_form_intpay {
        padding: var(--space-pct-val-0) var(--space-pct-val-4);
    }
    .clsaboutimg img {
        width: var(--space-pct-val-40)  !important;
    }
    .clsaboutcontent h4 {
        font-size: var(--font-size-sm) !important;
        font-weight: var(--font-weight-normal);
    }
    .buy-btn-wrapper.actions-wrapper.mb-2 {
        padding-top: var(--space-pct-val-4);
    }
    .row.careerdiv p {
        padding: var(--space-pct-val-0) var(--space-pct-5);
    }
    .container-fluid.openposition {
        padding-left: var(--space-pct-2);
        padding-right: var(--space-pct-2);
        padding-top: var(--space-pct-val-3);
        padding-bottom: var(--space-px-24);
    }
    .jobdesc:last-child {
        border-bottom: none;
        margin-bottom: var(--space-px-16);
    }
    .container-fluid.fluidclseccareer2 {
        padding-top: var(--space-pct-2);
        padding-left: var(--space-pct-2);
        padding-right: var(--space-pct-2);
    }
    .row.careerdiv p, .row.aboutusdiv p {
        font-size: var(--font-size-sm);
    }
    span.jobexperience {
        float: none;
    }
    span.jobtitle {
        display: block;
    }
    a.btn.btn-sm.bannerbtn {
        font-size: var(--font-size-xs)  !important;
        padding: var(--space-pct-2);
    }
    .badge-item {
        flex: 0.5 !important;
        max-width: var(--space-pct-val-100) !important;
        font-size: var(--font-size-sm) !important;
    }
    .row.footer-copyright.align-items-center div {
        padding: var(--space-pct-2);
    }
    .footer-copyright {
        padding: var(--space-pct-val-4) var(--space-0);
    }
    .mb-5 {
        margin-bottom: var(--space-rem-val-1-5) !important;
    }
    .row.form-padds.support-implinks a{
        font-size: var(--font-size-sm);
    }
    section.buynow .container-fluid {
        padding: var(--space-pct-val-0-5) var(--space-pct-val-4) var(--space-pct-val-0-5) var(--space-pct-val-4);
    }
    .pd-save-badge{
        padding: var(--space-pct-val-0-5) var(--space-pct-10);
        font-size: var(--font-size-val-0-8rem);
    }
    .copybankdetailsbtn {
        width: var(--space-pct-val-70)  !important;
        font-size: var(--font-size-sm) !important;
    }
    section.contactus .card {
        width: var(--space-pct-val-100);
    }
    .feedback-btn {
        top: var(--space-pct-val-32) !important;
        padding: var(--space-pct-2)  !important;
    }
    .whatsapp-float::after {
        display: none;
    }
    .product-card .btn-npav-green {
        width: var(--space-pct-val-75);
    }
    .mega-menu .col-md-4 {
        flex: 1 1 calc(100% - 1rem);
    }
    img.imgdisp.img-responsive {
        width: var(--space-pct-val-50);
    }
    .pd-powered-by img {
        height: var(--space-px-65);
        width: var(--space-pct-val-100);
    }
    .navbar-nav .dropdown-menu.mega-menu {
        width: var(--space-pct-val-100) !important;
    }
    .helpwacol {
        width: var(--space-pct-val-100);
        margin: var(--space-pct-2) var(--space-pct-val-0);
    }
    /* .divme {
        display: contents;
    } */
    .divmedownload {
        display: contents;
    }  
    .formcontent {
        margin: var(--space-pct-val-3);
    }
    .award-item {
        padding: var(--space-px-0);
    }
    .award-badge .award-label {
        padding: var(--space-px-7) var(--space-1);
        font-size: var(--font-size-val-0-9rem);
    }
    h3.heading i {
        font-weight: var(--font-weight-light) !important;
        font-size: var(--font-size-val-28px) !important;
        vertical-align: middle;
    }
    .pagebuilder-column.fastupd h3 {
        font-weight: var(--font-weight-val-300) !important;
        font-size: var(--font-size-md);
        color: var(--color-white);
        padding-bottom: var(--space-pct-2);
    }
    .secondary-link {
        color: var(--color-indigo-500);
        text-decoration: none;
        font-weight: var(--font-weight-normal);
        font-size: var(--font-size-base-rem);
        line-height: var(--line-height-val-0-1rem);
        padding: var(--space-rem-3xs) var(--space-rem-val-0-8);
        border-radius: var(--radius-val-0-5rem);
        display: inline-flex;
        align-items: center;
        transition: color var(--transition-fast);
    }
    .product-main-section {
        padding: var(--space-rem-md) var(--space-0);
    }
    .section-title {
        font-size: var(--font-size-val-1-25rem);
        font-weight: var(--font-weight-semibold);
    }
    h1.section-title2,
    h2.section-title2 {
        font-size: var(--font-size-val-28px);
    }
    .lead {
        font-size: var(--font-size-base-rem);
        font-weight: var(--font-weight-val-300);
    }
    .awards-section .lead {
        color: var(--color-gray-600);
        font-size: var(--font-size-base-rem);
        margin-bottom: var(--space-pct-1);
    }
    .container-fluid.page-hero-compact p {
        font-size: var(--font-size-sm);
    }
    .keylost {
        width: var(--space-pct-val-100);
    }
}
a {
    text-decoration: none  !important;
}
#scrollTopBtn {
    position: fixed;
    right: var(--space-rem-md);
    /* Third-party joyz.ai chat bubble also docks bottom-right with its own
       fixed inset we don't control — 150px keeps clearance above it. */
    bottom: var(--space-px-150);
    width: var(--space-px-44);
    height: var(--space-px-44);
    background: var(--color-green-800-v9);
    color: var(--color-white);
    border: none;
    border-radius: var(--radius-md);
    font-size: var(--font-size-md);
    cursor: pointer;
    display: none;
    /* hidden by default */
}
button#scrollTopBtn:hover {
    background: var(--color-warning-alt);
}
/* Third-party joyz.ai chat bubble: round its greeting tooltip to match the
   pill-shaped language used elsewhere on site (was a sharp-cornered box).
   Scoped with the #jz-bot-container ancestor so it outranks the widget's
   own same-specificity class rule regardless of stylesheet load order. */
#jz-bot-container .chatbot-description-section {
    border-radius: var(--radius-val-999px);
}
/* Mask strip common.js appends to the bottom of the joyz.ai conversation
   iframe (covers the widget's own footer branding). Kept here instead of
   inline so it goes through the same stylesheet as the rest of the overrides. */
.jz-chatbot-section-masked {
    position: relative;
}
.jz-chatbot-section-masked .chat-mask-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: var(--space-px-30, 30px);
    background: var(--color-white);
    z-index: 9999;
}
form#feedbackForm textarea {
    border: 1px solid var(--color-gray-300);
}
.feedback-btn {
    position: fixed;
    right: var(--space-0);
    top: var(--space-pct-val-50);
    transform: translateY(-50%);
    background: var(--color-green-700-v4);
    color: var(--color-white);
    border: none;
    padding: var(--space-pct-val-0-5) var(--space-pct-1) var(--space-pct-val-0-5) var(--space-pct-1);
    font-weight: var(--font-weight-bold);
    cursor: pointer;
    border-radius: var(--radius-md) var(--radius-md) var(--radius-val-0px) var(--radius-val-0px);
    z-index: var(--z-val-1050);
    transform: rotate(-90deg) translateY(-50%);
    transform-origin: right center;
    display: none;
    letter-spacing: var(--letter-spacing-val-1px);
    font-weight: var(--font-weight-val-300);
}
.feedback-btn:hover {
    background: var(--color-green-900);
    /* darker blue on hover */
}
#feedbackSidebar {
    width: var(--space-px-600);
    /* custom width for this sidebar */
    z-index: var(--z-val-9999999);
}
/* C1: prevent the fixed 600px width from overflowing small phones */
@media (max-width: 480px) {
    #feedbackSidebar {
        width: var(--space-pct-val-100);
        max-width: var(--size-vw-90);
    }
}
.main-contain {
    z-index: var(--z-val-9999999)  !important;
}
.modal {
    z-index: var(--z-val-1050) !important;
    opacity: 1;
    visibility: visible;
    background-color: var(--color-gray-a57-900);
}
.modal-backdrop {
    z-index: var(--z-val-1035) !important;
    /* sits behind modal */
    display: none;
}
body.modal-open {
    opacity: 0.9;
}
div#npavHelpdeskModal i.bx.bxl-whatsapp {
    font-size: var(--font-size-val-42px);
    vertical-align: middle;
    color: var(--color-green-700-v8);
}
h5.modal-title {
    color: var(--color-primary-hover);
}
div#npavHelpdeskModal ul li {
    list-style: disc;
    padding-bottom: var(--space-pct-val-3);
    font-size: var(--font-size-base);
    color: var(--color-gray-a83-800);
}
/* ---- WhatsApp helpdesk modal (#npavHelpdeskModal) — compact layout ---- */
.wa-help-body { padding-top: var(--space-px-18); padding-bottom: var(--space-px-18); }
/* AI vs human support — a single info strip (not two card/button-looking
   boxes) so it reads as status text, not something clickable. Equal-width
   halves via flex:1 1 0 instead of a fixed % + min-width, which previously
   produced two arbitrarily different widths (~237px / ~367px) plus dead
   space on the right. */
.wa-help-modes {
    display: flex;
    background: var(--color-gray-50-v2);
    border-radius: var(--radius-base);
    margin-bottom: var(--space-px-16);
    overflow: hidden;
}
.wa-help-mode {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
    flex: 1 1 0;
    min-width: var(--space-0);
    padding: var(--space-3) var(--space-4);
}
.wa-help-mode + .wa-help-mode { border-left: 1px solid var(--color-gray-100-v13); }
.wa-help-mode i { font-size: var(--font-size-xl); flex-shrink: 0; margin-top: var(--space-px-2); }
.wa-help-mode strong { display: block; font-size: var(--font-size-sm); margin-bottom: var(--space-1); }
.wa-help-mode span { display: block; font-size: var(--font-size-sm); color: var(--color-gray-a83-800); line-height: var(--line-height-val-1-4); }
.wa-help-mode span b { color: var(--color-gray-800-v2); font-weight: var(--font-weight-medium); }
.wa-help-mode--ai i { color: var(--color-primary); }
.wa-help-mode--human i { color: var(--color-gray-700); }
@media (max-width: 575px) {
    .wa-help-modes { flex-direction: column; }
    .wa-help-mode + .wa-help-mode { border-left: none; border-top: 1px solid var(--color-gray-100-v13); }
}
/* compact instruction list — checkmarks for what to do */
.wa-help-rules {
    list-style: none;
    padding: var(--space-0);
    margin: var(--space-0) var(--space-0) var(--space-4);
}
.wa-help-rules li {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
    padding-bottom: var(--space-3);
    font-size: var(--font-size-base);
    color: var(--color-gray-a83-800);
}
.wa-help-rules li:last-child { padding-bottom: var(--space-0); }
.wa-help-rules i {
    color: var(--color-primary);
    font-size: var(--font-size-lg);
    line-height: var(--line-height-val-1-4);
    flex-shrink: 0;
    margin-top: var(--space-px-2);
}
/* "no voice calls" is a restriction, not a checkmark-worthy action — give it
   a distinct warning icon/color instead of the same green check as the rest. */
.wa-help-rules-warning i { color: var(--color-orange-500); }
.wa-help-rules-warning span { color: var(--color-orange-600-v2); font-weight: var(--font-weight-medium); }
/* response time — its own scannable strip, separate from the instructions
   above. Pulled up closer to the rules list (the default margin read as too
   much dead air) and tinted with the brand accent instead of flat gray so
   it reads as an active informational status, not a disabled control. */
.wa-help-response {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    background: var(--color-green-50-v2);
    border: 1px solid var(--color-green-200-v6);
    border-radius: var(--radius-val-999px);
    padding: var(--space-2) var(--space-4);
    font-size: var(--font-size-sm);
    color: var(--color-gray-800-v2);
    margin: calc(-1 * var(--space-px-16)) var(--space-0) var(--space-0);
}
.wa-help-response i { color: var(--color-primary); }
.wa-help-response strong { color: var(--color-gray-900-v5); }
/* footer — a small icon beside the text; text strengthened from the previous
   muted tone, which read as a disabled/greyed-out control rather than a
   simple closing line. */
.wa-help-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    padding-top: var(--space-3);
    padding-bottom: var(--space-3);
}
.wa-help-footer .bx { font-size: var(--font-size-lg); color: var(--color-primary); }
.wa-help-footer p { font-size: var(--font-size-sm); color: var(--color-gray-700); }
.contact-info {
    border-radius: var(--radius-lg);
    box-shadow: var(--space-0) var(--space-1) var(--space-5) var(--color-gray-a8-900);
    padding: var(--space-7);
    transition: transform var(--transition-fast), box-shadow var(--transition-fast);
}
.contact-info:hover {
    transform: translateY(-5px);
    box-shadow: var(--space-0) var(--space-2) var(--space-px-16) var(--color-gray-a12-900);
}
.contact-info p {
    /* margin: var(--space-4) var(--space-0);
    font-size: var(--font-size-val-15px);
    color: var(--color-text);
    display: flex; */
      margin: var(--space-4) var(--space-0);
    font-size: var(--font-size-val-15px);
    color: var(--color-text);
    display: flex;
    align-items: flex-start;
    gap: var(--space-4);
    line-height: var(--line-height-normal);
}
.contact-info i {
    /* color: var(--color-gray-600-v10);
    margin-right: var(--space-3);
    font-size: var(--font-size-md);
    position: relative;
    top: var(--space-px-2); */
    /* color: var(--color-gray-600-v10); */
    color:var(--color-white);
    font-size: var(--font-size-md);
    margin-top: var(--space-px-3);
    flex-shrink: 0;
    top: var(--space-px-3);
    line-height: var(--line-height-val-1);
    position: relative;
}
.contact-info strong {
    /* margin-right: var(--space-2);
    color: var(--color-green-700-v4);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-val-300); */
     color: var(--color-green-700-v4);
    font-size: var(--font-size-val-15px);
    font-weight: var(--font-weight-medium);
    margin-right: var(--space-px-5);
    white-space: nowrap;
}
.contact-info a {
    color: var(--color-gray-800-v4);
    text-decoration: none;
    transition: color var(--transition-fast);
}
.contact-info a:hover {
    color: var(--color-cyan-500-v4);
    text-decoration: underline;
}
.contact-info span{
    word-break: break-word;
}
.highlight-name{
    /* background: var(--color-green-100-v5); */
    /* border-left: 4px solid var(--color-green-700-v4); */
    border-radius: var(--radius-base);
    /* padding: var(--space-5) var(--space-px-16); */
    /* margin: var(--space-4) var(--space-0) var(--space-6); */
    display: flex;
    /* justify-content: center; */
    /* align-items: center; */
    gap: var(--space-3);
    /* text-align: center; */
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-md) !important;
}

.highlight-name i{
    color: var(--color-green-700-v4);
}

.highlight-name strong{
    color: var(--color-green-700-v4);
}

.section-title.show h2 {
    text-align: center;
    color: var(--color-gray-900);
}
.form-control {
    color: var(--color-black);
    border: 1px solid var(--color-border-light);
    background-color: var(--color-white);
    border-radius: var(--radius-base);
    font-size: var(--font-size-sm);
    padding: var(--space-4) var(--space-7);
    width: var(--space-pct-val-100);
}
i.bx.bxs-cloud-download {
    font-size: var(--font-size-val-22px);
    padding-right: var(--space-pct-2);
    color: var(--color-green-700-v4);
}
.regform {
    margin-bottom: var(--space-pct-val-3);
}
.careerdiv {
    background: linear-gradient(82deg, var(--color-green-a68-700) 0%, var(--color-green-700-v4) 45%, var(--color-green-700-v4) 100%);
    text-align: center;
}
.aboutusdiv {
    text-align: left;
}
.row.careerdiv p {
    padding: var(--space-pct-val-0) var(--space-pct-5);
}
.row.aboutusdiv p {
    padding: var(--space-pct-val-0) var(--space-pct-val-0);
}
.float-right {
    float: right;
}
div#applyJobModal h4,
div#applyJobModal h3 {
    color: var(--color-green-700-v6);
}
div#applyJobModal p {
    margin-bottom: var(--space-px-0);
}
.offcanvas-header {
    border-bottom: 1px solid var(--color-gray-a65-300);
}
.offcanvas-header h3 {
    color: var(--color-green-700-v6);
}
form#feedbackForm {
    padding: var(--space-pct-val-0) var(--space-pct-val-3);
}
section.py-4.Shipping-Policy p {
    list-style: disc;
    font-size: var(--font-size-base) !important;
    letter-spacing: var(--letter-spacing-val-0-1px);
    color: var(--color-gray-600-v8);
    margin-left: var(--space-pct-val-4);
    line-height: var(--line-height-val-2-2);
}
.shipping-policy-alert p {
    margin-bottom: var(--space-pct-val-0) !important;
}
.custom_heading {
    color: var(--color-black);
    font-weight: var(--font-weight-normal);
    font-family: 'Sailec', sans-serif;
}
.purchase-actions input.quantity-selector, .purchase-actions select.variant-selector {
    height: var(--space-px-38);
    font-size: var(--font-size-val-15px);
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border-light);
    padding: var(--space-0) var(--space-5);
    box-sizing: border-box;
}
.buy-btn-wrapper.actions-wrapper.mb-2 {
    display: inline-block;
    padding: var(--space-pct-val-0) var(--space-pct-2);
}
.quantity-wrapper {
    display: inline-block;
}
.compatibility {
    color: var(--color-green-600-v5);
    font-weight: var(--font-weight-medium);
    font-family: var(--font-ui);
}
.trust-badges {
    display: flex;
    /* justify-content: center; */
    /* gap: var(--space-6); */
    /* margin-top: var(--space-7); */
    flex-wrap: wrap;
}
.badge-item {
    flex: 1;
    max-width: var(--space-pct-val-15);
    text-align: center;
    /* background: var(--color-bg-tint); */
    border-radius: var(--radius-base);
    /* padding: var(--space-6); */
    transition: transform var(--transition-normal), box-shadow var(--transition-normal);
}
.badge-item:hover {
    transform: translateY(-5px);
}
.badge-icon {
    font-size: var(--font-size-val-1-5rem);
    color: var(--color-green-700-v4);
    display: block;
    margin-bottom: var(--space-px-0);
}
.badge-item p {
    font-weight: var(--font-weight-normal);
    margin: var(--space-0);
    color: var(--color-text);
}
.variant-wrapper {
    display: inline-block;
    padding: var(--space-pct-val-0) var(--space-pct-val-0) var(--space-pct-val-0) var(--space-pct-2);
}
section.edition-compare a.btn.btn-sm.bannerbtn {
    padding: var(--space-pct-val-1-5);
}
.instructions-div ol li {
    color: var(--bs-secondary-color) !important;
    font-size: var(--font-size-base);
    letter-spacing: var(--letter-spacing-val-0-5px);
}
select#cust_state option {
    font-size: var(--font-size-sm);
}
.custom-recommended {
    padding: var(--space-pct-val-0) var(--space-pct-val-9);
}
img.img-reponsive.checkoutimg3 {
    width: var(--space-pct-val-3);
    vertical-align: middle;
    padding-right: var(--space-pct-val-0-3);
}
.recommended-product {
    padding: var(--space-pct-val-2-1) var(--space-pct-val-0) var(--space-pct-1) var(--space-pct-val-0) !important;
}
.row.updatetop2 .custom-alert-updatenp.alert-warning{
    margin-bottom: var(--space-px-0);
}
.buynowupdate{
    padding-top: var(--space-pct-val-0) !important;
}
.formcontent input, .formcontent select {
    padding: var(--space-pct-val-0) 0% !important;
}
.recommended-product h6 {
    margin-bottom: var(--space-0);
    font-size: var(--font-size-val-22px);
    font-weight: var(--font-weight-normal);
}
.select2-results__option {
    padding: var(--space-2);
    user-select: none;
    -webkit-user-select: none;
    font-size: var(--font-size-sm)  !important;
    text-transform: uppercase;
    color: var(--color-black);
    letter-spacing: var(--letter-spacing-val-0-5px);
}
.cta-arrow i.bx.bxs-right-arrow-circle:hover {
    color: var(--color-warning);
}
.custom-recommended .card-img-top-wrapper {
    background-color: var(--color-green-100-v4);
}
.formcontent hr {
    margin: var(--space-pct-val--0-5) var(--space-px-0) var(--space-pct-2) var(--space-px-0)  !important;
    display: none;
}
h3.modal-title {
    color: var(--color-primary-hover);
}
img.img-responsive.buynowonload {
    width: var(--space-pct-val-100);
}
button.button.button-full.custom-btn.buy-now.offer {
    color: var(--color-white) !important;
    background: var(--color-green-700-v4) !important;
    padding: var(--space-rem-sm) var(--space-rem-md);
    margin: var(--space-0);
    margin-right: var(--space-2);
    font-size: var(--font-size-val-1-0rem);
    line-height: var(--line-height-lg-rem);
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    outline: none;
    cursor: pointer;
    border: none;
    border-radius: var(--radius-base);
    box-shadow: var(--space-0) var(--space-1) var(--space-3) var(--color-green-a35-700);
}
/* H3: keyboard focus ring for the buy-now offer button */
button.button.button-full.custom-btn.buy-now.offer:focus-visible {
    outline: var(--focus-ring);
    outline-offset: 2px;
}
.button-container.mt-3 {
    width: var(--space-pct-val-100);
}
.home-title-sub{
    color: var(--color-gray-600) !important;
    font-size: var(--font-size-val-1-15rem) !important;
    margin-bottom: var(--space-pct-2) !important;
}
section.users-secured img {
    padding: var(--space-pct-val-0);
}
button.btn-close.text-reset {
    background-color: var(--color-green-200-v3);
    width: var(--space-rem-md);
    height: var(--space-rem-md);
    border-radius: var(--radius-val-50pct);
    border: none;
    color: var(--color-green-700-v4);
    font-size: var(--font-size-val-0-8rem);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all var(--transition-normal);
}
a.dropdown-item {
    font-size: var(--font-size-val-0-95rem);
}
.recommended-product h2 {
    margin: var(--space-pct-val-0)  !important;
}
.recommended-product .home-title-sub {
    margin-bottom: var(--space-pct-1)  !important;
}
.hwproddesc {
    font-size: var(--font-size-base-rem);
}
a:hover {
    color: var(--color-warning-alt);
}
/* div#buynow-sendlicenceModal h3 {
    color: var(--color-primary-hover);
} */
.secondary-link:hover {
    color: var(--color-warning-alt);
}
.np-privacy p strong,
.np-privacy li strong {
    font-weight: var(--font-weight-medium);
}
button.btn-close {
    background-color: var(--color-green-200-v3);
    width: var(--space-rem-md);
    height: var(--space-rem-md);
    border-radius: var(--radius-val-50pct);
    border: none;
    color: var(--color-green-700-v4);
    font-size: var(--font-size-val-0-8rem);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all var(--transition-normal);
}
button.btn.btn-sm.btn-outline-danger.border-0.ms-2.delete-cart-item {
    background-color: transparent;
    border-color: transparent;
    color: var(--color-warning-alt);
}
.hdfcbankdetails b {
    font-weight: var(--font-weight-medium);
}
.row.qualificationRow button.btn-sm.button.button-delete .bx-trash {
    color: var(--color-white)  !important;
    background-color: transparent  !important;
    padding: var(--space-px-0)  !important;
}
button.btn-close:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
}
ul.list-unstyled li {
    color: var(--color-gray-600);
}
.download-faq {
    background-color: var(--npav-light-bg)  !important;
}
.bunow-content .pd-save-badge {
    padding: var(--space-pct-val-0-5) var(--space-pct-5);
}
button.trackmee, button.npcloud{
    background: linear-gradient(135deg, var(--color-success), var(--color-primary-light));
    color: var(--color-white);
    border: none;
    box-shadow: var(--space-0) var(--space-rem-val-0-25) var(--space-rem-sm) var(--color-gray-a15-900);
    font-size: var(--font-size-base-rem);
    font-weight: var(--font-weight-normal);
    padding: var(--space-rem-val-0-65) var(--space-rem-val-2-2);
    border-radius: var(--radius-val-0-5rem);
    cursor: pointer;
    transition: all var(--transition-normal);
}
.pd-feature-card i {
    font-size: var(--font-size-xl);
    color: var(--color-green-700-v4)  !important;
}
.btn-npav-outline:hover * { 
    color: var(--color-white) !important; 
}
div#reviewsModal .mdlbody {
    padding: var(--space-pct-val-0) var(--space-pct-val-3);
}
.product-main-section ul li {
    color: var(--bs-secondary-color) !important;
}
a.option-btn {
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--space-4);
    background-color: var(--color-gray-100-v5);
    border-radius: var(--radius-val-40px);
    padding: var(--space-4) var(--space-7);
    border: 1px solid var(--color-gray-100);
    box-shadow: var(--space-0) var(--space-1) var(--space-6) var(--color-gray-a8-900);
    max-width: max-content;
    margin: var(--space-0) auto var(--space-8) auto;
    font-size: var(--font-size-md);
    color: var(--color-green-700-v4);
    margin: var(--space-pct-1);
}
a.option-btn.active {
    background-color: var(--color-green-700-v4);
    border-radius: var(--radius-val-40px);
    padding: var(--space-4) var(--space-7);
    border: 1px solid var(--color-gray-100);
    color: var(--color-gray-100);
}
a.option-btn:hover {
    background-color: var(--color-warning-alt);
    color: var(--color-gray-100-v5);
}
section.product-main-section label {
    font-weight: var(--font-weight-medium);
    padding-bottom: var(--space-pct-1);
}
.purchase-actions-wrapper label {
    font-weight: var(--font-weight-medium);
    padding-bottom: var(--space-pct-1);
}
.contact-info-block.let-us-know i {
    color: var(--color-cyan-50-v5);
    background-color: var(--color-green-a52-700);
    font-size: var(--font-size-base);
    vertical-align: bottom;
}
/* .alert.alert-info.text-center.renewal_offer_alert / .renewal_offer_alert i
   / .renewal_offer_alert strong consolidated into one definition each
   earlier in this file (search "Special offer strip"). */
form#product_renewal_details_form {
    padding: var(--space-pct-val-0) var(--space-pct-2);
}
.pagebuilder-column.fastupd.renew h3 {
    padding-bottom: var(--space-pct-val-1-5);
}
.users-banner img {
    width: var(--space-pct-val-100);       /* scales to container width */
    height: auto;      /* keeps aspect ratio */
    display: block;
}
.users-banner {
    padding: var(--space-px-0);
}
@media (max-width: 768px) {
    .users-banner img {
        content: url('../img/5_m_use_mobile.png'); /* swap image on mobile */
    }
    .btn-npav-outline {
        padding: var(--space-rem-val-0-45) var(--space-rem-3xs);
    }
    .users-secured {
        padding: var(--space-pct-val-0) 0 !important;
    }
    .right-cta-block.d-flex.align-items-center {
        gap: var(--space-rem-md)  !important;
    }
}
/* .right-cta-block.d-flex.align-items-center {
    gap: var(--space-rem-md)  !important;
} */
.navbar .bx-cart {
    font-size: var(--font-size-val-22px);
}
.navbar .bx-user-circle {
    font-size: var(--font-size-val-22px);
}
/* Base style (large desktop ~1920px) */
.navbar-nav .nav-link {
  padding: var(--space-rem-val-0-35) var(--space-rem-val-0-45);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-normal);
  color: var(--color-text);
}

/* Between 992px and 1254px */
@media (min-width: 992px) and (max-width: 1254px) { .navbar-brand img { max-width: var(--space-px-81);
        /* height: var(--space-px-42); */
    }
    .navbar-nav .nav-link {
        font-size: var(--font-size-sm);
        padding: var(--space-rem-val-0-25) var(--space-rem-val-0-35);
    }
    .btn-npav-green, .btn-npav-outline {
        padding: var(--space-rem-sm) var(--space-rem-val-0-2);
    }
    .right-cta-block {
        gap: var(--space-rem-val-0-2);
        margin-left: var(--space-rem-val-0-10);
    }
}

/* Between 1451px and 1650px */
@media (min-width: 1451px) and (max-width: 1650px) { .navbar-nav .nav-link { font-size: var(--space-6) !important;
        padding: var(--space-rem-val-0-3) var(--space-rem-val-0-4);
    }
    .btn-npav-green, .btn-npav-outline {
        padding: var(--space-rem-sm) var(--space-rem-val-0-6);
    }
    .right-cta-block {
        gap: var(--space-rem-sm);
    }
}
span.down-link.d-inline-block {
    color: var(--color-green-700-v4);
    font-weight: var(--font-weight-medium);
}
.help-pg-div a.text-decoration-none
{
    color: var(--bs-heading-color);
}
.androiddown .pagebuilder-column.fastupd h3 {
    margin: var(--space-pct-val-1-5);
}
.androiddown .down-link-copy {
    font-size: var(--font-size-base);
}
.androiddown hr {
    margin: var(--space-rem-sm) var(--space-0);
}
.androiddown div#faqTabContent {
    padding-bottom: var(--space-pct-2);
}
.androiddownfaq {
    padding: var(--space-px-0)  !important;
    margin-top: var(--space-pct-2)  !important;
}
a.down-link:hover {
    color: var(--color-warning-alt);
}
.savetags {
    background-color: var(--color-green-200-v4);
    border: 1px solid var(--color-green-200-v4);
    padding: var(--space-pct-val-1-5);
    font-weight: var(--font-weight-medium);
    color: var(--color-green-700-v4);
    text-align: center;
    margin-top: var(--space-pct-val-1-5);
    margin-bottom: var(--space-pct-val-3);
}
.updcont table.cart-table.table.table-bordered strong {
    font-weight: var(--font-weight-medium);
}
.off-upd-method strong {
    font-weight: var(--font-weight-medium);
    color: var(--color-gray-800-v5);
}
form#key_valid_form >.rc-anchor-light.rc-anchor-normal, 
form#key_valid_form > .rc-anchor-light.rc-anchor-compact {
    border: 1px solid var(--color-gray-300-v5);
    width: var(--space-pct-val-100) !important;
}
form#key_valid_form .g-recaptcha {
    width: var(--space-pct-val-100) !important;
    display: flex;
    justify-content: center; /* optional: center the widget */
}
form#key_valid_form div#rc-anchor-container { 
    width: var(--space-pct-val-100) !important; 
}
form#key_valid_form .captcha-wrapper {
    display: flex;
    justify-content: center; /* centers horizontally */
    width: var(--space-pct-val-100);
}
/* div#productCarousel .product-card .card-title {
    font-size: var(--font-size-base-rem)  !important;
    min-height: calc(1em);
    -webkit-line-clamp: 1 !important;
    line-clamp: 1 !important;
}
div#productCarousel .product-card .save-tag, 
div#productCarousel .product-card .mrp-tag, 
div#productCarousel .product-card .price-tag {
    margin: var(--space-pct-2) var(--space-pct-val-0)  !important;
    font-size: var(--font-size-val-0-8rem)  !important;
    letter-spacing: var(--letter-spacing-val-0-5px);
    color: var(--color-gray-900-v6) !important;
}
div#productCarousel .product-pricing {
    display: contents !important;
}
div#productCarousel .product-card .btn-npav-green{
    width: var(--space-pct-val-100) !important;
    padding: var(--space-pct-2) var(--space-pct-val-9)  !important;
}
div#productCarousel .col {
    padding: var(--space-px-3);
}
div#productCarousel .carousel-control-prev-icon {
    background-color: var(--color-green-700-v4);
    border-radius: var(--radius-val-20px);
    background-size: 57%;
}
div#productCarousel .carousel-control-next-icon{
    background-color: var(--color-green-700-v4);
    border-radius: var(--radius-val-20px);
    background-size: 57%;
}
div#productCarousel .card-img-top-wrapper {
    padding: var(--space-pct-1) 0 !important;
}
div#productCarousel .product-card {
    background-color: var(--color-white);
    border-radius: var(--radius-base);
    box-shadow: var(--space-0) var(--space-px-1) var(--space-1) var(--color-gray-a71-800);
}
div#productCarousel .carousel-inner {
    padding: var(--space-pct-val-0) var(--space-pct-val-3);
}
div#productCarousel {
    padding: var(--space-px-0)  !important;
}
div#productCarousel .product-card img {
    max-height: var(--space-100);
}
.save-cart-item {
    grid-area: save;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    flex-shrink: 0;
    flex-wrap: nowrap;
    background-color: var(--color-teal-500);
    color: var(--npav-dark-bg);
    font-weight: var(--font-weight-medium);
    padding: var(--space-1) var(--space-7) var(--space-1) var(--space-5);
    margin: var(--space-0);
    box-shadow: var(--space-0) var(--space-px-2) var(--space-px-5) var(--color-gray-a10-900);
    font-size: var(--font-size-val-0-9rem)  !important;
    justify-self: start;
    clip-path: polygon(0% 0%, calc(100% - 10px) 0%, 100% 50%, calc(100% - 10px) 100%, 0% 100%);
}
label.control-label.mrpamt {
    font-size: var(--font-size-md);
}
.recommend-prod {
    padding: var(--space-pct-1) var(--space-pct-val-0-2) var(--space-pct-val-4) var(--space-pct-val-0-2);
    background-color: var(--color-white);
    border-radius: var(--radius-base);
    box-shadow: var(--space-0) var(--space-px-1) var(--space-1) var(--color-gray-a71-800);
    margin: var(--space-pct-val-3) var(--space-pct-val-0-4) var(--space-pct-val-0-4) var(--space-pct-val-0-4);
    width: var(--space-pct-val-100);
}
div#productCarousel .card-body {
    padding: var(--space-pct-5);
}
.owl-carousel.owl-drag .owl-item {
    cursor: pointer;
}
a.btn.btn-sm.take_me_bck_btn {
    background-color: var(--npav-green-primary);
    color: var(--color-white);
    font-weight: var(--font-weight-normal);
    border-radius: var(--radius-base);
    padding: var(--space-rem-sm) var(--space-rem-val-1-2);
    box-shadow: var(--space-0) var(--space-1) var(--space-3) var(--color-green-a35-700);
    white-space: nowrap;
}
.error-details.text-secondary.h5 {
    color: var(--color-danger)  !important;
}
a.btn.btn-sm.take_me_bck_btn:hover {
    background-color: var(--color-warning-alt);
} */

/* Live rule — the block above (div#productCarousel legacy styles through
   a.btn.take_me_bck_btn) is a commented-out reference copy; .save-cart-item
   was accidentally living only inside that dead comment, so none of its
   display/clip-path/layout ever actually applied. This is the real rule. */
.save-cart-item {
    grid-area: save;
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    white-space: nowrap;
    flex-shrink: 0;
    flex-wrap: nowrap;
    background-color: var(--color-teal-500);
    color: var(--npav-dark-bg);
    font-weight: var(--font-weight-medium);
    padding: var(--space-1) var(--space-7) var(--space-1) var(--space-5);
    margin: var(--space-0);
    box-shadow: var(--space-0) var(--space-px-2) var(--space-px-5) var(--color-gray-a10-900);
    font-size: var(--font-size-val-0-9rem) !important;
    clip-path: polygon(0% 0%, calc(100% - 8px) 0%, calc(100% - 14px) 50%, calc(100% - 8px) 100%, 0% 100%, 8px 50%);
}

/* SweetAlert "success" icon — completely rebuilt, scoped to icon:"success"
   only (error/warning/info untouched). The library's original icon is
   built from two rotated 60x120 half-circle pseudo-elements (:before/:after)
   that must meet exactly along a diagonal seam, plus a __hide-corners strip
   whose only job is covering that seam and a __ring/__line set for the
   checkmark. That construction is fragile against this project's CSS stack
   (Bootstrap's box-sizing reset, our own resets) — every attempt to patch
   the seam (box-sizing, resizing __hide-corners, ring opacity) left a
   visible diagonal gap under some rendering path. Removing the fragile
   pieces and drawing a plain flex-centered circle + a simple two-border
   checkmark (no absolute-position seam math at all) makes this immune to
   that whole class of bug. */
.swal-icon--success {
    background-color: #fff;
    border: 4px solid #a5dc86;
    box-sizing: content-box;
    display: block;
}
.swal-icon--success:before,
.swal-icon--success__ring,
.swal-icon--success__hide-corners,
.swal-icon--success__line--tip,
.swal-icon--success__line--long {
    display: none !important;
}
.swal-icon--success:after {
    content: "";
    display: block;
    position: absolute;
    left: 22px;
    top: 32px;
    width: 30px;
    height: 15px;
    margin: 0;
    background: transparent;
    border: none;
    border-left: 4px solid #a5dc86;
    border-bottom: 4px solid #a5dc86;
    border-radius: 0;
    /* The original library's rule for this same pseudo-element set
       transform-origin:0 60px (for its old 60x120px geometry) — since our
       rule never touched that property, it kept winning the cascade and
       rotated our much smaller box around a point far outside itself,
       flinging the checkmark off to one side. Resetting it to center is
       what actually makes the rotation behave sanely. */
    transform-origin: center;
    transform: rotate(-45deg);
    animation: none;
    box-sizing: content-box;
}

#productCarousel {
    padding: var(--space-0) !important;
    overflow: visible !important;
    position: relative;
}

#productCarousel .carousel-inner {
    padding: var(--space-0) var(--space-pct-val-3);
    overflow: hidden !important;
    padding-bottom: var(--space-4); /* extra space for card shadow */
}

#productCarousel .carousel-item {
    overflow: visible !important;
}

#productCarousel .carousel-item .row {
    margin: var(--space-0);
    padding: var(--space-0);
}

#productCarousel .col {
    padding: var(--space-0) var(--space-px-5);
}

#productCarousel .product-card {
    background-color: var(--color-white);
    border-radius: var(--radius-base);
    overflow: visible;
    box-shadow: var(--space-0) var(--space-px-1) var(--space-1) var(--color-gray-a71-800);
    height: var(--space-pct-val-100);
}

#productCarousel .card-img-top-wrapper {
    padding: var(--space-pct-1) var(--space-0) !important;
}

#productCarousel .product-card img {
    max-height: var(--space-100);
}

#productCarousel .product-card .card-title {
    font-size: var(--font-size-base-rem) !important;
    min-height: calc(1em);
    display: -webkit-box;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-clamp: 1 !important;
}

#productCarousel .product-card .save-tag,
#productCarousel .product-card .mrp-tag,
#productCarousel .product-card .price-tag {
    margin: var(--space-pct-2) var(--space-0) !important;
    font-size: var(--font-size-val-0-8rem) !important;
    letter-spacing: var(--letter-spacing-val-0-5px);
    color: var(--color-gray-900-v6) !important;
}

#productCarousel .product-pricing {
    display: contents !important;
}

#productCarousel .product-card .btn-npav-green {
    width: var(--space-pct-val-100) !important;
    padding: var(--space-pct-2) var(--space-pct-val-9) !important;
}

#productCarousel .carousel-control-prev,
#productCarousel .carousel-control-next {
    position: absolute;
    top: var(--space-pct-val-50);
    transform: translateY(-50%);
    width: var(--space-px-48);
    height: var(--space-px-48);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: var(--z-val-2000);
    background: none;
}

#productCarousel .carousel-control-prev {
    left: var(--space-px--10);
}

#productCarousel .carousel-control-next {
    right: var(--space-px--10);
}

#productCarousel .carousel-control-prev-icon,
#productCarousel .carousel-control-next-icon {
    width: var(--space-36);
    height: var(--space-36);
    background-color: var(--color-green-700-v4);
    border-radius: var(--radius-val-20px);
    background-size: 57%;
    background-repeat: no-repeat;
    background-position: center;
}

#productCarousel .carousel-control-prev:hover .carousel-control-prev-icon,
#productCarousel .carousel-control-next:hover .carousel-control-next-icon {
    background-color: var(--color-green-800-v8);
}

#productCarousel .carousel-control-prev:focus,
#productCarousel .carousel-control-next:focus {
    outline: none;
}
/* H3: restore a visible focus ring for keyboard users (mouse focus unaffected) */
#productCarousel .carousel-control-prev:focus-visible,
#productCarousel .carousel-control-next:focus-visible {
    outline: 2px solid var(--color-teal-500-v3);
    outline-offset: 2px;
}

@media (max-width: 992px) {
    #productCarousel .carousel-control-prev,
    #productCarousel .carousel-control-next {
        width: var(--space-px-42);
        height: var(--space-px-42);
    }

    #productCarousel .carousel-control-prev-icon,
    #productCarousel .carousel-control-next-icon {
        width: var(--space-px-32);
        height: var(--space-px-32);
    }
}

@media (max-width: 576px) { #productCarousel .product-card .card-title { font-size: var(--space-rem-val-0-9) !important;
    }

    #productCarousel .product-card .save-tag,
    #productCarousel .product-card .mrp-tag,
    #productCarousel .product-card .price-tag {
        font-size: var(--font-size-val-0-75rem) !important;
    }
}





/* -------------------------------
   Launch Offer Modal
------------------------------- */
.np-offer-modal .modal-content {
  background: linear-gradient(180deg, var(--color-green-100-v8) 0%, var(--color-white) 100%);
  border-radius: var(--radius-val-1rem);
}

.np-offer-modal .np-offer-ribbon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  color: var(--color-teal-800-v2);
  font-size: var(--font-size-val-1-25rem);
}

.np-offer-modal .np-offer-ribbon .np-offer-badge {
  background: var(--color-red-400-v3);
  color: var(--color-white);
  padding: var(--space-2) var(--space-px-16);
  border-radius: var(--radius-val-20px);
  box-shadow: var(--space-0) var(--space-2) var(--space-px-18) var(--color-gray-a25-900);
  font-weight: var(--font-weight-bold);
  margin-left: var(--space-3);
}

.np-offer-modal .np-product-image {
  max-width: var(--space-px-300);
  display: block;
  margin: var(--space-0) auto;
}

.np-offer-modal .np-product-title {
  font-size: var(--font-size-val-1-5rem);
  font-weight: var(--font-weight-bold);
  margin-bottom: var(--space-rem-md);
}

.np-offer-modal .np-feature-box {
  background: var(--color-teal-a12-600);
  border-radius: var(--radius-val-16px);
  padding: var(--space-px-18);
}

.np-offer-modal .np-feature-box li {
  margin-bottom: var(--space-4);
  font-weight: var(--font-weight-medium);
}

.np-offer-modal .np-buy-btn {
  border-radius: var(--radius-val-16px);
  letter-spacing: var(--letter-spacing-val-0-3px);
  box-shadow: var(--space-0) var(--space-4) var(--space-px-25) var(--color-teal-a45-600);
  transition: all var(--transition-normal);
}

.np-offer-modal .np-buy-btn:hover {
  transform: translateY(-2px);
  box-shadow: var(--space-0) var(--space-14) var(--space-30) var(--color-teal-a60-600);
}

.np-offer-modal .btn-close.custom-close {
  background-color: var(--color-green-200-v3);
  border-radius: var(--radius-val-50pct);
  width: var(--space-rem-val-1-5);
  height: var(--space-rem-val-1-5);
}
.np-offer-modal .modal-header {
  justify-content: flex-end;
}
/* .np-offer-modal .btn-close.custom-close {
  background-color: var(--color-green-200-v3);
  width: var(--space-rem-val-1-5);
  height: var(--space-rem-val-1-5);
  border-radius: var(--radius-val-50pct);
  border: none;
  color: var(--color-green-700-v4);
  font-size: var(--font-size-base-rem);

  display: flex;
  align-items: center;
  justify-content: center;

  padding: var(--space-0);
  margin-left: var(--space-5); 
  transition: all var(--transition-normal);
} */


.np-offer-modal .modal-dialog {
  animation: npModalPop var(--transition-val-0-4s-ease);
}

.np-new-tag {
    font-size: var(--font-size-val-0-65rem);
    font-weight: var(--font-weight-bold);
    background: var(--color-green-700-v2);
    color: var(--color-white);
    padding: var(--space-px-3) var(--space-2);
    border-radius: var(--radius-base);
    margin-left: var(--space-2);
    vertical-align: top;
    line-height: var(--line-height-val-1);
}




@keyframes npModalPop {
  from { transform: scale(0.9) translateY(20px); opacity: 0; }
  to   { transform: scale(1) translateY(0); opacity: 1; }
}

@media (max-width: 576px) { .np-offer-modal .np-product-image { max-width: var(--space-px-160);
    margin-top: var(--space-6);
  }

  .np-offer-modal .np-product-title {
    font-size: var(--font-size-val-1-4rem);
  }

  .np-offer-modal .np-buy-btn {
    font-size: var(--font-size-base-rem);
  }

  .np-offer-modal .np-offer-ribbon .np-offer-badge {
    margin-left: var(--space-0) !important;
    margin-top: var(--space-1);
  }

  .np-offer-modal .row.np-image-title-wrapper {
    flex-direction: column-reverse;
  }

  .np-offer-modal .row.np-image-title-wrapper .col-md-6 {
    text-align: center;
  }

  .np-offer-modal .row.np-image-title-wrapper .col-md-6.text-start {
    text-align: center !important;
  }

  .np-offer-modal .np-pricing {
    flex-wrap: wrap;
    justify-content: center;
  }
}
div#productCarousel span.badge.bg-secondary {
    font-weight: var(--font-weight-medium);
}
/* Controls (arrows) */
.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-color: var(--color-gray-a50-900); 
  border-radius: var(--radius-val-50pct);                  
  padding: var(--space-5);                        
  background-size: 60% 60%;            
}
/* Indicators (dots) */
.carousel-indicators [data-bs-target] {
  width: var(--space-5);            
  height: var(--space-5);
  border-radius: var(--radius-val-50pct);       
  background-color: var(--color-white);   
}
.carousel-indicators .active {
  background-color: var(--color-green-600-v5);
}

.compatibility-icons {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    margin-left: var(--space-3);
    vertical-align: middle;
}

.compatibility-icon img {
    width: var(--space-px-28);
    height: var(--space-px-28);
    display: block;
}

#google_translate_element {
    position: absolute;
    top: var(--space-px-25);
    right: var(--space-pct-val-9);
    z-index: var(--z-val-9999);
}

.goog-te-banner-frame.skiptranslate {
    display: none !important;
}

.goog-te-gadget-icon{
    display: none !important;
}
.goog-logo-link {
    display: none !important;
}

.goog-te-gadget {
    font-size: var(--font-size-val-0px);
}
iframe.goog-te-banner-frame {
    display: none !important;
}

.goog-te-banner-frame {
    display: none !important;
}


.goog-te-gadget .goog-te-combo {
    margin: var(--space-0);
    padding: var(--space-2) var(--space-5);
    border-radius: var(--radius-base);
    border: 1px solid var(--color-gray-200-v6);
    font-size: var(--font-size-sm);
    cursor: pointer;
    background-color: var(--color-white);
    outline: none;
    transition: all var(--transition-normal);
}
/* H3: keyboard focus ring for the language selector combo */
.goog-te-gadget .goog-te-combo:focus-visible {
    outline: var(--focus-ring);
    outline-offset: 2px;
}
@media (max-width: 768px) { #google_translate_element { top: var(--space-6);
        right: var(--space-0);
    }

    .goog-te-gadget .goog-te-combo {
        font-size: var(--font-size-val-13px);
        padding: var(--space-px-5) var(--space-3);
    }
}

iframe.VIpgJd-ZVi9od-ORHb-OEVmcd {
    display: none !important;
    visibility: hidden !important;
    height: var(--space-0) !important;
}

.VIpgJd-ZVi9od-ORHb-OEVmcd {
    display: none !important;
}

.
.checkout-actions-wrapper {
    border-top: 1px solid var(--color-gray-100-v3);
    padding-top: var(--space-6);
}

.checkoutntn {
    background-color: var(--color-green-700-v4);
    color: var(--color-white);
    border: 1px solid var(--color-green-700-v4);
    border-radius: var(--radius-base) !important;
    font-size: var(--font-size-base);
    padding: var(--space-rem-val-0-6) var(--space-rem-val-1-8);
    text-align: center;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition-fast);
    -webkit-appearance: none;
    appearance: none;
}

.checkoutntn:hover {
    background-color: var(--color-green-800-v8);
    border-color: var(--color-green-800-v8);
}

.checkout-secure {
    font-size: var(--font-size-val-13px);
    color: var(--color-gray-600);
}

.checkout-secure i {
    color: var(--color-green-600-v5);
    margin-right: var(--space-2);
}

.checkout-support {
    font-size: var(--font-size-val-13px);
}

.checkout-support .support-heading {
    font-weight: var(--font-weight-medium);
    color: var(--color-gray-700);
}

.checkout-support .support-btn {
    display: inline-block;
    padding: var(--space-2) var(--space-5);
    margin-left: var(--space-3);
    font-size: var(--font-size-val-13px);
    border-radius: var(--radius-base);
    text-decoration: none;
    transition: var(--transition-fast);
}

.checkout-support .call-btn {
    border: 1px solid var(--color-green-500-v4);
    color: var(--color-green-600-v6);
}

.checkout-support .call-btn:hover {
    background: var(--color-green-600-v6);
    color: var(--color-white);
}

.checkout-support .whatsapp-btn {
    border: 1px solid var(--color-green-500-v3);
    color: var(--color-green-500-v3);
}

.checkout-support .whatsapp-btn:hover {
    background: var(--color-green-500-v3);
    color: var(--color-white);
}

@media (max-width: 767px) {
    .checkout-support {
        text-align: left !important;
        margin-top: var(--space-6);
    }

    .checkout-support .support-btn {
        display: block;
        width: var(--space-pct-val-100);
        margin: var(--space-2) var(--space-0) var(--space-0) var(--space-0);
    }
}

button#checkLicenseBtn {
    background-color: var(--color-green-700-v4);
    color: var(--color-white);
    padding: var(--space-pct-val-1-5);
    width: var(--space-pct-val-100);
    border: 1px solid var(--color-green-700-v4);
    border-radius: var(--radius-base);
}


.renew-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    padding: var(--space-4) var(--space-px-22);
    font-size: var(--font-size-val-15px);
    font-weight: var(--font-weight-semibold);
    border-radius: var(--radius-base);
    background: linear-gradient(135deg, var(--color-red-400-v8), var(--color-red-500-v5));
    color: var(--color-white) !important;
    text-decoration: none;
    transition: all var(--transition-normal);
}

.renew-btn:hover {
    transform: translateY(-2px);
    box-shadow: var(--space-0) var(--space-2) var(--space-6) var(--color-red-a30-500);
    color: var(--color-white);
}

.top-search {
    position: relative;
    display: flex;
    align-items: center;

     /* position: fixed;
        top: var(--space-0);
        left: var(--space-0);
        width: var(--space-pct-val-100);
        padding: var(--space-4);
        background: var(--color-white);
        z-index: var(--z-val-99999); */
}

@media (max-width: 768px) {
   .top-search {
        position: fixed;
        top: var(--space-0);
        left: var(--space-0);
        width: var(--space-pct-val-100);
        padding: var(--space-4);
        background: var(--color-white);
        z-index: var(--z-val-99999);
    }
}

.search-icon-btn {
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-icon-btn i {
    font-size: var(--font-size-lg);
    color: var(--color-gray-800-v4);
    transition: 0.25s ease;
}

.search-icon-btn:hover i {
    color: var(--color-cyan-500-v4);
}

.search-form {
    position: absolute;
    right: var(--space-0);
    top: var(--space-pct-val-50);
    transform: translateY(-50%);
    width: var(--space-0);
    opacity: 0;
    overflow: hidden;
    transition: all var(--transition-normal);
}

.search-form.active {
    width: var(--space-px-240);
    opacity: 1;
}

.search-form input {
    width: var(--space-pct-val-100);
    padding: var(--space-3) var(--space-5);
    border: 1px solid var(--color-gray-200-v7);
    border-radius: var(--radius-val-20px);
    font-size: var(--font-size-val-13px);
    background: var(--color-white);
    transition: 0.2s;
}

.search-form input:focus {
    border-color: var(--color-cyan-500-v4);
    box-shadow: var(--space-0) var(--space-0) var(--space-0) var(--space-px-2) var(--color-cyan-a10-500-v2);
}

.search-results-dropdown {
    position: absolute;
    top: calc(100% + 8px);
    right: var(--space-0);
    width: var(--space-px-260);
    background: var(--color-white);
    border-radius: var(--radius-lg);
    box-shadow: var(--space-0) var(--space-3) var(--space-7) var(--color-gray-a8-900);
    max-height: var(--space-px-320);
    overflow-y: auto;
    display: none;
    z-index: var(--z-val-9999);
}

.search-results-dropdown h6 {
    font-size: var(--font-size-val-11px);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-500-v3);
    padding: var(--space-3) var(--space-5) var(--space-1);
    margin: var(--space-0);
    text-transform: uppercase;
}

.search-item-link {
    display: block;
    text-decoration: none !important;
    color: var(--color-text);
}

.search-result-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-4) var(--space-5);
    border-bottom: 1px solid var(--color-gray-100-v3);
    transition: 0.2s;
}

.search-result-row:hover {
    background-color: var(--color-gray-50);
}

.search-item-info {
    font-size: var(--font-size-val-13px);
    font-weight: var(--font-weight-medium);
    color: var(--color-gray-900-v4);
}

.search-result-row span:last-child {
    font-size: var(--font-size-sm);
    color: var(--color-gray-400-v5);
}

.search-results-dropdown::-webkit-scrollbar {
    width: var(--space-px-5);
}

.search-results-dropdown::-webkit-scrollbar-thumb {
    background: var(--color-border);
    border-radius: var(--radius-lg);
}

@media (max-width: 768px) {
    .search-form.active {
        width: var(--space-px-180);
    }

    .search-results-dropdown {
        width: var(--space-px-220);
    }
}

.trust-strip {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--space-14);
    flex-wrap: wrap;
    margin: var(--space-6) var(--space-0) var(--space-30);
}

.trust-item {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    background: var(--color-green-a8-700-v2);
    padding: var(--space-2) var(--space-5);
    border-radius: var(--radius-val-20px);
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-val-13px);
    color: var(--color-success);
    white-space: nowrap;
       box-shadow: var(--space-0) var(--space-px-2) var(--space-2) var(--color-gray-a5-900);
    transition: 0.2s;
}

.trust-icon {
    font-size: var(--font-size-val-15px);
    color: var(--color-success);
}

.trust-item:hover {
    transform: translateY(-2px);
}

.sidebar-logo {
    width: var(--space-pct-val-100);
}

.download-modal-trigger { cursor: pointer; }

/* --- Advisor Download Modal --- */
#advisorDownloadModal .modal-dialog,#macDownloadModal .modal-dialog{max-width: var(--space-px-460);margin:auto}
#macDownloadModal .mac-modal-width{max-width: var(--space-px-540)}
#advisorDownloadModal .modal-content,#macDownloadModal .modal-content{border:none;border-radius: var(--radius-val-12px);overflow:hidden;box-shadow: var(--space-0) var(--space-4) var(--space-px-25) var(--color-gray-a10-900)} #advisorDownloadModal .modal-header,#macDownloadModal .modal-header{background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-100-v2);padding:1rem 1.5rem}
#advisorDownloadModal .header-icon,#macDownloadModal .header-icon{color:var(--color-cyan-500-v5);margin-right:12px}
#advisorDownloadModal .btn-close,#macDownloadModal .btn-close{width:40px;height:40px;border-radius:50%;background-color:var(--color-gray-100-v2);background-size:14px;opacity:.85;transition:background-color .2s ease-in-out,transform .2s ease-in-out,opacity .2s ease-in-out}
#advisorDownloadModal .btn-close:hover,#macDownloadModal .btn-close:hover{opacity:1;background-color:var(--color-red-50-v2);transform:scale(1.06)}
#advisorDownloadModal .download-card,#macDownloadModal .download-card{display:flex;align-items:center;padding: var(--space-px-16);border-radius: var(--radius-val-12px);text-decoration:none!important;transition:var(--transition-val-0-2s-ease-in-out);border:1.5px solid transparent}
#advisorDownloadModal .download-card:last-child,#macDownloadModal .download-card:last-child{margin-bottom:0}
#advisorDownloadModal .download-card:hover,#macDownloadModal .download-card:hover{filter:brightness(0.98);box-shadow: var(--space-0) var(--space-1) var(--space-5) var(--color-gray-a8-900)} #advisorDownloadModal .card-text,#macDownloadModal .card-text{display:flex;flex-direction:column;margin-left: var(--space-6);text-align:left}
#advisorDownloadModal .download-card:hover .arrow-icon,#macDownloadModal .download-card:hover .arrow-icon{transform:translateX(3px)}
#advisorDownloadModal .card-title,#macDownloadModal .card-title{font-weight: var(--font-weight-medium);display:block;line-height:1.2}
#advisorDownloadModal .card-subtitle,#macDownloadModal .card-subtitle{font-size: var(--font-size-val-0-85rem);opacity:0.8}
#advisorDownloadModal .icon-box,#macDownloadModal .icon-box{width: var(--space-px-42);height: var(--space-px-42);display:flex;align-items:center;justify-content:center;border-radius: var(--radius-base);flex-shrink:0}
#advisorDownloadModal .icon-box i,#macDownloadModal .icon-box i{font-size: var(--font-size-val-1-2rem);color:var(--color-white)}
#advisorDownloadModal .arrow-icon,#macDownloadModal .arrow-icon{margin-left:auto;font-size:0.9rem;transition:transform .2s ease-in-out}

#advisorDownloadModal .card-eps,#macDownloadModal .card-eps{background:var(--color-blue-100);border-color:var(--color-cyan-200-v4)}
#advisorDownloadModal .card-eps .card-title,#macDownloadModal .card-eps .card-title{color:var(--color-cyan-800-v11)}
#advisorDownloadModal .card-eps .card-subtitle,#macDownloadModal .card-eps .card-subtitle{color:var(--color-cyan-600-v2)}
#advisorDownloadModal .box-eps,#macDownloadModal .box-eps{background:var(--color-cyan-500-v5)}
#advisorDownloadModal .card-eps .arrow-icon,#macDownloadModal .card-eps .arrow-icon{color:var(--color-cyan-500-v5)}
#advisorDownloadModal .card-eps:hover,#macDownloadModal .card-eps:hover{border-color:var(--color-cyan-500-v5)}

#advisorDownloadModal .card-retail,#macDownloadModal .card-retail{background:var(--color-green-100-v9);border-color:var(--color-green-300-v3)}
#advisorDownloadModal .card-retail .card-title,#macDownloadModal .card-retail .card-title{color:var(--color-green-800-v10)}
#advisorDownloadModal .card-retail .card-subtitle,#macDownloadModal .card-retail .card-subtitle{color:var(--color-green-700-v10)}
#advisorDownloadModal .box-retail,#macDownloadModal .box-retail{background:var(--color-green-600-v7)}
#advisorDownloadModal .card-retail .arrow-icon,#macDownloadModal .card-retail .arrow-icon{color:var(--color-green-600-v7)}
#advisorDownloadModal .card-retail:hover,#macDownloadModal .card-retail:hover{border-color:var(--color-green-600-v7)}

#macDownloadModal .installer-chip{display:inline-block;margin:3px 0;padding:2px 8px;border-radius:20px;font-size:.72rem;font-weight:var(--font-weight-medium);letter-spacing:.02em;width:fit-content}
#macDownloadModal .chip-eps{background:var(--color-cyan-200-v4);color:var(--color-cyan-800-v11)}
#macDownloadModal .chip-retail{background:var(--color-green-300-v3);color:var(--color-green-800-v10)}

#macDownloadModal .download-step-label{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:.8rem;font-weight:var(--font-weight-medium);color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.03em}
#macDownloadModal .download-step-label .step-num{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--color-gray-600);color:var(--color-white);font-size:.7rem}
#macDownloadModal .download-step-label .step-optional{margin-left:auto;text-transform:none;font-weight:400;font-size:.75rem;color:var(--color-gray-400)}

#macDownloadModal .card-guide{background:var(--color-gray-50);border-color:var(--color-gray-100-v2);padding:12px 16px}
#macDownloadModal .card-guide .card-title{color:var(--color-gray-600);font-size:.92rem}
#macDownloadModal .card-guide .card-subtitle{color:var(--color-gray-500-v4)}
#macDownloadModal .box-guide{width:36px;height:36px;background:var(--color-red-500-v6)}
#macDownloadModal .card-guide .arrow-icon{color:var(--color-red-500-v6)}
#macDownloadModal .card-guide:hover{border-color:var(--color-gray-300)}

#advisorDownloadModal .modal-footer,#macDownloadModal .modal-footer{background:var(--color-gray-50);border-top:1px solid var(--color-gray-100-v2);justify-content:center;padding:12px}
#advisorDownloadModal .footer-note,#macDownloadModal .footer-note{font-size: var(--font-size-val-0-85rem);color:var(--color-gray-600)}
#advisorDownloadModal .footer-note i,#macDownloadModal .footer-note i{margin-right:5px}
/* end */

#licenseResult .table > tbody > tr > th {
    padding: var(--space-14) var(--space-5) !important;
    font-weight: var(--font-weight-medium) !important;
    text-align: left !important;
    letter-spacing: var(--letter-spacing-val-0-3px) !important;
    white-space: nowrap !important;
}

.row.form-padds.buysupport-implinks{
    margin-bottom: var(--space-3);
}

.row.form-padds.buysupport-implinks .col-md-12{
    margin-bottom: var(--space-14);
} 

.row.form-padds.buysupport-implinks a{
    background-color:var(--color-white) !important;
    width: var(--space-pct-val-100);
    min-height: var(--space-px-72);
    padding: var(--space-px-16) var(--space-px-18);
    color:var(--color-indigo-900);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-medium);
    border-radius: var(--radius-lg);
    border:1px solid var(--color-cyan-100-v6);
    box-shadow: var(--space-0) var(--space-1) var(--space-5) var(--color-blue-a6-800);
    text-decoration:none;
    display:flex;
    align-items:center;
    justify-content:space-between;
    transition:all var(--transition-val-0-25s-ease);
    position:relative;
    overflow:hidden;
}

.row.form-padds.buysupport-implinks a:hover{
    background-color:var(--color-white) !important;
    color:var(--color-green-700-v4);
    border-color:var(--color-green-700-v4);
    box-shadow: var(--space-0) var(--space-3) var(--space-7) var(--color-blue-a12-800);
    transform:translateY(-2px);
}

.row.form-padds.buysupport-implinks a span{
    display:flex;
    align-items:center;
    gap: var(--space-4);
    line-height: var(--line-height-val-1-4);
}

.row.form-padds.buysupport-implinks a span i{
    font-size: var(--font-size-lg);
    color:var(--color-green-700-v4);
    min-width: var(--space-7);
}

.row.form-padds.buysupport-implinks a .bx-right-arrow-alt{
    font-size: var(--font-size-val-24px);
    color:var(--color-green-700-v4);
    transition:all var(--transition-val-0-25s-ease);
}

.row.form-padds.buysupport-implinks a:hover .bx-right-arrow-alt{
    transform:translateX(3px);
}

.row.form-padds.buysupport-implinks a:hover span i{
    color:var(--color-green-700-v4);
}

.sendlicensekey a,
.sendlicensekey button{
    border:1px solid var(--color-green-200-v6) !important;
    background:var(--color-green-50-v2) !important;
}

@media (max-width: 991px) {

    .row.form-padds.buysupport-implinks a{
        min-height:auto;
        padding: var(--space-6) var(--space-px-16);
        font-size: var(--font-size-val-15px);
    }

    .row.form-padds.buysupport-implinks a span i{
        font-size: var(--font-size-md);
    }

    .row.form-padds.buysupport-implinks a .bx-right-arrow-alt{
        font-size: var(--font-size-val-22px);
    }
}

@media (min-width: 576px) and (max-width: 991px) { section.buynow .buyimplink .buysupport-implinks > div{ flex: var(--space-0) var(--space-0) var(--space-pct-val-50);
        max-width: var(--space-pct-val-50);
        width: var(--space-pct-val-50);
    }
}

@media (max-width: 575px) { section.buynow .buyimplink .buysupport-implinks > div{ flex: var(--space-0) var(--space-0) var(--space-pct-val-100);
        max-width: var(--space-pct-val-100);
        width: var(--space-pct-val-100);
    }
}



section.buynow .buyinst{
    padding: var(--space-px-35) var(--space-0) var(--space-4);
}

section.buynow .buyinst .samedive{
    margin-bottom: var(--space-7);
}

section.buynow .buyinst .buynwbtm1,
section.buynow .buyinst .buynwbtm{
    background:var(--color-white);
    border:1px solid var(--color-cyan-100-v6);
    border-radius: var(--radius-val-14px);
    padding: var(--space-px-28) var(--space-px-26);
    height: var(--space-pct-val-100);
    box-shadow: var(--space-0) var(--space-1) var(--space-px-18) var(--color-blue-a5-800);
}

section.buynow .buyinst ul,
section.buynow .buyinst ol{
    margin: var(--space-0);
    padding-left: var(--space-7);
}

section.buynow .buyinst ul li,
section.buynow .buyinst ol li{
    color:var(--color-gray-800-v3);
    font-size: var(--font-size-val-15px);
    line-height: var(--line-height-val-1-8);
    margin-bottom: var(--space-px-18);
}

section.buynow .buyinst ul li:last-child,
section.buynow .buyinst ol li:last-child{
    margin-bottom: var(--space-0);
}

section.buynow .buyinst b{
    color:var(--color-indigo-900);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-semibold);
    display:inline-block;
    margin-bottom: var(--space-2);
}

section.buynow .buyinst h4{
    font-size: var(--font-size-val-22px);
    font-weight: var(--font-weight-bold);
    color:var(--color-indigo-900);
    margin-bottom: var(--space-px-22);
    line-height: var(--line-height-val-1-4);
}

section.buynow .buyinst a{
    color:var(--color-green-700-v4);
    font-weight: var(--font-weight-medium);
    text-decoration:none;
    transition:all var(--transition-fast);
}

section.buynow .buyinst a:hover{
    color:var(--color-green-800-v3);
    text-decoration:underline;
}

section.buynow .buyinst ol li b{
    margin-bottom: var(--space-0);
}

@media (max-width: 991px) {

    section.buynow .buyinst{
        padding: var(--space-px-25) var(--space-0) var(--space-px-5);
    }

    section.buynow .buyinst .buynwbtm1,
    section.buynow .buyinst .buynwbtm{
        padding: var(--space-px-22) var(--space-px-18);
    }

    section.buynow .buyinst h4{
        font-size: var(--font-size-val-19px);
    }

    section.buynow .buyinst ul li,
    section.buynow .buyinst ol li{
        font-size: var(--font-size-sm);
        line-height: var(--line-height-val-1-7);
    }
}

.buynow-support-section{
    background:var(--color-green-50-v3);
    border-radius: var(--radius-val-18px);
    padding: var(--space-8) var(--space-7);
}

.buynow-support-section .section-title{
    max-width: var(--space-px-820);
    margin:auto;
}

.buynow-support-section .section-title h2{
    font-size: var(--font-size-val-34px);
    font-weight: var(--font-weight-bold);
    color:var(--color-indigo-900);
    margin-bottom: var(--space-5);
    line-height: var(--line-height-val-1-3);
}

.buynow-support-section .section-title p{
    font-size: var(--font-size-base);
    line-height: var(--line-height-val-1-7);
    color:var(--color-gray-600-v6);
    margin-bottom: var(--space-14) !important;
}

.support-timing{
    display:flex;
    align-items:center;
    justify-content:center;
    gap: var(--space-2);
    margin-top: var(--space-px-2);
    color:var(--color-gray-600-v6);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
}

.support-timing i{
    color:var(--color-gray-400-v3);
    font-size: var(--font-size-base);
}

.support-contact-row{
    margin-top: var(--space-px-26);
}

.support-contact-row .samedive2{
    margin-bottom: var(--space-px-16);
}

.support-card{
    background:var(--color-white);
    border:1px solid var(--color-cyan-100-v6);
    border-radius: var(--radius-val-12px);
    padding: var(--space-14) var(--space-px-16);
    display:flex;
    align-items:center;
    justify-content:center;
    gap: var(--space-4);
    min-height: var(--space-px-62);
    box-shadow: var(--space-0) var(--space-px-2) var(--space-4) var(--color-blue-a5-800);
    transition:all var(--transition-fast);
}

.support-card:hover{
    transform:translateY(-2px);
    box-shadow: var(--space-0) var(--space-2) var(--space-px-16) var(--color-blue-a8-800-v2);
    border-color:var(--color-green-200-v5);
}

.support-icon{
    font-size: var(--font-size-val-24px);
    color:var(--color-green-500-v2);
    margin: var(--space-0);
    flex-shrink:0;
}

.support-card a{
    color:var(--color-indigo-900);
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-semibold);
    text-decoration:none;
    letter-spacing: var(--letter-spacing-val-0-2px);
    line-height: var(--line-height-val-1);
    transition:all var(--transition-fast);
}

.support-card a:hover{
    color:var(--color-green-700-v4);
}

@media (max-width: 991px) {

    .buynow-support-section{
        padding: var(--space-30) var(--space-6);
    }

    .buynow-support-section .section-title h2{
        font-size: var(--font-size-val-27px);
    }

    .buynow-support-section .section-title p{
        font-size: var(--font-size-val-15px);
        line-height: var(--line-height-relaxed);
    }

    .support-contact-row{
        margin-top: var(--space-px-22);
    }

    .support-contact-row .samedive2{
        margin-bottom: var(--space-14);
    }

    .support-card{
        min-height: var(--space-px-58);
        padding: var(--space-px-13) var(--space-14);
    }

    .support-card a{
        font-size: var(--font-size-base);
    }

    .support-icon{
        font-size: var(--font-size-val-22px);
    }
}


.sendkey-modal-dialog{
    max-width: var(--space-px-540);
}

.sendkey-modal-content{
    border:none;
    border-radius: var(--radius-val-16px);
    overflow:hidden;
    box-shadow: var(--space-0) var(--space-7) var(--space-px-50) var(--color-gray-a12-900);
}

.sendkey-modal-header{
    background:linear-gradient(135deg,var(--color-primary-deep) 0%,var(--color-green-700-v9) 100%);
    padding: var(--space-px-28) var(--space-px-28) var(--space-px-24);
    border:none;
    /* Match the parent's top-corner radius directly instead of relying only
       on .sendkey-modal-content's overflow:hidden to clip these square
       corners — that clip-only approach can anti-alias imprecisely at the
       rounded edge and let a sliver of this header's own background bleed
       through at the corner pixels. */
    border-radius: var(--radius-val-16px) var(--radius-val-16px) 0 0;
    position:relative;
    align-items:flex-start;
}

.sendkey-header-content{
    width: var(--space-pct-val-100);
}

.sendkey-header-top{
    display:flex;
    align-items:center;
    gap: var(--space-14);
    margin-bottom: var(--space-14);
}

.sendkey-icon-box{
    width: var(--space-px-42);
    height: var(--space-px-42);
    border-radius: var(--radius-val-50pct);
    background:var(--color-gray-a16-50);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}

.sendkey-icon-box i{
    color:var(--color-white);
    font-size: var(--font-size-lg);
}

.sendkey-modal-header h3{
    margin: var(--space-0);
    color:var(--color-white);
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-val-1-3);
}

.sendkey-modal-header p{
    margin: var(--space-0);
    color:var(--color-gray-a88-50);
    font-size: var(--font-size-sm);
    line-height: var(--line-height-val-1-7);
    max-width: var(--space-px-420);
}

.sendkey-modal-header .btn-close{
    position:absolute;
    top: var(--space-px-18);
    right: var(--space-px-18);
    opacity:0.9;
    box-shadow:none;
}
/* Override the global `button.btn-close:hover` green-background rule: this
   button is .btn-close-white (filter: invert/grayscale/brightness applied to
   the whole element), so a green hover background gets inverted into a
   near-white blob that erases the X icon's contrast. Just raise opacity on
   hover instead — matches Bootstrap's own default .btn-close:hover
   behavior and keeps the white X visible against the dark gradient header. */
.sendkey-modal-header .btn-close:hover {
    background-color: transparent;
    opacity: 1;
}

.sendkey-modal-body{
    padding: var(--space-px-28);
    background:var(--color-white);
    /* same reasoning as .sendkey-modal-header — carry the bottom-corner
       radius directly rather than relying only on the parent's clip. */
    border-radius: 0 0 var(--radius-val-16px) var(--radius-val-16px);
}

.sendkey-form-group{
    margin-bottom: var(--space-7);
}

.sendkey-form-group label{
    display:block;
    margin-bottom: var(--space-3);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    color:var(--color-indigo-900);
}

.sendkey-input-group{
    display:flex;
    align-items:center;
    border:1px solid var(--color-cyan-200-v3);
    border-radius: var(--radius-lg);
    overflow:hidden;
    background:var(--color-white);
    transition:all var(--transition-fast);
}

.sendkey-input-group:focus-within{
    border-color:var(--color-primary-deep);
    box-shadow: var(--space-0) var(--space-0) var(--space-0) var(--space-px-3) var(--color-green-a8-700-v3);
}

.sendkey-input-icon{
    width: var(--space-px-50);
    height: var(--space-px-50);
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--color-cyan-50-v8);
    border-right:1px solid var(--color-cyan-100-v6);
    flex-shrink:0;
}

.sendkey-input-icon i{
    font-size: var(--font-size-lg);
    color:var(--color-primary-deep);
}

.sendkey-input-group input{
    border:none !important;
    box-shadow:none !important;
    height: var(--space-px-50);
    padding: var(--space-0) var(--space-px-16);
    font-size: var(--font-size-val-15px);
    color:var(--color-indigo-900);
    background:var(--color-white);
}

.sendkey-input-group input::placeholder{
    color:var(--color-gray-400-v3);
}

.sendkey-note{
    font-size: var(--font-size-val-13px);
    color:var(--color-gray-600-v6);
    line-height: var(--line-height-relaxed);
    margin-top: var(--space-px--6);
    margin-bottom: var(--space-7);
}

.sendkey-captcha{
    /* padding: var(--space-14);
    border:1px solid var(--color-cyan-100-v6);
    border-radius: var(--radius-lg);
    background:var(--color-gray-50-v2); */
    margin-bottom: var(--space-px-24);
}

.sendkey-submit-btn{
    width: var(--space-pct-val-100);
    height: var(--space-px-50);
    border:none;
    border-radius: var(--radius-base);
    background:linear-gradient(135deg,var(--color-primary-deep) 0%,var(--color-green-700-v9) 100%);
    color:var(--color-white);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-medium);
    display:flex;
    align-items:center;
    justify-content:center;
    gap: var(--space-3);
    transition:box-shadow var(--transition-fast);
}

.sendkey-submit-btn:hover{
    box-shadow: var(--space-0) var(--space-3) var(--space-7) var(--color-green-a18-700-v2);
}

.sendkey-submit-btn i{
    font-size: var(--font-size-md);
}

.sendkey-loading{
    padding-top: var(--space-7);
}

@media (max-width: 767px) {

    .sendkey-modal-dialog{
        margin: var(--space-14);
    }

    .sendkey-modal-header{
        padding: var(--space-px-24) var(--space-7) var(--space-px-22);
    }

    .sendkey-modal-body{
        padding: var(--space-px-22) var(--space-7);
    }

    .sendkey-modal-header h3{
        font-size: var(--font-size-val-22px);
    }

    .sendkey-modal-header p{
        font-size: var(--font-size-val-13px);
    }

    .sendkey-input-group input{
        font-size: var(--font-size-sm);
    }

    .sendkey-submit-btn{
        height: var(--space-px-48);
        font-size: var(--font-size-val-15px);
    }
}


..office-row{
    margin-top: var(--space-8);
}

.office-section-title{
    text-align:center;
    margin-bottom: var(--space-4);
}

.office-section-title h3{
    font-size: var(--font-size-val-36px);
    font-weight: var(--font-weight-bold);
    color:var(--color-indigo-900);
    margin-bottom: var(--space-0);
    letter-spacing: var(--letter-spacing-val-neg-0-3px);
}

.office-card{
    position:relative;
    background:var(--color-white);
    border:1px solid var(--color-cyan-100-v6);
    border-radius: var(--radius-val-22px);
    padding: var(--space-px-26);
    height: var(--space-pct-val-100);
    overflow:hidden;
    box-shadow: var(--space-0) var(--space-1) var(--space-px-18) var(--color-blue-a5-800);
    transition:all var(--transition-normal);
}

.office-card:hover{
    transform:translateY(-5px);
    box-shadow: var(--space-0) var(--space-14) var(--space-px-34) var(--color-blue-a10-800);
}

.office-top{
    display:flex;
    align-items:flex-start;
    gap: var(--space-px-16);
    margin-bottom: var(--space-7);
}

.office-icon{
    width: var(--space-px-58);
    height: var(--space-px-58);
    border-radius: var(--radius-val-18px);
    background:var(--color-green-100-v3);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}

.office-icon i{
    font-size: var(--font-size-xl);
    color:var(--color-green-700-v4);
}

.office-top h4{
    margin: var(--space-0);
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-normal);
    color:var(--color-indigo-900);
}

.office-top span{
    display:block;
    margin-top: var(--space-1);
    font-size: var(--font-size-val-13px);
    font-weight: var(--font-weight-medium);
    color:var(--color-gray-600-v6);
}

.office-body h5{
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-semibold);
    color:var(--color-blue-900);
    margin-bottom: var(--space-5);
}

.office-body p{
    font-size: var(--font-size-sm);
    line-height: var(--line-height-val-1-9);
    color:var(--color-gray-700-v10);
    margin-bottom: var(--space-px-18);
}

.office-body a{
    display:flex;
    align-items:flex-start;
    gap: var(--space-4);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    color:var(--color-green-700-v4);
    text-decoration:none;
    margin-bottom: var(--space-4);
    word-break:break-word;
    transition:all var(--transition-fast);
}

.office-body a i{
    font-size: var(--font-size-md);
    margin-top: var(--space-px-2);
    flex-shrink:0;
}

.office-body a:hover{
    color:var(--color-green-800-v3);
}

.head-office-card{
    position:relative;
    overflow:hidden;
    background:linear-gradient(135deg,var(--color-white) 0%,var(--color-green-50-v4) 100%);
    border:1px solid var(--color-green-200-v8);
    border-radius: var(--radius-val-30px);
    padding: var(--space-px-44);
    box-shadow: var(--space-0) var(--space-5) var(--space-36) var(--color-blue-a6-800);
    transition:all var(--transition-normal);
}

.head-office-card:hover{
    transform:translateY(-2px);
    box-shadow: var(--space-0) var(--space-px-18) var(--space-px-42) var(--color-blue-a10-800);
}

.head-office-left{
    padding-right: var(--space-px-26);
}

.head-office-top{
    display:flex;
    align-items:center;
    gap: var(--space-px-16);
    margin-bottom: var(--space-px-24);
}

.head-office-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:var(--color-green-100-v7);
    color:var(--color-green-700-v4);
    font-size: var(--font-size-val-13px);
    font-weight: var(--font-weight-medium);
    padding: var(--space-3) var(--space-px-18);
    border-radius: var(--radius-val-50px);
}

.head-office-left h4{
    font-size: var(--font-size-val-30px);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-normal);
    color:var(--color-indigo-900);
    margin-bottom: var(--space-30);
}

.office-address-block{
    display:flex;
    flex-direction:column;
    gap: var(--space-7);
}

.office-address-item{
    display:flex;
    align-items:flex-start;
    gap: var(--space-14);
}

.office-address-item i{
    width: var(--space-px-44);
    height: var(--space-px-44);
    border-radius: var(--radius-val-14px);
    background:var(--color-green-100-v3);
    color:var(--color-green-700-v4);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size: var(--font-size-lg);
    flex-shrink:0;
}

.office-address-item span{
    font-size: var(--font-size-val-15px);
    line-height: var(--line-height-val-1-9);
    color:var(--color-gray-700-v10);
}

.head-office-contact{
    background:var(--color-white);
    border:1px solid var(--color-cyan-100-v6);
    border-radius: var(--radius-val-24px);
    padding: var(--space-px-32);
    height: var(--space-pct-val-100);
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap: var(--space-px-18);
    box-shadow: var(--space-0) var(--space-1) var(--space-px-18) var(--color-blue-a4-800);
}

.head-office-contact a{
    display:flex;
    align-items:center;
    gap: var(--space-14);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-medium);
    color:var(--color-indigo-900);
    text-decoration:none;
    transition:all var(--transition-fast);
}

.head-office-contact a i{
    width: var(--space-px-48);
    height: var(--space-px-48);
    border-radius: var(--radius-val-14px);
    background:var(--color-green-100-v3);
    color:var(--color-green-700-v4);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size: var(--font-size-lg);
    flex-shrink:0;
}

.head-office-contact a:hover{
    color:var(--color-green-700-v4);
}

@media (max-width: 991px) {

    .office-row{
        margin-top: var(--space-30);
    }

    .head-office-card{
        padding: var(--space-px-28) var(--space-px-22);
        border-radius: var(--radius-val-24px);
    }

    .head-office-left{
        padding-right: var(--space-0);
    }

    .head-office-left h4{
        font-size: var(--font-size-val-24px);
        margin-bottom: var(--space-px-24);
    }

    .head-office-contact{
        margin-top: var(--space-px-28);
        padding: var(--space-px-24);
    }

    .office-section-title h3{
        font-size: var(--font-size-val-28px);
    }

    .office-card{
        padding: var(--space-px-22);
        border-radius: var(--radius-val-20px);
    }

    .office-top h4{
        font-size: var(--font-size-md);
    }

    .office-address-item span{
        font-size: var(--font-size-sm);
        line-height: var(--line-height-val-1-8);
    }

    .head-office-contact a{
        font-size: var(--font-size-val-15px);
    }
}

@media (max-width: 767px) {

    .office-section-title h3{
        font-size: var(--font-size-val-24px);
    }

    .head-office-card{
        padding: var(--space-px-22) var(--space-px-18);
    }

    .office-card{
        padding: var(--space-px-18);
    }

    .office-icon{
        width: var(--space-px-52);
        height: var(--space-px-52);
        border-radius: var(--radius-val-16px);
    }

    .office-icon i{
        font-size: var(--font-size-val-24px);
    }

    .head-office-left h4{
        font-size: var(--font-size-val-21px);
    }

    .office-address-item{
        gap: var(--space-5);
    }

    .office-address-item i{
        width: var(--space-8);
        height: var(--space-8);
        font-size: var(--font-size-md);
    }

    .head-office-contact{
        padding: var(--space-7);
        border-radius: var(--radius-val-20px);
    }

    .head-office-contact a{
        font-size: var(--font-size-sm);
        gap: var(--space-5);
    }

    .head-office-contact a i{
        width: var(--space-px-42);
        height: var(--space-px-42);
        font-size: var(--font-size-md);
    }
}

.currency-symbol {
    margin-right: var(--space-1);
}

/* ============================================================
   RENEWAL PAGE — migrated from renewal.css
   ============================================================ */
.nr-strip,.nr-strip-top{display:flex;text-align:center}section.renewal-section{background:var(--nr-bg);padding: var(--space-0)}section.renewal-section .container{padding-top: var(--space-px-24);padding-bottom: var(--space-36);max-width:1080px}.nr-strip{flex-direction:column;align-items:center;justify-content:center;gap: var(--space-5);padding: var(--space-px-16) var(--space-px-18);margin-bottom: var(--space-7);background:var(--nr-surface);border:1px solid var(--nr-border);border-radius:var(--nr-radius-sm);box-shadow:var(--nr-shadow-sm)}.nr-strip-top{align-items:center;justify-content:center;flex-wrap:wrap;gap: 14px;width:100%}.nr-strip-msg{font-size: var(--font-size-sm);font-weight: var(--font-weight-val-590);color:var(--nr-text);line-height:1.4}.nr-strip-sub{font-size: var(--font-size-val-13px);font-weight: var(--font-weight-medium);color:var(--nr-text-mid)}.nr-strip-badge{display:inline-flex;align-items:center;justify-content:center;padding: 8px 16px;border-radius: var(--radius-md);background:var(--nr-amber);color:var(--color-white);font-size: var(--font-size-sm);font-weight: var(--font-weight-val-590);letter-spacing: var(--letter-spacing-val-0-4px);white-space:nowrap}.nr-trust-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap: var(--space-px-18);width: var(--space-pct-val-100);padding-top: var(--space-4);margin-top: var(--space-2)}.nr-trust-item{display:flex;align-items:center;gap: var(--space-px-5);font-size: var(--font-size-xs);font-weight: var(--font-weight-medium);color:var(--nr-text-mid)}.nr-trust-item i{font-size: var(--font-size-val-13px);color:var(--nr-green)}.nr-main-row{display:grid;grid-template-columns:1fr minmax(340px, 26%) minmax(230px, 22%);gap: var(--space-7);align-items:start}.nr-card{background:var(--nr-surface);border:1px solid var(--nr-border);border-radius:var(--nr-radius-lg);box-shadow:var(--nr-shadow);overflow:hidden;display:flex;flex-direction:column;height:auto;transition:box-shadow var(--nr-transition)}.nr-side-col{display:flex;flex-direction:column;gap:10px}.nr-side-col .nr-card{height:auto;flex:0 0 auto}#tab1{align-self:stretch;display:flex;flex-direction:column}#tab1 .nr-card{height:100%}#tab1 .nr-card-body{justify-content:space-between}.nr-side-col{align-self:stretch}.nr-card:hover,.nr-carousel-wrap:hover{box-shadow:var(--nr-shadow-lg)}.nr-card-body{padding: var(--space-px-24) var(--space-px-26) var(--space-px-22);flex:1;display:flex;flex-direction:column}.nr-card-hdr{display:flex;align-items:center;gap: var(--space-5);margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--nr-border)}.nr-icon-badge{width: var(--space-px-42);height: var(--space-px-42);flex-shrink:0;border-radius:var(--nr-radius-sm);display:flex;align-items:center;justify-content:center;background:var(--nr-navy)}.nr-icon-badge i{font-size: var(--font-size-lg);color:var(--color-white)!important;line-height:1}.nr-card-title{margin: var(--space-0) var(--space-0) var(--space-px-2)!important;font-size: var(--font-size-val-15-5px)!important;font-weight: var(--font-weight-bold)!important;color:var(--nr-text)!important;line-height:1.2}.nr-card-sub{margin: var(--space-0);font-size: var(--font-size-xs);color:var(--nr-text-soft);line-height:var(--line-height-val-1-3)}.nr-field-wrap{margin-bottom:16px}.nr-label{display:block;margin-bottom: var(--space-2);font-size: var(--font-size-val-13px)!important;font-weight: var(--font-weight-medium)!important;color:var(--nr-text)!important;letter-spacing:0.1px}.nr-btn,.nr-input{width: var(--space-pct-val-100)!important;height: var(--space-px-46)!important;font-weight:500!important}.nr-hint i,.nr-input-icon{color:var(--nr-text-soft)}.nr-input-group{position:relative}.nr-input-icon{position:absolute;top: var(--space-px-23);left: var(--space-px-13);transform:translateY(-50%);z-index: var(--z-val-2);font-size: var(--font-size-val-17px);pointer-events:none;transition:color var(--nr-transition);display:flex;align-items:center}.nr-input-group:focus-within .nr-input-icon{color:var(--nr-green)}.nr-input{padding: var(--space-0) var(--space-14) var(--space-0) var(--space-px-42)!important;border:1.5px solid var(--nr-border-mid)!important;border-radius:var(--nr-radius-sm)!important;background:var(--nr-bg)!important;color:var(--nr-text)!important;font-size: var(--font-size-val-13-5px)!important;outline:0!important;box-shadow:none!important;display:block;appearance:none;-webkit-appearance:none;transition:border-color var(--nr-transition),background var(--nr-transition),box-shadow var(--nr-transition);letter-spacing:0.5px}.nr-input::placeholder{color:var(--nr-text-soft)!important;font-size: var(--font-size-val-13px);font-weight: var(--font-weight-normal);letter-spacing:0.2px}.nr-input:focus{border-color:var(--nr-green)!important;background:var(--nr-surface)!important;box-shadow: var(--space-0) var(--space-0) var(--space-0) var(--space-px-3) var(--nr-green-glow)!important}.nr-input-group label.error{display:block;margin-top: var(--space-2);padding-left: var(--space-px-2);font-size: var(--font-size-xs);font-weight: var(--font-weight-medium);color:var(--color-red-500-v2);line-height:1.4}.nr-input.error{border-color:var(--color-red-500-v2)!important;background:var(--color-red-50)!important;padding-right:12px!important}.nr-input.error:focus{box-shadow: var(--space-0) var(--space-0) var(--space-0) var(--space-px-3) var(--color-red-a12-500)!important}.nr-hint{display:flex;align-items:flex-start;gap: var(--space-px-5);margin-top: var(--space-2);font-size: var(--font-size-val-11-5px);color:var(--nr-text-mid);line-height:1.5}.nr-hint i{font-size: var(--font-size-val-13px);flex-shrink:0;margin-top:1px}.nr-btn,.nr-btn i{color:var(--color-white)!important}.nr-captcha-wrap{display:flex;flex-direction:column;align-items:center;margin-bottom:16px}.nr-captcha-wrap label.error{display:block;width:100%;max-width:304px;margin-top: var(--space-2);text-align:center;font-size: var(--font-size-xs);font-weight: var(--font-weight-medium);color:var(--color-red-500-v2);line-height:1.4}.nr-btn{border:none!important;border-radius:var(--nr-radius-sm)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap: var(--space-px-7)!important;background:var(--nr-green)!important;font-size: var(--font-size-val-14-5px)!important;letter-spacing: var(--letter-spacing-val-0-2px);cursor:pointer;box-shadow: var(--space-0) var(--space-px-2) var(--space-3) var(--color-green-a25-700-v2)!important;transition:background var(--nr-transition),box-shadow var(--nr-transition),transform var(--nr-transition)!important}.nr-carousel-wrap,.nr-help{background:var(--nr-surface)}.nr-btn i{font-size:18px}.nr-btn:hover{background:var(--nr-green-dark)!important;box-shadow: var(--space-0) var(--space-1) var(--space-14) var(--color-green-a32-700-v2)!important;transform:translateY(-1px)!important}.nr-btn:active{transform:translateY(0)!important}.nr-card-footer-links{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid var(--nr-border);text-align:center}a.nr-findkey,a.nr-findkey:active,a.nr-findkey:link,a.nr-findkey:visited{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap: var(--space-2)!important;color:var(--nr-navy-mid)!important;font-size: var(--font-size-val-13px)!important;font-weight: var(--font-weight-medium)!important;text-decoration:none!important;transition:all var(--nr-transition)}a.nr-findkey:hover{color:var(--nr-green)!important}a.nr-findkey i{font-size: var(--font-size-val-15px);color:inherit!important}.nr-support{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap: var(--space-4);width:100%}.nr-support-label{font-size: var(--font-size-xs);font-weight: var(--font-weight-medium);color:var(--nr-text-soft)}.nr-sep{color:var(--nr-border-mid);font-size: var(--font-size-val-13px);user-select:none}a.nr-pill,a.nr-pill:active,a.nr-pill:link,a.nr-pill:visited{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap: var(--space-px-5)!important;min-width: var(--space-px-92);height: var(--space-px-34);padding: var(--space-0) var(--space-14)!important;border-radius: var(--radius-base)!important;font-size: var(--font-size-val-13px)!important;font-weight: var(--font-weight-medium)!important;text-decoration:none!important;white-space:nowrap;transition:all var(--nr-transition);border:1px solid transparent!important}a.nr-pill-call,a.nr-pill-call:link,a.nr-pill-call:visited{background:var(--color-cyan-50)!important;color:var(--nr-navy-mid)!important;border-color:var(--nr-border)!important}a.nr-pill-call:hover{background:var(--color-cyan-200)!important;color:var(--nr-navy)!important}a.nr-pill-wa,a.nr-pill-wa:link,a.nr-pill-wa:visited{background:var(--color-green-100-v6)!important;color:var(--color-teal-700-v3)!important;border-color:var(--color-green-300-v4)!important}a.nr-pill-wa:hover{background:var(--color-green-200-v7)!important;color:var(--color-teal-800)!important}a.nr-pill i{font-size:var(--font-size-sm)}@media (max-width: 576px) {.nr-strip{padding:var(--space-14)}.nr-strip-top,.nr-support{flex-direction:column;gap:var(--space-3)}.nr-trust-row{justify-content:center;gap: var(--space-4) 14px}.nr-card-footer-links{gap:12px}.nr-sep{display:none}a.nr-pill{width: var(--space-pct-val-100);max-width:220px}}.nr-carousel-wrap{border-radius:var(--nr-radius-lg);overflow:hidden;border:1px solid var(--nr-border);box-shadow:var(--nr-shadow);transition:box-shadow var(--nr-transition);position:relative;height:100%;align-self:stretch}.nr-carousel-wrap .carousel{width: var(--space-pct-val-100);height:100%}.nr-carousel-wrap .carousel-inner,.nr-carousel-wrap .carousel-item{height:100%}.nr-carousel-wrap .carousel-item img{width: var(--space-pct-val-100);height: var(--space-pct-val-100);object-fit:cover;object-position:center;display:block}.nr-carousel-wrap .carousel-indicators{bottom: var(--space-4);margin-bottom:0}.nr-carousel-wrap .carousel-indicators [data-bs-target]{width: var(--space-px-7)!important;height: var(--space-px-7)!important;margin: var(--space-0) var(--space-px-3)!important;border:none!important;border-radius: var(--radius-val-50pct)!important;background:var(--color-gray-a50-50)!important;opacity:1!important;transition:var(--transition-fast)}.nr-carousel-wrap .carousel-indicators .active{background:var(--color-white)!important;transform:scale(1.3)}.nr-carousel-wrap .carousel-control-next,.nr-carousel-wrap .carousel-control-prev{width:28px;height:28px;top: var(--space-pct-val-50);transform:translateY(-50%);border-radius: var(--radius-val-50pct);background:rgba(31,166,91,.22);border:1px solid rgba(31,166,91,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity var(--nr-transition),background var(--nr-transition)}.nr-carousel-wrap:hover .carousel-control-next,.nr-carousel-wrap:hover .carousel-control-prev,.nr-carousel-wrap .carousel-control-next:focus-visible,.nr-carousel-wrap .carousel-control-prev:focus-visible{opacity:1}.nr-carousel-wrap .carousel-control-next:focus-visible,.nr-carousel-wrap .carousel-control-prev:focus-visible{outline:2px solid var(--nr-green);outline-offset:2px}.nr-carousel-wrap .carousel-control-prev{left:12px}.nr-carousel-wrap .carousel-control-next{right:12px}.nr-carousel-wrap .carousel-control-next:hover,.nr-carousel-wrap .carousel-control-prev:hover{background:var(--color-gray-a95-50)}.nr-carousel-wrap .carousel-control-next-icon,.nr-carousel-wrap .carousel-control-prev-icon{width: var(--space-6);height:var(--space-6)}.nr-help{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap: var(--space-2) var(--space-px-18);margin-top: 10px;padding: var(--space-4) var(--space-7);border:1px solid var(--nr-border);border-radius:var(--nr-radius-sm);box-shadow:var(--nr-shadow-sm)}.nr-help-item{display:flex;align-items:center;gap: var(--space-px-5);font-size: var(--font-size-val-12-5px);color:var(--nr-text-mid);white-space:nowrap}.nr-help-item i{font-size: var(--font-size-sm);color:var(--nr-text-soft);flex-shrink:0}.nr-help-item a,.nr-help-item a:active,.nr-help-item a:link,.nr-help-item a:visited{color:var(--nr-navy-mid)!important;font-weight: var(--font-weight-medium)!important;text-decoration:none!important;border-bottom:1px solid var(--color-cyan-a20-800);transition:all var(--nr-transition)}.nr-help-item a:hover{color:var(--nr-green)!important;border-bottom-color:var(--nr-green)}.nr-help-div{width: var(--space-px-1);height: var(--space-14);background:var(--nr-border);flex-shrink:0}@media (max-width: 1140px) {.nr-main-row{grid-template-columns:1fr}.nr-carousel-wrap{height:auto;min-height:0;max-height:none;align-self:auto}.nr-carousel-wrap .carousel,.nr-carousel-wrap .carousel-inner,.nr-carousel-wrap .carousel-item{height:auto}.nr-carousel-wrap .carousel-item img{object-fit:contain;height:auto}.nr-carousel-wrap .carousel-control-next,.nr-carousel-wrap .carousel-control-prev{opacity:1}}@media (max-width: 768px) {.nr-help,.nr-strip{flex-direction:column}section.renewal-section .container{padding-top: var(--space-px-16);padding-bottom:24px}.nr-strip{align-items:flex-start;gap:var(--space-3)}.nr-trust-row{gap:10px}.nr-card-body{padding: var(--space-7) var(--space-px-18) 18px}.nr-help-div{display:none}.nr-help{align-items:flex-start;gap:var(--space-2)}.nr-card-footer-links{flex-direction:column;align-items:center}}@media (max-width: 420px) {.nr-btn,.nr-input{height:44px!important}.nr-input{font-size:13px!important}.nr-btn{font-size:14px!important}.nr-trust-row{gap:8px}.nr-trust-item{font-size:11.5px}.nr-captcha-wrap{overflow-x:auto;justify-content:flex-start}}
.btn-icon-only { background: none; border: none; padding: var(--space-0); line-height: var(--line-height-val-1); cursor: pointer; }

/* ============================================================
   MDM PAGE — migrated from mdm.css (retired to avoid a dedicated
   per-page stylesheet request). Selectors scoped to .mdmportal
   (unique to mdm.blade.php) so they can't leak onto other pages
   that also use .section-title/.icon-margin.
   ============================================================ */
.mdmportal h2 {
    font-weight: var(--font-weight-normal);
    font-size: var(--font-size-val-30px);
}
.mdmportal .section-title {
    margin: var(--space-px--12) auto var(--space-pct-1) !important;
}
.mdmportal i.bx.bx-log-in.icon-margin {
    font-size: var(--font-size-val-24px);
}
#googleFrame {
    width: var(--space-pct-val-100);
    height: var(--space-px-600);
    border: none;
}
#fullscreenBtn {
    top: var(--space-4);
    left: var(--space-4);
    z-index: var(--z-val-1000);
}

/* =====================================================
   COOKIE CONSENT BANNER
   Floating dark card (not a full-width bar) — colours are
   hardcoded to mirror the site's dark surfaces (--d-bg-soft/
   --d-surface/--d-border in npav-2026-dark.css) since this
   component renders on every page via layouts/master.blade.php,
   not only pages carrying body.npav-dark.
   ===================================================== */
#npav-cookie-bar {
    display: none;
    position: fixed;
    bottom: 20px;
    left: 20px;
    max-width: 380px;
    z-index: 99999;
    background: #1b1f26;
    color: #eaf1fb;
    border: 1px solid rgba(148, 163, 184, .16);
    border-radius: 16px;
    padding: 18px 40px 18px 20px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, .40);
}

#npav-cookie-close {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 28px;
    height: 28px;
    background: transparent;
    border: none;
    color: #eaf1fb;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    opacity: .6;
}

#npav-cookie-close:hover {
    opacity: 1;
}

.npav-cookie-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

.npav-cookie-text {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 13px;
    line-height: 1.55;
    color: #c3cee0;
}

.npav-cookie-icon {
    font-size: 22px;
    color: var(--npav-green-primary);
    flex-shrink: 0;
    margin-top: 1px;
}

.npav-cookie-text a {
    color: var(--npav-green-primary);
    text-decoration: underline;
}

.npav-cookie-btns {
    display: flex;
    gap: 10px;
    flex-shrink: 0;
}

#npav-cookie-decline {
    background: transparent;
    color: #eaf1fb;
    border: 1px solid rgba(148, 163, 184, .32);
    padding: 8px 20px;
    border-radius: 6px;
    font-size: 13px;
    cursor: pointer;
    transition: background .18s, border-color .18s;
}

#npav-cookie-decline:hover {
    background: rgba(148, 163, 184, .12);
    border-color: #eaf1fb;
}

#npav-cookie-accept {
    background: var(--npav-green-primary);
    color: #fff;
    border: none;
    padding: 8px 20px;
    border-radius: 6px;
    font-size: 13px;
    cursor: pointer;
    transition: background .18s;
}

#npav-cookie-accept:hover {
    background: var(--npav-green-dark);
}

@media (max-width: 575px) {
    #npav-cookie-bar {
        left: 12px;
        right: 12px;
        bottom: 12px;
        max-width: none;
        padding: 16px 36px 16px 16px;
    }

    .npav-cookie-text {
        font-size: 12.5px;
    }

    .npav-cookie-btns {
        width: 100%;
    }

    #npav-cookie-decline,
    #npav-cookie-accept {
        flex: 1;
        text-align: center;
    }
}


/* =====================================================
   SERVICE CENTER LOCATOR (Maharashtra) — search + card grid
   ===================================================== */
.servicecenter-search-wrap {
    position: relative;
    max-width: var(--space-px-540);
    margin: var(--space-0) auto var(--space-7);
}
.servicecenter-search-wrap i {
    position: absolute;
    top: 50%;
    left: var(--space-5);
    transform: translateY(-50%);
    color: var(--color-gray-500);
    font-size: var(--font-size-lg);
    pointer-events: none;
}
.servicecenter-search-input {
    width: var(--space-pct-val-100);
    height: var(--space-px-46);
    padding: var(--space-0) var(--space-6) var(--space-0) var(--space-8);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
    background-color: var(--color-white);
    font-size: var(--font-size-sm);
    color: var(--color-text);
    box-shadow: var(--shadow-card-rest);
    transition: var(--transition-fast);
}
.servicecenter-search-input:focus {
    outline: none;
    border-color: var(--color-green-700-v4);
    box-shadow: var(--shadow-card-hover);
}
.servicecenter-list {
    margin-top: var(--space-0);
}
/* .divme (display:inline-grid) is a shared utility used elsewhere for the OS-
   compatibility icons; it breaks this list's row/col flex layout and makes
   row spacing look uneven between rows of cards, so reset it back here. */
.servicecenter-list .servicecenter-item.divme {
    display: flex;
    margin-bottom: var(--space-7);
}
.servicecenter-card {
    width: var(--space-pct-val-100);
    height: var(--space-pct-val-100);
    padding: var(--space-6);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
    background-color: var(--color-white);
    box-shadow: var(--shadow-card-rest);
    transition: var(--transition-fast);
}
.servicecenter-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-card-hover);
    border-color: var(--color-green-700-v4);
}
.servicecenter-top {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    margin-bottom: var(--space-4);
}
.servicecenter-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--space-px-42);
    height: var(--space-px-42);
    flex-shrink: 0;
    border-radius: var(--radius-base);
    background: var(--color-green-a8-700);
    color: var(--color-green-700-v4);
    font-size: var(--font-size-lg);
}
.servicecenter-name {
    margin: var(--space-0);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-medium);
    color: var(--color-ink);
    line-height: var(--line-height-val-1-3);
}
/* Indent the address/phone block to line up under the title text — it sits
   to the right of the 42px icon + 8px gap in .servicecenter-top, so without
   this the address/phone start further left than the title above them. */
.servicecenter-body {
    padding-left: var(--space-px-50);
}
/* section.contactus p { margin-bottom: var(--space-0); } outranks a bare
   class selector (it's element+class+element vs. just one class), so this
   needs the section.contactus prefix to actually win instead of just adding
   !important. */
section.contactus .servicecenter-address {
    display: flex;
    align-items: flex-start;
    gap: var(--space-2);
    color: var(--color-text-light);
    font-size: var(--font-size-sm);
    line-height: var(--line-height-val-1-4);
    margin-bottom: var(--space-6);
}
.servicecenter-address i {
    /* Fixed width matching .servicecenter-phone-icon's box (space-7) so the
       address text and the phone number text below both start at the same
       x-position — a bare glyph is narrower than the phone's icon chip and
       was throwing the two lines out of column alignment. */
    display: inline-flex;
    align-items: flex-start;
    justify-content: center;
    width: var(--space-7);
    flex-shrink: 0;
    line-height: var(--line-height-val-1-4);
    color: var(--color-green-700-v4);
}
.servicecenter-phone {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    color: var(--color-green-700-v4);
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-sm);
    text-decoration: none;
}
.servicecenter-phone:hover {
    color: var(--color-warning);
}
.servicecenter-phone-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--space-7);
    height: var(--space-7);
    border-radius: var(--radius-val-50pct);
    background: var(--color-green-a8-700);
}
.servicecenter-no-result {
    text-align: center;
    color: var(--color-text-light);
    padding: var(--space-8) var(--space-0);
}