body.website-legacy-theme,
body.website-helpguide-theme {
    --website-header-offset: 96px;
    background: var(--website-background-color);
    color: var(--website-text-color);
    font-family: var(--website-font-family) !important;
    letter-spacing: 0 !important;
    overflow-x: hidden;
}

body.website-legacy-theme .fullheight_ads,
body.website-helpguide-theme .fullheight_ads {
    display: none !important;
}

body.website-legacy-theme #main-wrapper,
body.website-helpguide-theme #main-wrapper {
    margin-top: var(--website-header-offset) !important;
}

body.website-legacy-theme #navbar,
body.website-helpguide-theme #navbar {
    top: 0 !important;
}

body.website-legacy-theme .main-header,
body.website-helpguide-theme .main-header {
    padding-bottom: 0 !important;
}

body.website-legacy-theme :where(h1, h2, h3, h4, h5, h6, p, a, span, strong, b, small, label, li, button, input, select, textarea, summary),
body.website-helpguide-theme :where(h1, h2, h3, h4, h5, h6, p, a, span, strong, b, small, label, li, button, input, select, textarea, summary) {
    font-family: var(--website-font-family) !important;
    letter-spacing: 0 !important;
}

body.website-legacy-theme :where(h1, h2, h3, h4, h5, h6),
body.website-helpguide-theme :where(h1, h2, h3, h4, h5, h6) {
    color: var(--website-heading-color);
    font-weight: 800;
    line-height: 1.18;
    text-transform: none !important;
}

body.website-legacy-theme p,
body.website-helpguide-theme p {
    color: var(--website-text-color);
    font-size: 16px;
    line-height: 1.7;
}

body.website-legacy-theme a,
body.website-helpguide-theme a {
    color: var(--website-primary-color);
    text-decoration: none;
    transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

body.website-legacy-theme a:hover,
body.website-helpguide-theme a:hover {
    color: var(--website-primary-hover);
    text-decoration: none;
}

body.website-legacy-theme .width90,
body.website-helpguide-theme .width90 {
    width: var(--website-container-width);
    max-width: var(--website-container-max-width);
    margin-left: auto;
    margin-right: auto;
}

body.website-legacy-theme #main-wrapper > section.distance-top {
    display: none;
}

body.website-legacy-theme :is(#careers, #help-guide-page, #listing-page, #directory, #updates, #club, #perks, #about-us, #contact-us, #dpo, #entrepreneurs) {
    width: 100% !important;
    margin: 0 auto;
    padding: 32px 0 var(--website-section-spacing);
}

body.website-legacy-theme :is(#careers, #help-guide-page, #listing-page, #directory, #updates, #club, #perks, #about-us, #contact-us, #dpo, #entrepreneurs) > .container-fluid {
    width: var(--website-container-width);
    max-width: var(--website-container-max-width);
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
}

body.website-legacy-theme :is(#careers, #help-guide-page, #listing-page, #directory, #updates, #club, #perks, #about-us, #contact-us, #dpo, #entrepreneurs) > .container-fluid .container-fluid {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
}

body.website-legacy-theme .header-title.header-background,
body.website-helpguide-theme .header-title.header-background {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 160px;
    margin: 0 0 18px;
    padding: 34px 24px;
    overflow: hidden;
    border: 1px solid #f1dede;
    border-radius: var(--website-border-radius-xl);
    background-color: var(--website-section-background);
    background-image: linear-gradient(180deg, #fff8f8 0%, #fff1f1 100%) !important;
    background-position: center;
    background-size: cover;
    box-shadow: var(--website-box-shadow);
}

body.website-legacy-theme .header-title.header-background:has(.slick-carousel),
body.website-helpguide-theme .header-title.header-background:has(.slick-carousel) {
    display: block;
    min-height: 0;
    padding: 0;
    border-color: var(--website-border-color);
    background: transparent !important;
    box-shadow: none;
}

body.website-legacy-theme .header-title img,
body.website-helpguide-theme .header-title img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: var(--website-border-radius-lg);
}

body.website-legacy-theme .breadcrumb1,
body.website-helpguide-theme .breadcrumb1 {
    position: relative;
    z-index: 1;
    padding: 0 !important;
    color: var(--website-heading-color) !important;
    font-size: clamp(32px, 3.4vw, 50px) !important;
    font-weight: 800 !important;
    line-height: 1.1;
    text-align: center;
    text-shadow: none !important;
}

