@font-face {
	font-display: swap;
	font-family: "wirenxt Sans";
	font-weight: 300 400;
	src: url("../fonts/wirenxtSans-Book.woff2") format("woff2")
}

@font-face {
	font-display: swap;
	font-family: "wirenxt Sans";
	font-weight: 500 600;
	src: url("../fonts/wirenxtSans-Medium.woff2") format("woff2")
}

@font-face {
	font-display: swap;
	font-family: "wirenxt Serif";
	src: url("../fonts/wirenxtSerif-Medium.woff2") format("woff2")
}

:root {
	
	--wiresans-font-family: "wirenxt Sans", sans-serif;
	--wireserif-font-family-display: "wirenxt Serif", serif;
}
:root,[data-cl-brand=wirenxt-2025] {
    --light-theme-accent-fill-01: #cfcccb;
    --light-theme-accent-fill-02: #fcc6b1;
    --light-theme-accent-fill-03: #fcc5be;
    --light-theme-accent-fill-04: #b9cdbe;
    --light-theme-accent-fill-05: #ece6d9;
    --light-theme-accent-fill-06: #d7cdfc;
    --light-theme-accent-fill-07: #b2e9eb;
    --light-theme-accent-fill-08: #fbdbe9;
    --light-theme-accent-decoration-01: #9b9897;
    --light-theme-accent-decoration-02: #ffa581;
    --light-theme-accent-decoration-03: #ffa499;
    --light-theme-accent-decoration-04: #9cbaa4;
    --light-theme-accent-decoration-05: #ccc0a3;
    --light-theme-accent-decoration-06: #c4b4f7;
    --light-theme-accent-decoration-07: #97dadc;
    --light-theme-accent-decoration-08: #fcc3dc;
    --light-theme-badge-brand-fill-01: #fcc6b1;
    --light-theme-background-01: #fcfcfa;
    --light-theme-background-02: #f8f5ee;
    --light-theme-background-03: #f8f5ee;
    --light-theme-background-accent-01: #b9cdbe;
    --light-theme-background-accent-02: #d6c2d9;
    --light-theme-background-accent-03: #fcc3dc;
    --light-theme-background-footer-01: #1f1f1f;
    --light-theme-beta-01: #7d53e9;
    --light-theme-beta-background-01: #e5e1fa;
    --light-theme-border-01: #1f1f1f;
    --light-theme-border-02: rgba(0, 0, 0, 0.4705882353);
    --light-theme-border-03: rgba(0, 0, 0, 0.1098039216);
    --light-theme-border-brand-01: #ff4800;
    --light-theme-border-highlight-01: #2f7579;
    --light-theme-button-primary-text-color: #ffffff;
    --light-theme-button-primary-fill-idle: #ff4800;
    --light-theme-button-primary-fill-hover: #c93700;
    --light-theme-button-primary-fill-pressed: #9f2800;
    --light-theme-button-secondary-border: #ff4800;
    --light-theme-button-secondary-fill-idle: #ffffff;
    --light-theme-button-secondary-fill-hover: #fcece6;
    --light-theme-button-secondary-fill-pressed: #fcc6b1;
    --light-theme-button-tertiary-fill-idle: #1f1f1f;
    --light-theme-button-tertiary-fill-hover: rgba(0, 0, 0, 0.6196078431);
    --light-theme-button-tertiary-fill-pressed: rgba(0, 0, 0, 0.4705882353);
    --light-theme-checkmark-list-icon-brand-fill: #ff4800;
    --light-theme-container-01: #ffffff;
    --light-theme-container-02: rgba(255, 255, 255, 0.4588235294);
    --light-theme-container-03: rgba(255, 255, 255, 0.4);
    --light-theme-container-inverse-01: #1f1f1f;
    --light-theme-disabled-01: rgba(0, 0, 0, 0.2);
    --light-theme-disabled-02: rgba(255, 255, 255, 0.6196078431);
    --light-theme-disabled-03: rgba(255, 255, 255, 0.4588235294);
    --light-theme-divider-01: rgba(0, 0, 0, 0.1098039216);
    --light-theme-error-01: #d9002b;
    --light-theme-error-background-01: #fcc5be;
    --light-theme-focus-01: #2f7579;
    --light-theme-free-01: #2f7579;
    --light-theme-free-background-01: #ccf4f5;
    --light-theme-hover-01: rgba(0, 0, 0, 0.0509803922);
    --light-theme-hover-02: rgba(0, 0, 0, 0.0588235294);
    --light-theme-hover-03: #cfcccb;
    --light-theme-hover-brand-01: #c93700;
    --light-theme-hover-inverse-01: rgba(0, 0, 0, 0.8117647059);
    --light-theme-hover-link-01: #1f1f1f;
    --light-theme-hover-link-02: rgba(0, 0, 0, 0.6196078431);
    --light-theme-wirenxt-brand-01: #ff4800;
    --light-theme-icon-01: #1f1f1f;
    --light-theme-icon-02: #292929;
    --light-theme-icon-on-color-01: #ffffff;
    --light-theme-link-01: #1f1f1f;
    --light-theme-link-02: #124548;
    --light-theme-loading-primary-fill-active: #ff4800;
    --light-theme-loading-primary-fill-inactive: #fcc6b1;
    --light-theme-loading-secondary-fill-active: rgba(0, 0, 0, 0.2);
    --light-theme-loading-secondary-fill-inactive: rgba(0, 0, 0, 0.1098039216);
    --light-theme-neutral-01: #9b9897;
    --light-theme-neutral-background-01: #cfcccb;
    --light-theme-number-fill-active: #ff4800;
    --light-theme-number-fill-inactive: #ffdbc1;
    --light-theme-number-fill-statistic: #ff4800;
    --light-theme-overlay-01: rgba(0, 0, 0, 0.8117647059);
    --light-theme-play-button-fill-idle: #ff4800;
    --light-theme-play-button-fill-hover: #c93700;
    --light-theme-play-button-fill-pressed: #ffa766;
    --light-theme-pressed-01: rgba(0, 0, 0, 0.0588235294);
    --light-theme-pressed-02: rgba(0, 0, 0, 0.0784313725);
    --light-theme-pressed-03: #9b9897;
    --light-theme-pressed-brand-01: #9f2800;
    --light-theme-pressed-inverse-01: rgba(0, 0, 0, 0.6196078431);
    --light-theme-pressed-link-01: #1f1f1f;
    --light-theme-pressed-link-02: rgba(0, 0, 0, 0.6196078431);
    --light-theme-success-01: #00823a;
    --light-theme-success-background-01: #bde7cb;
    --light-theme-text-01: #1f1f1f;
    --light-theme-text-02: rgba(0, 0, 0, 0.6196078431);
    --light-theme-text-brand-01: #ff4800;
    --light-theme-text-link-underline-01: #ff4800;
    --light-theme-text-on-color-01: #ffffff;
    --light-theme-text-placeholder-01: rgba(0, 0, 0, 0.4);
    --light-theme-warning-01: #eeb117;
    --light-theme-warning-background-01: #fbeece;
    --dark-theme-accent-fill-01: #000000;
    --dark-theme-accent-fill-02: #9f2800;
    --dark-theme-accent-fill-03: #ac0020;
    --dark-theme-accent-fill-04: #1b582a;
    --dark-theme-accent-fill-05: #64593e;
    --dark-theme-accent-fill-06: #5113ba;
    --dark-theme-accent-fill-07: #1e5b5f;
    --dark-theme-accent-fill-08: #800051;
    --dark-theme-accent-decoration-01: #1c1c1c;
    --dark-theme-accent-decoration-02: #c93700;
    --dark-theme-accent-decoration-03: #d9002b;
    --dark-theme-accent-decoration-04: #327142;
    --dark-theme-accent-decoration-05: #7d7050;
    --dark-theme-accent-decoration-06: #6431da;
    --dark-theme-accent-decoration-07: #2f7579;
    --dark-theme-accent-decoration-08: #a5016a;
    --dark-theme-badge-brand-fill-01: #c93700;
    --dark-theme-background-01: #042729;
    --dark-theme-background-02: #093436;
    --dark-theme-background-03: #093436;
    --dark-theme-background-accent-01: #042729;
    --dark-theme-background-accent-02: #46062b;
    --dark-theme-background-accent-03: #25155e;
    --dark-theme-background-footer-01: #1f1f1f;
    --dark-theme-beta-01: #9778ec;
    --dark-theme-beta-background-01: #6431da;
    --dark-theme-border-01: #f8f5ee;
    --dark-theme-border-02: rgba(255, 255, 255, 0.4);
    --dark-theme-border-03: rgba(255, 255, 255, 0.0784313725);
    --dark-theme-border-brand-01: #ff4800;
    --dark-theme-border-highlight-01: #b9cdbe;
    --dark-theme-button-primary-text-color: #ffffff;
    --dark-theme-button-primary-fill-idle: #ff4800;
    --dark-theme-button-primary-fill-hover: #c93700;
    --dark-theme-button-primary-fill-pressed: #9f2800;
    --dark-theme-button-secondary-border: #f8f5ee;
    --dark-theme-button-secondary-fill-idle: rgba(0, 0, 0, 0.1098039216);
    --dark-theme-button-secondary-fill-hover: rgba(0, 0, 0, 0.2);
    --dark-theme-button-secondary-fill-pressed: rgba(0, 0, 0, 0.4);
    --dark-theme-button-tertiary-fill-idle: #ffffff;
    --dark-theme-button-tertiary-fill-hover: rgba(255, 255, 255, 0.8117647059);
    --dark-theme-button-tertiary-fill-pressed: rgba(255, 255, 255, 0.6196078431);
    --dark-theme-checkmark-list-icon-brand-fill: #ff4800;
    --dark-theme-container-01: #042729;
    --dark-theme-container-02: rgba(0, 0, 0, 0.168627451);
    --dark-theme-container-03: rgba(0, 0, 0, 0.4);
    --dark-theme-container-inverse-01: #ffffff;
    --dark-theme-disabled-01: rgba(255, 255, 255, 0.168627451);
    --dark-theme-disabled-02: rgba(255, 255, 255, 0.0588235294);
    --dark-theme-disabled-03: rgba(255, 255, 255, 0.0784313725);
    --dark-theme-divider-01: rgba(255, 255, 255, 0.0784313725);
    --dark-theme-error-01: #ff7b70;
    --dark-theme-error-background-01: #d9002b;
    --dark-theme-focus-01: #7aa485;
    --dark-theme-free-01: #459195;
    --dark-theme-free-background-01: #2f7579;
    --dark-theme-hover-01: rgba(255, 255, 255, 0.0509803922);
    --dark-theme-hover-02: rgba(255, 255, 255, 0.0588235294);
    --dark-theme-hover-03: rgba(255, 255, 255, 0.0784313725);
    --dark-theme-hover-brand-01: #ff7d4c;
    --dark-theme-hover-inverse-01: rgba(255, 255, 255, 0.8117647059);
    --dark-theme-hover-link-01: #f8f5ee;
    --dark-theme-hover-link-02: rgba(255, 255, 255, 0.6196078431);
    --dark-theme-hubspot-brand-01: #ff4800;
    --dark-theme-icon-01: #f8f5ee;
    --dark-theme-icon-02: #b6b1af;
    --dark-theme-icon-on-color-01: #1f1f1f;
    --dark-theme-link-01: #f8f5ee;
    --dark-theme-link-02: #eef4f0;
    --dark-theme-loading-primary-fill-active: #ff4800;
    --dark-theme-loading-primary-fill-inactive: #fcc6b1;
    --dark-theme-loading-secondary-fill-active: #f8f5ee;
    --dark-theme-loading-secondary-fill-inactive: rgba(255, 255, 255, 0.4);
    --dark-theme-neutral-01: #4d4c4c;
    --dark-theme-neutral-background-01: #141414;
    --dark-theme-number-fill-active: #ff4800;
    --dark-theme-number-fill-inactive: #ffdbc1;
    --dark-theme-number-fill-statistic: #ff4800;
    --dark-theme-overlay-01: rgba(0, 0, 0, 0.8117647059);
    --dark-theme-play-button-fill-idle: #ff4800;
    --dark-theme-play-button-fill-hover: #c93700;
    --dark-theme-play-button-fill-pressed: #9f2800;
    --dark-theme-pressed-01: rgba(255, 255, 255, 0.0588235294);
    --dark-theme-pressed-02: rgba(255, 255, 255, 0.0784313725);
    --dark-theme-pressed-03: rgba(255, 255, 255, 0.1098039216);
    --dark-theme-pressed-brand-01: #ffa581;
    --dark-theme-pressed-inverse-01: rgba(255, 255, 255, 0.6196078431);
    --dark-theme-pressed-link-01: #f8f5ee;
    --dark-theme-pressed-link-02: rgba(255, 255, 255, 0.6196078431);
    --dark-theme-success-01: #3cb769;
    --dark-theme-success-background-01: #00823a;
    --dark-theme-text-01: #f8f5ee;
    --dark-theme-text-02: rgba(255, 255, 255, 0.6196078431);
    --dark-theme-text-brand-01: #f8f5ee;
    --dark-theme-text-link-underline-01: #ff4800;
    --dark-theme-text-on-color-01: #1f1f1f;
    --dark-theme-text-placeholder-01: rgba(255, 255, 255, 0.4);
    --dark-theme-warning-01: #d39913;
    --dark-theme-warning-background-01: #956309;
    --cl-font-family: "wirenxt Sans", sans-serif;
    --cl-font-family-display: "wirenxt Serif", serif;
    --cl-font-family-heading: var(--cl-font-family-display);
    --cl-font-size-small: 0.875rem;
    --cl-font-size-medium: 1rem;
    --cl-font-size-large: 1.125rem;
    --cl-font-size-micro: 0.75rem;
    --cl-font-size-blockquote: 1.125rem;
    --cl-font-size-display-01: 2.5rem;
    --cl-font-size-display-01-small: 2.5rem;
    --cl-font-size-display-02: 2rem;
    --cl-font-size-display-02-small: 2rem;
    --cl-font-size-display-03: 1.5rem;
    --cl-font-size-display-03-small: 1.5rem;
    --cl-font-size-h1: 2.5rem;
    --cl-font-size-h1-small: 2.5rem;
    --cl-font-size-h2: 2rem;
    --cl-font-size-h2-small: 2rem;
    --cl-font-size-h3: 1.5rem;
    --cl-font-size-h4: 1.375rem;
    --cl-font-size-h5: 1.125rem;
    --cl-font-size-h6: 1rem;
    --cl-font-size-input-label: var(--cl-font-size-small);
    --cl-font-size-microcopy: var(--cl-font-size-micro);
    --cl-font-size-microheading: var(--cl-font-size-small);
    --cl-font-size-p-large: var(--cl-font-size-large);
    --cl-font-size-p-medium: var(--cl-font-size-medium);
    --cl-font-size-p-small: var(--cl-font-size-small);
    --cl-font-weight-light: 300;
    --cl-font-weight-medium: 500;
    --cl-font-weight-demi-bold: 500;
    --cl-font-weight-blockquote: var(--cl-font-weight-light);
    --cl-font-weight-display-01: var(--cl-font-weight-medium);
    --cl-font-weight-display-01-small: var(--cl-font-weight-medium);
    --cl-font-weight-display-02: var(--cl-font-weight-medium);
    --cl-font-weight-display-02-small: var(--cl-font-weight-medium);
    --cl-font-weight-display-03: var(--cl-font-weight-medium);
    --cl-font-weight-display-03-small: var(--cl-font-weight-medium);
    --cl-font-weight-h1: var(--cl-font-weight-demi-bold);
    --cl-font-weight-h1-small: var(--cl-font-weight-demi-bold);
    --cl-font-weight-h2: var(--cl-font-weight-demi-bold);
    --cl-font-weight-h2-small: var(--cl-font-weight-demi-bold);
    --cl-font-weight-h3: var(--cl-font-weight-medium);
    --cl-font-weight-h4: var(--cl-font-weight-medium);
    --cl-font-weight-h5: var(--cl-font-weight-medium);
    --cl-font-weight-h6: var(--cl-font-weight-medium);
    --cl-font-weight-input-label: var(--cl-font-weight-medium);
    --cl-font-weight-microcopy: var(--cl-font-weight-medium);
    --cl-font-weight-microheading: var(--cl-font-weight-medium);
    --cl-font-weight-p-large: var(--cl-font-weight-light);
    --cl-font-weight-p-medium: var(--cl-font-weight-light);
    --cl-font-weight-p-small: var(--cl-font-weight-light);
    --cl-font-weight-p-link: var(--cl-font-weight-medium);
    --cl-line-height-small: 1.57142857;
    --cl-line-height-medium: 1.75;
    --cl-line-height-large: 1.77777778;
    --cl-line-height-blockquote: 1.78;
    --cl-line-height-display-01: 1.04545455;
    --cl-line-height-display-01-small: 1.04545455;
    --cl-line-height-display-02: 1.125;
    --cl-line-height-display-02-small: 1.125;
    --cl-line-height-display-03: 1.41666667;
    --cl-line-height-display-03-small: 1.41666667;
    --cl-line-height-h1: 1.04545455;
    --cl-line-height-h1-small: 1.04545455;
    --cl-line-height-h2: 1.125;
    --cl-line-height-h2-small: 1.125;
    --cl-line-height-h3: 1.41666667;
    --cl-line-height-h4: 1.45454545;
    --cl-line-height-h5: 1.55555556;
    --cl-line-height-h6: 1.75;
    --cl-line-height-input-label: var(--cl-line-height-small);
    --cl-line-height-microcopy: 1.66666667;
    --cl-line-height-microheading: 1.57142857;
    --cl-line-height-p-large: var(--cl-line-height-large);
    --cl-line-height-p-medium: var(--cl-line-height-medium);
    --cl-line-height-p-small: var(--cl-line-height-small);
    --cl-text-margin-large: 1.5rem;
    --cl-text-margin-medium: 1rem;
    --cl-text-margin-small: 0.5rem;
    --cl-border-width-medium: 1px;
    --cl-border-width-heavy: 2px;
    --cl-border-radius-small: 4px;
    --cl-border-radius-medium: 8px;
    --cl-border-radius-container: 16px;
    --cl-border-radius-container-small: 8px;
    --cl-border-radius-container-medium: 16px;
    --cl-border-radius-input: 4px;
    --cl-text-link-underline-thickness: 2px;
    --cl-text-link-underline-offset: 6px
}

