* {
    font-family: var(--font-family-main) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
li,
ol,
ul,
label,
input,
textarea,
small,
b {
    user-select: text;
    cursor: text;
}

button,
button a,
button span,
a,
a span,
a p {
    cursor: pointer;
}

ul {
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: 'HelveticaNowDisplay';
    src: url('https://cdn.mooninvoice.com/fonts/HelveticaNowDisplayFont/HelveticaNowDisplay-BlackIta.woff2') format('woff2'), url('https://cdn.mooninvoice.com/fonts/HelveticaNowDisplayFont/HelveticaNowDisplay-BlackIta.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowDisplay';
    src: url('https://cdn.mooninvoice.com/fonts/HelveticaNowDisplayFont/HelveticaNowDisplay-Black.woff2') format('woff2'), url('https://cdn.mooninvoice.com/fonts/HelveticaNowDisplayFont/HelveticaNowDisplay-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowDisplay';
    src: url('https://cdn.mooninvoice.com/fonts/HelveticaNowDisplayFont/HelveticaNowDisplay-Bold.woff2') format('woff2'), url('https://cdn.mooninvoice.com/fonts/HelveticaNowDisplayFont/HelveticaNowDisplay-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowDisplay';
    src: url('https://cdn.mooninvoice.com/fonts/HelveticaNowDisplayFont/HelveticaNowDisplay-ExtLt.woff2') format('woff2'), url('https://cdn.mooninvoice.com/fonts/HelveticaNowDisplayFont/HelveticaNowDisplay-ExtLt.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowDisplay ExtraBlack';
    src: url('https://cdn.mooninvoice.com/fonts/HelveticaNowDisplayFont/HelveticaNowDisplay-ExtBlkIta.woff2') format('woff2'), url('https://cdn.mooninvoice.com/fonts/HelveticaNowDisplayFont/HelveticaNowDisplay-ExtBlkIta.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowDisplay';
    src: url('https://cdn.mooninvoice.com/fonts/HelveticaNowDisplayFont/HelveticaNowDisplay-ExtLtIta.woff2') format('woff2'), url('https://cdn.mooninvoice.com/fonts/HelveticaNowDisplayFont/HelveticaNowDisplay-ExtLtIta.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowDisplay';
    src: url('https://cdn.mooninvoice.com/fonts/HelveticaNowDisplayFont/HelveticaNowDisplay-BoldIta.woff2') format('woff2'), url('https://cdn.mooninvoice.com/fonts/HelveticaNowDisplayFont/HelveticaNowDisplay-BoldIta.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowDisplay ExtraBlack';
    src: url('https://cdn.mooninvoice.com/fonts/HelveticaNowDisplayFont/HelveticaNowDisplay-ExtBlk.woff2') format('woff2'), url('https://cdn.mooninvoice.com/fonts/HelveticaNowDisplayFont/HelveticaNowDisplay-ExtBlk.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowDisplay';
    src: url('https://cdn.mooninvoice.com/fonts/HelveticaNowDisplayFont/HelveticaNowDisplay-ExtraBold.woff2') format('woff2'), url('https://cdn.mooninvoice.com/fonts/HelveticaNowDisplayFont/HelveticaNowDisplay-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowDisplay';
    src: url('https://cdn.mooninvoice.com/fonts/HelveticaNowDisplayFont/HelveticaNowDisplay-Light.woff2') format('woff2'), url('https://cdn.mooninvoice.com/fonts/HelveticaNowDisplayFont/HelveticaNowDisplay-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowDisplay';
    src: url('https://cdn.mooninvoice.com/fonts/HelveticaNowDisplayFont/HelveticaNowDisplay-LightIta.woff2') format('woff2'), url('https://cdn.mooninvoice.com/fonts/HelveticaNowDisplayFont/HelveticaNowDisplay-LightIta.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowDisplay';
    src: url('https://cdn.mooninvoice.com/fonts/HelveticaNowDisplayFont/HelveticaNowDisplay-ExtBdIta.woff2') format('woff2'), url('https://cdn.mooninvoice.com/fonts/HelveticaNowDisplayFont/HelveticaNowDisplay-ExtBdIta.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowDisplay';
    src: url('https://cdn.mooninvoice.com/fonts/HelveticaNowDisplayFont/HelveticaNowDisplay-Medium.woff2') format('woff2'), url('https://cdn.mooninvoice.com/fonts/HelveticaNowDisplayFont/HelveticaNowDisplay-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowDisplay';
    src: url('https://cdn.mooninvoice.com/fonts/HelveticaNowDisplayFont/HelveticaNowDisplay-Regular.woff2') format('woff2'), url('https://cdn.mooninvoice.com/fonts/HelveticaNowDisplayFont/HelveticaNowDisplay-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowDisplay';
    src: url('https://cdn.mooninvoice.com/fonts/HelveticaNowDisplayFont/HelveticaNowDisplay-RegIta.woff2') format('woff2'), url('https://cdn.mooninvoice.com/fonts/HelveticaNowDisplayFont/HelveticaNowDisplay-RegIta.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowDisplay';
    src: url('https://cdn.mooninvoice.com/fonts/HelveticaNowDisplayFont/HelveticaNowDisplay-ThinIta.woff2') format('woff2'), url('https://cdn.mooninvoice.com/fonts/HelveticaNowDisplayFont/HelveticaNowDisplay-ThinIta.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowDisplay';
    src: url('https://cdn.mooninvoice.com/fonts/HelveticaNowDisplayFont/HelveticaNowDisplay-Thin.woff2') format('woff2'), url('https://cdn.mooninvoice.com/fonts/HelveticaNowDisplayFont/HelveticaNowDisplay-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowDisplay';
    src: url('https://cdn.mooninvoice.com/fonts/HelveticaNowDisplayFont/HelveticaNowDisplay-MedIta.woff2') format('woff2'), url('https://cdn.mooninvoice.com/fonts/HelveticaNowDisplayFont/HelveticaNowDisplay-MedIta.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css");

:root {
    --color-blue: #007AFF;
    --primary-color: #007AFF;
    --color-black: #151515;
    --color-gray: #535353;
    --color-light-blue: #F5F9FF;
    --color-white: #FFFFFF;
    --color-highlight: #FCB41A;
    --color-hero: #0F0044;
    --bg-primary: var(--color-white);
    --bg-secondary: #F8F8F8;
    --text-primary: var(--color-blue);
    --text-secondary: var(--color-black);
    --text-darkblue: #0F0A44;
    --border-color: rgba(0, 0, 0, 0.1);
    --btn-hover: #0062CC;
    --font-family-main: "Helvetica Now Display", sans-serif;
    --h1-size: 48px;
    --h2-size: 36px;
    --h3-size: 28px;
    --h4-size: 22px;
    --h5-size: 18px;
    --h6-size: 16px;

    --weight-800: 800;
    --weight-700: 700;
    --weight-600: 600;
    --weight-500: 500;
    --weight-400: 400;

    --font-26: 26px;
    --font-24: 24px;
    --font-20: 20px;
    --font-16: 16px;

    --space-80: 80px;
    --space-50: 50px;
    --space-25: 25px;
}


.dark {
    --bg-primary: #007aff;
    --bg-secondary: #1A1A1A;
    --bg-black: #000000;
    --text-primary: #007aff;
    --text-black: #000000;
    --text-secondary: #535353;
    --border-color: #007aff;
    --color-highlight: #FFCD47;
    --color-gray: #A9A9A9;
}

.font-main {
    font-family: var(--font-family-main) !important;
}

.text-white {
    color: var(--color-white);
}

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

.text-capitalize {
    text-transform: capitalize;
}

.text-darkblue {
    color: var(--text-darkblue);
}

.white-stripe {
    color: var(--text-darkblue);
    font-style: italic;
    padding-inline: 3px;
    background-color: var(--color-white);
}

.space-m-0 {
    margin: 0px !important;
}

.space-p-0 {
    padding: 0px !important;
}

.space-m-80 {
    margin: var(--space-80);
}

.space-mt-80 {
    margin-block-start: var(--space-80);
}

.space-mb-80 {
    margin-block-end: var(--space-80);
}

.space-ms-80 {
    margin-inline-start: var(--space-80);
}

.space-me-80 {
    margin-inline-end: var(--space-80);
}

.space-mx-80 {
    margin-inline-start: var(--space-80);
    margin-inline-end: var(--space-80);
}

.space-my-80 {
    margin-block-start: var(--space-80);
    margin-block-end: var(--space-80);
}

.space-p-80 {
    padding: var(--space-80);
}

.space-pt-80 {
    padding-block-start: var(--space-80);
}

.space-pb-80 {
    padding-block-end: var(--space-80);
}

.space-ps-80 {
    padding-inline-start: var(--space-80);
}

.space-pe-80 {
    padding-inline-end: var(--space-80);
}

.space-px-80 {
    padding-inline-start: var(--space-80);
    padding-inline-end: var(--space-80);
}

.space-py-80 {
    padding-block-start: var(--space-80);
    padding-block-end: var(--space-80);
}

.m-0 {
    margin: 0px;
}

.pt-20 {
    padding-block-start: 20px;
}

.pb-40 {
    padding-block-end: 40px;
}

.space-m-50 {
    margin: var(--space-50);
}

.space-mt-50 {
    margin-block-start: var(--space-50);
}

.space-mb-50 {
    margin-block-end: var(--space-50);
}

.space-ms-50 {
    margin-inline-start: var(--space-50);
}

.space-me-50 {
    margin-inline-end: var(--space-50);
}

.space-mx-50 {
    margin-inline-start: var(--space-50);
    margin-inline-end: var(--space-50);
}

.space-my-50 {
    margin-block-start: var(--space-50);
    margin-block-end: var(--space-50);
}

.space-p-50 {
    padding: var(--space-50);
}

.space-pt-50 {
    padding-block-start: var(--space-50);
}

.space-pb-50 {
    padding-block-end: var(--space-50);
}

.space-ps-50 {
    padding-inline-start: var(--space-50);
}

.space-pe-50 {
    padding-inline-end: var(--space-50);
}

.space-px-50 {
    padding-inline-start: var(--space-50);
    padding-inline-end: var(--space-50);
}

.space-py-50 {
    padding-block-start: var(--space-50);
    padding-block-end: var(--space-50);
}

.space-pt-25 {
    padding-block-start: var(--space-25);
}

.space-pb-25 {
    padding-block-end: var(--space-25);
}

.space-py-25 {
    padding-block: var(--space-25);
}

.space-my-25 {
    margin-block: var(--space-25);
}

.space-mt-25 {
    margin-block-start: var(--space-25);
}

.space-mb-25 {
    margin-block-end: var(--space-25);
}

h1,
.heading-1 {
    font-size: var(--h1-size) !important;
    font-weight: var(--weight-700) !important;
    color: var(--text-secondary);
    margin: 0px;
}

h2,
.heading-2 {
    font-size: var(--h2-size) !important;
    font-weight: var(--weight-600) !important;
    color: var(--text-secondary);
    margin: 0px;
}

h3,
.heading-3 {
    font-size: var(--h3-size) !important;
    font-weight: var(--weight-600) !important;
    color: var(--text-secondary);
}

h4,
.heading-4 {
    font-size: var(--h4-size) !important;
    font-weight: var(--weight-600) !important;
    color: var(--text-secondary);
}

h5,
.heading-5 {
    font-size: var(--h5-size) !important;
    font-weight: var(--weight-400) !important;
    color: var(--text-secondary);
}

h6,
.heading-6 {
    font-size: var(--h6-size) !important;
    font-weight: var(--weight-400) !important;
    color: var(--text-secondary);
}

.font-26 {
    font-size: var(--font-26) !important;
}

.font-24 {
    font-size: var(--font-24) !important;
}

.font-22 {
    font-size: 22px !important;
}

.font-20 {
    font-size: var(--font-20) !important;
}

p,
.text-body,
.paragraph,
li {
    font-size: var(--font-16) !important;
    color: var(--text-secondary);
    font-family: var(--font-family-main) !important;
    margin: 0px;
    line-height: 1.2;
}

.fw-800 {
    font-weight: var(--weight-800) !important;
}

.fw-bold {
    font-weight: var(--weight-700) !important;
}

.fw-semibold {
    font-weight: var(--weight-600) !important;
}

.fw-medium {
    font-weight: var(--weight-500) !important;
}

.fw-normal {
    font-weight: var(--weight-400) !important;
}

.text-primary {
    color: var(--text-primary) !important;
}

.text-secondary {
    color: var(--text-secondary) !important;
}

.text-black {
    color: var(--text-black) !important;
}

.text-highlight {
    color: var(--color-highlight) !important;
}

.text-white {
    color: var(--color-white);
}

.btn-custom {
    font-weight: 700;
    border-radius: 8px;
    padding: 0px 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    cursor: pointer;
    transition: all 0.25s ease;
}

.btn-custom:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-sm {
    height: 40px;
    font-size: 16px;
}

.btn-md {
    height: 48px;
    font-size: 16px;
}

.btn-lg {
    height: 56px;
    font-size: 18px;
}

.btn-rounded {
    border-radius: 8px;
}

.btn-pill {
    border-radius: 40px;
}

.btn-primary {
    background: var(--color-blue);
    border-color: var(--color-blue);
    color: #fff;
}

.btn-primary:hover {
    background: #0062d6;
    border-color: #0062d6;
}

.btn-primary:focus {
    box-shadow: 0 0 0 3px rgba(0, 117, 255, .4);
}

.btn-primary:disabled {
    background: #b3d8ff;
    border-color: #b3d8ff;
    color: #ffffff;
}

.btn-white {
    background: #ffffff;
    border-color: var(--color-white);
    color: var(--text-darkblue);
}

.btn-white:hover {
    background: var(--color-blue) !important;
    border-color: var(--color-blue) !important;
    color: #fff !important;
}

.text-primary.btn-white:hover {
    color: #fff !important;
}

.btn-white.text-primary.hover-white:hover {
    background: transparent !important;
    color: #fff !important;
    border-color: #fff !important;
}

.btn-white-hover.text-primary:hover {
    background: #ffffff !important;
    border-color: var(--color-white) !important;
    color: var(--color-blue) !important;
    box-shadow: 0 14px 26px -12px rgb(0 122 255 / 42%), 0 4px 23px 0 rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(0 122 255 / 42%);
}

.btn-white:focus {
    box-shadow: 0 0 0 3px rgba(150, 150, 150, .3);
}

.btn-white:disabled {
    background: #f7f7f7;
    border-color: #e6e6e6;
    color: #bfbfbf;
}

.btn-outline-primary {
    border-color: var(--color-blue);
}

.btn-transparent {
    background: transparent !important;
    border-color: var(--color-white);
}

.btn-transparent:hover {
    background: var(--color-blue) !important;
}

.hover-imgwhite:hover img {
    filter: brightness(0) invert(1);
}

.w-fit {
    width: fit-content;
}

a {
    text-decoration: none;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.imgwidth-88 {
    width: 88%;
}

.flex {
    display: flex !important;
}

.logo_link.pos {
    width: 236px;
}

.HeadOfferActive {
    margin-top: 167px !important;
}

body:not(:has(.stripe-active)) .HeadOfferActive {
    margin-top: 87px !important;
}

body:not(:has(.stripe-active)) .custom_plan_details a {
    color: #fff !important;
}

body:not(:has(.stripe-active)) .table_main thead.fixed-heading {
    top: 86px !important;
}

body:not(:has(.stripe-active)) .HeadOfferActive {
    margin-top: 86px !important;
}

.image-align-left {
    text-align: left !important;
}

img {
    max-width: 100%;
}

.HeadOfferActive h1+p,
.HeadOfferActive h1+p+p {
    font-size: 18px !important;
}

.cta-text-white * {
    color: #fff;
}

.image-align-left {
    text-align: left !important;
}

.card-header-title {
    font-size: 18px !important;
}

.text-underline {
    text-decoration: underline !important;
    text-underline-offset: 4px;
}

.align-items-unset {
    align-items: unset !important;
}

.errorcolor {
    color: red;
}

.numbered-list>li {
    counter-increment: list-counter;
    list-style: none;
    position: relative;
    margin-bottom: 10px;
}

.numbered-list>li::before {
    content: counter(list-counter) ". ";
    position: absolute;
    left: -1.5em;
}

.numbered-list {
    counter-reset: list-counter;
    padding-left: 2em;
}

.numbered-list li ul {
    counter-reset: sub-counter;
    margin-top: 5px;
}

.numbered-list li ul li {
    list-style: none;
    position: relative;
    padding-left: 2em;
}

.numbered-list li ul li::before {
    counter-increment: sub-counter;
    content: counters(list-counter, ".") "." counter(sub-counter) " ";
    font-weight: bold;
    position: absolute;
    left: 0;
}

.annual_monthly_plan_offer.halloween-fest-annual_monthly_plan_offer.christmas_offer {
    background-color: #9a071f !important;
}

.parent-relative * {
    position: relative;
    z-index: 5;
}

.container,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
    width: 100% !important;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {

    .container,
    .container-sm {
        max-width: 540px !important;
    }
}

@media (min-width: 768px) {

    .container,
    .container-sm,
    .container-md {
        max-width: 720px !important;
    }
}

@media (min-width: 992px) {

    .container,
    .container-sm,
    .container-md,
    .container-lg {
        max-width: 960px !important;
    }
}

@media screen and (min-width: 992px) and (max-width: 1050px) {

    .container,
    .container-sm,
    .container-md,
    .container-lg {
        max-width: 995px !important;
    }
}

@media screen and (min-width: 1050px) and (max-width: 1200px) {

    .container,
    .container-sm,
    .container-md,
    .container-lg {
        max-width: 1090px !important;
    }
}

@media (min-width: 1200px) {

    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl {
        max-width: 1320px !important;
    }
}

.container:after,
.container:before,
.modal-footer:after,
.modal-footer:before,
.modal-header:after,
.modal-header:before,
.row:after,
.row:before {
    display: table;
    content: " "
}

.container:after,
.modal-footer:after,
.modal-header:after,
.row:after {
    clear: both
}

.upgrade-plan-block-revamp .price-blocks {
    font-size: 24px !important;
    word-spacing: 0px !important;
}

.blackexclusive-header .header-main {
    background-color: #000000 !important;
    border-bottom: 1px solid #0f0f0f !important;
}

.footer-2025:not(.footer-mail-2025) .font-white {
    color: #535353 !important;
}

.blackfriday-logos {
    padding-top: 10px;
}

.top_footer {
    padding: 10px 0px 10px 0px;
}

.bottom_footer {
    padding: 15px 0 15px 0px;
}

.error {
    color: red;
}

.form-control.error {
    color: #555;
}


div#PaymentPopup label#email-error {
    font-size: 16px;
    margin-top: 5px;
    text-align: left;
    text-align: left;
    width: 100%;
    display: block;
}

.modal-body.custom_modal_cls {
    font-size: 16px;
}

.social_icon {
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
}

.social_icon:hover svg path {
    fill: #fff;
}

.main_menu i.fa.fa-angle-right:before {
    content: none;
}

.main_menu i.fa.fa-angle-right {
    transform: rotate(270deg);
}

.main_menu .download_down i.fa.fa-angle-right,
.main_menu .plateform_down i.fa.fa-angle-right,
.main_menu .feature_down i.fa.fa-angle-right,
.main_menu .feature_down_new i.fa.fa-angle-right {
    transform: none;
}

.sticky-popupbottom {
    position: fixed;
    bottom: 15px;
    left: -380px;
    width: 350px;
    height: 350px;
    background: #000;
    border-radius: 17px;
    z-index: 99;
    box-shadow: 0 10px 20px 1px rgb(69 158 255 / 10%);
    transition: 0.5s ease;
    animation: 2s slide-left;
}

.sticky-popupbottom.open {
    left: 15px;
    transition: 0.5s ease;
}

.sticky-popupbottom .close_popup {
    position: absolute;
    cursor: pointer;
    width: 20px;
    right: -5px;
    top: -5px;
    height: 20px;
    background: #D3D5D6;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sticky-popupbottom img {
    border-radius: 17px;
    max-height: inherit;
    max-width: 100%;
}

.sticky-popupbottom .close_popup svg {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}


#PaymentPopup {
    z-index: 99999;
}

.prcing-payment-modal h2 {
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 22px !important;
    letter-spacing: 0.02em !important;
    margin-block: 20px 5px !important;
}

.prcing-payment-modal .modal-footer>div {
    width: 100%;
}

.sectionGapPadding {
    padding: 100px 0;
}

.sectionGapHalfPadding {
    padding: 60px 0;
}


.noTopPadding {
    padding-top: 0px;
}

.noBottomPadding {
    padding-bottom: 0px;
}

.fa-classic,
.fa-regular,
.fa-solid,
.far,
.fas {
    font-family: "Font Awesome 6 Free" !important;
}

.fa,
.far,
.fas {
    font-family: "Font Awesome 5 Free" !important;
}

.NextSlide,
.PrevSlide {
    cursor: pointer !important;
}

.review_section .NextSlide:hover svg path,
.review_section .PrevSlide:hover svg path {
    fill: var(--color-blue);
}



@media screen and (max-width: 1450.98px) {
    .logo_link.pos {
        width: 195px;
    }

    .HeadOfferActive {
        margin-top: 158px !important;
    }

    body:not(:has(.stripe-active)) .HeadOfferActive {
        margin-top: 77px !important;
    }

    body:not(:has(.stripe-active)) .table_main thead.fixed-heading {
        top: 77px !important;
    }

    .sectionGapPadding {
        padding: 80px 0;
    }

    .sectionGapHalfPadding {
        padding: 50px 0;
    }
}

@media screen and (max-width: 1300.98px) {
    :root {
        --space-80: 60px;
        --space-50: 30px;
    }

    .black-friday-banner-img {
        min-height: 250px;
    }
}

@media screen and (max-width: 1200.98px) {
    :root {
        --h1-size: 40px;
        --h2-size: 30px;
        --h3-size: 26px;
    }

    .HeadOfferActive {
        margin-top: 136px !important;
    }

    body:not(:has(.stripe-active)) .HeadOfferActive {
        margin-top: 76px !important;
    }
}

@media screen and (max-width: 1024.98px) {
    .black-friday-banner-img {
        min-height: 180px;
    }
}

@media screen and (max-width: 991.98px) {
    :root {

        --h1-size: 36px;
        --h3-size: 24px;
        --h4-size: 20px;

        --font-26: 22px;
        --font-24: 20px;
        --font-20: 18px;

        --space-80: 40px;
        --space-50: 25px;
        --space-25: 15px;
    }

    .imgwidth-88 {
        width: 100%;
    }

    .mobile-button-align {
        justify-content: center !important;
    }

    .HeadOfferActive {
        margin-top: 137px !important;
    }

    body:not(:has(.stripe-active)) .HeadOfferActive {
        margin-top: 65px !important;
    }

    .header-main .navbar_new {
        top: 138px !important;
    }

    body:not(:has(.stripe-active)) .header-main .navbar_new {
        top: 65px !important;
    }

    .tab-mx-auto {
        margin-inline: auto;
    }

    .btn-sm {
        height: 38px;
        font-size: 13px;
        padding: 0px 16px;
    }

    .btn-md {
        height: 44px;
        font-size: 15px;
        padding: 0px 18px;
    }

    .btn-lg {
        height: 52px;
        font-size: 17px;
        padding: 0px 20px;
    }

    .maxw-80 {
        max-width: 80%;
    }

    .tab-gap-10 {
        gap: 10px;
    }

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

    .logo_link.pos {
        width: 215px;
    }

    .sectionGapPadding {
        padding: 50px 0;
    }

    .sectionGapHalfPadding {
        padding: 50px 0;
    }

    .image-align-left {
        text-align: center !important;
    }
}

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

    .pricing_page_main.black-friday-main,
    body:not(:has(.stripe-active)) .pricing_page_main.black-friday-main {
        margin-top: 73px !important;
    }

    body:has(.stripe-active) .black-friday {
        margin-top: 150px !important;
    }

    .black-friday-banner-img {
        min-height: 120px;
    }

    .pb-40 {
        padding-block-end: 20px;
    }

    #main_blade_content .padding_bottom_new {
        padding: 20px 0 0 !important;
    }

    .sticky-popupbottom {
        width: 280px !important;
        height: 280px !important;
        bottom: 25px !important;
    }

    .banner_div {
        padding: 20px 0 15px !important;
    }
}

@media screen and (max-width: 690.99px) {
    .HeadOfferActive {
        margin-top: 122px !important;
    }
}

@media screen and (max-width: 576.98px) {
    :root {
        --h1-size: 30px;
        --h2-size: 24px;
        --h3-size: 20px;
    }

    .HeadOfferActive {
        margin-top: 56px !important;
    }

    body:not(:has(.stripe-active)) .HeadOfferActive {
        margin-top: 56px !important;
    }

    .header-main .navbar_new {
        top: 57px !important;
    }

    body:has(.stripe-active) .footer-2025 {
        padding-bottom: 108px;
    }

    .btn-sm {
        height: 36px;
        font-size: 12px;
        padding: 0px 14px;
    }

    .btn-md {
        height: 42px;
        font-size: 16px;
        padding: 0px 16px;
    }

    .btn-lg {
        height: 45px;
        font-size: 16px;
        padding: 0px 18px;
    }

    .HeadOfferActive h1+p,
    .HeadOfferActive h1+p+p {
        font-size: 16px !important;
    }

    .logo_link.pos {
        width: 161px;
    }

    .black-friday-banner-img {
        min-height: 100px;
    }

    .bf-bannerimg {
        height: 140px;
    }

    .btn-mobile-view {
        display: flex;
        gap: 10px;
    }

    .btn-mobile-view a,
    .btn-mobile-view span {
        width: 100%;
    }
}

@media (max-width: 340.98px) {
    .black-friday-banner-img {
        min-height: 100px;
    }
}

@media (min-width: 768px) {
    div#PaymentPopup .modal-dialog {
        align-items: center;
        display: flex;
        height: calc(100% - 60px);
    }
}