body.website-legacy-theme :is(#careers, #listing-page, #directory, #updates, #club, #perks, #about-us, #contact-us, #dpo, #entrepreneurs) > .container-fluid > .col-12.d-flex-start {
    margin: 0 0 26px !important;
    padding: 0 !important;
}

body.website-legacy-theme :is(#careers, #listing-page, #directory, #updates, #club, #perks, #about-us, #contact-us, #dpo, #entrepreneurs) > .container-fluid > .col-12.d-flex-start p {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0 !important;
    color: var(--website-muted-color);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
}

body.website-legacy-theme :is(#careers, #listing-page, #directory, #updates, #club, #perks, #about-us, #contact-us, #dpo, #entrepreneurs) > .container-fluid > .col-12.d-flex-start a {
    color: var(--website-muted-color) !important;
}

body.website-legacy-theme :is(#careers, #listing-page, #directory, #updates, #club, #perks, #about-us, #contact-us, #dpo, #entrepreneurs) > .container-fluid > .col-12.d-flex-start span {
    color: var(--website-primary-color) !important;
    font-weight: 700 !important;
}

body.website-legacy-theme :where(.top-button-register, .btn-submit, .btn-primary, .submit-button, .custom_btn, .button.btn.btn-primary,.pricing-subscription-btn-submit),
body.website-helpguide-theme :where(.top-button-register, .btn-submit, .btn-primary, .submit-button, .custom_btn, .button.btn.btn-primary,.pricing-subscription-btn-submit) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 14px 24px !important;
    border: 1px solid var(--website-primary-color) !important;
    border-radius: var(--website-border-radius-md) !important;
    background: var(--website-primary-color) !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    text-align: center;
    text-decoration: none !important;
    box-shadow: var(--website-primary-shadow);
    cursor: pointer;
}

body.website-legacy-theme :where(.top-button-register, .btn-submit, .btn-primary, .submit-button, .custom_btn, .button.btn.btn-primary):hover,
body.website-helpguide-theme :where(.top-button-register, .btn-submit, .btn-primary, .submit-button, .custom_btn, .button.btn.btn-primary):hover {
    border-color: var(--website-primary-hover) !important;
    background: var(--website-primary-hover) !important;
    color: #fff !important;
    transform: translateY(-1px);
    box-shadow: 0 16px 32px rgba(168, 0, 0, 0.22);
}

body.website-legacy-theme :where(.form-control, input[type="text"], input[type="email"], input[type="number"], input[type="password"], select, textarea),
body.website-helpguide-theme :where(.form-control, input[type="text"], input[type="email"], input[type="number"], input[type="password"], select, textarea) {
    min-height: 46px;
    border: 1px solid var(--website-border-color) !important;
    border-radius: var(--website-border-radius-md) !important;
    background: #fff;
    color: var(--website-heading-color);
    font-size: 15px;
    line-height: 1.4;
    box-shadow: none !important;
}

body.website-legacy-theme textarea.form-control,
body.website-legacy-theme textarea,
body.website-helpguide-theme textarea.form-control,
body.website-helpguide-theme textarea {
    min-height: 120px;
    resize: vertical;
}

body.website-legacy-theme :where(.form-control, input, select, textarea):focus,
body.website-helpguide-theme :where(.form-control, input, select, textarea):focus {
    border-color: rgba(168, 0, 0, 0.45) !important;
    box-shadow: var(--website-focus-ring) !important;
    outline: 0;
}

body.website-legacy-theme label,
body.website-helpguide-theme label {
    color: var(--website-heading-color) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.4;
}

body.website-legacy-theme :where(.wrap-function, .event-card, .panel, .product_item, .section__content, .article__preview, .paper, .single-blog, .pricing-content),
body.website-helpguide-theme :where(.wrap-function, .event-card, .panel, .product_item, .section__content, .article__preview, .paper, .single-blog, .pricing-content) {
    border: 1px solid var(--website-border-soft) !important;
    border-radius: var(--website-border-radius-lg) !important;
    background: #fff;
    box-shadow: var(--website-box-shadow);
}

body.website-legacy-theme .info-wrap.bg-contact-us {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #fff;
}

body.website-legacy-theme .info-wrap.bg-contact-us :where(h1, h2, h3, h4, p, a) {
    color: #fff !important;
}