:root,[data-cl-brand=wirenxt-2025],:root [data-cl-theme=light],[data-cl-brand=wirenxt-2025] [data-cl-theme=light],:root [data-background=white],[data-cl-brand=wirenxt-2025] [data-background=white],:root [data-background=off-white],[data-cl-brand=wirenxt-2025] [data-background=off-white],:root .-white,[data-cl-brand=wirenxt-2025] .-white,:root .-light,[data-cl-brand=wirenxt-2025] .-light {
    --cl-color-accent-fill-01: var(--light-theme-accent-fill-01);
    --cl-color-accent-fill-02: var(--light-theme-accent-fill-02);
    --cl-color-accent-fill-03: var(--light-theme-accent-fill-03);
    --cl-color-accent-fill-04: var(--light-theme-accent-fill-04);
    --cl-color-accent-fill-05: var(--light-theme-accent-fill-05);
    --cl-color-accent-fill-06: var(--light-theme-accent-fill-06);
    --cl-color-accent-fill-07: var(--light-theme-accent-fill-07);
    --cl-color-accent-fill-08: var(--light-theme-accent-fill-08);
    --cl-color-accent-decoration-01: var(--light-theme-accent-decoration-01);
    --cl-color-accent-decoration-02: var(--light-theme-accent-decoration-02);
    --cl-color-accent-decoration-03: var(--light-theme-accent-decoration-03);
    --cl-color-accent-decoration-04: var(--light-theme-accent-decoration-04);
    --cl-color-accent-decoration-05: var(--light-theme-accent-decoration-05);
    --cl-color-accent-decoration-06: var(--light-theme-accent-decoration-06);
    --cl-color-accent-decoration-07: var(--light-theme-accent-decoration-07);
    --cl-color-accent-decoration-08: var(--light-theme-accent-decoration-08);
    --cl-color-badge-brand-fill-01: var(--light-theme-badge-brand-fill-01);
    --cl-color-background-01: var(--light-theme-background-01);
    --cl-color-background-02: var(--light-theme-background-02);
    --cl-color-background-03: var(--light-theme-background-03);
    --cl-color-background-accent-01: var(--light-theme-background-accent-01);
    --cl-color-background-accent-02: var(--light-theme-background-accent-02);
    --cl-color-background-accent-03: var(--light-theme-background-accent-03);
    --cl-color-background-footer-01: var(--light-theme-background-footer-01);
    --cl-color-beta-01: var(--light-theme-beta-01);
    --cl-color-beta-background-01: var(--light-theme-beta-background-01);
    --cl-color-border-01: var(--light-theme-border-01);
    --cl-color-border-02: var(--light-theme-border-02);
    --cl-color-border-03: var(--light-theme-border-03);
    --cl-color-border-brand-01: var(--light-theme-border-brand-01);
    --cl-color-border-highlight-01: var(--light-theme-border-highlight-01);
    --cl-color-button-primary-text-color: var(--light-theme-button-primary-text-color);
    --cl-color-button-primary-fill-idle: var(--light-theme-button-primary-fill-idle);
    --cl-color-button-primary-fill-hover: var(--light-theme-button-primary-fill-hover);
    --cl-color-button-primary-fill-pressed: var(--light-theme-button-primary-fill-pressed);
    --cl-color-button-secondary-border: var(--light-theme-button-secondary-border);
    --cl-color-button-secondary-fill-idle: var(--light-theme-button-secondary-fill-idle);
    --cl-color-button-secondary-fill-hover: var(--light-theme-button-secondary-fill-hover);
    --cl-color-button-secondary-fill-pressed: var(--light-theme-button-secondary-fill-pressed);
    --cl-color-button-tertiary-fill-idle: var(--light-theme-button-tertiary-fill-idle);
    --cl-color-button-tertiary-fill-hover: var(--light-theme-button-tertiary-fill-hover);
    --cl-color-button-tertiary-fill-pressed: var(--light-theme-button-tertiary-fill-pressed);
    --cl-color-checkmark-list-icon-brand-fill: var(--light-theme-checkmark-list-icon-brand-fill);
    --cl-color-container-01: var(--light-theme-container-01);
    --cl-color-container-02: var(--light-theme-container-02);
    --cl-color-container-03: var(--light-theme-container-03);
    --cl-color-container-inverse-01: var(--light-theme-container-inverse-01);
    --cl-color-disabled-01: var(--light-theme-disabled-01);
    --cl-color-disabled-02: var(--light-theme-disabled-02);
    --cl-color-disabled-03: var(--light-theme-disabled-03);
    --cl-color-divider-01: var(--light-theme-divider-01);
    --cl-color-error-01: var(--light-theme-error-01);
    --cl-color-error-background-01: var(--light-theme-error-background-01);
    --cl-color-focus-01: var(--light-theme-focus-01);
    --cl-color-free-01: var(--light-theme-free-01);
    --cl-color-free-background-01: var(--light-theme-free-background-01);
    --cl-color-hover-01: var(--light-theme-hover-01);
    --cl-color-hover-02: var(--light-theme-hover-02);
    --cl-color-hover-03: var(--light-theme-hover-03);
    --cl-color-hover-brand-01: var(--light-theme-hover-brand-01);
    --cl-color-hover-inverse-01: var(--light-theme-hover-inverse-01);
    --cl-color-hover-link-01: var(--light-theme-hover-link-01);
    --cl-color-hover-link-02: var(--light-theme-hover-link-02);
    --cl-color-wirenxt-brand-01: var(--light-theme-wirenxt-brand-01);
    --cl-color-icon-01: var(--light-theme-icon-01);
    --cl-color-icon-02: var(--light-theme-icon-02);
    --cl-color-icon-on-color-01: var(--light-theme-icon-on-color-01);
    --cl-color-link-01: var(--light-theme-link-01);
    --cl-color-link-02: var(--light-theme-link-02);
    --cl-color-loading-primary-fill-active: var(--light-theme-loading-primary-fill-active);
    --cl-color-loading-primary-fill-inactive: var(--light-theme-loading-primary-fill-inactive);
    --cl-color-loading-secondary-fill-active: var(--light-theme-loading-secondary-fill-active);
    --cl-color-loading-secondary-fill-inactive: var(--light-theme-loading-secondary-fill-inactive);
    --cl-color-neutral-01: var(--light-theme-neutral-01);
    --cl-color-neutral-background-01: var(--light-theme-neutral-background-01);
    --cl-color-number-fill-active: var(--light-theme-number-fill-active);
    --cl-color-number-fill-inactive: var(--light-theme-number-fill-inactive);
    --cl-color-number-fill-statistic: var(--light-theme-number-fill-statistic);
    --cl-color-overlay-01: var(--light-theme-overlay-01);
    --cl-color-play-button-fill-idle: var(--light-theme-play-button-fill-idle);
    --cl-color-play-button-fill-hover: var(--light-theme-play-button-fill-hover);
    --cl-color-play-button-fill-pressed: var(--light-theme-play-button-fill-pressed);
    --cl-color-pressed-01: var(--light-theme-pressed-01);
    --cl-color-pressed-02: var(--light-theme-pressed-02);
    --cl-color-pressed-03: var(--light-theme-pressed-03);
    --cl-color-pressed-brand-01: var(--light-theme-pressed-brand-01);
    --cl-color-pressed-inverse-01: var(--light-theme-pressed-inverse-01);
    --cl-color-pressed-link-01: var(--light-theme-pressed-link-01);
    --cl-color-pressed-link-02: var(--light-theme-pressed-link-02);
    --cl-color-success-01: var(--light-theme-success-01);
    --cl-color-success-background-01: var(--light-theme-success-background-01);
    --cl-color-text-01: var(--light-theme-text-01);
    --cl-color-text-02: var(--light-theme-text-02);
    --cl-color-text-brand-01: var(--light-theme-text-brand-01);
    --cl-color-text-link-underline-01: var(--light-theme-text-link-underline-01);
    --cl-color-text-on-color-01: var(--light-theme-text-on-color-01);
    --cl-color-text-placeholder-01: var(--light-theme-text-placeholder-01);
    --cl-color-warning-01: var(--light-theme-warning-01);
    --cl-color-warning-background-01: var(--light-theme-warning-background-01)
}

:root [data-cl-theme=dark],[data-cl-brand=wirenxt-2025] [data-cl-theme=dark],[data-cl-theme=dark]:root,[data-cl-theme=dark][data-cl-brand=wirenxt-2025],:root [data-background=dark],[data-cl-brand=wirenxt-2025] [data-background=dark],:root .-dark,[data-cl-brand=wirenxt-2025] .-dark {
    --cl-color-accent-fill-01: var(--dark-theme-accent-fill-01);
    --cl-color-accent-fill-02: var(--dark-theme-accent-fill-02);
    --cl-color-accent-fill-03: var(--dark-theme-accent-fill-03);
    --cl-color-accent-fill-04: var(--dark-theme-accent-fill-04);
    --cl-color-accent-fill-05: var(--dark-theme-accent-fill-05);
    --cl-color-accent-fill-06: var(--dark-theme-accent-fill-06);
    --cl-color-accent-fill-07: var(--dark-theme-accent-fill-07);
    --cl-color-accent-fill-08: var(--dark-theme-accent-fill-08);
    --cl-color-accent-decoration-01: var(--dark-theme-accent-decoration-01);
    --cl-color-accent-decoration-02: var(--dark-theme-accent-decoration-02);
    --cl-color-accent-decoration-03: var(--dark-theme-accent-decoration-03);
    --cl-color-accent-decoration-04: var(--dark-theme-accent-decoration-04);
    --cl-color-accent-decoration-05: var(--dark-theme-accent-decoration-05);
    --cl-color-accent-decoration-06: var(--dark-theme-accent-decoration-06);
    --cl-color-accent-decoration-07: var(--dark-theme-accent-decoration-07);
    --cl-color-accent-decoration-08: var(--dark-theme-accent-decoration-08);
    --cl-color-badge-brand-fill-01: var(--dark-theme-badge-brand-fill-01);
    --cl-color-background-01: var(--dark-theme-background-01);
    --cl-color-background-02: var(--dark-theme-background-02);
    --cl-color-background-03: var(--dark-theme-background-03);
    --cl-color-background-accent-01: var(--dark-theme-background-accent-01);
    --cl-color-background-accent-02: var(--dark-theme-background-accent-02);
    --cl-color-background-accent-03: var(--dark-theme-background-accent-03);
    --cl-color-background-footer-01: var(--dark-theme-background-footer-01);
    --cl-color-beta-01: var(--dark-theme-beta-01);
    --cl-color-beta-background-01: var(--dark-theme-beta-background-01);
    --cl-color-border-01: var(--dark-theme-border-01);
    --cl-color-border-02: var(--dark-theme-border-02);
    --cl-color-border-03: var(--dark-theme-border-03);
    --cl-color-border-brand-01: var(--dark-theme-border-brand-01);
    --cl-color-border-highlight-01: var(--dark-theme-border-highlight-01);
    --cl-color-button-primary-text-color: var(--dark-theme-button-primary-text-color);
    --cl-color-button-primary-fill-idle: var(--dark-theme-button-primary-fill-idle);
    --cl-color-button-primary-fill-hover: var(--dark-theme-button-primary-fill-hover);
    --cl-color-button-primary-fill-pressed: var(--dark-theme-button-primary-fill-pressed);
    --cl-color-button-secondary-border: var(--dark-theme-button-secondary-border);
    --cl-color-button-secondary-fill-idle: var(--dark-theme-button-secondary-fill-idle);
    --cl-color-button-secondary-fill-hover: var(--dark-theme-button-secondary-fill-hover);
    --cl-color-button-secondary-fill-pressed: var(--dark-theme-button-secondary-fill-pressed);
    --cl-color-button-tertiary-fill-idle: var(--dark-theme-button-tertiary-fill-idle);
    --cl-color-button-tertiary-fill-hover: var(--dark-theme-button-tertiary-fill-hover);
    --cl-color-button-tertiary-fill-pressed: var(--dark-theme-button-tertiary-fill-pressed);
    --cl-color-checkmark-list-icon-brand-fill: var(--dark-theme-checkmark-list-icon-brand-fill);
    --cl-color-container-01: var(--dark-theme-container-01);
    --cl-color-container-02: var(--dark-theme-container-02);
    --cl-color-container-03: var(--dark-theme-container-03);
    --cl-color-container-inverse-01: var(--dark-theme-container-inverse-01);
    --cl-color-disabled-01: var(--dark-theme-disabled-01);
    --cl-color-disabled-02: var(--dark-theme-disabled-02);
    --cl-color-disabled-03: var(--dark-theme-disabled-03);
    --cl-color-divider-01: var(--dark-theme-divider-01);
    --cl-color-error-01: var(--dark-theme-error-01);
    --cl-color-error-background-01: var(--dark-theme-error-background-01);
    --cl-color-focus-01: var(--dark-theme-focus-01);
    --cl-color-free-01: var(--dark-theme-free-01);
    --cl-color-free-background-01: var(--dark-theme-free-background-01);
    --cl-color-hover-01: var(--dark-theme-hover-01);
    --cl-color-hover-02: var(--dark-theme-hover-02);
    --cl-color-hover-03: var(--dark-theme-hover-03);
    --cl-color-hover-brand-01: var(--dark-theme-hover-brand-01);
    --cl-color-hover-inverse-01: var(--dark-theme-hover-inverse-01);
    --cl-color-hover-link-01: var(--dark-theme-hover-link-01);
    --cl-color-hover-link-02: var(--dark-theme-hover-link-02);
    --cl-color-wirenxt-brand-01: var(--dark-theme-wirenxt-brand-01);
    --cl-color-icon-01: var(--dark-theme-icon-01);
    --cl-color-icon-02: var(--dark-theme-icon-02);
    --cl-color-icon-on-color-01: var(--dark-theme-icon-on-color-01);
    --cl-color-link-01: var(--dark-theme-link-01);
    --cl-color-link-02: var(--dark-theme-link-02);
    --cl-color-loading-primary-fill-active: var(--dark-theme-loading-primary-fill-active);
    --cl-color-loading-primary-fill-inactive: var(--dark-theme-loading-primary-fill-inactive);
    --cl-color-loading-secondary-fill-active: var(--dark-theme-loading-secondary-fill-active);
    --cl-color-loading-secondary-fill-inactive: var(--dark-theme-loading-secondary-fill-inactive);
    --cl-color-neutral-01: var(--dark-theme-neutral-01);
    --cl-color-neutral-background-01: var(--dark-theme-neutral-background-01);
    --cl-color-number-fill-active: var(--dark-theme-number-fill-active);
    --cl-color-number-fill-inactive: var(--dark-theme-number-fill-inactive);
    --cl-color-number-fill-statistic: var(--dark-theme-number-fill-statistic);
    --cl-color-overlay-01: var(--dark-theme-overlay-01);
    --cl-color-play-button-fill-idle: var(--dark-theme-play-button-fill-idle);
    --cl-color-play-button-fill-hover: var(--dark-theme-play-button-fill-hover);
    --cl-color-play-button-fill-pressed: var(--dark-theme-play-button-fill-pressed);
    --cl-color-pressed-01: var(--dark-theme-pressed-01);
    --cl-color-pressed-02: var(--dark-theme-pressed-02);
    --cl-color-pressed-03: var(--dark-theme-pressed-03);
    --cl-color-pressed-brand-01: var(--dark-theme-pressed-brand-01);
    --cl-color-pressed-inverse-01: var(--dark-theme-pressed-inverse-01);
    --cl-color-pressed-link-01: var(--dark-theme-pressed-link-01);
    --cl-color-pressed-link-02: var(--dark-theme-pressed-link-02);
    --cl-color-success-01: var(--dark-theme-success-01);
    --cl-color-success-background-01: var(--dark-theme-success-background-01);
    --cl-color-text-01: var(--dark-theme-text-01);
    --cl-color-text-02: var(--dark-theme-text-02);
    --cl-color-text-brand-01: var(--dark-theme-text-brand-01);
    --cl-color-text-link-underline-01: var(--dark-theme-text-link-underline-01);
    --cl-color-text-on-color-01: var(--dark-theme-text-on-color-01);
    --cl-color-text-placeholder-01: var(--dark-theme-text-placeholder-01);
    --cl-color-warning-01: var(--dark-theme-warning-01);
    --cl-color-warning-background-01: var(--dark-theme-warning-background-01)
}

@media(width >= 900px) {
    : root,[data-cl-brand=wirenxt-2025] {
        --cl-font-size-display-01: 3rem;
        --cl-font-size-display-02: 2.5rem;
        --cl-font-size-display-03: 1.5rem;
        --cl-font-size-h1: 3rem;
        --cl-font-size-h2: 2.5rem;
        --cl-font-weight-h1: var(--cl-font-weight-medium);
        --cl-line-height-display-01: 1.15384615;
        --cl-line-height-display-02: 1.1;
        --cl-line-height-display-03: 1.41666667;
        --cl-line-height-h1: 1.15384615;
        --cl-line-height-h2: 1.1
    }
}

:root,.-light,.-white,.-dark {
    --cl-anchor-text-decoration: underline;
    --cl-anchor-color-dark: var(--dark-theme-link-01);
    --cl-anchor-hover-color-dark: var(--dark-theme-hover-link-01)
}

:root,[data-cl-brand],[data-cl-theme],[data-background=white],[data-background=off-white],[data-background=dark],.-white,.-dark,.-light {
    --cl-anchor-color: var(--cl-color-link-01);
    --cl-anchor-hover-color: var(--cl-color-hover-link-01);
    --cl-anchor-pressed-color: var(--cl-color-pressed-link-01);
    --cl-text-color: var(--cl-color-text-01)
}

