/**
 * ============================================================
 * CareerSetu Pro
 * Base Design System
 * Version: V50
 * ============================================================
 *
 * File:
 * public_html/assets/css/base.css
 *
 * PURPOSE:
 * - Global design tokens
 * - Color system
 * - Typography
 * - Spacing
 * - Shadows
 * - Border radius
 * - Global reset
 * - Accessibility
 * - Selection
 * - Scrollbar
 * - Base HTML elements
 *
 * IMPORTANT:
 * Load this file BEFORE all other CareerSetu CSS files.
 */


/* ============================================================
   01. ROOT DESIGN TOKENS
============================================================ */

:root {

    /* --------------------------------------------------------
       Brand Colors
    -------------------------------------------------------- */

    --cs-primary: #1457d9;
    --cs-primary-rgb: 20, 87, 217;

    --cs-primary-dark: #0b3fa7;
    --cs-primary-darker: #082f7d;

    --cs-primary-light: #eaf2ff;
    --cs-primary-soft: #f4f8ff;

    --cs-secondary: #5b6b82;
    --cs-secondary-dark: #344054;

    --cs-accent: #0ea5e9;
    --cs-accent-dark: #0284c7;
    --cs-accent-light: #e0f2fe;

    --cs-indigo: #4f46e5;
    --cs-purple: #7c3aed;


    /* --------------------------------------------------------
       Status Colors
    -------------------------------------------------------- */

    --cs-success: #079455;
    --cs-success-dark: #067647;
    --cs-success-light: #ecfdf3;

    --cs-danger: #d92d20;
    --cs-danger-dark: #b42318;
    --cs-danger-light: #fef3f2;

    --cs-warning: #dc6803;
    --cs-warning-dark: #b54708;
    --cs-warning-light: #fffaeb;

    --cs-info: #1570ef;
    --cs-info-dark: #175cd3;
    --cs-info-light: #eff8ff;


    /* --------------------------------------------------------
       Neutral Colors
    -------------------------------------------------------- */

    --cs-white: #ffffff;

    --cs-gray-25: #fcfcfd;
    --cs-gray-50: #f9fafb;
    --cs-gray-100: #f2f4f7;
    --cs-gray-200: #eaecf0;
    --cs-gray-300: #d0d5dd;
    --cs-gray-400: #98a2b3;
    --cs-gray-500: #667085;
    --cs-gray-600: #475467;
    --cs-gray-700: #344054;
    --cs-gray-800: #1d2939;
    --cs-gray-900: #101828;
    --cs-gray-950: #0c111d;


    /* --------------------------------------------------------
       Text Colors
    -------------------------------------------------------- */

    --cs-text: #344054;
    --cs-text-dark: #101828;
    --cs-text-heading: #0f172a;
    --cs-text-muted: #667085;
    --cs-text-soft: #98a2b3;
    --cs-text-white: #ffffff;


    /* --------------------------------------------------------
       Background Colors
    -------------------------------------------------------- */

    --cs-body-bg: #ffffff;

    --cs-bg-soft: #f8faff;
    --cs-bg-light: #f5f8ff;
    --cs-bg-blue: #eef5ff;

    --cs-surface: #ffffff;
    --cs-surface-soft: #f9fafb;

    --cs-dark-bg: #071329;
    --cs-dark-surface: #0b1b35;


    /* --------------------------------------------------------
       Border Colors
    -------------------------------------------------------- */

    --cs-border: #e4e7ec;
    --cs-border-light: #eef2f6;
    --cs-border-dark: #d0d5dd;

    --cs-border-primary: rgba(
        var(--cs-primary-rgb),
        0.18
    );


    /* --------------------------------------------------------
       Brand Gradients
    -------------------------------------------------------- */

    --cs-gradient-primary:
        linear-gradient(
            135deg,
            #1457d9 0%,
            #0b70e8 52%,
            #0ea5e9 100%
        );

    --cs-gradient-primary-dark:
        linear-gradient(
            135deg,
            #082f7d 0%,
            #0b3fa7 50%,
            #1457d9 100%
        );

    --cs-gradient-soft:
        linear-gradient(
            135deg,
            #f8fbff 0%,
            #eef5ff 48%,
            #f5f9ff 100%
        );

    --cs-gradient-hero:
        radial-gradient(
            circle at 10% 10%,
            rgba(14, 165, 233, 0.12),
            transparent 35%
        ),
        radial-gradient(
            circle at 90% 20%,
            rgba(79, 70, 229, 0.10),
            transparent 35%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f6f9ff 100%
        );


    /* --------------------------------------------------------
       Typography
    -------------------------------------------------------- */

    --cs-font-sans:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;

    --cs-font-heading:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;

    --cs-font-mono:
        "SFMono-Regular",
        Consolas,
        "Liberation Mono",
        Menlo,
        monospace;


    /* --------------------------------------------------------
       Font Weights
    -------------------------------------------------------- */

    --cs-font-normal: 400;
    --cs-font-medium: 500;
    --cs-font-semibold: 600;
    --cs-font-bold: 700;
    --cs-font-extrabold: 800;


    /* --------------------------------------------------------
       Line Heights
    -------------------------------------------------------- */

    --cs-line-tight: 1.15;
    --cs-line-heading: 1.25;
    --cs-line-normal: 1.6;
    --cs-line-relaxed: 1.75;


    /* --------------------------------------------------------
       Border Radius
    -------------------------------------------------------- */

    --cs-radius-xs: 6px;
    --cs-radius-sm: 8px;
    --cs-radius-md: 12px;
    --cs-radius-lg: 16px;
    --cs-radius-xl: 20px;
    --cs-radius-2xl: 24px;
    --cs-radius-3xl: 32px;
    --cs-radius-pill: 999px;


    /* --------------------------------------------------------
       Shadows
    -------------------------------------------------------- */

    --cs-shadow-xs:
        0 1px 2px rgba(16, 24, 40, 0.05);

    --cs-shadow-sm:
        0 2px 8px rgba(16, 24, 40, 0.06);

    --cs-shadow-md:
        0 8px 24px rgba(16, 24, 40, 0.08);

    --cs-shadow-lg:
        0 16px 40px rgba(16, 24, 40, 0.10);

    --cs-shadow-xl:
        0 24px 64px rgba(16, 24, 40, 0.13);

    --cs-shadow-primary:
        0 12px 32px rgba(
            var(--cs-primary-rgb),
            0.22
        );

    --cs-shadow-primary-lg:
        0 20px 45px rgba(
            var(--cs-primary-rgb),
            0.28
        );


    /* --------------------------------------------------------
       Spacing
    -------------------------------------------------------- */

    --cs-space-1: 4px;
    --cs-space-2: 8px;
    --cs-space-3: 12px;
    --cs-space-4: 16px;
    --cs-space-5: 20px;
    --cs-space-6: 24px;
    --cs-space-7: 28px;
    --cs-space-8: 32px;
    --cs-space-9: 36px;
    --cs-space-10: 40px;
    --cs-space-12: 48px;
    --cs-space-14: 56px;
    --cs-space-16: 64px;
    --cs-space-20: 80px;
    --cs-space-24: 96px;


    /* --------------------------------------------------------
       Layout
    -------------------------------------------------------- */

    --cs-container-width: 1320px;

    --cs-section-space:
        clamp(72px, 8vw, 112px);

    --cs-section-space-sm:
        clamp(52px, 6vw, 80px);

    --cs-navbar-height: 76px;


    /* --------------------------------------------------------
       Transitions
    -------------------------------------------------------- */

    --cs-transition-fast:
        160ms ease;

    --cs-transition:
        240ms ease;

    --cs-transition-slow:
        400ms ease;


    /* --------------------------------------------------------
       Z Index
    -------------------------------------------------------- */

    --cs-z-dropdown: 1000;
    --cs-z-sticky: 1020;
    --cs-z-fixed: 1030;
    --cs-z-modal: 1055;
    --cs-z-tooltip: 1080;
}