body.website-legacy-theme :where(.wrap-function, .event-card, .panel, .product_item, .paper, .single-blog),
body.website-helpguide-theme :where(.wrap-function, .event-card, .panel, .product_item, .paper, .single-blog) {
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

body.website-legacy-theme :where(.wrap-function, .event-card, .panel, .product_item, .paper, .single-blog):hover,
body.website-helpguide-theme :where(.wrap-function, .event-card, .panel, .product_item, .paper, .single-blog):hover {
    border-color: rgba(168, 0, 0, 0.22) !important;
    box-shadow: var(--website-box-shadow-hover);
    transform: translateY(-2px);
}

body.website-legacy-theme .wrap-function,
body.website-helpguide-theme .wrap-function {
    padding: 18px !important;
    margin-bottom: 20px !important;
}

body.website-legacy-theme .wrap-function img,
body.website-helpguide-theme .wrap-function img,
body.website-legacy-theme .product_item img,
body.website-helpguide-theme .product_item img {
    border-radius: var(--website-border-radius-md);
}

body.website-legacy-theme :where(#updates-section, #perks-section, #careers-section, #directory-section, #listing-page section, #club #updates-section) {
    margin-top: 0;
}

body.website-legacy-theme .grid-item,
body.website-legacy-theme .grid-sizer,
body.website-helpguide-theme .grid-item,
body.website-helpguide-theme .grid-sizer {
    padding: 8px !important;
}

body.website-legacy-theme .sidebar .panel,
body.website-legacy-theme .panel-group .panel {
    margin-bottom: 14px;
    overflow: hidden;
}

body.website-legacy-theme .panel-heading,
body.website-helpguide-theme .panel-heading {
    border: 0 !important;
    background: var(--website-section-background) !important;
}

body.website-legacy-theme .panel-title a,
body.website-helpguide-theme .panel-title a {
    display: block;
    padding: 14px 16px;
    color: var(--website-heading-color) !important;
    font-size: 15px;
    font-weight: 800;
}

body.website-legacy-theme .panel-body,
body.website-helpguide-theme .panel-body {
    padding: 16px !important;
}

body.website-legacy-theme .products,
body.website-legacy-theme .brands {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

body.website-legacy-theme .products li a,
body.website-legacy-theme .brands li a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: var(--website-border-radius-md);
    color: var(--website-text-color) !important;
    font-size: 14px;
    font-weight: 600;
}

body.website-legacy-theme .products li.active a,
body.website-legacy-theme .brands li.active a,
body.website-legacy-theme .products li a:hover,
body.website-legacy-theme .brands li a:hover {
    background: var(--website-primary-soft);
    color: var(--website-primary-color) !important;
}

body.website-legacy-theme .wrap_product,
body.website-legacy-theme .directory-section .single-slider {
    border: 1px solid var(--website-border-soft);
    border-radius: var(--website-border-radius-xl);
    background: #fff;
    box-shadow: var(--website-box-shadow);
    overflow: hidden;
}

body.website-legacy-theme .directory-section .single-slider {
    min-height: 420px;
    padding: 32px;
}

body.website-legacy-theme .directory-section .carousel-caption {
    color: var(--website-heading-color);
    text-shadow: none;
}

body.website-legacy-theme .directory-section .carousel-caption h3 {
    color: var(--website-heading-color);
    font-size: clamp(28px, 3vw, 44px);
}

body.website-legacy-theme .directory-section .carousel-caption p {
    color: var(--website-muted-color);
}

body.website-helpguide-theme #help-guide-page {
    background: #fff;
}