:root,[data-cl-brand],[data-cl-theme] {
    color: var(--cl-text-color)
}

:root {
    --cl-section-background: inherit;
    --cl-section-content-max-width: 1080px;
    --cl-section-gutter: 16px
}

.cl-section {
    position: relative;
    container-type: inline-size;
    container-name: cl-section;
    background: var(--cl-section-background);
    color: var(--cl-color-text-01)
}

.cl-section.-background-01 {
    --cl-section-background: var(--cl-color-background-01)
}

.cl-section.-background-02 {
    --cl-section-background: var(--cl-color-background-02)
}

.cl-section.-background-03 {
    --cl-section-background: var(--cl-color-background-03)
}

.cl-section.-padding-top-none {
    --cl-section-padding-top: 0;
    --cl-section-padding-top-desktop: 0
}

.cl-section.-padding-bottom-none {
    --cl-section-padding-bottom: 0;
    --cl-section-padding-bottom-desktop: 0
}

.cl-section.-padding-top-extra-small {
    --cl-section-padding-top: 16px;
    --cl-section-padding-top-desktop: 24px
}

.cl-section.-padding-bottom-extra-small {
    --cl-section-padding-bottom: 16px;
    --cl-section-padding-bottom-desktop: 24px
}

.cl-section.-padding-top-small {
    --cl-section-padding-top: 24px;
    --cl-section-padding-top-desktop: 40px
}

.cl-section.-padding-bottom-small {
    --cl-section-padding-bottom: 24px;
    --cl-section-padding-bottom-desktop: 40px
}

.cl-section.-padding-top-medium {
    --cl-section-padding-top: 40px;
    --cl-section-padding-top-desktop: 64px
}

.cl-section.-padding-bottom-medium {
    --cl-section-padding-bottom: 40px;
    --cl-section-padding-bottom-desktop: 64px
}

.cl-section.-padding-top-large {
    --cl-section-padding-top: 64px;
    --cl-section-padding-top-desktop: 96px
}

.cl-section.-padding-bottom-large {
    --cl-section-padding-bottom: 64px;
    --cl-section-padding-bottom-desktop: 96px
}

.cl-section-content {
    max-width: min(100% - var(--cl-section-gutter)*2,var(--cl-section-content-max-width));
    margin-inline:auto;padding-block:var(--cl-section-padding-top, 0) var(--cl-section-padding-bottom, 0)}

@container cl-section (width >= 600px) {
    .cl-section-content {
        padding-block: var(--cl-section-padding-top-desktop, 0) var(--cl-section-padding-bottom-desktop, 0)
    }
}
body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--wiresans-font-family);
}
*,
:after,
:before {
    box-sizing: border-box;
}
.header .logo a,
a {
    text-decoration: none;
}
*,
ul {
    margin: 0;
}
body {
    line-height: 1.5;
    font-weight: 400;
    overflow-x: hidden;
    
}
.container {
    max-width: 1250px;
    margin: auto;
}
.row {
    display: flex;
    flex-wrap: wrap;
}
.v-center {
    align-items: center;
    justify-content: space-between;
}
ul {
    list-style: none;
    padding: 0;
}
.header {
    width: 100%;
    position: relative;
    z-index: 99;
    padding: 15px 0;
    border-bottom: 1px solid #ddd;
    background: #741FA2;
}
.header .item-left {
    flex: 0 0 10%;
}
.header .logo a {
    font-size: 30px;
    color: #fff;
    font-weight: 700;
}
.header .item-center {
    flex: 0 0 60%;
}
.header .item-right {
    flex: 0 0 19%;
    display: flex;
    justify-content: flex-end;
}
.header .menu > ul > li {
    display: inline-block;
    line-height: 30px;
   margin-left: 10px;
    padding: 6px 18px;
}
.header .menu > ul > li > a {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    position: relative;
    font-style: normal;
    transition: color 0.3s;
}
.header .menu > ul > li .sub-menu {
    position: absolute;
    z-index: 500;
    background-color: #fff;
    padding: 20px 30px;
    transition: 0.5s;
    margin-top: 25px;
    opacity: 0;
    visibility: hidden;
}

.enroll{
        background: transparent;
    padding: 12px 25px;
    border-radius: 6px;
    color: #fff;
    font-weight: 600;
    border:2px solid #fff;
}

.header .item-right a:hover,
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a:hover,
.header .menu > ul > li .sub-menu > ul > li > a:hover,
.header .menu > ul > li:hover > a {
    color: #fff;
}


.mobile-menu-head,
.mobile-menu-trigger {
    display: none;
}

@media(min-width: 992px) {
	.header .menu>ul>li.menu-item-has-children:hover .sub-menu {
		margin-top: 0;
		visibility: visible;
		opacity: 1;
		margin-top: 20px;
	}
}
/*responsive*/
@media (max-width: 991px) {
    .header .menu .mobile-menu-head .go-back,
    .header .menu .mobile-menu-head .mobile-menu-close,
    .header .menu > ul > li > a i {
        height: 50px;
        width: 50px;
        line-height: 50px;
        text-align: center;
    }
    .header .menu,
    .menu-overlay {
        position: fixed;
        left: 0;
        top: 0;
        transition: 0.5s;
    }
    .header .item-center {
        order: 3;
        flex: 0 0 100%;
    }
    .header .item-left {
        display: flex;
        align-items: center;
        gap: 15px;
    }
    .v-center {
        justify-content: space-between;
    }
    .header .mobile-menu-trigger {
        display: flex;
        height: 30px;
        width: 30px;
        
        cursor: pointer;
        align-items: center;
        justify-content: center;
    }
    .header .mobile-menu-trigger span {
        display: block;
        height: 2px;
        background-color: #fff;
        width: 24px;
        position: relative;
    }
    .header .mobile-menu-trigger span:after,
    .header .mobile-menu-trigger span:before {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
    }
    .header .mobile-menu-trigger span:before {
        top: -6px;
    }
    .header .mobile-menu-trigger span:after {
        top: 6px;
    }
    .header .item-right {
        align-items: center;
    }
    .header .menu {
        width: 90%;
        background-color: #3a0f51;
        height: 100%;
        overflow: hidden;
        transform: translate(-100%);
        z-index: 1099;
    }
    .header .menu.active {
        transform: translate(0);
    }
    .header .menu > ul > li {
        line-height: 1;
        margin: 0;
        display: block;
        text-align: left;
    }
    .header .menu > ul > li > a {
        line-height: 60px;
        height: 60px;
        padding: 0 50px 0 15px;
        display: block;
        border-bottom: 1px solid #9e9e9e;
    }
    .header .menu > ul > li > a i {
        position: absolute;
        top: 0;
        right: 0;
        transform: rotate(-90deg);
    }
    .header .menu .mobile-menu-head {
        display: flex;
        height: 66px;
        border-bottom: 1px solid #9e9e9e;
        justify-content: space-between;
        align-items: center;
        position: relative;
        z-index: 501;
        position: sticky;
        background-color: #3a0f51;
        top: 0;
    }
    .header .menu .mobile-menu-head .go-back {
        border-right: 1px solid rgba(0, 0, 0, 0.1);
        cursor: pointer;
        color: #000;
        font-size: 16px;
        display: none;
    }
    .header .menu .mobile-menu-head.active .go-back {
        display: block;
    }
    .header .menu .mobile-menu-head .current-menu-title {
        font-size: 15px;
        font-weight: 500;
        color: #fff;
        padding: 10px;
    }
    .header .menu .mobile-menu-head .mobile-menu-close {
        border-left: 1px solid #fff;
        cursor: pointer;
        color: #fff;
        font-size: 25px;
    }
    .header .menu .menu-main {
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
    }
    .header .menu > ul > li .sub-menu,
    .header .menu > ul > li .sub-menu.mega-menu {
        visibility: visible;
        opacity: 1;
        position: absolute;
        box-shadow: none;
        margin: 0;
        padding: 65px 15px 15px;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        max-width: none;
        min-width: auto;
        display: none;
        transform: translateX(0);
        overflow-y: auto;
    }
    .header .menu > ul > li .sub-menu.active {
        display: block;
        background: #fff;
    }
    @keyframes slideLeft {
        0% {
            opacity: 0;
            transform: translateX(100%);
        }
        100% {
            opacity: 1;
            transform: translateX(0);
        }
    }
    @keyframes slideRight {
        0% {
            opacity: 1;
            transform: translateX(0);
        }
        100% {
            opacity: 0;
            transform: translateX(100%);
        }
    }
    
    .menu-overlay {
        background-color: rgba(0, 0, 0, 0.5);
        width: 100%;
        height: 100%;
        z-index: 1098;
        visibility: hidden;
        opacity: 0;
    }
    .menu-overlay.active {
        visibility: visible;
        opacity: 1;
    }
}


.logo img {
    max-width: 170px;
}

.has-search .form-control {
    padding-left: 2.575rem;
  border-radius: 50px;
 
  padding-top: 10px;
  padding-bottom: 10px;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}
/* =========================
   MOBILE SEARCH ANIMATION
========================= */
@media (max-width: 991px) {

    .search-btn-mobile {
        font-size: 20px;
        cursor: pointer;
        color: #fff;
        padding: 5px 10px;
    }

    .mobile-search-box {
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        padding: 12px;
        background: #741FA2;
        animation: fadeSlide .3s ease;
    }

    .header.search-active .mobile-search-box {
        display: block;
    }

    .header.search-active .logo,
    .header.search-active .mobile-menu-trigger,
    .header.search-active .search-btn-mobile {
        display: none !important;
    }

    .mobile-search-box input {
        width: 100%;
        padding: 12px 40px 12px 16px;
        border-radius: 30px;
        border: none;
        outline: none;
    }

    .mobile-search-close {
        position: absolute;
        right: 6%;
        top: 50%;
        transform: translateY(-50%);
        font-size: 18px;
        cursor: pointer;
        color: #333;
    }

    @keyframes fadeSlide {
        from { opacity: 0; transform: translateY(-10px); }
        to { opacity: 1; transform: translateY(0); }
    }
}

.faq-section {
    position: relative;
    padding: 30px 0;
}
.faq-section .accordion-box {
    position: relative;
    padding-left: 0;
}
.faq-section .accordion-box .block {
    position: relative;
    margin-bottom: 15px;
    padding: 0 20px;
    list-style: none;
    border-radius: 10px;
    background: #f6f6f6;
}
.faq-section .accordion-box .block.active-block {
    background: #f6f6f6;
}
.faq-section .accordion-box .block:last-child {
    margin-bottom: 0;
    border-bottom: unset !important;
}
.faq-section .accordion-box .block .acc-btn h3 {
    position: relative;
    display: block;
    padding: 20px 30px 20px 0;
    cursor: pointer;
    transition: 0.5s;
    color: #272727;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    line-height: 103.607%;
    letter-spacing: 0.18px;
    text-transform: capitalize;
}
.faq-section .accordion-box .block .acc-btn.active h3 {
    color: #000;
    padding: 20px 30px 5px 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}
.faq-section .accordion-box .block .acc-content {
    position: relative;
    display: none;
    padding-top: 6px;
    padding-bottom: 27px;
}
.faq-section .accordion-box .block .acc-content.current {
    display: block;
}
.faq-section .accordion-box .block .content .text {
    position: relative;
    display: block;
    font-size: 14px;
    color: #000;
    font-weight: 400;
    padding-right: 40px;
    margin-bottom: 20px;
}
.faq-section .accordion-box .block .content .text p {
    margin-bottom: 15px;
    color: #4f4e4e;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150.107%;
    letter-spacing: 0.16px;
    text-transform: capitalize;
}
.faq-section .accordion-box .block .content .text a {
    color: #18a0db;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 150.107%;
    letter-spacing: 0.14px;
    text-transform: uppercase;
}
.faq-section .accordion-box .block .content .text span {
    border-right: 1px solid #54d0ff;
    padding-right: 5px;
    margin-right: 5px;
    color: #006895;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 103.607%;
    letter-spacing: 0.14px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    text-transform: capitalize;
}
.faq-section .accordion-box .block .content .text span:last-child {
    border-right: 0px;
}
.faq-section .accordion-box .block .acc-btn .icon-outer {
    position: absolute;
    top: 21px;
    right: 25px;
    font-size: 14px;
    color: #000;
    font-weight: 900;
    text-align: center;
    cursor: pointer;
    transition: 0.5s;
    z-index: 1;
}
.faq-section .accordion-box .block .acc-btn.active .icon-outer {
    color: #000;
}
.faq-section .accordion-box .block .acc-btn .icon-outer {
    position: absolute;
    top: 20px;
    right: 25px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ececec;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    transition: 0.3s;
}

/* PLUS by default */
.faq-section .accordion-box .block .acc-btn .icon-outer::before {
    content: "+";
}

/* MINUS when active */
.faq-section .accordion-box .block .acc-btn.active .icon-outer::before {
    content: "−";
}


.common-spacing-all h2{
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 30px;
	line-height: 150%;
	color: #000;
}


.bg-clr-ff{
	background: #fff;
}
.bg-82f3fb
{
	background: #82f3fb;
}

.txt-decor-under{
	text-decoration: underline;
}
/* Circle cards centered inside grid */

.gap-4 {
  gap: 1rem;
}
.grid-cols-1 {
  grid-template-columns: repeat(1,minmax(0,1fr));
}
.grid {
  display: grid;
}


/* GRID LAYOUT */
.offers-grid {
  display: grid;
  grid-template-columns: 1fr;         /* default: 1 per row (mobile <575px) */
  gap: 20px;                          /* space between cards */
}