/* ============================================================
   02. GLOBAL BOX MODEL
============================================================ */

*,
*::before,
*::after {
    box-sizing: border-box;
}


html {
    width: 100%;
    min-height: 100%;

    scroll-behavior: smooth;

    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}


body {
    width: 100%;
    min-height: 100vh;

    margin: 0;

    background:
        var(--cs-body-bg);

    color:
        var(--cs-text);

    font-family:
        var(--cs-font-sans);

    font-size: 16px;
    font-weight:
        var(--cs-font-normal);

    line-height:
        var(--cs-line-normal);

    text-rendering:
        optimizeLegibility;

    -webkit-font-smoothing:
        antialiased;

    -moz-osx-font-smoothing:
        grayscale;

    overflow-x: hidden;
}


/* ============================================================
   03. BASIC HTML RESET
============================================================ */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin-top: 0;
}


article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block;
}


img,
picture,
svg,
video,
canvas {
    display: block;

    max-width: 100%;
}


img {
    height: auto;
}


iframe {
    max-width: 100%;

    border: 0;
}


button,
input,
select,
textarea {
    font: inherit;
}


button {
    border: 0;
}


textarea {
    resize: vertical;
}


table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* ============================================================
   04. TYPOGRAPHY
============================================================ */

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom:
        var(--cs-space-4);

    color:
        var(--cs-text-heading);

    font-family:
        var(--cs-font-heading);

    font-weight:
        var(--cs-font-bold);

    line-height:
        var(--cs-line-heading);

    letter-spacing: -0.02em;
}