body.website-helpguide-theme .header_help_guide {
    background: linear-gradient(180deg, #fff8f8 0%, #fff 100%) !important;
}

body.website-helpguide-theme .header_help_guide h1,
body.website-helpguide-theme .header_help_guide h2 {
    color: var(--website-heading-color) !important;
    font-size: clamp(34px, 3.6vw, 52px) !important;
    font-weight: 800 !important;
}

body.website-helpguide-theme .paper {
    padding: 22px !important;
}

body.website-helpguide-theme .article__preview {
    padding: 20px !important;
}

body.website-helpguide-theme .c__primary,
body.website-helpguide-theme mark {
    color: var(--website-primary-color) !important;
}

body.website-legacy-theme .table,
body.website-helpguide-theme .table {
    overflow: hidden;
    border-radius: var(--website-border-radius-lg);
    background: #fff;
    box-shadow: var(--website-box-shadow);
}

body.website-legacy-theme .table :where(td, th),
body.website-helpguide-theme .table :where(td, th) {
    border-color: rgba(17, 24, 39, 0.08) !important;
    color: var(--website-text-color);
    font-size: 16px;
    vertical-align: middle;
}

body.website-legacy-theme .modal-content,
body.website-helpguide-theme .modal-content {
    border: 1px solid var(--website-border-color);
    border-radius: var(--website-border-radius-xl);
    box-shadow: 0 26px 56px rgba(15, 23, 42, 0.16);
}

body.website-legacy-theme .modal-header,
body.website-legacy-theme .modal-footer,
body.website-helpguide-theme .modal-header,
body.website-helpguide-theme .modal-footer {
    border-color: rgba(17, 24, 39, 0.08);
}

body.website-legacy-theme footer,
body.website-helpguide-theme footer {
    font-family: var(--website-font-family) !important;
}

body.website-legacy-theme footer[data-aos],
body.website-helpguide-theme footer[data-aos] {
    opacity: 1 !important;
    transform: none !important;
}

body.website-legacy-theme .footer-main.sky-blue-bg,
body.website-helpguide-theme .footer-main.sky-blue-bg {
    background: var(--website-footer-background) !important;
    color: var(--website-footer-text);
}

body.website-legacy-theme .footer-main .footer-area,
body.website-helpguide-theme .footer-main .footer-area {
    padding: 58px 0 34px !important;
}

body.website-legacy-theme .footer-main .container-fluid,
body.website-helpguide-theme .footer-main .container-fluid,
body.website-legacy-theme .footer-main > .row.footer-content,
body.website-helpguide-theme .footer-main > .row.footer-content,
body.website-legacy-theme footer > .footer-main > .row.align-items-center.footer-content,
body.website-helpguide-theme footer > .footer-main > .row.align-items-center.footer-content {
    width: var(--website-container-width);
    max-width: var(--website-container-max-width);
    margin-left: auto;
    margin-right: auto;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.website-legacy-theme .footer-main .footer-logo,
body.website-helpguide-theme .footer-main .footer-logo {
    margin-bottom: 26px;
}

body.website-legacy-theme .footer-main .footer-logo img,
body.website-helpguide-theme .footer-main .footer-logo img {
    width: auto;
    max-width: 184px;
    height: auto;
}

body.website-legacy-theme .footer-main .single-footer-caption,
body.website-helpguide-theme .footer-main .single-footer-caption {
    margin-bottom: 26px !important;
}

body.website-legacy-theme .footer-main .footer-tittle h4,
body.website-helpguide-theme .footer-main .footer-tittle h4 {
    margin: 0 0 16px !important;
    color: var(--website-heading-color) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.3;
}

body.website-legacy-theme .footer-main .footer-tittle ul,
body.website-helpguide-theme .footer-main .footer-tittle ul {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

body.website-legacy-theme .footer-main .footer-tittle ul li,
body.website-helpguide-theme .footer-main .footer-tittle ul li {
    margin: 0 !important;
    color: var(--website-footer-muted);
    line-height: 1.4;
}

body.website-legacy-theme .footer-main .footer-tittle ul li a,
body.website-helpguide-theme .footer-main .footer-tittle ul li a,
body.website-legacy-theme .footer-main .footer-menu li a,
body.website-helpguide-theme .footer-main .footer-menu li a,
body.website-legacy-theme .footer-main .copy-right,
body.website-helpguide-theme .footer-main .copy-right,
body.website-legacy-theme .footer-main .copy-right strong,
body.website-helpguide-theme .footer-main .copy-right strong {
    color: var(--website-footer-muted) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.5;
}

body.website-legacy-theme .footer-main .footer-tittle ul li a:hover,
body.website-helpguide-theme .footer-main .footer-tittle ul li a:hover,
body.website-legacy-theme .footer-main .footer-menu li a:hover,
body.website-helpguide-theme .footer-main .footer-menu li a:hover {
    color: var(--website-primary-color) !important;
    padding-left: 0 !important;
}

body.website-legacy-theme .footer-main hr,
body.website-helpguide-theme .footer-main hr {
    width: var(--website-container-width);
    margin: 0 auto;
    border: 0;
    border-top: 1px solid var(--website-border-color) !important;
}

body.website-legacy-theme .footer-main .footer-menu,
body.website-helpguide-theme .footer-main .footer-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    align-items: center;
    margin: 0 0 14px !important;
    padding: 0;
    list-style: none;
}

body.website-legacy-theme .footer-main .footer-copy-right > div,
body.website-helpguide-theme .footer-main .footer-copy-right > div {
    float: none !important;
}

body.website-legacy-theme .footer-main .copy-right,
body.website-helpguide-theme .footer-main .copy-right {
    clear: both;
}

body.website-legacy-theme .cookie_div,
body.website-helpguide-theme .cookie_div {
    right: 18px;
    bottom: 18px;
    max-width: min(420px, calc(100vw - 36px));
    border: 1px solid var(--website-border-color);
    border-radius: var(--website-border-radius-lg);
    background: #fff;
    box-shadow: 0 20px 44px rgba(15, 23, 42, 0.16);
    color: var(--website-text-color);
}

@media (max-width: 991.98px) {
    body.website-legacy-theme .width90,
    body.website-helpguide-theme .width90,
    body.website-legacy-theme :is(#careers, #help-guide-page, #listing-page, #directory, #updates, #club, #perks, #about-us, #contact-us, #dpo, #entrepreneurs) > .container-fluid,
    body.website-legacy-theme .footer-main .container-fluid,
    body.website-helpguide-theme .footer-main .container-fluid,
    body.website-legacy-theme .footer-main > .row.footer-content,
    body.website-helpguide-theme .footer-main > .row.footer-content,
    body.website-legacy-theme footer > .footer-main > .row.align-items-center.footer-content,
    body.website-helpguide-theme footer > .footer-main > .row.align-items-center.footer-content {
        width: 100%;
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    body.website-legacy-theme :is(#careers, #help-guide-page, #listing-page, #directory, #updates, #club, #perks, #about-us, #contact-us, #dpo, #entrepreneurs) {
        padding-top: 24px;
        padding-bottom: var(--website-section-spacing-tablet);
    }

    body.website-legacy-theme .header-title.header-background,
    body.website-helpguide-theme .header-title.header-background {
        min-height: 136px;
        border-radius: var(--website-border-radius-lg);
    }
}

@media (max-width: 767.98px) {
    body.website-legacy-theme .breadcrumb1,
    body.website-helpguide-theme .breadcrumb1 {
        font-size: 30px !important;
    }

    body.website-legacy-theme .header-title.header-background,
    body.website-helpguide-theme .header-title.header-background {
        min-height: 112px;
        padding: 28px 18px;
    }

    body.website-legacy-theme .grid-sizer,
    body.website-legacy-theme .grid-item,
    body.website-helpguide-theme .grid-sizer,
    body.website-helpguide-theme .grid-item {
        width: 100% !important;
    }

    body.website-legacy-theme .directory-section .single-slider {
        min-height: 360px;
        padding: 24px 18px;
    }

    body.website-legacy-theme .top-button-register,
    body.website-legacy-theme .submit-button,
    body.website-helpguide-theme .top-button-register,
    body.website-helpguide-theme .submit-button {
        width: 100% !important;
    }

    body.website-legacy-theme .footer-main .footer-logo,
    body.website-helpguide-theme .footer-main .footer-logo,
    body.website-legacy-theme .footer-main .single-footer-caption,
    body.website-helpguide-theme .footer-main .single-footer-caption,
    body.website-legacy-theme .footer-main .footer-tittle,
    body.website-helpguide-theme .footer-main .footer-tittle {
        text-align: left !important;
    }

    body.website-legacy-theme .footer-main .footer-menu,
    body.website-helpguide-theme .footer-main .footer-menu {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 575.98px) {
    body.website-legacy-theme .width90,
    body.website-helpguide-theme .width90,
    body.website-legacy-theme :is(#careers, #help-guide-page, #listing-page, #directory, #updates, #club, #perks, #about-us, #contact-us, #dpo, #entrepreneurs) > .container-fluid,
    body.website-legacy-theme .footer-main .container-fluid,
    body.website-helpguide-theme .footer-main .container-fluid,
    body.website-legacy-theme .footer-main > .row.footer-content,
    body.website-helpguide-theme .footer-main > .row.footer-content,
    body.website-legacy-theme footer > .footer-main > .row.align-items-center.footer-content,
    body.website-helpguide-theme footer > .footer-main > .row.align-items-center.footer-content {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    body.website-legacy-theme :is(#careers, #help-guide-page, #listing-page, #directory, #updates, #club, #perks, #about-us, #contact-us, #dpo, #entrepreneurs) {
        padding-top: 18px;
        padding-bottom: var(--website-section-spacing-mobile);
    }

    body.website-legacy-theme :where(.top-button-register, .btn-submit, .btn-primary, .submit-button, .custom_btn, .button.btn.btn-primary),
    body.website-helpguide-theme :where(.top-button-register, .btn-submit, .btn-primary, .submit-button, .custom_btn, .button.btn.btn-primary) {
        min-height: 44px;
        padding: 13px 18px !important;
        font-size: 14px !important;
    }
}