/* ≥ 576px : 2 per row */
@media (min-width: 576px) {
  .offers-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ≥ 768px : 3 per row */
@media (min-width: 768px) {
  .offers-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* ≥ 992px : 5 per row */
@media (min-width: 992px) {
  .offers-grid {
    grid-template-columns: repeat(5, 1fr);
  }
}

/* CARD STYLES (your existing styles, slightly cleaned) */
.offer-item {
  text-decoration: none;
  color: inherit;
  display: block;
}

.offers-mains {
  border: 1px solid #c8c5c5;
  border-radius: 18px;
  /*min-height: 350px;*/
  margin-bottom: 0; /* grid handles spacing */
  overflow: hidden;
}

.offers-mains .offer-img {
  background: #000;
  border-radius: 16px 16px 0 0;
  padding: 20px;
  position: relative;
  display: flex;
  justify-content: center;
}

.offers-mains .offer-img .img-1 {
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
}

.offers-mains .offers-cnt {
  padding: 10px 10px 24px 10px;
}

.offers-mains .offers-cnt h3 {
  font-size: 18px;
  font-weight: 700;
  color: #000;
}

.offers-mains .offers-cnt p {
  font-size: 14px;
  color: #000;
  font-weight: 400;
}

.offers-mains .offer-img span {
  display: flex;
  background: #fff;
  position: absolute;
  left: 3%;
  top: 10%;
  border-radius: 5px;
  align-items: center;
  color: #000;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1rem;
  padding: 1px 0.5rem;
}

.offers-mains .offer-img span img {
  width: 28px;
  height: 28px;
  margin-right: 4px;
}

.offers-mains .offers-cnt span {
      background: #e2e3e6;
    padding: 6px 20px;
    border-radius: 50px;
    font-size: 13px;
    color: #000;
    font-weight: 700;
    display: inline-block;
}

.screen-reader {
  border-width:0;
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  white-space:nowrap;
  width:1px;
  clip:rect(0,0,0,0)
}
.section-heading {
  font-size:1rem;
  font-weight:500;
  line-height:1.5
}
@media (min-width:768px) {
  .section-heading {
    font-size:1.125rem;
    line-height:1.56
  }
}
.scroll-off {
  height:100%;
  left:0;
  overflow:hidden;
  top:0;
  width:100%
}
.link {
  color:#741FA2;
  font-family: var(--wiresans-font-family);
  font-size:1rem;
  font-weight:600;
  line-height:1.5;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content
}
@media (hover:hover) and (pointer:fine) {
  .link:hover {
    color:#487eff
  }
}
.link:visited {
  color:purple
}
.link:focus-visible {
  background-color:#1d3266;
  color:#fff;
  outline:1px solid #1d3266
}
.link.link-outlined {
  display:-webkit-box;
  overflow:hidden;
  text-overflow:ellipsis;
  word-break:break-word;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  border:2px solid #741FA2;
  border-radius:4px;
  font-family: var(--wiresans-font-family);
  font-weight:500;
  height:3rem;
  line-height:3;
  padding:0 1rem;
  text-decoration:none;
  word-break:break-all
}
.link.link-outlined:visited {
  color:#741FA2
}
@media (hover:hover) and (pointer:fine) {
  .link.link-outlined:hover {
    border-color:#487eff;
    color:#487eff
  }
}
.link.link-outlined:focus-visible {
  border:1px solid #fff;
  color:#fff;
  outline:2px solid #1d3266
}
.link.link-button {
  border:1px solid transparent;
  border-radius:4px;
  box-shadow:1px 1px 4px rgba(0,0,0,.3);
  color:#fff;
  cursor:pointer;
  display:block;
  font-family: var(--wiresans-font-family);
  font-size:1rem;
  font-weight:500;
  height:3rem;
  line-height:1.5;
  padding:.75rem 1rem;
  text-align:center;
  text-decoration:none;
  white-space:nowrap
}
.link.link-button:focus-visible {
  background-color:#1d3266;
  border:1px solid #fff;
  color:#fff;
  outline:2px solid #1d3266
}
@media (hover:hover) and (pointer:fine) {
  .link.link-button:hover {
    color:#fff
  }
}
.link.link-button-primary {
  background-color:#741FA2;
  color:#fff
}
@media (hover:hover) and (pointer:fine) {
  .link.link-button-primary:hover {
    background-color:#9844c6;
  }
}
.link.link-button-primary:active {
  background-color:#741FA2;
  box-shadow:inset 1px 1px 4px rgba(0,0,0,.16)
}
.link.link-button-secondary {
  background-color:#edf2ff;
  color:#4355ab
}
@media (hover:hover) and (pointer:fine) {
  .link.link-button-secondary:hover {
    background-color:#20b18c
  }
}
.link.link-button-secondary:active {
  background-color:#edf2ff;
  box-shadow:inset 1px 1px 4px rgba(0,0,0,.16);
  color:#4355ab
}
.btn-reveal {
  display:block;
  height:3.125rem;
  padding-right:1.875rem;
  position:relative;
  transition:padding .1s;
  width:13.438rem
}
.btn-reveal .code {
  align-items:center;
  background-color:#e3daef;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' stroke='%233258B3FF' stroke-dasharray='4, 6' stroke-dashoffset='3' stroke-linecap='square' stroke-width='2' rx='2' ry='2'/%3E%3C/svg%3E");
  border-radius:4px;
  color:#333;
  display:flex;
  font-family: var(--wiresans-font-family);
  font-size:1.625rem;
  font-weight:600;
  height:100%;
  justify-content:flex-end;
  line-height:1.23;
  overflow:hidden;
  padding-right:.5rem;
  position:absolute;
  white-space:nowrap;
  width:100%
}
.btn-reveal .cover {
  background-color:#741FA2;
  border:2px solid transparent;
  border-bottom-left-radius:4px;
  border-top-left-radius:4px;
  box-shadow:1px 1px 4px rgba(0,0,0,.3);
  color:#fff;
  display:block;
  font-family: var(--wiresans-font-family);
  font-size:1rem;
  font-weight:500;
  height:3.125rem;
  line-height:1.5;
  overflow:hidden;
  padding:.75rem .25rem;
  position:relative;
  text-align:center;
  text-overflow:ellipsis;
  transition:width .1s,padding .1s;
  white-space:nowrap;
  width:11.5rem
}
.btn-reveal:active,
.btn-reveal:hover {
  padding-right:2.75rem
}
.btn-reveal:active .code,
.btn-reveal:hover .code {
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http:https://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' stroke='%23487EFFFF' stroke-dasharray='4, 6' stroke-dashoffset='3' stroke-linecap='square' stroke-width='2' rx='2' ry='2'/%3E%3C/svg%3E")
}
.btn-reveal:active .cover,
.btn-reveal:hover .cover {
  background-color:#9844c6;
  border-color:#9844c6;
  padding:.75rem 0;
  width:10.5rem
}
.btn-reveal:focus-visible {
  outline:none
}
.btn-reveal:focus-visible .code {
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http:https://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' stroke='%231D3266FF' stroke-dasharray='4, 6' stroke-dashoffset='3' stroke-linecap='square' stroke-width='2' rx='2' ry='2'/%3E%3C/svg%3E")
}
.btn-reveal:focus-visible .cover {
  background-color:#1d3266;
  border:2px solid #1d3266;
  box-shadow:inset 0 0 0 1px #fff;
  box-sizing:border-box
}
.btn-reveal.revealed {
  display:block;
  padding-right:0
}
.btn-reveal.revealed .cover {
  display:none
}
.btn-reveal.revealed .code {
  display:block;
  line-height:3.125rem;
  overflow:hidden;
  padding:0 .5rem;
  position:static;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap
}
.btn-reveal.revealed .code.small {
  font-size:1rem
}
.btn-reveal.revealed .code.tiny {
  font-size:.875rem
}
.btn-reveal.revealed:before {
  border-bottom:10px solid #741FA2;
  border-left:10px solid transparent;
  border-right:10px solid transparent;
  bottom:-.5rem;
  content:""
}
.btn-reveal.revealed:after,
.btn-reveal.revealed:before {
  left:50%;
  opacity:0;
  position:absolute;
  transform:translate(-50%);
  transition:opacity .5s;
  visibility:hidden
}
.btn-reveal.revealed:after {
  background-color:#741FA2;
  border-radius:2px;
  bottom:-2.5rem;
  color:#fff;
  content:"Click to copy code";
  font-family: var(--wiresans-font-family);
  font-size:.875rem;
  font-weight:600;
  line-height:1.14;
  padding:.5rem;
  white-space:nowrap;
  z-index:200
}
.btn-reveal.revealed:hover .code {
  background-image:none;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http:https://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' stroke='%233258B3FF' stroke-dasharray='1' stroke-dashoffset='3' stroke-linecap='square' stroke-width='2' rx='2' ry='2'/%3E%3C/svg%3E");
  cursor:pointer
}
.btn-reveal.revealed:hover:after,
.btn-reveal.revealed:hover:before {
  opacity:1;
  visibility:visible
}
.btn-reveal.revealed:focus-visible {
  outline:none
}
.btn-reveal.revealed:focus-visible .code {
  background-color:#1d3266;
  box-shadow:inset 0 0 0 1px #fff;
  color:#fff;
  outline:2px solid #1d3266
}
.btn-reveal.revealed:focus-visible:after,
.btn-reveal.revealed:focus-visible:before {
  opacity:1;
  visibility:visible
}
.input-component-wrapper {
  display:flex;
  flex-direction:column
}
.input-component-wrapper .label-wrapper {
  margin-bottom:.25rem
}
.input-component-wrapper .label-wrapper .input-label {
  color:#333;
  font-size:1rem;
  font-weight:600;
  line-height:1.25
}
.input-component-wrapper .input-wrapper .input {
  background-color:#fff;
  border:1px solid #f8f8f8;
  border-radius:4px;
  box-shadow:inset 1px 1px 4px rgba(0,0,0,.16);
  caret-color:#487eff;
  color:#333;
  font-size:1rem;
  font-weight:600;
  height:3rem;
  line-height:1.5;
  padding:.75rem 1rem
}
.input-component-wrapper .input-wrapper .input:focus {
  outline:2px solid #487eff;
  outline-offset:2px
}
.input-component-wrapper .input-wrapper .input.error {
  outline:2px solid red;
  outline-offset:2px
}
.input-component-wrapper .input-wrapper .input:disabled {
  background-color:#f8f8f8;
  color:#505050;
  cursor:not-allowed
}
.input-component-wrapper .input-wrapper .input::-moz-placeholder {
  color:#939496;
  font-weight:400
}
.input-component-wrapper .input-wrapper .input::placeholder {
  color:#939496;
  font-weight:400
}
.input-component-wrapper .error-message {
  color:red;
  font-size:.875rem;
  font-weight:600;
  line-height:1.14;
  margin-top:.25rem
}
.input-component-wrapper.input-dark .label-wrapper .input-label {
  color:#fff
}
.input-component-wrapper.input-dark .input-wrapper .input {
  caret-color:#505050
}
.input-component-wrapper.input-dark .input-wrapper .input:focus {
  outline:2px solid #fff
}
.input-component-wrapper.input-dark .input-wrapper .input.error {
  outline:2px solid red
}
.input-component-wrapper.input-dark .error-message {
  color:#f8f8f8
}
.btn {
  border:1px solid transparent;
  border-radius:4px;
  box-shadow:1px 1px 4px rgba(0,0,0,.3);
  cursor:pointer;
  font-family: var(--wiresans-font-family);
  font-size:1rem;
  font-weight:500;
  height:3rem;
  line-height:1.5;
  padding:.75rem 1rem;
  white-space:nowrap
}
.btn:focus-visible {
  background-color:#1d3266;
  border:1px solid #fff;
  color:#fff;
  outline:2px solid #1d3266
}
@media (hover:hover) and (pointer:fine) {
  .btn:hover {
    color:#fff
  }
}
.btn-primary {
  background-color:#741FA2;
  color:#fff
}
@media (hover:hover) and (pointer:fine) {
  .btn-primary:hover {
    background-color:#487eff
  }
}
.btn-primary:active {
  background-color:#741FA2;
  box-shadow:inset 1px 1px 4px rgba(0,0,0,.16)
}
.btn-secondary {
  background-color:#edf2ff;
  color:#4355ab
}
@media (hover:hover) and (pointer:fine) {
  .btn-secondary:hover {
    background-color:#20b18c
  }
}
.btn-secondary:active {
  background-color:#edf2ff;
  box-shadow:inset 1px 1px 4px rgba(0,0,0,.16);
  color:#4355ab
}
.btn-success {
  background-color:#20b18c;
  color:#fff
}
@media (hover:hover) and (pointer:fine) {
  .btn-success:hover {
    background-color:#167c62
  }
}
.btn-success:active {
  background-color:#20b18c;
  box-shadow:inset 1px 1px 4px rgba(0,0,0,.16)
}
.btn-link {
  border:none;
  box-shadow:none;
  color:#741FA2;
  font-family: var(--wiresans-font-family);
  font-weight:600;
  height:auto;
  padding:0;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content
}
@media (hover:hover) and (pointer:fine) {
  .btn-link:hover {
    background-color:initial;
    color:#487eff
  }
}
.btn-link:focus-visible {
  background-color:#1d3266;
  border:none;
  border-radius:0;
  color:#fff;
  outline:1px solid #1d3266;
  outline-offset:1px
}
.btn:disabled {
  background-color:#e4e4e4;
  box-shadow:none;
  color:#505050;
  cursor:not-allowed
}

.star-rating {
  display:inline-flex
}
.star-rating .rate-box {
  align-items:center;
  background-color:#fddc2b;
  border-radius:12px;
  color:#505050;
  display:inline-flex;
  font-family: var(--wiresans-font-family);
  font-size:.875rem;
  font-weight:600;
  line-height:1.14;
  margin:auto;
  padding:2px .5rem
}
.star-rating .rate-box .rate-icon {
  background:50% no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath fill='%23505050' fill-rule='evenodd' stroke='%23505050' stroke-linecap='round' stroke-linejoin='round' d='M6 9.292 2.91 11l.59-3.618L1 4.82l3.455-.528L6 1l1.545 3.292L11 4.82 8.5 7.382 9.09 11z' clip-rule='evenodd'/%3E%3C/svg%3E");
  height:1rem;
  width:1rem
}
.star-rating .votes {
  color:#505050;
  font-family: var(--wiresans-font-family);
  font-size:.875rem;
  font-weight:600;
  line-height:1.14;
  margin:auto;
  padding-left:4px
}
.card {
  background-color:#fff;
  border:1px solid #bcc6d7;
  border-radius:10px;
  display:block;
  padding:2rem;
  width:100%
}
.tag {
  background-color:#ebe0f1;
  border-radius:4px;
  color:#741FA2;
  font-size:.875rem;
  font-weight:600;
  line-height:1.14;
  padding:.5rem .75rem;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content
}
@media (hover:hover) and (pointer:fine) {
  .tag:hover {
    background-color:#741FA2;
    color:#fff
  }
}
.tag:focus-visible {
  background-color:#1d3266;
  color:#fff;
  outline:1px solid #1d3266;
  outline-offset:1px
}
.rich-text {
  font-size:.875rem;
  line-height:1.43;
  overflow-wrap:anywhere
}
.rich-text a {
  color:#741FA2;
  font-weight:600
}
@media (hover:hover) and (pointer:fine) {
  .rich-text a:hover {
    color:#487eff
  }
}
.rich-text a:visited {
  color:purple
}
.rich-text a:focus-visible {
  background-color:#1d3266;
  color:#fff;
  outline:1px solid #1d3266
}
.rich-text h2 {
  font-size:1rem;
  font-weight:500;
  line-height:1.5;
  margin-bottom:.25rem;
  margin-top:1.5rem
}
@media (min-width:768px) {
  .rich-text h2 {
    font-size:1.125rem;
    line-height:1.56;
    margin-bottom:.5rem;
    margin-top:1.25rem
  }
}
.rich-text h2:first-child {
  margin-top:0
}
.rich-text h3 {
  font-size:.875rem;
  line-height:1.71
}
@media (min-width:768px) {
  .rich-text h3 {
    font-size:1rem;
    line-height:1.5
  }
}
.rich-text hr {
  background-color:#bcc6d7;
  border:none;
  height:1px;
  margin:1.25rem 0
}
.rich-text p {
  font-size:.875rem;
  line-height:1.7;
  margin-bottom:.7rem
}
.rich-text ul li {
  list-style:disc;
  margin-bottom:.5rem;
  margin-left:1.5rem
}
.rich-text ol li {
  list-style-type:decimal;
  margin-bottom:.5rem;
  margin-left:1.25rem;
  padding-left:.25rem
}
.blog-post-card {
  background-color:#fff;
  border-radius:10px;
  display:block
}
.blog-post-card .image {
  border-radius:10px;
  width:100%
}
@media (min-width:768px) {
  .blog-post-card .image {
    filter:brightness(.8)
  }
}
.blog-post-card .content {
  padding:1rem
}
.blog-post-card .title {
  color:#741FA2;
  font-size:1rem;
  line-height:1.5;
  margin-bottom:.5rem
}
@media (min-width:768px) {
  .blog-post-card .title {
    font-size:1rem;
    line-height:1.5
  }
}
.blog-post-card .description {
  font-size:.875rem;
  line-height:1.43
}
.blog-post-card:visited .title {
  color:purple
}
@media (hover:hover) and (pointer:fine) {
  .blog-post-card:hover .title {
    color:#487eff
  }
  .blog-post-card:hover .image {
    filter:brightness(1)
  }
}
.link-card {
  align-items:center;
  background-color:#fff;
  border:2px solid transparent;
  border-radius:4px;
  color:#333;
  display:inline-flex;
  font-family: var(--wiresans-font-family);
  font-size:.875rem;
  font-weight:500;
  height:3.75rem;
  line-height:1.71;
  padding:0 .5rem;
  width:100%
}
@media (min-width:768px) {
  .link-card {
    font-size:1rem;
    line-height:1.5
  }
}
.link-card.with-img {
  padding-left:0
}
@media (hover:hover) and (pointer:fine) {
  .link-card:hover {
    color:#741FA2
  }
}
.link-card:focus-visible {
  background-color:#1d3266;
  border:2px solid #fff;
  border-radius:7px;
  box-sizing:border-box;
  color:#fff;
  outline:2px solid #1d3266
}
.link-card .card-img {
  border-bottom-left-radius:4px;
  border-top-left-radius:4px;
  height:3.55rem;
  margin-right:.75rem;
  width:3.55rem
}
.link-card.size-medium {
  border:none;
  border-radius:10px;
  height:6.25rem
}
.link-card.size-medium .card-img {
  border-bottom-left-radius:10px;
  border-top-left-radius:10px;
  height:6.25rem;
  width:6.25rem
}
.link-card .card-text {
  display:-webkit-box;
  overflow:hidden;
  text-overflow:ellipsis;
  word-break:break-word;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical
}
.link-card.text-center .card-text {
  text-align:center;
  width:100%
}
.voting {
  align-items:center;
  display:flex
}
.voting .question {
  color:#505050;
  font-size:.875rem;
  font-weight:600;
  line-height:1.14;
  margin-left:.75rem
}
.voting .thumb-container {
  border:1px solid #e4e4e4;
  border-radius:50%;
  height:2.25rem;
  margin-left:.5rem;
  width:2.25rem
}
.voting .thumb-container:focus-visible {
  background-color:#1d3266;
  color:#fff;
  outline:1px solid #1d3266;
  outline-offset:1px
}
.voting .thumb-container.up.voted {
  border-color:#20b18c
}
.voting .thumb-container.down.voted {
  border-color:red
}
.voting .thumb-container .thumb {
  background-color:#939496;
  height:100%;
  -webkit-mask-image:url(https://static.couponfollow.com/dist/img/thumb.svg);
  mask-image:url(https://static.couponfollow.com/dist/img/thumb.svg);
  -webkit-mask-position:center center;
  mask-position:center center;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  position:relative;
  width:100%
}
.voting .thumb-container .thumb.up {
  top:-1px
}
.voting .thumb-container .thumb.up.voted {
  background-color:#20b18c
}
.voting .thumb-container .thumb.down {
  top:1px;
  transform:rotate(180deg)
}
.voting .thumb-container .thumb.down.voted {
  background-color:red
}
@media (hover:hover) and (pointer:fine) {
  .voting .thumb-container:hover:not(.voted):not(:disabled) {
    border-color:#741FA2
  }
  .voting .thumb-container:hover:not(.voted):not(:disabled) .thumb {
    background-color:#741FA2
  }
}
.dropdown {
  background-color:#fff;
  box-shadow:0 2px 6px 4px rgba(51,51,51,.09);
  flex-direction:column;
  margin-top:.5rem;
  padding:.25rem;
  position:absolute
}
.dropdown,
.dropdown-item {
  border-radius:4px;
  display:flex
}
.dropdown-item {
  align-items:center;
  color:#333;
  font-family: var(--wiresans-font-family);
  padding:.75rem;
  white-space:nowrap
}
@media (hover:hover) and (pointer:fine) {
  .dropdown-item:hover {
    background-color:#e6faf6
  }
}
.dropdown-item:focus-visible {
  outline:1px solid #20b18c
}
.cant-find-code .link {
  padding-left:0
}
.cant-find-code .find-code {
  margin-bottom:1rem
}
.cant-find-code .section-heading {
  font-family: var(--wiresans-font-family);
  margin-bottom:.5rem
}
.coupon-highlights {
  margin-bottom:1rem
}
@media (min-width:768px) {
  .coupon-highlights {
    margin-bottom:0
  }
}
.coupon-highlights table {
  border-spacing:0;
  color:#333;
  font-size:.875rem;
  line-height:1.14
}
.coupon-highlights table td {
  padding-bottom:1rem
}
.coupon-highlights table td.label {
  font-weight:600
}
.coupon-highlights table td.value {
  padding-left:1rem
}
.coupon-highlights table tr:last-of-type td {
  padding-bottom:0
}
.region-select {
  position:relative
}
.region-select .change-country {
  align-items:center;
  display:flex;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content
}
.region-select .selected-region {
  align-items:center;
  background:transparent;
  box-shadow:none;
  color:#fff;
  display:inline-flex;
  font-family: var(--wiresans-font-family);
  font-size:.875rem;
  line-height:1.43;
  padding:0
}
.region-select .planet {
  margin-left:.5rem;
  margin-right:.25rem
}
.region-select .arrow {
  border:solid #fff;
  border-width:2px 0 0 2px;
  display:inline-block;
  height:.5rem;
  margin-left:.5rem;
  transform:rotate(-135deg);
  transition:transform .2s ease;
  width:.5rem
}
.region-select.dropdown-open .arrow {
  transform:rotate(45deg)
}
.region-select .flag {
  background-repeat:no-repeat;
  background-size:contain;
  border-radius:4px;
  display:block;
  height:18px;
  width:24px
}
.region-select .dropdown.switch-region {
  border-radius:0;
  display:none;
  z-index:1000
}
.region-select .dropdown.switch-region.position-below {
  margin-top:.75rem;
  top:100%
}
.region-select .dropdown.switch-region.position-above {
  bottom:100%;
  margin-bottom:.75rem
}
.region-select .dropdown.switch-region .dropdown-item {
  display:inline-flex;
  font-size:1rem;
  font-weight:500;
  line-height:1.5;
  min-width:180px;
  padding:.25rem
}
.region-select .dropdown.switch-region .dropdown-item .flag {
  margin-right:.75rem
}
.region-select .dropdown.switch-region.active {
  display:block
}
.

.navigation.active .account-suspended-banner {
  display:none
}
@keyframes shake {
  10%,
  90% {
    transform:translate3d(-1px,0,0)
  }
  20%,
  80% {
    transform:translate3d(2px,0,0)
  }
  30%,
  50%,
  70% {
    transform:translate3d(-3px,0,0)
  }
  40%,
  60% {
    transform:translate3d(3px,0,0)
  }
}
.curated-by .link {
  padding-left:0
}
.curated-by .job-title {
  font-size:.875rem;
  line-height:1.43;
  margin-top:.5rem
}
.site-heading {
  background-color:#fff;
  border-bottom:1px solid #bcc6d7
}
.site-heading .site-heading-content {
  display:grid;
  grid-template-areas:"logo blank blank" "logo title title" "logo rating links" "logo blank2 blank2";
  grid-template-columns:auto auto 1fr;
  margin:0 auto;
  max-width:75rem;
  padding:.5rem
}
@media (min-width:768px) {
  .site-heading .site-heading-content {
    padding:1rem 1.5rem
  }
}
.site-heading .site-logo-container {
  border-radius:4px;
  grid-area:logo;
  height:4.5rem;
  margin-right:1rem;
  width:4.5rem
}
@media (min-width:768px) {
  .site-heading .site-logo-container {
    height:8rem;
    margin-right:1.25rem;
    width:8rem
  }
}
.site-heading .site-logo-container:focus-visible {
  outline-offset:2px
}
.site-heading .site-logo-container .site-logo {
  border-radius:4px;
  width:100%
}
.site-heading .site-title {
  font-size:1.25rem;
  grid-area:title;
  line-height:1.25
}
@media (min-width:768px) {
  .site-heading .site-title {
    font-size:2.25rem;
    line-height:1.17;
    margin-bottom:1rem
  }
}
.site-heading .star-rating {
  grid-area:rating;
  margin-right:.5rem
}
@media (min-width:768px) {
  .site-heading .star-rating {
    margin-right:1rem
  }
}
.site-heading .anchor-links {
  align-items:center;
  display:flex;
  grid-area:links;
  margin-top:0
}
.site-heading .anchor-links .link {
  font-size:.875rem;
  line-height:1.14
}
.site-heading .anchor-links .link .desktop {
  display:none
}
@media (min-width:768px) {
  .site-heading .anchor-links .link .desktop {
    display:inline
  }
}
.site-heading.expanded .anchor-links {
  display:flex;
  flex-direction:column;
  row-gap:1rem
}
.offer-list {
  display:flex;
  flex-direction:column;
  gap:1rem
}
.offer-list-heading {
  margin-bottom:0
}
@media (max-width:767px) {
  .offer-list-heading {
    margin-bottom: 10px;
  }
}
.offer-list-section {
  display:flex;
  flex-direction:column;
  gap:.5rem
}
@media (min-width:768px) {
  .offer-list-section {
    gap:1.25rem
  }
}
.offer-card {
  background-color:#fff;
  border:1px solid #bcc6d7;
  border-radius:10px;
  cursor:pointer
}
@media (min-width:768px) {
  .offer-card {
    border:none;
    box-shadow:0 2px 6px 4px rgba(51,51,51,.09)
  }
}
.offer-card .offer-card-box {
  align-items:center;
  display:flex;
  padding:.5rem
}
@media (min-width:768px) {
  .offer-card .offer-card-box {
    min-height:10.875rem;
    padding:1rem
  }
}
.offer-card .right {
  display:none
}
@media (min-width:768px) {
  .offer-card .right {
    align-items:flex-end;
    display:flex;
    flex-direction:column;
    gap:1rem
  }
}
.offer-card .offer-cta {
  display:none
}
@media (min-width:768px) {
  .offer-card .offer-cta {
    display:block;
    width:13.438rem
  }
}
.offer-card .offer-details {
  display:flex;
  flex:1;
  flex-direction:column;
  gap:.25rem;
  padding:0 .5rem
}
@media (min-width:768px) {
  .offer-card .offer-details {
    padding:0 1.5rem
  }
}
.offer-card .offer-details .offer-title {
  color:#333;
  display:-webkit-box;
  font-family: var(--wiresans-font-family);
  font-size:1.125rem;
  font-weight:600;
  line-height:1.33;
  margin-bottom:0;
  overflow:hidden;
  text-overflow:ellipsis;
  word-break:break-word;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical
}
@media (min-width:768px) {
  .offer-card .offer-details .offer-title {
    font-size:1.5rem;
    line-height:1.23
  }
}
.offer-card .offer-details .offer-description {
  color:#333;
  display:-webkit-box;
  font-family: var(--wiresans-font-family);
  font-size:.875rem;
  font-weight:400;
  line-height:1.43;
  overflow:hidden;
  text-overflow:ellipsis;
  word-break:break-word;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical
}
@media (min-width:768px) {
  .offer-card .offer-details .offer-description {
    font-size:1rem;
    line-height:1.5
  }
}
.offer-card .offer-details .details-link {
  font-size:.875rem;
  line-height:1.43
}
@media (min-width:768px) {
  .offer-card .offer-details .details-link {
    font-size:1rem;
    line-height:1.5
  }
}
.offer-card .saving {
  background-color:#e6faf6;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
  border-top:1px solid #c2f4e8;
  color:#167c62;
  display:block;
  font-family: var(--wiresans-font-family);
  font-size:.875rem;
  font-weight:500;
  line-height:1.29;
  padding:.5rem 1rem
}
.offer-card .store-details {
  align-items:center;
  display:flex;
  font-family: var(--wiresans-font-family);
  font-size:.75rem;
  font-weight:500;
  gap:.25rem;
  line-height:1.5
}
.offer-card .store-details .logo {
  border-radius:2px
}
.discount-box {
  align-items:center;
  align-self:stretch;
  border-radius:8px;
  display:flex;
  flex:0 0 6.25rem;
  flex-direction:column;
  justify-content:center;
  margin-bottom:-.5rem;
  margin-left:-.5rem;
  margin-top:-.5rem;
  min-height:5.5rem;
  position:relative;
  text-align:center
}
.discount-box.cashback-box,
.discount-box.exclusive-box {
  padding:1.5rem 0 .5rem
}
@media (min-width:768px) {
  .discount-box {
    flex:0 0 9.5rem;
    margin-bottom:-1rem;
    margin-left:-1rem;
    margin-top:-1rem
  }
}
.discount-box .cashback,
.discount-box .exclusive {
  border-radius:6px;
  font-family: var(--wiresans-font-family);
  font-size:.75rem;
  font-weight:600;
  left:.5rem;
  line-height:1.5;
  position:absolute;
  right:.5rem;
  text-align:center;
  text-transform:capitalize;
  top:.5rem
}
@media (min-width:768px) {
  .discount-box .cashback,
  .discount-box .exclusive {
    border-radius:8px;
    font-size:1rem;
    left:1rem;
    line-height:1.5;
    right:1rem
  }
}
.discount-box .exclusive {
  background-color:#fddc2b;
  color:#333
}
.discount-box .cashback {
  background-color:#63c8af;
  color:#333
}
.discount-box .prefix,
.discount-box .suffix {
  color:#03120e;
  font-family: var(--wiresans-font-family);
  font-size:.875rem;
  line-height:1.5;
  text-transform:uppercase
}
@media (min-width:768px) {
  .discount-box .prefix,
  .discount-box .suffix {
    font-size:1.25rem;
    line-height:1.33
  }
}
.discount-box .text {
  font-family: var(--wiresans-font-family);
  font-size:1.675rem;
  font-weight:600;
  line-height:1.5;
  text-transform:uppercase
}
@media (min-width:768px) {
  .discount-box .text {
    font-size:2.625rem;
    line-height:1.17
  }
}
.discount-box.ex .prefix,
.discount-box.ex .suffix,
.discount-box.ex .text {
  color:#939496
}
.discount-box:after {
  background-image:repeating-linear-gradient(180deg,#939496 0,#939496 8px,transparent 0,transparent 12px);
  background-position:top;
  background-repeat:repeat-y;
  background-size:100% 12px;
  bottom:4px;
  content:" ";
  left:6.25rem;
  position:absolute;
  top:4px;
  width:1px
}
@media (min-width:768px) {
  .discount-box:after {
    left:9.5rem
  }
}
.offer-card.placement-offer .desktop-link,
.offer-card.placement-offer .mobile-link {
  font-size:.875rem;
  line-height:1.14
}
.offer-card.placement-offer .right .desktop-link {
  display:none
}
@media (min-width:768px) {
  .offer-card.placement-offer .right .desktop-link {
    display:inline
  }
}
.offer-card.placement-offer .placement-label {
  background-color:#4355ab;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
  color:#fff;
  font-family: var(--wiresans-font-family);
  font-size:.75rem;
  font-weight:500;
  line-height:1.5;
  padding:.5rem 1rem
}
@media (min-width:768px) {
  .offer-card.placement-offer .placement-label {
    font-size:.875rem;
    line-height:1.29
  }
}
.offer-card.placement-offer .site-logo-wrapper {
  margin-bottom:-.5rem;
  margin-right:.5rem;
  margin-top:-.5rem;
  position:relative
}
@media (min-width:768px) {
  .offer-card.placement-offer .site-logo-wrapper {
    margin-bottom:-1rem;
    margin-right:1rem;
    margin-top:-1rem
  }
}
.offer-card.placement-offer .site-logo-wrapper:after {
  background-image:repeating-linear-gradient(180deg,#939496 0,#939496 8px,transparent 0,transparent 12px);
  background-position:top;
  background-repeat:repeat-y;
  background-size:100% 12px;
  bottom:-1rem;
  content:" ";
  left:6rem;
  position:absolute;
  top:-1rem;
  width:1px
}
@media (min-width:768px) {
  .offer-card.placement-offer .site-logo-wrapper:after {
    bottom:-1.25rem;
    left:8.5rem;
    top:-1.25rem
  }
}
.offer-card.placement-offer .site-logo {
  border-radius:10px;
  height:5.5rem;
  width:5.5rem
}
@media (min-width:768px) {
  .offer-card.placement-offer .site-logo {
    height:7.5rem;
    width:7.5rem
  }
  .offer-card.placement-offer .insights {
    display:none
  }
}
.popular-searches {
  margin-top:1rem
}
@media (min-width:768px) {
  .popular-searches {
    margin-top:0
  }
}
.popular-searches .section-heading {
  margin-bottom:.25rem
}
.popular-searches .link-list {
  list-style:none
}
.popular-searches .link-list .link {
  line-height:2;
  text-decoration:none
}
.offer-card.regular-offer .terms {
  display:block;
  font-size:.875rem;
  line-height:1.29
}
.offer-card.regular-offer .offer-card-box:after {
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http:https://www.w3.org/2000/svg' width='10' height='16' fill='none'%3E%3Cpath fill='%23487EFF' stroke='%23487EFF' d='m2.282 14.346.361.377.361-.377 5.75-6L9.086 8l-.332-.346-5.75-6-.36-.377-.362.377-1.018 1.063-.332.346.332.346L5.664 8l-4.4 4.591-.332.346.332.346z'/%3E%3C/svg%3E");
  background-position:50%;
  background-repeat:no-repeat;
  content:"";
  height:12px;
  width:8px
}
@media (min-width:768px) {
  .offer-card.regular-offer .offer-card-box:after {
    display:none
  }
}
.offer-card.regular-offer .offer-details {
  padding-left:.625rem
}
@media (min-width:768px) {
  .offer-card.regular-offer .offer-details {
    padding-left:1.5rem
  }
}
.offer-card.regular-offer .offer-details .terms {
  margin-top:.5rem
}
@media (min-width:768px) {
  .offer-card.regular-offer .offer-details .terms {
    display:none
  }
}
.offer-card.regular-offer .offer-details .insights {
  color:#333;
  font-family: var(--wiresans-font-family);
  font-size:.875rem;
  line-height:1.43;
  margin-top:auto
}
@media (min-width:768px) {
  .offer-card.regular-offer .offer-details .insights {
    font-size:.875rem;
    line-height:1.43
  }
}
.offer-card.regular-offer .offer-details .insights .last-verified:before {
  content:"• ✔";
  padding:.25rem
}
.offer-card.regular-offer.type-cashback .offer-description {
  font-style:italic
}
.offer-card.regular-offer:not(.type-cashback) .insights {
  display:-webkit-box;
  overflow:hidden;
  text-overflow:ellipsis;
  word-break:break-word;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical
}
.offer-card.regular-offer.trending-offer {
  border:3px solid #20b18c
}
.offer-card.regular-offer.trending-offer .trending-label {
  align-items:center;
  background-color:#20b18c;
  color:#fff;
  display:flex;
  font-family: var(--wiresans-font-family);
  font-size:.875rem;
  font-weight:500;
  gap:.25rem;
  line-height:1.71;
  padding:.25rem .5rem
}
@media (min-width:768px) {
  .offer-card.regular-offer.trending-offer .trending-label {
    font-size:1.125rem;
    gap:.5rem;
    line-height:1.56;
    padding:.5rem
  }
}
.offer-card.regular-offer.trending-offer .trending-label:before {
  background-color:#fff;
  content:"";
  height:.6rem;
  -webkit-mask-image:url(https://static.couponfollow.com/dist/img/trending_up.svg);
  mask-image:url(https://static.couponfollow.com/dist/img/trending_up.svg);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:contain;
  mask-size:contain;
  width:1.125rem
}
@media (min-width:768px) {
  .offer-card.regular-offer.trending-offer .trending-label:before {
    height:.75rem;
    width:1.3rem
  }
}
.newsletter {
  background-color:#2d3e50;
  border-radius:10px;
  padding:.5rem .75rem
}
@media (min-width:768px) {
  .newsletter {
    align-items:center;
    display:grid;
    grid-template-columns:auto auto;
    justify-content:space-between
  }
  .newsletter.expanded {
    grid-template-rows:minmax(0,auto) minmax(0,auto)
  }
}
.newsletter .title {
  color:#fff;
  font-family: var(--wiresans-font-family);
  font-size:1rem;
  font-weight:500;
  line-height:1.5;
  margin-bottom:.25rem
}
@media (min-width:768px) {
  .newsletter .title {
    font-size:1.125rem;
    grid-column:1;
    line-height:1.56
  }
}
.newsletter .subtitle {
  color:#fff;
  font-size:.75rem;
  font-weight:400;
  line-height:1.33;
  margin-top:.75rem
}
@media (min-width:768px) {
  .newsletter .subtitle {
    font-size:.875rem;
    grid-column:1;
    line-height:1.43;
    margin-top:0
  }
}
.newsletter .link {
  border:1px solid transparent;
  color:#fff;
  font-size:.75rem;
  line-height:1.33;
  margin-top:.75rem
}
@media (min-width:768px) {
  .newsletter .link {
    font-size:.875rem;
    line-height:1.43;
    margin-left:auto
  }
}
.newsletter .link:focus-visible {
  border:1px solid #fff
}
.newsletter .btn-link {
  color:#fff;
  font-size:.875rem;
  line-height:1.14;
  margin-top:.25rem
}
.newsletter .form {
  align-items:flex-start;
  display:flex;
  gap:.5rem
}
@media (min-width:768px) {
  .newsletter .form {
    align-items:flex-end;
    grid-column:2;
    grid-row:1/-1;
    padding-left:.5rem
  }
}
.newsletter .form .input-component-wrapper,
.newsletter .form .input-component-wrapper .input {
  width:100%
}
.newsletter.state-following {
  align-items:center;
  display:flex
}
@media (min-width:768px) {
  .newsletter.state-following {
    justify-content:flex-start
  }
}
.newsletter.state-following .title {
  margin-bottom:0
}
.newsletter.state-following .btn-link {
  margin-top:.5rem
}
.newsletter.state-following .icon {
  height:2rem;
  margin-right:.5rem;
  width:2rem
}
.newsletter.state-logged-in .title {
  margin-bottom:.75rem
}
@media (min-width:768px) {
  .newsletter.state-logged-in .title {
    margin-bottom:.5rem
  }
}
.newsletter.state-logged-in .subtitle {
  display:none
}
@media (min-width:768px) {
  .newsletter.state-logged-in .subtitle {
    display:initial
  }
}
.newsletter.state-logged-in .link {
  display:block;
  margin-top:.75rem
}
.newsletter.state-logged-in .btn-secondary {
  max-width:80vw;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content
}
@media (min-width:768px) {
  .newsletter.state-logged-in .btn-secondary {
    max-width:18.75rem
  }
}
.rating .section-heading {
  margin-bottom:.75rem
}
.rating .user-rating {
  display:flex;
  gap:.5rem;
  margin-bottom:.75rem;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content
}
.rating .user-rating .star {
  cursor:default
}
.rating .user-rating .star .icon {
  background:50% no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' fill='none' viewBox='0 0 31 31'%3E%3Cpath stroke='%23D9D9D9' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M15.5 24.388 7.157 29l1.593-9.769L2 12.313l9.328-1.425L15.5 2l4.172 8.888L29 12.313l-6.75 6.918L23.843 29z' clip-rule='evenodd'/%3E%3C/svg%3E");
  display:inline-block;
  height:1.6875rem;
  width:1.6875rem
}
.rating .user-rating .star.selected .icon {
  background:50% no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' fill='none' viewBox='0 0 31 31'%3E%3Cpath fill='%23FDDC2B' fill-rule='evenodd' stroke='%23FDDC2B' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M15.5 24.388 7.157 29l1.593-9.769L2 12.313l9.328-1.425L15.5 2l4.172 8.888L29 12.313l-6.75 6.918L23.843 29z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.rating .user-rating .star:last-child {
  padding-right:0
}
.rating .user-rating.empty .star {
  cursor:pointer;
      border: none;
    background: none;
}
.rating .user-rating.empty .star .icon {
  transition:all .5s
}
.rating .user-rating.empty .star:focus-visible {
  outline:none
}
.rating .user-rating.empty .star:focus-visible .icon {
  outline:2px solid #1d3266;
  transition:none
}
.rating .user-rating.empty:hover:has(.star:hover) .star .icon {
  background:50% no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' fill='none' viewBox='0 0 31 31'%3E%3Cpath fill='%23FDDC2B' fill-rule='evenodd' stroke='%23FDDC2B' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M15.5 24.388 7.157 29l1.593-9.769L2 12.313l9.328-1.425L15.5 2l4.172 8.888L29 12.313l-6.75 6.918L23.843 29z' clip-rule='evenodd'/%3E%3C/svg%3E");
  transition:all .5s
}
.rating .user-rating.empty:hover:has(.star:hover) .star:hover~.star .icon {
  background:50% no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' fill='none' viewBox='0 0 31 31'%3E%3Cpath fill='%23FDDC2B' fill-rule='evenodd' stroke='%23FDDC2B' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M15.5 24.388 7.157 29l1.593-9.769L2 12.313l9.328-1.425L15.5 2l4.172 8.888L29 12.313l-6.75 6.918L23.843 29z' clip-rule='evenodd'/%3E%3C/svg%3E");
  transition:all .5s
}
@supports not selector(:has(a,b)) {
  .rating .user-rating.empty {
    display:block;
    gap:unset
  }
  .rating .user-rating.empty .star {
    padding-right:.5rem
  }
  .rating .user-rating.empty:hover .star .icon {
    background:50% no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http:https://www.w3.org/2000/svg' width='27' height='27' fill='none' viewBox='0 0 31 31'%3E%3Cpath fill='%23FDDC2B' fill-rule='evenodd' stroke='%23FDDC2B' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M15.5 24.388 7.157 29l1.593-9.769L2 12.313l9.328-1.425L15.5 2l4.172 8.888L29 12.313l-6.75 6.918L23.843 29z' clip-rule='evenodd'/%3E%3C/svg%3E");
    transition:all .5s
  }
  .rating .user-rating.empty:hover .star:hover~.star .icon {
    background:50% no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http:https://www.w3.org/2000/svg' width='27' height='27' fill='none' viewBox='0 0 31 31'%3E%3Cpath stroke='%23D9D9D9' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M15.5 24.388 7.157 29l1.593-9.769L2 12.313l9.328-1.425L15.5 2l4.172 8.888L29 12.313l-6.75 6.918L23.843 29z' clip-rule='evenodd'/%3E%3C/svg%3E");
    transition:all .5s
  }
}
.rating .user-message {
  color:#333;
  font-size:.75rem;
  line-height:1.33;
  margin-bottom:.75rem
}
@media (min-width:768px) {
  .connect-with-store .description {
    font-size:.875rem;
    line-height:1.43
  }
}
.connect-with-store .link {
  margin-top:1.25rem
}
.connect-with-store .line {
  background-color:#bcc6d7;
  border:none;
  height:1px;
  margin:1.25rem 0
}
.connect-with-store .categories {
  display:flex;
  flex-wrap:wrap;
  gap:.5rem
}
@media (min-width:768px) {
  .supplemental-content.card {
    border:none;
    box-shadow:0 2px 6px 4px rgba(51,51,51,.09)
  }
}
.related-blog-posts .blog-posts {
  display:grid;
  gap:1rem;
  grid-template-columns:1fr
}
@media (min-width:576px) {
  .related-blog-posts .blog-posts {
    grid-template-columns:repeat(2,1fr)
  }
}
@media (min-width:768px) {
  .related-blog-posts .blog-posts {
    grid-template-columns:repeat(3,1fr)
  }
}
@media (min-width:992px) {
  .related-blog-posts .blog-posts {
    grid-template-columns:1fr
  }
}
.breadcrumb {
  padding:1rem 1.5rem
}
.breadcrumb .segment {
  color:#333;
  display:inline;
  font-size:.875rem;
  font-weight:600;
  line-height:1.14;
  margin-right:.5rem
}
.breadcrumb .segment+.segment:before {
  background:50% no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='8' fill='none'%3E%3Cpath fill='%231C1B1F' d='M.709 8 0 7.292 3.292 4 0 .709.709 0l4 4z'/%3E%3C/svg%3E");
  background-size:cover;
  content:"";
  display:inline-block;
  height:.5rem;
  margin-right:.5rem;
  width:.3125rem
}
.breadcrumb .segment .link {
  display:inline-block;
  font-size:.875rem;
  line-height:1.14;
  padding:.25rem 0
}
.footer-breadcrumbs {
  background-color:#fff
}
.footer-breadcrumbs .breadcrumb {
  margin:0 auto;
  max-width:75rem
}
.similar-stores .stores {
  display:grid;
  gap:.5rem 1.25rem;
  grid-template-columns:1fr
}
@media (min-width:576px) {
  .similar-stores .stores {
    grid-template-columns:repeat(2,1fr)
  }
}
@media (min-width:768px) {
  .similar-stores .stores {
    grid-template-columns:repeat(3,1fr)
  }
}
.copy-code {
  align-items:center;
  display:flex;
  flex-direction:column
}
.copy-code .short-desc {
  font-size:.875rem;
  font-weight:600;
  line-height:1.14;
  margin-bottom:1rem
}
@media (min-width:768px) {
  .copy-code .short-desc {
    display:none
  }
}
.copy-code .long-desc {
  display:none
}
@media (min-width:768px) {
  .copy-code .long-desc {
    display:block;
    font-size:1rem;
    font-weight:600;
    line-height:1.25;
    margin-bottom:.75rem
  }
}
.copy-code .long-desc .link {
  line-height:1.25
}
.copy-code .code-wrapper {
  align-items:center;
  background-color:#edf2ff;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' stroke='%23487EFFFF' stroke-dasharray='4, 6' stroke-dashoffset='3' stroke-linecap='square' stroke-width='2' rx='2' ry='2'/%3E%3C/svg%3E");
  border-radius:4px;
  display:flex;
  justify-content:center;
  margin:0 auto 1rem;
  max-width:100%;
  padding-right:.25rem;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content
}
@media (min-width:768px) {
  .copy-code .code-wrapper {
    margin-bottom:.75rem
  }
}
.copy-code .code-wrapper.copied {
  background:#e6faf6;
  border:1px dashed #20b18c
}
.copy-code .code-wrapper .code {
  font-family:monospace;
  font-weight:700;
  max-width:100%;
  overflow:hidden;
  text-align:center;
  text-transform:uppercase
}
.copy-code .code-wrapper .code .input {
  --code-horizontal-spacing:15px;
  --letter-spacing:3px;
  background-color:transparent;
  border:none;
  box-shadow:none;
  box-sizing:content-box;
  font-size:1.5rem;
  letter-spacing:var(--letter-spacing);
  line-height:1.5;
  margin:0;
  overflow:hidden;
  padding:.25rem .75rem;
  width:calc(var(--code-length)*1ch + var(--code-length)*var(--letter-spacing) + var(--code-horizontal-spacing))
}
@media (min-width:768px) {
  .copy-code .code-wrapper .code .input {
    --letter-spacing:6px;
    --code-horizontal-spacing:25px;
    font-size:2.25rem;
    line-height:1.17;
    padding:.25rem 1rem
  }
}
.copy-code .code-wrapper .code .input:focus-visible {
  outline:none
}
.copy-code .code-wrapper .code .input.small {
  font-size:1rem;
  line-height:1.5
}
@media (min-width:768px) {
  .copy-code .code-wrapper .code .input.small {
    font-size:1.625rem;
    line-height:1.23
  }
}
.copy-code .code-wrapper .code .input.tiny {
  font-size:.875rem;
  line-height:1.71
}
@media (min-width:768px) {
  .copy-code .code-wrapper .code .input.tiny {
    font-size:1.125rem;
    line-height:1.56
  }
}
.copy-code .code-wrapper .btn {
  text-transform:uppercase
}
.modal-wrapper {
  inset:0;
  overflow-y:auto;
  position:fixed;
  z-index:8000
}
@media (min-width:768px) {
  .modal-wrapper {
    align-content:center;
    display:grid;
    justify-content:center
  }
}
.modal-overlay {
  background:rgba(51,51,51,.48);
  inset:0;
  position:fixed;
  z-index:999;
}
.modal {
  align-content:space-between;
  background:#fff;
  display:flex;
  flex-direction:column;
  left:0;
  overflow-y:auto;
  overscroll-behavior:contain;
  position:absolute;
  right:0;
  top:0;
  z-index:8001
}
@media (min-width:768px) {
  .modal {
    border-radius:10px;
    left:auto;
    position:relative;
    right:auto;
    top:auto
  }
}
.modal .close {
  background-color:#f8f8f8;
  border-radius:50%;
  height:38px;
  margin:0;
  padding:0;
  position:fixed;
  right:.5rem;
  top:.5rem;
  width:38px
}
.modal .close .close-icon {
  background-color:#505050;
  height:14px;
  margin:auto;
  -webkit-mask-image:url(https://static.couponfollow.com/dist/img/close.svg);
  mask-image:url(https://static.couponfollow.com/dist/img/close.svg);
  -webkit-mask-position:center center;
  mask-position:center center;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  width:14px
}
@media (hover:hover) and (pointer:fine) {
  .modal .close:hover .close-icon {
    background-color:#741FA2
  }
}
.modal .close:focus-visible {
  background-color:#1d3266;
  border:2px solid #1d3266;
  box-shadow:inset 0 0 0 1px #fff;
  outline:none
}
.modal .close:focus-visible .close-icon {
  background-color:#fff
}
@media (min-width:768px) {
  .modal .close {
    position:absolute;
    right:1.5rem;
    top:1.25rem
  }
}
.modal .content {
  align-items:center;
  display:flex;
  justify-content:center;
  padding:1.5rem
}
.modal.no-paddings .content {
  padding:0
}
.modal .footer {
  display:none
}
.modal.with-footer .footer {
  display:block;
  min-height:71px;
  text-align:center
}
.offer-modal {
  padding-top:.5rem
}
@media (min-width:768px) {
  .offer-modal {
    box-shadow:0 2px 6px 4px rgba(51,51,51,.09);
    padding-top:1.25rem;
    width:41.25rem
  }
}
.offer-modal .content {
  display:block;
  padding:0 1.5rem
}
@media (min-width:768px) {
  .offer-modal .content {
    padding:0 3rem;
    text-align:center
  }
}
.offer-modal .content .back {
  font-family: var(--wiresans-font-family);
  font-size:.75rem;
  font-weight:600;
  line-height:1.5;
  margin-bottom:1.5rem;
  margin-top:.5rem;
  max-width:80vw;
  overflow:hidden;
  text-decoration:none;
  text-overflow:ellipsis;
  white-space:nowrap
}
@media (min-width:768px) {
  .offer-modal .content .back {
    display:none
  }
}
.offer-modal .content .back:before {
  background:50% no-repeat url(https://static.couponfollow.com/dist/img/arrow_backward.svg);
  background-size:cover;
  content:"";
  display:inline-block;
  height:.5rem;
  margin-right:.25rem;
  width:.3125rem
}
.offer-modal .content .back:focus-visible:before {
  background:50% no-repeat url(https://static.couponfollow.com/dist/img/arrow_backward_white.svg)
}
.offer-modal .content .link-button {
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.offer-modal .content .logo-link {
  display:none
}
@media (min-width:768px) {
  .offer-modal .content .logo-link {
    border-radius:10px;
    display:inline-block;
    margin-bottom:.5rem
  }
}
.offer-modal .content .logo-link:focus-visible {
  background:none;
  outline-offset:2px
}
.offer-modal .content .logo {
  border-radius:10px;
  display:block;
  height:4.5rem;
  width:4.5rem
}
.offer-modal .content .title {
  font-size:1rem;
  line-height:1.5;
  margin-bottom:2rem;
  text-align:center
}
@media (min-width:768px) {
  .offer-modal .content .title {
    font-size:1.625rem;
    line-height:1.23
  }
}
.offer-modal .content .line {
  background-color:#7b7b7b;
  border:none;
  height:1px;
  margin-bottom:1.25rem;
  margin-top:0;
  width:100%
}
.offer-modal .content .offer-details {
  margin-bottom:1.25rem;
  text-align:left
}
.offer-modal .content .offer-details .heading {
  font-size:.875rem;
  line-height:1.71
}
.offer-modal .content .offer-details .description {
  font-size:.875rem;
  line-height:1.43;
  margin-bottom:.5rem;
  position:relative
}
.offer-modal .content .offer-details .description .text {
  padding-right:.25rem
}
.offer-modal .content .offer-details .description .show-more {
  display:inline-block
}
.offer-modal .content .offer-details .description .show-more .prefix {
  display:none
}
.offer-modal .content .offer-details .description .show-more .btn-link {
  font-size:.875rem;
  line-height:1.43
}
.offer-modal .content .offer-details .description.less .text {
  display:-webkit-box;
  overflow:hidden;
  text-overflow:ellipsis;
  word-break:break-word;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  padding-right:0
}
.offer-modal .content .offer-details .description.less .show-more {
  background-image:linear-gradient(90deg,hsla(0,0%,100%,0),#fff 20%);
  bottom:0;
  position:absolute;
  right:0
}
.offer-modal .content .offer-details .description.less .show-more .prefix {
  display:inline-block;
  padding-right:.25rem;
  text-align:right;
  width:2.25rem
}
.offer-modal .content .offer-details .exp {
  font-size:.875rem;
  line-height:1.43
}
.offer-modal .content .offer-details .exp .label {
  font-size:.875rem;
  font-weight:600;
  line-height:1.14
}
.offer-modal.error .content .try-again {
  display:flex;
  justify-content:center;
  margin-bottom:1.5rem
}
@media (min-width:768px) {
  .offer-modal.error .content .try-again {
    margin-bottom:2rem
  }
}
.coupon-offer .copy-code {
  margin-bottom:1.5rem
}
@media (min-width:768px) {
  .coupon-offer .copy-code {
    margin-bottom:2rem
  }
}
.coupon-offer .voting {
  justify-content:center;
  margin-bottom:.75rem
}
.promotion-offer .no-code {
  align-items:center;
  display:flex;
  flex-direction:column;
  justify-content:center;
  margin-bottom:1rem
}
@media (min-width:768px) {
  .promotion-offer .no-code {
    margin-bottom:2rem
  }
}
.promotion-offer .no-code .link {
  margin-bottom:1rem
}
.promotion-offer .no-code .description {
  font-size:.875rem;
  font-weight:600;
  line-height:1.14
}
@media (min-width:768px) {
  .promotion-offer .no-code .description {
    font-size:1rem;
    line-height:1.25
  }
}
.email-offer .content {
  padding-bottom:1.25rem
}
@media (min-width:768px) {
  .email-offer .content {
    padding-bottom:2rem
  }
}
.email-offer .reveal-btn {
  display:block;
  margin:0 auto
}
.modal-cta {
  background:#303f4e;
  padding:.75rem;
  text-align:center;
  width:100%
}
.modal-cta .title {
  color:#fff
}
.modal-cta .subtitle {
  color:#fff;
  margin-top:.5rem
}
.modal-cta .cta {
  margin-top:.5rem;
  min-width:12.5rem
}
.modal-cta .cta.uppercase {
  text-transform:uppercase
}
.modal-cta .terms {
  margin-top:.5rem
}
.modal-cta .terms,
.modal-cta .terms .link {
  color:#fff;
  font-size:.75rem;
  line-height:1.33
}
.modal-cta .terms .link {
  border:1px solid transparent
}
.modal-cta .terms .link:focus-visible {
  border:1px solid #fff
}
.modal-cta.newsletter-cta.state-anonymous {
  margin-top:3.25rem
}
.modal-cta.newsletter-cta.state-anonymous .title {
  font-size:1.125rem;
  line-height:1.56
}
@media (min-width:768px) {
  .modal-cta.newsletter-cta.state-anonymous .title {
    display:none
  }
}
.modal-cta.newsletter-cta.state-anonymous .title.desktop {
  display:none
}
@media (min-width:768px) {
  .modal-cta.newsletter-cta.state-anonymous .title.desktop {
    display:block
  }
}
.modal-cta.newsletter-cta.state-anonymous .form {
  align-items:flex-start;
  display:inline-flex;
  gap:.5rem
}
@media (min-width:768px) {
  .modal-cta.newsletter-cta.state-anonymous .form {
    align-items:flex-end
  }
}
.modal-cta.newsletter-cta.state-anonymous .form .input-component-wrapper {
  width:100%
}
@media (min-width:768px) {
  .modal-cta.newsletter-cta.state-anonymous .form .input-component-wrapper {
    width:18.75rem
  }
}
.modal-cta.newsletter-cta.state-anonymous .form .input-component-wrapper .input {
  width:100%
}
.modal-cta.newsletter-cta.state-anonymous .envelope-wrapper {
  display:inline-block;
  height:2.5rem;
  position:relative;
  width:5.4375rem
}
.modal-cta.newsletter-cta.state-anonymous .envelope-wrapper .envelope {
  background:50% no-repeat url(https://static.couponfollow.com/dist/img/envelope.svg);
  background-size:cover;
  height:3.75rem;
  position:relative;
  top:-2rem;
  width:5.4375rem;
  z-index:2
}
.modal-cta.newsletter-cta.state-anonymous .envelope-wrapper .logo {
  border-radius:2px;
  box-shadow:0 2px 6px 4px rgba(51,51,51,.09);
  height:5rem;
  overflow:hidden;
  position:absolute;
  top:-4rem;
  transform:translateX(-50%);
  width:5rem
}
.modal-cta.newsletter-cta.state-following .icon {
  height:2rem;
  margin-bottom:.5rem;
  width:2rem
}
.modal-cta.newsletter-cta.state-following .btn-link {
  border:1px solid transparent;
  color:#fff;
  font-size:.75rem;
  line-height:1.33;
  margin-top:.5rem
}
@media (min-width:768px) {
  .modal-cta.newsletter-cta.state-following .btn-link {
    font-size:.875rem;
    line-height:1.43
  }
}
.modal-cta.newsletter-cta.state-following .btn-link:focus-visible {
  border:1px solid #fff
}
.extensionInstalledPopup,
.goodbyePopup,
.welcomePopup {
  padding:1.5rem;
  text-align:center;
  width:100%
}
.extensionInstalledPopup h4,
.goodbyePopup h4,
.welcomePopup h4 {
  color:#2d3e50;
  font-size:22px;
  font-weight:600;
  line-height:1.15;
  margin-bottom:1.5rem
}
.extensionInstalledPopup p,
.goodbyePopup p,
.welcomePopup p {
  margin-bottom:1.5rem
}
.extensionInstalledPopup .logo,
.goodbyePopup .logo,
.welcomePopup .logo {
  display:block;
  margin:auto auto 1.5rem
}
.extensionInstalledPopup .internal-link,
.goodbyePopup .internal-link,
.welcomePopup .internal-link {
  color:#009be1;
  font-weight:600;
  text-decoration:none
}
.goodbyePopup {
  max-width:456px
}
.goodbyePopup .check {
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http:https://www.w3.org/2000/svg' xmlns:xlink='http:https://www.w3.org/1999/xlink' width='120' height='120'%3E%3Cdefs%3E%3Ccircle id='a' cx='60' cy='60' r='60'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cuse xlink:href='%23a' fill='%23E5F9F6'/%3E%3Cpath fill='%2300C6A5' d='M85.678 48.758 56.359 78.295a4.48 4.48 0 0 1-6.377 0L35.323 63.527a4.56 4.56 0 0 1 0-6.426 4.48 4.48 0 0 1 6.378 0l11.47 11.556L79.3 42.333a4.48 4.48 0 0 1 6.378 0 4.563 4.563 0 0 1 0 6.425' mask='url(%23b)'/%3E%3C/g%3E%3C/svg%3E");
  display:block;
  height:120px;
  margin:auto auto 1.5rem;
  width:120px
}
.welcomePopup {
  max-width:375px
}
.welcomePopup .logo {
  background-image:url(https://static.couponfollow.com/dist/img/couponfollow-badge-logo.svg);
  background-repeat:no-repeat;
  background-size:contain;
  height:96px;
  width:200px
}
.welcomePopup .btn-cently {
  background-color:#009be1;
  border:0;
  border-radius:3px;
  color:#fff;
  cursor:pointer;
  font-size:13px;
  font-weight:700;
  letter-spacing:0;
  line-height:16px;
  outline:none;
  padding:15px 40px;
  text-align:center;
  white-space:nowrap
}
@media (hover:hover) and (pointer:fine) {
  .welcomePopup .btn-cently:hover {
    background-color:#50c1ff
  }
}
.extensionInstalledPopup {
  max-width:345px
}
.extensionInstalledPopup .logo {
  background-image:url(https://static.couponfollow.com/dist/img/cently-howl.svg);
  background-repeat:no-repeat;
  background-size:contain;
  height:134px;
  width:197px
}
.extensionInstalledPopup .btn--cta {
  background-color:#1bbc9b;
  color:#fff;
  min-height:53px;
  width:100%
}
@media (hover:hover) and (pointer:fine) {
  .extensionInstalledPopup .btn--cta:hover {
    background-color:#52e1c3
  }
}
.extensionInstalledPopup p {
  font-weight:600
}
.quick-faq {
  margin-bottom:1rem
}
@media (min-width:768px) {
  .quick-faq {
    margin-bottom:0
  }
}
.offer-summary {
  font-size:.875rem;
  margin-bottom:1rem
}
.offer-summary table {
  background-color:#fff;
  border-collapse:collapse;
  border-spacing:0;
  color:#333;
  margin-top:.5rem;
  width:100%
}
.offer-summary table th {
  background-color:#f8f8f8;
  font-family: var(--wiresans-font-family);
  font-weight:600;
  text-align:left
}
.offer-summary table td,
.offer-summary table th {
  border:1px solid #e4e4e4;
  padding:.75rem
}
.commission-warning.mobile {
  margin-bottom:.75rem
}
@media (min-width:768px) {
  .commission-warning.mobile {
    display:none
  }
}
.commission-warning.desktop {
  display:none
}
@media (min-width:768px) {
  .commission-warning.desktop {
    display:block
  }
}
.commission-warning .text {
  font-size:.75rem;
  line-height:1.33
}
.site-page .main {
  -moz-column-gap:1.25rem;
  column-gap:1.25rem;
  display:grid;
  margin:0 auto;
  max-width:75rem;
  padding:.5rem .5rem 2rem
}
@media (min-width:768px) {
  .site-page .main {
    padding:1.25rem 1.5rem 2rem
  }
}
@media (min-width:992px) {
  .site-page .main {
    grid-template-columns:9fr 3fr
  }
}
.site-page .aside,
.site-page .offer-list,
.site-page .supplemental-content {
  margin-bottom:1rem
}
.site-page .offer-summary {
  margin-top:1rem
}
@media (min-width:992px) {
  .site-page .offer-list,
  .site-page .offer-summary,
  .site-page .similar-stores,
  .site-page .supplemental-content,.faq-section {
    grid-column:4
  }
}
.site-page .aside {
  display:flex;
  flex-direction:column;
  gap:.5rem
}
@media (min-width:768px) {
  .site-page .aside {
    gap:1.25rem
  }
}
@media (min-width:992px) {
  .site-page .aside {
    grid-column:1;
    grid-row:1/span 5
  }
}
.site-page .aside .commission-warning:after {
  background-color:#d9d9d9;
  border:none;
  content:"";
  display:none;
  height:1px;
  margin-block:1.25rem 0
}
@media (min-width:768px) {
  .site-page .aside .commission-warning:after {
    display:block
  }
}
.site-page .aside .coupon-highlights:after {
  background-color:#d9d9d9;
  border:none;
  content:"";
  display:none;
  height:1px;
  margin-block:1.25rem 0
}
@media (min-width:768px) {
  .site-page .aside .coupon-highlights:after {
    display:block
  }
}
.heading-ama-logo{
    display: flex;
    gap: 20px;
}
.inside-ma-logo{
    background-color: #121821;
    padding: .5rem;
    border-color: #121821;
    border-radius: 9999px;
    border-width: 1px;
    overflow: hidden;
    width: 7rem;
    height: 7rem;
    text-align: center;
    line-height: 7rem;

}
.inside-ma-logo img{
    object-fit: contain;
    width: 100%;
    aspect-ratio: 1/1;
}
.inside-ma-cnt h3{
    font-size: 25px;
    margin-bottom: 0;
}

.inside-ma-cnt img{
    width: 20px;
    margin-right: 5px;
}
.inside-ma-cnt a{
    text-decoration: underline;color: #000;
}
.view-end a{
    color: #000;
    font-size: 14px;
    font-weight: 500;
}


.blackfrid-main {
    display: flex;
    height: 100%;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
    border-radius: 8px;
}
.blackfrid-main .blackfrid-main-img {

}
.blackfrid-main .blackfrid-main-img img {
width: 125px;
    height: 125px;
}
.blackfrid-main .blackfrid-main-cnt{
    position: relative;
    background: #f7f7f7;
    padding: 10px;
    border-radius: 0  8px 8px 0;
}
.blackfrid-main .blackfrid-main-cnt h3{

background: #fff;
    /* position: absolute; */
    /* left: 3%; */
    top: 10%;
    border-radius: 5px;
    align-items: center;
    color: #000;
    font-weight: 700;
    font-size: 0.75rem;
    line-height: 1rem;
    padding: 6px 0.5rem;
    width: 65px;
    display: inline;
    margin-bottom: 20px;
}
.blackfrid-main .blackfrid-main-cnt h3 img{
    width: 28px;
    height: 28px;
    margin-right: 4px;
}


.blackfrid-main .blackfrid-main-cnt h4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;   /* number of lines */
    overflow: hidden;
    text-overflow: ellipsis;

    font-weight: 400;
    font-size: 14px;
    color: #000;
    margin-top: 10px;
        margin-bottom: 15px;
}

.blackfrid-main .blackfrid-main-cnt h5{

        background: #e2e3e6;
    padding: 6px 20px;
    border-radius: 50px;
    font-size: 13px;
    color: #000;
    font-weight: 700;
    display: inline-block;
}

.black-friday-pagination {
    position: relative !important;
    margin-top: 25px;
}

.black-friday-pagination .swiper-pagination-bullet {
    background: #000;   /* bullet color */
    opacity: 0.4;
}

.black-friday-pagination .swiper-pagination-bullet-active {
    background: #000;
    opacity: 1;
}


/* Initially hide the search button and overlay for PC screens */
.search-btn-mobile {
    display: none;
}

/* Style for the mobile search button */
.search-btn {
    background: none;
    border: none;
    font-size: 18px;
    color: #000;
}

/* The overlay and search box should only be visible on mobile */
.search-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 9999;
}

.search-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 20px;
    border-radius: 10px;
    max-width: 400px;
    width: 100%;
    text-align: center;
}

.search-container input {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    border-radius: 50px;
    border: 1px solid #ccc;
}

.search-container .close-btn {
    position: absolute;
    top: -10px;
    right: -10px;
    background: #ea4636;
    border: none;
    font-size: 20px;
    color: white;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 50%;
}

/* For mobile view (screen width <= 991px), show the search button */
@media (max-width: 991px) {
    .search-btn-mobile {
        display: block;
    }
}

/* For PC (screen width > 991px), the search button and overlay should not be visible */
@media (min-width: 992px) {
    .search-btn-mobile {
        display: none;
    }
    .search-overlay {
        display: none;
    }
}



.custom-nav-btn.custom-prev{
    position: relative;
    right: -5%;
}

.custom-nav-btn.custom-next{
    position: relative;
    left: -5%;
}








hsg-footer.active .hsg-footer__nav-utilities .hsg-footer__nav-utilities-home:focus-visible,.hsg-footer.active .hsg-footer__nav-utilities .hsg-footer__nav-utilities-home>a:focus-visible {
    outline: 2px solid var(--cl-color-focus-01);
    outline-offset: 2px
}

.hsg-footer.active .hsg-footer__nav-utilities .-large.hsg-footer__nav-utilities-home {
    --cl-text-font-size: var(--cl-font-size-p-large);
    --cl-text-font-weight: var(--cl-font-weight-p-large);
    --cl-text-line-height: var(--cl-line-height-p-large);
    --cl-text-letter-spacing: var(--cl-letter-spacing-p-large,normal)
}

.hsg-footer.active .hsg-footer__nav-utilities .-medium.hsg-footer__nav-utilities-home {
    --cl-text-font-size: var(--cl-font-size-p-medium);
    --cl-text-font-weight: var(--cl-font-weight-p-medium);
    --cl-text-line-height: var(--cl-line-height-p-medium);
    --cl-text-letter-spacing: var(--cl-letter-spacing-p-medium,normal)
}

.hsg-footer.active .hsg-footer__nav-utilities .hsg-footer__nav-utilities-home {
    --cl-text-font-size: var(--cl-font-size-p-small);
    --cl-text-font-weight: var(--cl-font-weight-p-small);
    --cl-text-line-height: var(--cl-line-height-p-small);
    --cl-text-letter-spacing: var(--cl-letter-spacing-p-small,normal);
    font-size: var(--cl-text-font-size);
    font-weight: var(--cl-text-font-weight);
    letter-spacing: var(--cl-text-letter-spacing,normal);
    line-height: var(--cl-text-line-height)
}

.hsg-footer__nav-heading {
    font-family: var(--cl-font-family,inherit);
    font-size: var(--cl-font-size-h4);
    font-weight: var(--cl-font-weight-h4);
    letter-spacing: var(--cl-letter-spacing-h4,normal);
    line-height: var(--cl-line-height-h4)
}

.hsg-footer__logo p {
    --cl-anchor-font-weight: 600;
    font-size: var(--cl-font-size-microcopy);
    font-weight: var(--cl-font-weight-microcopy);
    letter-spacing: var(--cl-letter-spacing-microcopy,normal);
    line-height: var(--cl-line-height-microcopy)
}

.hsg-footer.active .hsg-footer__nav-utilities .hsg-footer__nav-utilities-home,.hsg-footer.active .hsg-footer__nav-utilities .hsg-footer__nav-utilities-home>a {
    color: var(--cl-anchor-color,var(--cl-color-link-01));
    font-weight: var(--cl-anchor-font-weight,var(--cl-font-weight-medium));
    text-decoration-line: var(--cl-anchor-text-decoration,underline)
}

.hsg-footer.active .hsg-footer__nav-utilities .hsg-footer__nav-utilities-home:focus-visible,.hsg-footer.active .hsg-footer__nav-utilities .hsg-footer__nav-utilities-home:hover,.hsg-footer.active .hsg-footer__nav-utilities .hsg-footer__nav-utilities-home>a:focus-visible,.hsg-footer.active .hsg-footer__nav-utilities .hsg-footer__nav-utilities-home>a:hover {
    color: var(--cl-anchor-hover-color,var(--cl-color-hover-link-01))
}

.hsg-footer.active .hsg-footer__nav-utilities .hsg-footer__nav-utilities-home:active,.hsg-footer.active .hsg-footer__nav-utilities .hsg-footer__nav-utilities-home>a:active {
    color: var(--cl-anchor-pressed-color,var(--cl-color-pressed-link-01))
}

.hsg-footer.active .hsg-footer__nav-utilities .hsg-footer__nav-utilities-home {
    --cl-text-link-icon-size: 1em;
    align-items: center;
    background: none;
    border: none;
    border-radius: var(--cl-border-radius-medium);
    display: inline-flex;
    gap: .5rem;
    padding: 0;
    text-decoration-color: var(--cl-color-text-link-underline-01,auto);
    text-decoration-thickness: var(--cl-text-link-underline-thickness,auto);
    text-underline-offset: var(--cl-text-link-underline-offset,auto)
}

.hsg-footer.active .hsg-footer__nav-utilities .hsg-footer__nav-utilities-home:where(a[href],button) {
    cursor: pointer
}

.hsg-footer.active .hsg-footer__nav-utilities .hsg-footer__nav-utilities-home:is(a:not([href])),.hsg-footer.active .hsg-footer__nav-utilities [aria-disabled=true].hsg-footer__nav-utilities-home,.hsg-footer.active .hsg-footer__nav-utilities [disabled].hsg-footer__nav-utilities-home {
    color: var(--cl-color-disabled-01);
    cursor: not-allowed;
    pointer-events: none;
    text-decoration-color: var(--cl-color-disabled-01)
}

.hsg-footer.active .hsg-footer__nav-utilities .hsg-footer__nav-utilities-home:is(a:not([href])):active,.hsg-footer.active .hsg-footer__nav-utilities [aria-disabled=true].hsg-footer__nav-utilities-home:active,.hsg-footer.active .hsg-footer__nav-utilities [disabled].hsg-footer__nav-utilities-home:active {
    color: var(--cl-color-disabled-01)
}

@media(prefers-reduced-motion:no-preference) {
    .hsg-footer.active .hsg-footer__nav-utilities [data-cl-brand=wirenxt-2025] .hsg-footer__nav-utilities-home,[data-cl-brand=wirenxt-2025] .hsg-footer.active .hsg-footer__nav-utilities .hsg-footer__nav-utilities-home {
        transition: text-underline-offset .3s ease-in-out
    }

    .hsg-footer.active .hsg-footer__nav-utilities [data-cl-brand=wirenxt-2025] .hsg-footer__nav-utilities-home:focus-visible,.hsg-footer.active .hsg-footer__nav-utilities [data-cl-brand=wirenxt-2025] .hsg-footer__nav-utilities-home:hover,[data-cl-brand=wirenxt-2025] .hsg-footer.active .hsg-footer__nav-utilities .hsg-footer__nav-utilities-home:focus-visible,[data-cl-brand=wirenxt-2025] .hsg-footer.active .hsg-footer__nav-utilities .hsg-footer__nav-utilities-home:hover {
        text-underline-offset: var(--cl-text-link-underline-thickness)
    }
}

.hsg-footer.active .hsg-footer__nav-utilities .hsg-footer__nav-utilities-home .cl-icon {
    height: var(--cl-text-link-icon-size);
    width: var(--cl-text-link-icon-size)
}

.hsg-footer.active .hsg-footer__nav-utilities .-large.hsg-footer__nav-utilities-home {
    --cl-text-link-icon-size: var(--cl-font-size-medium)
}

.hsg-footer.active .hsg-footer__nav-utilities .hsg-footer__nav-utilities-home {
    --cl-text-link-hover-transform: translateX(calc(-100% + -1px))
}

@media(width < 900px) {
    .hsg-footer {
        overflow-x: hidden
    }
}

.hsg-footer a:not([class*=cl-button]) {
    color: rgb(238 234 234);
}

.hsg-footer a:not([class*=cl-button]):focus-visible {
    outline: 2px solid var(--dark-theme-focus-01);
    outline-offset: 2px
}

@media(width >= 900px) {
    .hsg-footer a: not([class*=cl-button]):hover {
        color:var(--cl-color-hover-link-01)
    }
}

.hsg-footer__copyright li {
    display: inline-block
}

.hsg-footer__copyright li a {
    display: block;
    padding: .5rem 1rem
}

.hsg-footer__nav-item a {
    display: block;
    font-size: .75rem;
    font-weight: var(--cl-font-weight-demi-bold);
    line-height: 2.4;
    text-decoration: none
}

.hsg-footer {
    padding: 0 0 2rem;
    transition: all .3s ease
}

@media(width >= 900px) {
    .hsg-footer {
        padding: 1rem 2rem
    }
}

@media(width < 900px) {
    .hsg-footer.active .hsg-footer__nav-column: not(.active) {
        display:none
    }
}

.hsg-footer.active .hsg-footer__nav-utilities {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 1rem 1rem 0;
    width: 100%
}

.hsg-footer.active .hsg-footer__nav-utilities svg.cl-icon {
    height: 1rem;
    width: 1rem
}

.hsg-footer.active .hsg-footer__nav-utilities .hsg-footer__nav-utilities-home {
    color: inherit;
    cursor: pointer
}

.hsg-footer.active .hsg-footer__nav-utilities .hsg-footer__nav-utilities-close {
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    outline: none
}

.hsg-footer__nav-utilities {
    display: none
}

.hsg-footer__layout {
    box-sizing: content-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 1080px;
    padding: 0
}

.hsg-footer__nav {
    flex-direction: column
}

@media(width >= 900px) {
    .hsg-footer__nav {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin-bottom: 1.65em;
        width: 100%
    }
}

.hsg-footer__nav>ul {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0;
    width: 100%
}

@media(width >= 900px) {
    .hsg-footer__nav>ul {
        flex-direction: row
    }
}

.hsg-footer__nav-column {
    border-bottom: 1px solid var(--cl-color-border-02);
    flex: 1;
    padding: .45rem 0;
    position: relative;
    transition: all .3s ease
}

@media(width >= 900px) {
    .hsg-footer__nav-column {
        border-bottom: 0;
        margin-bottom: 0;
        text-align: left
    }
}

.hsg-footer__nav-column:first-child {
    padding-left: 0
}

.hsg-footer__nav-column:last-child {
    padding-right: 0
}

.hsg-footer__nav-column>ul {
    display: none;
    flex-direction: column;
    transition: all .3s ease
}

@media(width >= 900px) {
    .hsg-footer__nav-column>ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin-left: 0
    }
}

.hsg-footer__nav-column>input {
    height: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 0;
    clip: rect(0,0,0,0)
}

@media(width < 900px) {
    .hsg-footer__nav-column>input {
        height: 100%;
        width: 100%
    }

    .hsg-footer__nav-column.active {
        flex-wrap: nowrap
    }

    .hsg-footer__nav-column.active .hsg-footer__nav-toggle {
        font-size: 1.25rem;
        font-weight: var(--cl-font-weight-light);
        justify-content: center;
        margin-bottom: 1rem
    }

    .hsg-footer__nav-column.active .hsg-footer__nav-toggle svg.cl-icon {
        display: none 
    }

    .hsg-footer__nav-column.active>ul {
        display: flex;
        height: 100%;
        padding: 0 1rem;
        position: static
    }

    .hsg-footer__nav-column.active>ul li {
        align-items: center;
        background-color: var(--light-theme-container-01);
        border: 1px solid var(--cl-color-border-03);
        border-radius: 3px;
        display: flex;
        margin: 0 0 1rem;
        padding: 1rem;
        position: relative
    }

    .hsg-footer__nav-column.active>ul li svg.cl-icon {
        color: currentColor;
        display: block;
        height: 1.5rem;
        width: 1.5rem
    }

    .hsg-footer__nav-column.active>ul a {
        color: var(--light-theme-text-02);
        font-size: .875rem;
        font-weight: var(--cl-font-weight-medium);
        padding: 0
    }
}

.hsg-footer__nav-heading {
    line-height: 1.6;
    margin: 0
}

.hsg-footer__nav-toggle {
    align-items: center;
    background: none;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: flex;
    font-size: 1rem;
    font-weight: var(--cl-font-weight-demi-bold);
    justify-content: space-between;
    padding: .5rem 1rem;
    width: 100%
}

.hsg-footer__nav-toggle svg.cl-icon {
    height: 1.5rem;
    width: 1.5rem;
    fill: currentColor
}

@media(width >= 900px) {
    .hsg-footer__nav-toggle {
        font-size: .875rem;
        padding: 0 0 1rem
    }

    .hsg-footer__nav-toggle svg.cl-icon {
        display: none
    }
}

.hsg-footer__nav-toggle[aria-expanded=true] {
    pointer-events: none
}

.hsg-footer__nav-column-left {
    display: flex;
    flex: 1 0 17%;
    flex-direction: column;
    flex-wrap: wrap
}

.hsg-footer__nav-column-left>ul {
    column-count: 1
}

@media(width >= 900px) {
    .hsg-footer__nav-column-left>ul {
        column-count: 2;
        display: inline-block
    }
}

.hsg-footer__nav-item {
    flex: 1 1 45%;
    margin-right: 1em
}

.hsg-footer__nav-item>svg.cl-icon {
    display: none
}

.hsg-footer__nav-left,.hsg-footer__nav-right {
    display: flex
}

@media(width >= 900px) {
    .hsg-footer__nav-left,.hsg-footer__nav-right {
        flex-direction: row
    }
}

.hsg-footer__nav-left {
    border-right: 0;
    width: 100%
}

@media(width >= 900px) {
    .hsg-footer__nav-left {
        border-right: 1px solid var(--cl-color-border-02);
        width: 40%
    }
}

.hsg-footer__nav-right {
    flex-direction: column
}

@media(width >= 900px) {
    .hsg-footer__nav-right {
        flex: 1 0 30%;
        flex-direction: row;
        justify-content: space-between;
        margin-left: 3.25rem
    }
}

.hsg-footer__nav-full,.hsg-footer__nav-split {
    display: flex;
    flex-direction: column
}

.hsg-footer__nav-full {
    flex: 1
}

@media(width >= 900px) {
    .hsg-footer__nav-full: last-child {
        margin-right:1rem
    }
}

.hsg-footer__nav-split {
    flex: 1
}

@media(width >= 900px) {
    .hsg-footer__nav-split>section {
        margin-bottom: 1rem
    }

    .hsg-footer__nav-split>section>ul {
        flex-direction: column
    }
}

.hsg-footer__nav-split .hsg-footer__nav-item {
    margin-right: 0
}

.hsg-footer__nav-item {
    border-top: 1px solid var(--cl-color-border-03)
}

@media(width >= 900px) {
    .hsg-footer__nav-item {
        border-top: 0
    }
}

.hsg-footer__nav-item a {
    width: 100%
}

@media(width >= 900px) {
    .hsg-footer__nav-item a: not([class*=cl-button]):hover {
        color:var(--cl-color-hover-link-01);
        font-weight: var(--cl-font-weight-demi-bold);
        text-decoration: underline
    }
}

.hsg-footer__nav-item>a {
    padding: 1rem 0
}

@media(width >= 900px) {
    .hsg-footer__nav-item>a {
        padding: .125rem 0
    }
}

.hsg-footer__nav-item--contact-links {
    order: 10
}

@media(width < 900px) {
    .hsg-footer__nav-item--contact-links {
        display: none
    }
}

.hsg-footer__contact-links {
    box-sizing: content-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 1080px;
    padding: 0 1rem;
    position: relative;
    text-align: center
}

@media(width >= 900px) {
    .hsg-footer__contact-links {
        padding: 0
    }
}

.hsg-footer__contact-links:after,.hsg-footer__contact-links:before {
    border: 0;
    width: 30%
}

@media(width >= 900px) {
    .hsg-footer__contact-links: after,.hsg-footer__contact-links:before {
        border-top:1px solid var(--cl-color-border-02);
        content: "";
        position: absolute;
        top: 50%;
        width: 33%
    }

    .hsg-footer__contact-links:before {
        right: 0
    }

    .hsg-footer__contact-links:after {
        left: 0
    }
}

.hsg-footer__contact-links.social-cl .hsg-footer__social {
    display: flex;
    justify-content: center
}

@media(width < 600px) {
    .hsg-footer__contact-links.social-cl .hsg-footer__social {
        gap: .125rem
    }
}

.hsg-footer__cta {
    margin: 3rem 0 .75rem
}

@media(width >= 900px) {
    .hsg-footer__cta {
        margin: .75rem 0
    }
}

.hsg-footer__social {
    margin-top: 1em;
    position: relative;
    width: 100%
}

@media(width >= 900px) {
    .hsg-footer__social {
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: center
    }
}

.hsg-footer__social li {
    display: inline-block;
    margin: 0 .25em
}

@media(width >= 900px) {
    .hsg-footer__social li {
        margin: 0 1em
    }
}

.hsg-footer__social li a {
    display: block;
    padding: .45rem;
    text-decoration: none
}

@media(width >= 900px) {
    .hsg-footer__social li a {
        padding: .75rem 0
    }
}

.hsg-footer__social li a span {
    height: 1px;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px
}

.hsg-footer__social li a .cl-icon {
    height: 23px;
    width: 26px
}

.hsg-footer__social li a .cl-icon use {
    fill: var(--cl-color-text-02)
}

.hsg-footer__bottom {
    display: flex;
    flex-direction: column;
    padding: 2rem 2rem 0;
    width: 100%
}

@media(width >= 900px) {
    .hsg-footer__bottom {
        align-items: center;
        justify-content: center;
        padding: 1rem 0 0
    }
}

.hsg-footer__apps {
    display: flex;
    justify-content: center;
    margin-bottom: 1rem
}

@media(width >= 900px) {
    .hsg-footer__apps {
        display: none
    }
}

.hsg-footer__app {
    display: flex;
    height: auto;
    max-width: 8.5rem
}

.hsg-footer__app:first-child {
    margin-right: 1rem
}

.hsg-footer__logo {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 2rem
}

@media(width >= 900px) {
    .hsg-footer__logo {
        align-items: center;
        display: flex;
        flex-direction: column;
        margin-top: 0;
        order: 0
    }
}

.hsg-footer__logo img {
    display: block;
    margin: 0 auto;
    max-width: 100px
}

@media(width >= 900px) {
    .hsg-footer__logo img {
        margin: 0
    }
}

.hsg-footer__logo p {
    color: #fff;
}

@media(width >= 900px) {
    .hsg-footer__logo p {
        margin-bottom: 0
    }
}

.hsg-footer__copyright,.hsg-footer__copyright ul {
    position: relative;
    text-align: center
}

.hsg-footer__copyright ul>li {
    position: relative
}

.hsg-footer__copyright ul>li:after {
    color: var(--cl-color-border-02);
    content: "|";
    display: inline-block;
    font-size: .75em;
    position: absolute;
    right: -.25em;
    top: 15%
}

.hsg-footer__copyright ul>li:last-of-type:after {
    content: ""
}

.hsg-footer__copyright a,.hsg-footer__copyright a:not([class*=cta]) {
    color: var(--cl-color-text-01);
    font-size: .875rem;
    font-weight: var(--cl-font-weight-demi-bold);
    text-decoration: underline
}

.hsg-footer .cl-badge.global-nav-en-badge {
    margin-left: .5rem
}
body, [data-cl-background] {
    background: var(--cl-background, var(--cl-color-background-01));
}
:where(.cl-icon){height:2rem;width:2rem;fill:currentColor}
[data-cl-background=background-footer-01] {
    --cl-background: var(--cl-color-background-footer-01);
}

@media(width >= 900px) {
    .hsg-footer__contact-links.social-cl:after,.hsg-footer__contact-links.social-cl:before {
        width:29%
    }
}

@media (width >= 900px) {
    .hsg-footer__contact-links:before {
        right: 0;
    }
}
@media (width >= 900px) {
    .hsg-footer__contact-links:after, .hsg-footer__contact-links:before {
        border-top: 1px solid var(--cl-color-border-02);
        content: "";
        position: absolute;
        top: 50%;
        width: 33%;
    }
}





  .search-container {
    position: relative;
    width: 100%;
    max-width: 500px; /* Adjust this for the size you want */
    margin: 0 auto; /* Center the search box */
  }
  
  #site-search {
    width: 100%;
    padding: 8px 20px;
    box-sizing: border-box;
  }

  .suggestions {
    position: absolute;
    top: 100%;
    right: 12%; /* Adjust the right positioning */
    background: white;
   
    border-top: none;
    z-index: 1000;
    overflow-y: auto;
    display: none;
    min-width: 207px; /* Set minimum width */
    max-height: 210px; /* Set a max-height to make it scrollable */
    text-align: left;
    padding: 10px 15px;
    box-sizing: border-box;
    border-radius: 0 10px;
    box-shadow: 0 0 10px #0000002b;
  }

  .suggestion-item {
    padding: 5px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
  }

  .suggestion-item:hover {
    background: #f0f0f0;
  }
  [data-copy-code].copied {
    background: #22c55e !important;   /* Green */
    color: #fff !important;
    border-color: #22c55e !important;
    transition: 0.25s ease;
}


.mobile-search-box {
    display: none;
}

/* Suggestions basic style if not already */
.suggestions {
    position: absolute;
    background: #fff;
    border: 1px solid #ccc;
    border-top: none;
    z-index: 1000;
    max-height: 250px;
    overflow-y: auto;
}

.suggestion-item {
    padding: 6px 10px;
    cursor: pointer;
    color: #000;
}
.suggestion-item:hover {
    background: #f0f0f0;
}

/* MOBILE VIEW */
@media (max-width: 768px) {
    .header-item.item-left {
        display: flex;
        align-items: center;
        gap: 7px;
        flex:9%;
    }
.logo-adju{
    padding: 0 !important;
}
    .mobile-search-box {
        display: block;
        position: relative;
        flex: 1;
    }

    .mobile-search-box input {
        width: 100%;
        padding: 8px 12px;
        border-radius: 6px;
        border: 1px solid #ccc;
        font-size: 14px;
    }

    /* Hide PC search in menu on mobile */
    .menu .form-group.has-search {
        display: none;
    }
}



.main-authorss{
      background-color: #fff;
    border: 1px solid #bcc6d7;
    padding: 20px;
    border-radius: 10px;  
}
.main-authorss h3{
    font-size: 14px;
    margin-bottom: 15px;
}
.main-authorss .author-detailss{
display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 10px;
    
}

.author-imgss img{
border-radius: 50%;
}

.author-name-desigss h3{
font-size: 16px;
margin-bottom: 5px;
}
.main-authorss p{

    font-size: 14px;
    line-height: 163%;
}

.bg-5d1982{
    background-color: #5d1982;
    border:unset !important
}
#site-search::placeholder {
    color: #fff; /* Change to the color you want */
    opacity: 1; /* Ensures the placeholder color is visible */
    font-size: 14px;
}

/*.swiper-container-single-1{
    overflow: unset;
}*/


.lo-b{

position: absolute;
    bottom: -10%;
    left: 3%;
}

.ba-spcl-txt{
  font-size: 14px;
    padding: 50px 40px 0 40px;
    font-weight: 400;  
}

@media (max-width: 991px) {

    .search-btn-mobile {
        font-size: 20px;
        color: #fff;
        cursor: pointer;
        padding: 6px 10px;
    }

    .mobile-search-box {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        display: none;
        align-items: center;
        gap: 10px;
        padding: 12px 14px;
        background: #741FA2;
        animation: searchSlide .25s ease forwards;
        z-index: 1200;
    }

    .mobile-search-box input {
        flex: 1;
        border: none;
        outline: none;
        padding: 12px 14px;
        border-radius: 30px;
        font-size: 15px;
    }

    .mobile-search-close {
        font-size: 20px;
        cursor: pointer;
        color: #333;
    }

    /* ACTIVE STATE (CouponFollow behavior) */
    .header.search-active .mobile-search-box {
        display: flex;
    }

    .header.search-active .logo,
    .header.search-active .mobile-menu-trigger,
    .header.search-active .search-btn-mobile {
        display: none !important;
    }

    @keyframes searchSlide {
        from {
            opacity: 0;
            transform: translateY(-8px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
}


.bord-16{
    border-radius: 16px;
}


.logo-adju{
    padding: 0 1.5rem;
}

@media (max-width: 991px) {

.enroll {
    background: transparent;
    padding: 10px;
    border-radius: 6px;
    color: #fff;
    font-weight: 600;
    
    border:2px solid #fff;
}
}

.enroll:hover{
    background: #fff;
    color: #741fa2 !important;
    border:2px solid #fff;
}

.enroll svg{
    margin-right: 5px;
    color: #fff;
}
.enroll:hover svg{
color: #741fa2;
}

.site-welcome-popup{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: rgba(0,0,0,0.6);
    display:none;
    z-index:9999;
}

.site-welcome-popup-box{
    width:600px;
    background:#fff;
    
    margin:100px auto;
    position:relative;
    border-radius: 16px;
}

.site-welcome-popup-close{
    position:absolute;
    right:15px;
    top:10px;
    cursor:pointer;
    font-size:22px;
    background: #f8f8f8;
    /* padding: 10px; */
    border-radius: 50%;
    line-height: 40px;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #505050;
    font-size: 25px;
    font-weight: 300;
}

.first-po{
display: flex;
    flex-direction: column;
    gap: 20px;
    text-align: center;
    background: #e8f0f4;
    
    padding: 30px;
    border-radius: 16px;
}

.second-po{
    padding: 50px 30px;
    text-align: center;
    border-radius: 16px;
}
.second-po h2{
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 25px;
}
.first-po h2{
   font-size: 25px;
    font-weight: 700;
    margin-bottom: 0;  
}
.m-auto-mar{
    margin: 0 auto;
}

@media (max-width: 991px) {
.site-welcome-popup-box
{
    width: 95%;
    padding: 60px auto;
}
.second-po, .first-po{
    padding: 20px;
}
}