h1 {
    font-size:
        clamp(
            2.35rem,
            5vw,
            4.35rem
        );

    letter-spacing: -0.045em;
}


h2 {
    font-size:
        clamp(
            1.95rem,
            3.5vw,
            3.1rem
        );

    letter-spacing: -0.035em;
}


h3 {
    font-size:
        clamp(
            1.45rem,
            2.3vw,
            2rem
        );
}


h4 {
    font-size:
        clamp(
            1.2rem,
            1.8vw,
            1.5rem
        );
}


h5 {
    font-size: 1.125rem;
}


h6 {
    font-size: 1rem;
}


p {
    margin-top: 0;

    margin-bottom:
        var(--cs-space-4);
}


p:last-child {
    margin-bottom: 0;
}


strong,
b {
    font-weight:
        var(--cs-font-bold);
}


small {
    font-size: 0.875em;
}


mark {
    padding:
        0.1em
        0.25em;

    border-radius:
        var(--cs-radius-xs);

    background:
        #fff3c4;

    color:
        var(--cs-text-dark);
}


blockquote {
    margin:
        var(--cs-space-6)
        0;

    padding:
        var(--cs-space-4)
        var(--cs-space-5);

    border-left:
        4px solid
        var(--cs-primary);

    border-radius:
        0
        var(--cs-radius-md)
        var(--cs-radius-md)
        0;

    background:
        var(--cs-primary-soft);

    color:
        var(--cs-gray-700);
}


/* ============================================================
   05. LINKS
============================================================ */

a {
    color:
        var(--cs-primary);

    text-decoration: none;

    transition:
        color var(--cs-transition-fast),
        background-color var(--cs-transition-fast),
        border-color var(--cs-transition-fast),
        box-shadow var(--cs-transition-fast),
        opacity var(--cs-transition-fast),
        transform var(--cs-transition-fast);
}


a:hover {
    color:
        var(--cs-primary-dark);
}


a:not([class]) {
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}


a:not([class]):hover {
    text-decoration: underline;
}


/* ============================================================
   06. LISTS
============================================================ */

ul,
ol {
    margin-top: 0;

    margin-bottom:
        var(--cs-space-4);
}


ul:last-child,
ol:last-child {
    margin-bottom: 0;
}


/* ============================================================
   07. HORIZONTAL RULE
============================================================ */

hr {
    margin:
        var(--cs-space-6)
        0;

    border: 0;

    border-top:
        1px solid
        var(--cs-border);

    opacity: 1;
}


/* ============================================================
   08. FORM BASE
============================================================ */

input,
textarea,
select,
button {
    font-family:
        var(--cs-font-sans);
}


input,
textarea,
select {
    color:
        var(--cs-text-dark);
}


input::placeholder,
textarea::placeholder {
    color:
        var(--cs-gray-400);

    opacity: 1;
}


button,
[type="button"],
[type="reset"],
[type="submit"] {
    cursor: pointer;
}


button:disabled,
input:disabled,
select:disabled,
textarea:disabled {
    cursor: not-allowed;
}


/* ============================================================
   09. FOCUS ACCESSIBILITY
============================================================ */

:focus {
    outline: none;
}


:focus-visible {
    outline:
        3px solid
        rgba(
            var(--cs-primary-rgb),
            0.28
        );

    outline-offset: 3px;
}


a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    border-radius:
        var(--cs-radius-xs);
}


/* ============================================================
   10. TEXT SELECTION
============================================================ */

::selection {
    background:
        rgba(
            var(--cs-primary-rgb),
            0.18
        );

    color:
        var(--cs-primary-darker);
}


::-moz-selection {
    background:
        rgba(
            var(--cs-primary-rgb),
            0.18
        );

    color:
        var(--cs-primary-darker);
}


/* ============================================================
   11. SCROLLBAR
============================================================ */

* {
    scrollbar-width: thin;

    scrollbar-color:
        var(--cs-gray-300)
        var(--cs-gray-100);
}


::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}


::-webkit-scrollbar-track {
    background:
        var(--cs-gray-100);
}


::-webkit-scrollbar-thumb {
    border:
        2px solid
        var(--cs-gray-100);

    border-radius:
        var(--cs-radius-pill);

    background:
        var(--cs-gray-300);
}


::-webkit-scrollbar-thumb:hover {
    background:
        var(--cs-gray-400);
}


/* ============================================================
   12. BOOTSTRAP BASE OVERRIDES
============================================================ */

.container,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
    --bs-gutter-x: 1.5rem;
}


@media (min-width: 1400px) {

    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-xxl {
        max-width:
            var(--cs-container-width);
    }
}


.row {
    --bs-gutter-x: 1.5rem;
}


/* ============================================================
   13. CAREERSETU BODY
============================================================ */

.careersetu-body {
    position: relative;

    background:
        var(--cs-body-bg);
}


.careersetu-main {
    position: relative;

    width: 100%;

    min-height: 50vh;
}


/* ============================================================
   14. GLOBAL SECTION SYSTEM
============================================================ */

.cs-section {
    position: relative;

    padding:
        var(--cs-section-space)
        0;
}


.cs-section-sm {
    position: relative;

    padding:
        var(--cs-section-space-sm)
        0;
}


.cs-section-white {
    background:
        var(--cs-white);
}


.cs-section-soft {
    background:
        var(--cs-bg-soft);
}


.cs-section-blue {
    background:
        var(--cs-bg-blue);
}


.cs-section-gradient {
    background:
        var(--cs-gradient-soft);
}


/* ============================================================
   15. SECTION HEADINGS
============================================================ */

.cs-section-header {
    width: 100%;
    max-width: 760px;

    margin:
        0 auto
        var(--cs-space-12);

    text-align: center;
}


.cs-section-eyebrow {
    display: inline-flex;

    align-items: center;

    gap:
        var(--cs-space-2);

    margin-bottom:
        var(--cs-space-4);

    padding:
        7px 13px;

    border:
        1px solid
        var(--cs-border-primary);

    border-radius:
        var(--cs-radius-pill);

    background:
        var(--cs-primary-light);

    color:
        var(--cs-primary-dark);

    font-size: 0.78rem;

    font-weight:
        var(--cs-font-bold);

    line-height: 1;

    letter-spacing: 0.06em;

    text-transform: uppercase;
}


.cs-section-title {
    margin-bottom:
        var(--cs-space-4);

    color:
        var(--cs-text-heading);
}


.cs-section-description {
    max-width: 680px;

    margin:
        0 auto;

    color:
        var(--cs-text-muted);

    font-size:
        clamp(
            1rem,
            1.5vw,
            1.125rem
        );

    line-height:
        var(--cs-line-relaxed);
}


/* ============================================================
   16. TEXT UTILITIES
============================================================ */

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


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


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


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


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


.cs-gradient-text {
    background:
        var(--cs-gradient-primary);

    -webkit-background-clip: text;
    background-clip: text;

    color: transparent;

    -webkit-text-fill-color:
        transparent;
}


/* ============================================================
   17. BACKGROUND UTILITIES
============================================================ */

.cs-bg-white {
    background:
        var(--cs-white) !important;
}


.cs-bg-soft {
    background:
        var(--cs-bg-soft) !important;
}


.cs-bg-primary-soft {
    background:
        var(--cs-primary-soft) !important;
}


.cs-bg-gradient {
    background:
        var(--cs-gradient-primary) !important;
}


/* ============================================================
   18. SURFACE / CARD BASE
============================================================ */

.cs-surface {
    border:
        1px solid
        var(--cs-border-light);

    border-radius:
        var(--cs-radius-xl);

    background:
        var(--cs-surface);

    box-shadow:
        var(--cs-shadow-sm);
}


.cs-surface-lg {
    border:
        1px solid
        var(--cs-border-light);

    border-radius:
        var(--cs-radius-2xl);

    background:
        var(--cs-surface);

    box-shadow:
        var(--cs-shadow-md);
}


/* ============================================================
   19. BADGE BASE
============================================================ */

.cs-badge {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap:
        6px;

    padding:
        7px 11px;

    border-radius:
        var(--cs-radius-pill);

    font-size: 0.78rem;

    font-weight:
        var(--cs-font-semibold);

    line-height: 1;
}


.cs-badge-primary {
    background:
        var(--cs-primary-light);

    color:
        var(--cs-primary-dark);
}


.cs-badge-success {
    background:
        var(--cs-success-light);

    color:
        var(--cs-success-dark);
}


.cs-badge-warning {
    background:
        var(--cs-warning-light);

    color:
        var(--cs-warning-dark);
}


.cs-badge-danger {
    background:
        var(--cs-danger-light);

    color:
        var(--cs-danger-dark);
}


/* ============================================================
   20. DIVIDER
============================================================ */

.cs-divider {
    width: 100%;
    height: 1px;

    margin:
        var(--cs-space-6)
        0;

    background:
        var(--cs-border-light);
}


/* ============================================================
   21. VISUALLY HIDDEN
============================================================ */

.cs-visually-hidden {
    position: absolute !important;

    width: 1px !important;
    height: 1px !important;

    padding: 0 !important;
    margin: -1px !important;

    overflow: hidden !important;

    clip:
        rect(
            0,
            0,
            0,
            0
        ) !important;

    white-space: nowrap !important;

    border: 0 !important;
}


/* ============================================================
   22. SKIP LINK
============================================================ */

.careersetu-skip-link {
    position: fixed;

    top: 12px;
    left: 12px;

    z-index: 99999;

    padding:
        11px 16px;

    border-radius:
        var(--cs-radius-md);

    background:
        var(--cs-text-dark);

    color:
        var(--cs-white);

    font-size: 0.875rem;

    font-weight:
        var(--cs-font-semibold);

    box-shadow:
        var(--cs-shadow-lg);
}


.careersetu-skip-link:hover {
    color:
        var(--cs-white);
}


/* ============================================================
   23. GLOBAL ALERT CONTAINER
============================================================ */

.careersetu-global-alerts {
    position: relative;

    z-index:
        var(--cs-z-fixed);

    padding-top:
        var(--cs-space-4);
}


.careersetu-global-alerts:empty {
    display: none;
}


/* ============================================================
   24. MEDIA BASE
============================================================ */

.cs-image-cover {
    width: 100%;
    height: 100%;

    object-fit: cover;
}


.cs-image-contain {
    width: 100%;
    height: 100%;

    object-fit: contain;
}


/* ============================================================
   25. ICON BASE
============================================================ */

.cs-icon {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    flex: 0 0 auto;
}


.cs-icon-sm {
    width: 36px;
    height: 36px;

    border-radius:
        var(--cs-radius-md);
}


.cs-icon-md {
    width: 46px;
    height: 46px;

    border-radius:
        var(--cs-radius-lg);
}


.cs-icon-lg {
    width: 56px;
    height: 56px;

    border-radius:
        var(--cs-radius-xl);
}


.cs-icon-primary {
    background:
        var(--cs-primary-light);

    color:
        var(--cs-primary);
}


/* ============================================================
   26. WORD WRAPPING / LONG CONTENT
============================================================ */

p,
a,
span,
div,
li,
td,
th {
    overflow-wrap: break-word;
}


pre,
code {
    font-family:
        var(--cs-font-mono);
}


pre {
    max-width: 100%;

    overflow-x: auto;
}


/* ============================================================
   27. REDUCED MOTION ACCESSIBILITY
============================================================ */

@media (
    prefers-reduced-motion: reduce
) {

    html {
        scroll-behavior: auto !important;
    }


    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;

        animation-duration:
            0.01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            0.01ms !important;
    }
}


/* ============================================================
   28. TOUCH DEVICE IMPROVEMENTS
============================================================ */

@media (
    hover: none
) and (
    pointer: coarse
) {

    button,
    .btn,
    a {
        -webkit-tap-highlight-color:
            transparent;
    }
}


/* ============================================================
   29. RESPONSIVE BASE
============================================================ */

@media (max-width: 991.98px) {

    :root {
        --cs-section-space:
            clamp(
                64px,
                8vw,
                88px
            );

        --cs-section-space-sm:
            clamp(
                48px,
                6vw,
                68px
            );
    }


    .cs-section-header {
        margin-bottom:
            var(--cs-space-10);
    }
}


@media (max-width: 767.98px) {

    body {
        font-size: 15.5px;
    }


    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-xxl {
        --bs-gutter-x: 1.25rem;
    }


    .row {
        --bs-gutter-x: 1.25rem;
    }


    .cs-section-header {
        margin-bottom:
            var(--cs-space-8);
    }


    .cs-section-description {
        line-height: 1.7;
    }
}


@media (max-width: 575.98px) {

    :root {
        --cs-section-space: 64px;
        --cs-section-space-sm: 48px;
    }


    h1 {
        font-size:
            clamp(
                2rem,
                10vw,
                2.75rem
            );
    }


    h2 {
        font-size:
            clamp(
                1.7rem,
                8vw,
                2.25rem
            );
    }


    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-xxl {
        --bs-gutter-x: 1.125rem;
    }


    .row {
        --bs-gutter-x: 1.125rem;
    }


    .cs-section-eyebrow {
        font-size: 0.72rem;
    }
}


/* ============================================================
   30. PRINT
============================================================ */

@media print {

    *,
    *::before,
    *::after {
        box-shadow: none !important;
        text-shadow: none !important;
    }


    body {
        background:
            var(--cs-white) !important;

        color:
            #000000 !important;
    }


    a {
        color:
            #000000 !important;

        text-decoration: none !important;
    }


    .careersetu-header,
    .careersetu-footer,
    .careersetu-global-alerts,
    .careersetu-skip-link {
        display: none !important;
    }


    .careersetu-main {
        min-height: 0;
    }
}


/* ============================================================
   END OF BASE DESIGN SYSTEM
============================================================ */