/**
 * ============================================================
 * CareerSetu Pro
 * Global Responsive Styles
 * Version: V50 Ultra Premium
 * ============================================================
 *
 * FILE:
 * public_html/assets/css/responsive.css
 *
 * PATH:
 * public_html/assets/css/responsive.css
 *
 * BREAKPOINTS:
 * 1399.98px - Large Desktop / Laptop
 * 1199.98px - Laptop
 * 991.98px  - Tablet / Small Laptop
 * 767.98px  - Mobile / Tablet Portrait
 * 575.98px  - Mobile
 * 479.98px  - Small Mobile
 * 374.98px  - Very Small Mobile
 *
 * Covers:
 * - Global Layout
 * - Header / Navbar
 * - Hero
 * - Home Sections
 * - Jobs
 * - Companies
 * - Authentication
 * - Candidate Application
 * - Payment / UPI
 * - Assessment
 * - Admin Application
 * - Tables
 * - Forms
 * - Modals
 * - Footer
 * - Accessibility
 * ============================================================
 */


/* ============================================================
   01. GLOBAL RESPONSIVE SAFETY
============================================================ */

html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

img,
svg,
video,
canvas,
iframe {
    max-width: 100%;
}

img {
    height: auto;
}

input,
select,
textarea,
button {
    max-width: 100%;
}

.cs-container,
.container {
    width: 100%;
}


/* ============================================================
   02. LARGE DESKTOP
   <= 1399.98px
============================================================ */

@media (max-width: 1399.98px) {

    .cs-container,
    .container {
        max-width: 1200px;
    }

    .cs-section {
        padding-top: 78px;
        padding-bottom: 78px;
    }

    .cs-hero-title {
        font-size: clamp(42px, 4.4vw, 62px);
    }

    .cs-hero-content {
        max-width: 650px;
    }

    .cs-jobs-grid {
        gap: 18px;
    }

    .cs-companies-grid {
        gap: 18px;
    }

    .cs-admin-content {
        max-width: 1450px;
    }

    .cs-candidate-content {
        max-width: 1380px;
    }
}


/* ============================================================
   03. LAPTOP
   <= 1199.98px
============================================================ */

@media (max-width: 1199.98px) {

    .cs-container,
    .container {
        max-width: 960px;
    }

    .cs-section {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .cs-section-header {
        margin-bottom: 35px;
    }

    .cs-section-title {
        font-size: clamp(30px, 4vw, 42px);
    }


    /* --------------------------------------------------------
       HEADER
    -------------------------------------------------------- */

    .cs-navbar {
        gap: 20px;
    }

    .cs-navbar-nav {
        gap: 3px;
    }

    .cs-nav-link {
        padding-right: 9px;
        padding-left: 9px;

        font-size: 13px;
    }

    .cs-header-actions {
        gap: 7px;
    }


    /* --------------------------------------------------------
       HERO
    -------------------------------------------------------- */

    .cs-hero {
        min-height: auto;
    }

    .cs-hero-grid {
        gap: 40px;
    }

    .cs-hero-title {
        font-size: clamp(40px, 5vw, 56px);
    }

    .cs-hero-text {
        font-size: 15px;
    }


    /* --------------------------------------------------------
       HOME GRIDS
    -------------------------------------------------------- */

    .cs-feature-grid,
    .cs-features-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    .cs-how-grid,
    .cs-process-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    .cs-stats-grid {
        grid-template-columns:
            repeat(4, minmax(0, 1fr));
    }


    /* --------------------------------------------------------
       JOBS
    -------------------------------------------------------- */

    .cs-jobs-layout {
        grid-template-columns:
            minmax(230px, 280px)
            minmax(0, 1fr);
    }

    .cs-job-details-layout {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(280px, 340px);
    }


    /* --------------------------------------------------------
       COMPANIES
    -------------------------------------------------------- */

    .cs-companies-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }


    /* --------------------------------------------------------
       CANDIDATE
    -------------------------------------------------------- */

    .cs-candidate-stats {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .cs-candidate-dashboard-grid {
        grid-template-columns:
            minmax(0, 1.5fr)
            minmax(270px, 0.8fr);
    }


    /* --------------------------------------------------------
       ADMIN
    -------------------------------------------------------- */

    .cs-admin-stats {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .cs-admin-report-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}


/* ============================================================
   04. TABLET / SMALL LAPTOP
   <= 991.98px
============================================================ */

@media (max-width: 991.98px) {

    .cs-container,
    .container {
        max-width: 720px;
    }

    .cs-section {
        padding-top: 62px;
        padding-bottom: 62px;
    }

    .cs-section-title {
        font-size: clamp(28px, 5vw, 38px);
    }

    .cs-section-text {
        font-size: 14px;
    }


    /* --------------------------------------------------------
       PUBLIC HEADER
    -------------------------------------------------------- */

    .cs-header {
        min-height: var(--cs-header-height-mobile);
    }

    .cs-navbar {
        min-height: var(--cs-header-height-mobile);
    }

    .cs-navbar-nav,
    .cs-header-desktop-actions {
        display: none;
    }

    .cs-mobile-menu-toggle,
    .cs-navbar-toggler {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .cs-mobile-menu,
    .cs-mobile-navigation {
        position: fixed;

        top: 0;
        right: 0;
        bottom: 0;

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

        display: flex;
        flex-direction: column;

        width: min(88%, 340px);
        height: 100dvh;

        overflow-y: auto;

        padding: 20px;

        background: var(--cs-white);

        box-shadow:
            -20px 0 60px
            rgba(2, 6, 23, 0.15);

        transform: translateX(105%);

        transition:
            transform
            var(--cs-transition);
    }

    .cs-mobile-menu.is-open,
    .cs-mobile-navigation.is-open {
        transform: translateX(0);
    }

    .cs-mobile-menu-overlay {
        position: fixed;

        inset: 0;
        z-index: calc(var(--cs-z-modal) - 1);

        display: none;

        background: rgba(2, 6, 23, 0.58);

        backdrop-filter: blur(3px);
        -webkit-backdrop-filter: blur(3px);
    }

    .cs-mobile-menu-overlay.is-open {
        display: block;
    }


    /* --------------------------------------------------------
       HERO
    -------------------------------------------------------- */

    .cs-hero {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .cs-hero-grid {
        grid-template-columns: minmax(0, 1fr);

        gap: 42px;
    }

    .cs-hero-content {
        max-width: 720px;

        margin: 0 auto;

        text-align: center;
    }

    .cs-hero-title {
        font-size: clamp(38px, 7vw, 54px);
    }

    .cs-hero-text {
        max-width: 650px;

        margin-right: auto;
        margin-left: auto;
    }

    .cs-hero-actions {
        justify-content: center;
    }

    .cs-hero-trust,
    .cs-hero-meta {
        justify-content: center;
    }

    .cs-hero-image,
    .cs-hero-visual {
        max-width: 650px;

        margin: 0 auto;
    }


    /* --------------------------------------------------------
       HOME
    -------------------------------------------------------- */

    .cs-feature-grid,
    .cs-features-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .cs-how-grid,
    .cs-process-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .cs-stats-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .cs-cta-grid,
    .cs-about-grid,
    .cs-home-about-grid {
        grid-template-columns: minmax(0, 1fr);

        gap: 35px;
    }


    /* --------------------------------------------------------
       JOBS
    -------------------------------------------------------- */

    .cs-jobs-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .cs-jobs-sidebar {
        position: static;

        display: none;
    }

    .cs-jobs-sidebar.is-open {
        display: block;
    }

    .cs-job-filter-toggle {
        display: inline-flex;
    }

    .cs-job-details-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .cs-job-details-sidebar {
        position: static;
    }


    /* --------------------------------------------------------
       COMPANIES
    -------------------------------------------------------- */

    .cs-companies-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .cs-company-details-grid {
        grid-template-columns: minmax(0, 1fr);
    }


    /* --------------------------------------------------------
       AUTH
    -------------------------------------------------------- */

    .cs-auth-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .cs-auth-visual,
    .cs-auth-side {
        display: none;
    }

    .cs-auth-main {
        width: 100%;
        min-height: 100vh;
    }

    .cs-auth-card {
        max-width: 620px;

        margin: 0 auto;
    }


    /* --------------------------------------------------------
       CANDIDATE SIDEBAR
    -------------------------------------------------------- */

    .cs-candidate-sidebar {
        width: 260px;

        transform: translateX(-105%);

        box-shadow:
            20px 0 60px
            rgba(2, 6, 23, 0.18);
    }

    .cs-candidate-sidebar.is-open {
        transform: translateX(0);
    }

    .cs-candidate-main {
        width: 100%;

        margin-left: 0;
    }

    .cs-candidate-menu-button {
        display: inline-flex;
    }

    .cs-candidate-dashboard-grid {
        grid-template-columns: minmax(0, 1fr);
    }


    /* --------------------------------------------------------
       ADMIN SIDEBAR
    -------------------------------------------------------- */

    .cs-admin-sidebar {
        width: 260px;

        transform: translateX(-105%);

        box-shadow:
            20px 0 60px
            rgba(2, 6, 23, 0.22);
    }

    .cs-admin-sidebar.is-open {
        transform: translateX(0);
    }

    .cs-admin-main {
        width: 100%;

        margin-left: 0;
    }

    .cs-admin-menu-button {
        display: inline-flex;
    }

    .cs-admin-dashboard-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .cs-admin-settings-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .cs-admin-settings-nav {
        position: static;

        display: flex;

        gap: 5px;

        overflow-x: auto;

        -webkit-overflow-scrolling: touch;
    }

    .cs-admin-settings-link {
        flex: 0 0 auto;

        white-space: nowrap;
    }


    /* --------------------------------------------------------
       FOOTER
    -------------------------------------------------------- */

    .cs-footer-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 35px 25px;
    }
}


/* ============================================================
   05. MOBILE / TABLET PORTRAIT
   <= 767.98px
============================================================ */

@media (max-width: 767.98px) {

    .cs-container,
    .container {
        max-width: 100%;

        padding-right: 16px;
        padding-left: 16px;
    }

    .cs-section {
        padding-top: 52px;
        padding-bottom: 52px;
    }

    .cs-section-header {
        margin-bottom: 28px;
    }

    .cs-section-title {
        font-size: clamp(26px, 7vw, 34px);

        line-height: 1.18;
    }

    .cs-section-text {
        font-size: 13px;
        line-height: 1.7;
    }


    /* --------------------------------------------------------
       GLOBAL TYPOGRAPHY
    -------------------------------------------------------- */

    h1,
    .h1 {
        font-size: clamp(30px, 8vw, 40px);
    }

    h2,
    .h2 {
        font-size: clamp(25px, 7vw, 34px);
    }

    h3,
    .h3 {
        font-size: clamp(20px, 6vw, 26px);
    }


    /* --------------------------------------------------------
       HEADER
    -------------------------------------------------------- */

    .cs-logo,
    .cs-navbar-brand {
        max-width: 190px;
    }

    .cs-logo img,
    .cs-navbar-brand img {
        max-height: 42px;
    }


    /* --------------------------------------------------------
       HERO
    -------------------------------------------------------- */

    .cs-hero {
        padding-top: 45px;
        padding-bottom: 50px;
    }

    .cs-hero-grid {
        gap: 32px;
    }

    .cs-hero-badge {
        font-size: 11px;
    }

    .cs-hero-title {
        font-size: clamp(34px, 9vw, 46px);

        line-height: 1.1;
    }

    .cs-hero-text {
        font-size: 14px;
        line-height: 1.7;
    }

    .cs-hero-actions {
        align-items: stretch;
        flex-direction: column;

        width: 100%;
    }

    .cs-hero-actions .cs-btn,
    .cs-hero-actions .btn {
        width: 100%;
    }

    .cs-hero-search {
        flex-direction: column;

        padding: 10px;
    }

    .cs-hero-search-field,
    .cs-hero-search .cs-btn {
        width: 100%;
    }


    /* --------------------------------------------------------
       HOME GRIDS
    -------------------------------------------------------- */

    .cs-feature-grid,
    .cs-features-grid,
    .cs-how-grid,
    .cs-process-grid,
    .cs-stats-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .cs-home-card,
    .cs-feature-card,
    .cs-process-card {
        padding: 20px;
    }


    /* --------------------------------------------------------
       JOB SEARCH
    -------------------------------------------------------- */

    .cs-jobs-header {
        align-items: stretch;
        flex-direction: column;

        gap: 14px;
    }

    .cs-jobs-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .cs-job-search-bar {
        flex-direction: column;

        width: 100%;
    }

    .cs-job-search-field,
    .cs-job-search-location,
    .cs-job-search-button {
        width: 100%;
    }

    .cs-job-card {
        padding: 16px;
    }

    .cs-job-card-header {
        align-items: flex-start;
    }

    .cs-job-card-actions {
        flex-wrap: wrap;
    }

    .cs-job-meta {
        gap: 7px 12px;
    }

    .cs-job-details-header {
        flex-direction: column;
    }

    .cs-job-details-actions {
        width: 100%;
    }

    .cs-job-details-actions .cs-btn {
        flex: 1 1 auto;
    }


    /* --------------------------------------------------------
       COMPANIES
    -------------------------------------------------------- */

    .cs-companies-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .cs-company-card {
        padding: 18px;
    }


    /* --------------------------------------------------------
       AUTHENTICATION
    -------------------------------------------------------- */

    .cs-auth-page {
        padding: 20px 14px;
    }

    .cs-auth-main {
        padding: 20px 0;
    }

    .cs-auth-card {
        padding: 24px 20px;

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

    .cs-auth-title {
        font-size: 24px;
    }

    .cs-auth-form-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .cs-auth-row {
        flex-direction: column;
    }


    /* --------------------------------------------------------
       FORMS
    -------------------------------------------------------- */

    .cs-form-row,
    .cs-form-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .cs-form-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .cs-form-actions .cs-btn,
    .cs-form-actions button {
        width: 100%;
    }


    /* --------------------------------------------------------
       CANDIDATE
    -------------------------------------------------------- */

    body.cs-candidate-mode {
        padding-bottom: var(--cs-mobile-nav-height);
    }

    .cs-candidate-topbar {
        min-height: var(--cs-header-height-mobile);

        padding: 8px 12px;
    }

    .cs-candidate-page-subtitle {
        display: none;
    }

    .cs-candidate-content {
        padding: 14px 12px 28px;
    }

    .cs-candidate-page-header {
        align-items: stretch;
        flex-direction: column;

        gap: 12px;
    }

    .cs-candidate-page-header h1 {
        font-size: 24px;
    }

    .cs-candidate-actions {
        width: 100%;
    }

    .cs-candidate-actions .cs-btn {
        flex: 1 1 auto;
    }

    .cs-candidate-welcome {
        align-items: stretch;
        flex-direction: column;

        gap: 15px;

        padding: 21px;
    }

    .cs-candidate-welcome-title {
        font-size: 24px;
    }

    .cs-candidate-stats {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 10px;
    }

    .cs-candidate-card-header,
    .cs-candidate-card-body {
        padding: 15px;
    }

    .cs-profile-header {
        align-items: flex-start;

        padding: 18px;
    }

    .cs-info-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .cs-support-options {
        grid-template-columns: minmax(0, 1fr);
    }

    .cs-interview-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .cs-candidate-bottom-nav {
        display: flex;
    }


    /* --------------------------------------------------------
       PAYMENT
    -------------------------------------------------------- */

    .cs-payment-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .cs-payment-summary {
        padding: 17px;
    }

    .cs-upi-payment {
        width: 100%;
        max-width: 420px;
    }

    .cs-upi-qr {
        width: 210px;
        height: 210px;
    }


    /* --------------------------------------------------------
       ASSESSMENT
    -------------------------------------------------------- */

    .cs-assessment-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .cs-assessment-card {
        padding: 17px;
    }

    .cs-assessment-question {
        font-size: 16px;
    }

    .cs-assessment-navigation {
        flex-wrap: wrap;

        gap: 8px;
    }


    /* --------------------------------------------------------
       ADMIN
    -------------------------------------------------------- */

    .cs-admin-topbar {
        min-height: var(--cs-header-height-mobile);

        padding: 8px 12px;
    }

    .cs-admin-page-subtitle {
        display: none;
    }

    .cs-admin-account-info {
        display: none;
    }

    .cs-admin-account {
        padding-right: 5px;
    }

    .cs-admin-content {
        padding: 14px 12px 25px;
    }

    .cs-admin-page-header {
        align-items: stretch;
        flex-direction: column;

        gap: 12px;
    }

    .cs-admin-page-header h1 {
        font-size: 24px;
    }

    .cs-admin-page-actions {
        width: 100%;
    }

    .cs-admin-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .cs-admin-toolbar-left,
    .cs-admin-toolbar-right {
        width: 100%;
    }

    .cs-admin-search {
        max-width: none;
    }

    .cs-admin-filter {
        flex: 1 1 140px;
    }

    .cs-admin-form-grid,
    .cs-admin-details-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .cs-admin-form-group.is-full {
        grid-column: auto;
    }

    .cs-admin-payment-summary {
        grid-template-columns: minmax(0, 1fr);
    }

    .cs-admin-report-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .cs-admin-interview-info {
        grid-template-columns: minmax(0, 1fr);
    }

    .cs-admin-pagination {
        align-items: flex-start;
        flex-direction: column;
    }


    /* --------------------------------------------------------
       TABLES
    -------------------------------------------------------- */

    .cs-table-responsive,
    .cs-candidate-table-wrap,
    .cs-admin-table-wrap {
        width: 100%;

        overflow-x: auto;

        -webkit-overflow-scrolling: touch;
    }


    /* --------------------------------------------------------
       MODALS
    -------------------------------------------------------- */

    .cs-modal-backdrop,
    .cs-admin-modal-backdrop {
        padding: 12px;
    }

    .cs-modal,
    .cs-admin-modal {
        width: 100%;
        max-width: 100%;
        max-height: calc(100dvh - 24px);
    }


    /* --------------------------------------------------------
       FOOTER
    -------------------------------------------------------- */

    .cs-footer-grid {
        grid-template-columns: minmax(0, 1fr);

        gap: 30px;
    }

    .cs-footer-bottom {
        align-items: flex-start;
        flex-direction: column;

        gap: 12px;
    }

    .cs-footer-bottom-links {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}


/* ============================================================
   06. MOBILE
   <= 575.98px
============================================================ */

@media (max-width: 575.98px) {

    .cs-container,
    .container {
        padding-right: 14px;
        padding-left: 14px;
    }

    .cs-section {
        padding-top: 46px;
        padding-bottom: 46px;
    }


    /* --------------------------------------------------------
       BUTTONS
    -------------------------------------------------------- */

    .cs-btn-lg {
        min-height: 48px;

        padding-right: 18px;
        padding-left: 18px;

        font-size: 13px;
    }


    /* --------------------------------------------------------
       HEADER
    -------------------------------------------------------- */

    .cs-logo,
    .cs-navbar-brand {
        max-width: 165px;
    }

    .cs-mobile-menu,
    .cs-mobile-navigation {
        width: min(90%, 320px);
    }


    /* --------------------------------------------------------
       HERO
    -------------------------------------------------------- */

    .cs-hero {
        padding-top: 38px;
        padding-bottom: 44px;
    }

    .cs-hero-title {
        font-size: clamp(31px, 10vw, 40px);
    }

    .cs-hero-text {
        font-size: 13px;
    }

    .cs-hero-trust,
    .cs-hero-meta {
        align-items: center;
        flex-direction: column;

        gap: 8px;
    }


    /* --------------------------------------------------------
       JOB CARDS
    -------------------------------------------------------- */

    .cs-job-card {
        border-radius: var(--cs-radius-lg);
    }

    .cs-job-card-header {
        gap: 10px;
    }

    .cs-job-company-logo {
        width: 44px;
        height: 44px;
    }

    .cs-job-title {
        font-size: 15px;
    }

    .cs-job-card-footer {
        align-items: stretch;
        flex-direction: column;

        gap: 10px;
    }


    /* --------------------------------------------------------
       AUTH
    -------------------------------------------------------- */

    .cs-auth-page {
        padding: 12px;
    }

    .cs-auth-card {
        padding: 22px 16px;
    }

    .cs-auth-title {
        font-size: 22px;
    }


    /* --------------------------------------------------------
       CANDIDATE
    -------------------------------------------------------- */

    .cs-candidate-sidebar {
        width: min(88%, 300px);
    }

    .cs-candidate-content {
        padding-right: 10px;
        padding-left: 10px;
    }

    .cs-candidate-stats {
        grid-template-columns: minmax(0, 1fr);
    }

    .cs-candidate-stat-card {
        padding: 16px;
    }

    .cs-profile-header {
        align-items: center;
        flex-direction: column;

        text-align: center;
    }

    .cs-profile-meta {
        justify-content: center;
    }

    .cs-profile-avatar {
        width: 80px;
        height: 80px;
    }

    .cs-candidate-page-header h1 {
        font-size: 22px;
    }

    .cs-candidate-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .cs-candidate-actions .cs-btn {
        width: 100%;
    }


    /* --------------------------------------------------------
       PAYMENT
    -------------------------------------------------------- */

    .cs-payment-detail {
        gap: 8px;
    }

    .cs-payment-detail-value {
        max-width: 58%;
    }

    .cs-upi-qr {
        width: 190px;
        height: 190px;
    }

    .cs-payment-amount {
        font-size: 28px;
    }


    /* --------------------------------------------------------
       ASSESSMENT
    -------------------------------------------------------- */

    .cs-assessment-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .cs-assessment-question {
        font-size: 15px;
    }

    .cs-answer-option {
        padding: 12px;
    }

    .cs-result-card {
        padding: 26px 17px;
    }

    .cs-result-score {
        font-size: 30px;
    }


    /* --------------------------------------------------------
       INTERVIEW
    -------------------------------------------------------- */

    .cs-interview-head {
        flex-direction: column;
    }


    /* --------------------------------------------------------
       ADMIN
    -------------------------------------------------------- */

    .cs-admin-sidebar {
        width: min(88%, 300px);
    }

    .cs-admin-content {
        padding-right: 10px;
        padding-left: 10px;
    }

    .cs-admin-stats {
        grid-template-columns: minmax(0, 1fr);
    }

    .cs-admin-card-header {
        flex-direction: column;
    }

    .cs-admin-card-header,
    .cs-admin-card-body {
        padding: 14px;
    }

    .cs-admin-candidate-profile {
        align-items: center;
        flex-direction: column;

        text-align: center;
    }

    .cs-admin-candidate-meta {
        justify-content: center;
    }

    .cs-admin-page-header h1 {
        font-size: 22px;
    }

    .cs-admin-page-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .cs-admin-page-actions .cs-btn,
    .cs-admin-page-actions button {
        width: 100%;
    }

    .cs-admin-modal-backdrop {
        padding: 10px;
    }

    .cs-admin-modal {
        max-height: calc(100dvh - 20px);
    }

    .cs-admin-login-page {
        padding: 15px;
    }

    .cs-admin-login-card {
        padding: 22px 18px;
    }


    /* --------------------------------------------------------
       PAGINATION
    -------------------------------------------------------- */

    .cs-pagination,
    .cs-admin-pagination-list {
        flex-wrap: wrap;
    }


    /* --------------------------------------------------------
       FOOTER
    -------------------------------------------------------- */

    .cs-footer {
        padding-top: 45px;
    }

    .cs-footer-brand {
        max-width: 100%;
    }
}


/* ============================================================
   07. SMALL MOBILE
   <= 479.98px
============================================================ */

@media (max-width: 479.98px) {

    .cs-container,
    .container {
        padding-right: 12px;
        padding-left: 12px;
    }

    .cs-section {
        padding-top: 42px;
        padding-bottom: 42px;
    }


    /* --------------------------------------------------------
       HERO
    -------------------------------------------------------- */

    .cs-hero-title {
        font-size: clamp(29px, 10vw, 37px);
    }

    .cs-hero-badge {
        max-width: 100%;

        white-space: normal;
    }


    /* --------------------------------------------------------
       CARD
    -------------------------------------------------------- */

    .cs-card {
        border-radius: var(--cs-radius-lg);
    }


    /* --------------------------------------------------------
       JOBS
    -------------------------------------------------------- */

    .cs-job-meta {
        align-items: flex-start;
        flex-direction: column;

        gap: 6px;
    }

    .cs-job-card-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .cs-job-card-actions .cs-btn {
        width: 100%;
    }


    /* --------------------------------------------------------
       AUTH
    -------------------------------------------------------- */

    .cs-auth-card {
        border-radius: var(--cs-radius-lg);
    }


    /* --------------------------------------------------------
       CANDIDATE TOPBAR
    -------------------------------------------------------- */

    .cs-candidate-topbar-right {
        gap: 5px;
    }

    .cs-candidate-icon-button {
        width: 38px;
        height: 38px;
    }

    .cs-candidate-page-title {
        max-width: 150px;

        font-size: 15px;
    }

    .cs-candidate-welcome {
        padding: 18px 15px;
    }

    .cs-candidate-welcome-title {
        font-size: 21px;
    }


    /* --------------------------------------------------------
       UPI
    -------------------------------------------------------- */

    .cs-upi-qr {
        width: 180px;
        height: 180px;
    }

    .cs-upi-id {
        width: 100%;

        justify-content: center;

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


    /* --------------------------------------------------------
       ADMIN TOPBAR
    -------------------------------------------------------- */

    .cs-admin-topbar-right {
        gap: 5px;
    }

    .cs-admin-icon-button {
        width: 38px;
        height: 38px;
    }

    .cs-admin-page-title {
        max-width: 150px;

        font-size: 15px;
    }

    .cs-admin-toolbar-right {
        align-items: stretch;
        flex-direction: column;
    }

    .cs-admin-filter {
        width: 100%;
    }


    /* --------------------------------------------------------
       TABLE
    -------------------------------------------------------- */

    .cs-candidate-table {
        min-width: 620px;
    }

    .cs-admin-table {
        min-width: 700px;
    }


    /* --------------------------------------------------------
       MODAL FOOTER
    -------------------------------------------------------- */

    .cs-modal-footer,
    .cs-admin-modal-footer {
        align-items: stretch;
        flex-direction: column;
    }

    .cs-modal-footer .cs-btn,
    .cs-admin-modal-footer .cs-btn {
        width: 100%;
    }
}


/* ============================================================
   08. VERY SMALL MOBILE
   <= 374.98px
============================================================ */

@media (max-width: 374.98px) {

    .cs-container,
    .container {
        padding-right: 10px;
        padding-left: 10px;
    }


    /* --------------------------------------------------------
       HEADER
    -------------------------------------------------------- */

    .cs-logo,
    .cs-navbar-brand {
        max-width: 145px;
    }


    /* --------------------------------------------------------
       HERO
    -------------------------------------------------------- */

    .cs-hero {
        padding-top: 32px;
        padding-bottom: 38px;
    }

    .cs-hero-title {
        font-size: 29px;
    }

    .cs-hero-text {
        font-size: 12px;
    }


    /* --------------------------------------------------------
       CANDIDATE
    -------------------------------------------------------- */

    .cs-candidate-content {
        padding-right: 8px;
        padding-left: 8px;
    }

    .cs-candidate-card-header,
    .cs-candidate-card-body {
        padding: 13px;
    }

    .cs-candidate-welcome {
        padding: 17px 13px;
    }

    .cs-candidate-page-title {
        max-width: 125px;
    }

    .cs-candidate-menu-button,
    .cs-candidate-icon-button {
        width: 36px;
        height: 36px;
    }

    .cs-bottom-nav-link {
        font-size: 8px;
    }

    .cs-bottom-nav-link i {
        font-size: 16px;
    }


    /* --------------------------------------------------------
       PAYMENT
    -------------------------------------------------------- */

    .cs-upi-qr {
        width: 170px;
        height: 170px;
    }


    /* --------------------------------------------------------
       ADMIN
    -------------------------------------------------------- */

    .cs-admin-content {
        padding-right: 8px;
        padding-left: 8px;
    }

    .cs-admin-card-header,
    .cs-admin-card-body {
        padding: 12px;
    }

    .cs-admin-page-title {
        max-width: 125px;
    }

    .cs-admin-menu-button,
    .cs-admin-icon-button {
        width: 36px;
        height: 36px;
    }

    .cs-admin-account {
        min-height: 36px;
    }

    .cs-admin-account-avatar {
        width: 26px;
        height: 26px;
    }


    /* --------------------------------------------------------
       LOGIN
    -------------------------------------------------------- */

    .cs-admin-login-card {
        padding: 20px 14px;
    }
}


/* ============================================================
   09. LANDSCAPE MOBILE
============================================================ */

@media (
    max-width: 991.98px
) and (
    orientation: landscape
) and (
    max-height: 600px
) {

    .cs-mobile-menu,
    .cs-mobile-navigation,
    .cs-candidate-sidebar,
    .cs-admin-sidebar {
        overflow-y: auto;
    }

    .cs-hero {
        min-height: auto;

        padding-top: 35px;
        padding-bottom: 35px;
    }

    .cs-auth-page,
    .cs-admin-login-page {
        align-items: flex-start;

        min-height: 100dvh;

        overflow-y: auto;
    }

    .cs-admin-modal,
    .cs-modal {
        max-height: calc(100dvh - 20px);
    }
}


/* ============================================================
   10. TOUCH DEVICES
============================================================ */

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

    .cs-btn,
    button,
    .cs-nav-link,
    .cs-candidate-nav-link,
    .cs-admin-nav-link,
    .cs-bottom-nav-link {
        -webkit-tap-highlight-color: transparent;
    }

    .cs-btn,
    .cs-candidate-icon-button,
    .cs-admin-icon-button,
    .cs-admin-action-btn {
        touch-action: manipulation;
    }

    .cs-hover-lift:hover,
    .cs-hover-soft:hover,
    .cs-hover-scale:hover {
        transform: none;
    }

    .cs-image-zoom:hover img {
        transform: none;
    }
}


/* ============================================================
   11. SAFE AREA - iPHONE / MODERN MOBILE
============================================================ */

@supports (padding: max(0px)) {

    @media (max-width: 767.98px) {

        .cs-candidate-bottom-nav {
            padding-bottom:
                env(safe-area-inset-bottom);
        }

        body.cs-candidate-mode {
            padding-bottom:
                calc(
                    var(--cs-mobile-nav-height) +
                    env(safe-area-inset-bottom)
                );
        }

        .cs-mobile-menu,
        .cs-mobile-navigation,
        .cs-candidate-sidebar,
        .cs-admin-sidebar {
            padding-bottom:
                env(safe-area-inset-bottom);
        }
    }
}


/* ============================================================
   12. MOBILE INPUT ZOOM PROTECTION
============================================================ */

@media (max-width: 767.98px) {

    input,
    select,
    textarea,
    .cs-input,
    .cs-select,
    .cs-textarea,
    .cs-admin-input,
    .cs-admin-select,
    .cs-admin-textarea {
        font-size: 16px;
    }
}


/* ============================================================
   13. RESPONSIVE VIDEO / MAP
============================================================ */

.cs-responsive-media {
    position: relative;

    width: 100%;

    overflow: hidden;

    border-radius: inherit;

    aspect-ratio: 16 / 9;
}

.cs-responsive-media iframe,
.cs-responsive-media video,
.cs-responsive-media img {
    width: 100%;
    height: 100%;

    border: 0;

    object-fit: cover;
}


/* ============================================================
   14. RESPONSIVE TEXT SAFETY
============================================================ */

.cs-text-wrap,
.cs-job-title,
.cs-company-name,
.cs-candidate-page-title,
.cs-admin-page-title,
.cs-profile-name,
.cs-admin-candidate-name {
    overflow-wrap: anywhere;
}


/* ============================================================
   15. RESPONSIVE FLEX SAFETY
============================================================ */

.cs-flex-responsive {
    display: flex;
    align-items: center;

    gap: 12px;
}

@media (max-width: 575.98px) {

    .cs-flex-responsive {
        align-items: stretch;
        flex-direction: column;
    }
}


/* ============================================================
   16. RESPONSIVE GRID HELPERS
============================================================ */

.cs-grid-4 {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 18px;
}

.cs-grid-3 {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 18px;
}

.cs-grid-2 {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 18px;
}

@media (max-width: 991.98px) {

    .cs-grid-4 {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .cs-grid-3 {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {

    .cs-grid-4,
    .cs-grid-3,
    .cs-grid-2 {
        grid-template-columns:
            minmax(0, 1fr);
    }
}


/* ============================================================
   17. HIDE / SHOW HELPERS
============================================================ */

.cs-mobile-only {
    display: none !important;
}

@media (max-width: 767.98px) {

    .cs-desktop-only {
        display: none !important;
    }

    .cs-mobile-only {
        display: initial !important;
    }

    .cs-mobile-flex {
        display: flex !important;
    }

    .cs-mobile-block {
        display: block !important;
    }
}


/* ============================================================
   18. RESPONSIVE SCROLLBAR
============================================================ */

@media (max-width: 767.98px) {

    .cs-horizontal-scroll {
        width: 100%;

        overflow-x: auto;
        overflow-y: hidden;

        -webkit-overflow-scrolling: touch;

        scrollbar-width: thin;
    }

    .cs-horizontal-scroll > * {
        min-width: max-content;
    }
}


/* ============================================================
   19. PRINT RESPONSIVE
============================================================ */

@media print {

    html,
    body {
        width: 100%;

        overflow: visible !important;
    }

    .cs-container,
    .container {
        width: 100%;
        max-width: none;

        padding: 0;
    }

    .cs-mobile-menu,
    .cs-mobile-navigation,
    .cs-mobile-menu-overlay,
    .cs-mobile-menu-toggle,
    .cs-navbar-toggler,
    .cs-candidate-sidebar,
    .cs-candidate-topbar,
    .cs-candidate-bottom-nav,
    .cs-admin-sidebar,
    .cs-admin-topbar,
    .cs-admin-overlay {
        display: none !important;
    }

    .cs-candidate-main,
    .cs-admin-main {
        width: 100% !important;

        margin: 0 !important;
    }

    .cs-candidate-content,
    .cs-admin-content {
        max-width: none;

        padding: 0;
    }

    .cs-table-responsive,
    .cs-candidate-table-wrap,
    .cs-admin-table-wrap {
        overflow: visible !important;
    }
}


/* ============================================================
   20. REDUCED MOTION
============================================================ */

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

    .cs-mobile-menu,
    .cs-mobile-navigation,
    .cs-candidate-sidebar,
    .cs-admin-sidebar {
        transition: none;
    }
}

/* ============================================================
   CAREERSETU PRO
   FINAL MOBILE FOOTER OVERRIDE
   MUST REMAIN AT VERY END OF responsive.css
============================================================ */

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

    /* ROOT */
    body .careersetu-footer {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        background: #07172d !important;
    }

    body .careersetu-footer .container {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }


    /* ========================================
       CTA
    ======================================== */

    body .careersetu-footer-cta {
        padding: 18px 0 !important;
        background: #07172d !important;
    }

    body .careersetu-footer-cta-card {
        display: block !important;
        width: 100% !important;
        min-height: 0 !important;

        padding: 20px !important;

        border: 1px solid rgba(96,165,250,.18) !important;
        border-radius: 18px !important;

        background:
            radial-gradient(
                circle at 100% 0,
                rgba(37,99,235,.22),
                transparent 43%
            ),
            linear-gradient(
                145deg,
                #102947,
                #0b1e36
            ) !important;

        box-shadow: none !important;
    }

    body .careersetu-footer-cta-content {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
    }

    body .careersetu-footer-cta-icon {
        display: flex !important;
        width: 44px !important;
        height: 44px !important;
        flex: 0 0 44px !important;

        align-items: center !important;
        justify-content: center !important;

        margin: 0 0 15px !important;

        border-radius: 12px !important;
    }

    body .careersetu-footer-eyebrow {
        display: block !important;

        margin: 0 0 7px !important;

        font-size: 8px !important;
        font-weight: 800 !important;
        line-height: 1.3 !important;
        letter-spacing: .12em !important;
    }

    body .careersetu-footer .careersetu-footer-cta-title {
        width: 100% !important;
        max-width: 320px !important;

        margin: 0 !important;

        color: #ffffff !important;

        font-size: 21px !important;
        font-weight: 800 !important;
        line-height: 1.18 !important;
        letter-spacing: -.025em !important;
        text-align: left !important;
    }

    body .careersetu-footer .careersetu-footer-cta-text {
        width: 100% !important;
        max-width: none !important;

        margin: 9px 0 0 !important;

        color: #b6c5d8 !important;

        font-size: 10px !important;
        font-weight: 500 !important;
        line-height: 1.6 !important;
        text-align: left !important;
    }

    body .careersetu-footer-cta-actions {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;

        width: 100% !important;

        margin: 17px 0 0 !important;

        gap: 8px !important;
    }

    body .careersetu-footer-jobs-btn.btn,
    body .careersetu-footer-register-btn.btn {
        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        min-width: 0 !important;
        min-height: 42px !important;

        margin: 0 !important;
        padding: 0 8px !important;

        border-radius: 10px !important;

        font-size: 9px !important;
        font-weight: 750 !important;
        white-space: nowrap !important;
    }


    /* ========================================
       MAIN FOOTER
    ======================================== */

    body .careersetu-footer-main {
        width: 100% !important;

        padding: 24px 0 !important;

        background: #07172d !important;
    }

    body .careersetu-footer-main .row {
        display: flex !important;
        flex-wrap: wrap !important;

        margin-left: -7px !important;
        margin-right: -7px !important;

        row-gap: 24px !important;
    }

    body .careersetu-footer-main .row > * {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }


    /* Brand full width */

    body .careersetu-footer-main .row > div:first-child {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    body .careersetu-footer-brand-section {
        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        text-align: left !important;
    }

    body .careersetu-footer-brand {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        width: fit-content !important;

        margin: 0 !important;
    }

    body .careersetu-footer-brand-mark {
        width: 42px !important;
        height: 42px !important;
        flex: 0 0 42px !important;

        border-radius: 11px !important;
    }

    body .careersetu-footer-brand-name {
        color: #ffffff !important;

        font-size: 15px !important;
        font-weight: 800 !important;
    }

    body .careersetu-footer-brand-tagline {
        color: #8297b1 !important;

        font-size: 7px !important;
        font-weight: 700 !important;
    }

    body .careersetu-footer-description {
        width: 100% !important;
        max-width: none !important;

        margin: 13px 0 0 !important;

        color: #9eb0c6 !important;

        font-size: 9.5px !important;
        font-weight: 500 !important;
        line-height: 1.65 !important;
        text-align: left !important;
    }


    /* Trust */

    body .careersetu-footer-trust {
        display: grid !important;
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;

        width: 100% !important;
        max-width: none !important;

        margin: 14px 0 0 !important;

        gap: 7px !important;
    }

    body .careersetu-footer-trust-item {
        display: flex !important;
        align-items: center !important;

        width: 100% !important;
        min-width: 0 !important;
        min-height: 45px !important;

        padding: 9px !important;

        border-radius: 10px !important;

        color: #c6d2e1 !important;

        font-size: 8.5px !important;
        line-height: 1.3 !important;
    }


    /* ========================================
       EXPLORE + CANDIDATES
    ======================================== */

    body .careersetu-footer-main .row > div:nth-child(2),
    body .careersetu-footer-main .row > div:nth-child(3) {
        width: 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    body .careersetu-footer-column {
        width: 100% !important;
        height: auto !important;

        margin: 0 !important;
    }

    body .careersetu-footer-heading {
        position: relative !important;

        margin: 0 0 10px !important;
        padding: 0 0 9px !important;

        color: #ffffff !important;

        font-size: 11px !important;
        font-weight: 800 !important;
        line-height: 1.3 !important;
        text-align: left !important;
    }

    body .careersetu-footer-heading::after {
        width: 24px !important;
        height: 2px !important;
    }

    body .careersetu-footer-links {
        display: block !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    body .careersetu-footer-links li {
        display: block !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    body .careersetu-footer-links a {
        display: block !important;

        padding: 5px 0 !important;

        color: #94a8c0 !important;

        font-size: 9px !important;
        font-weight: 550 !important;
        line-height: 1.35 !important;
        text-align: left !important;
    }


    /* ========================================
       SUPPORT FULL WIDTH
    ======================================== */

    body .careersetu-footer-main .row > div:nth-child(4) {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    body .careersetu-footer-support {
        width: 100% !important;

        margin: 0 !important;
        padding: 16px !important;

        border: 1px solid rgba(148,163,184,.14) !important;
        border-radius: 14px !important;

        background: rgba(255,255,255,.035) !important;
    }

    body .careersetu-footer-contact-item {
        display: flex !important;
        align-items: center !important;

        width: 100% !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 9px 0 !important;

        gap: 10px !important;

        border-radius: 0 !important;
        border-bottom:
            1px solid rgba(148,163,184,.09) !important;

        background: transparent !important;
    }

    body .careersetu-footer-contact-icon {
        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: 32px !important;
        height: 32px !important;
        flex: 0 0 32px !important;

        border-radius: 9px !important;
    }

    body .careersetu-footer-contact-item small {
        display: block !important;

        margin: 0 0 2px !important;

        color: #8195ae !important;

        font-size: 7.5px !important;
        line-height: 1.3 !important;
    }

    body .careersetu-footer-contact-item strong {
        display: block !important;

        color: #e4ebf4 !important;

        font-size: 9.5px !important;
        font-weight: 700 !important;
        line-height: 1.35 !important;
    }


    /* Legal */

    body .careersetu-footer-legal-links {
        display: grid !important;
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;

        width: 100% !important;

        margin: 10px 0 0 !important;
        padding: 12px 0 0 !important;

        gap: 8px 12px !important;
    }

    body .careersetu-footer-legal-links a {
        display: block !important;

        color: #91a4bb !important;

        font-size: 8px !important;
        font-weight: 600 !important;
        line-height: 1.35 !important;
        text-align: left !important;
    }


    /* ========================================
       SERVICE DISCLOSURE
    ======================================== */

    body .careersetu-footer-disclosure {
        width: 100% !important;

        margin: 0 !important;
        padding: 14px 0 !important;

        background: #08182e !important;
    }

    body .careersetu-footer-disclosure-box {
        display: grid !important;
        grid-template-columns: 32px minmax(0,1fr) !important;

        align-items: start !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 13px !important;

        gap: 10px !important;

        border:
            1px solid rgba(245,158,11,.22) !important;

        border-radius: 12px !important;

        background:
            rgba(245,158,11,.055) !important;
    }

    body .careersetu-footer-disclosure-icon {
        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: 32px !important;
        height: 32px !important;
        flex: 0 0 32px !important;

        border-radius: 8px !important;
    }

    body .careersetu-footer-disclosure-box strong {
        display: block !important;

        margin: 0 0 4px !important;

        color: #ffffff !important;

        font-size: 9.5px !important;
        font-weight: 800 !important;
        line-height: 1.35 !important;
        text-align: left !important;
    }

    body .careersetu-footer-disclosure-box p {
        display: block !important;

        margin: 0 !important;

        color: #aebdd0 !important;

        font-size: 8.5px !important;
        font-weight: 500 !important;
        line-height: 1.55 !important;
        text-align: left !important;
    }


    /* ========================================
       COPYRIGHT
    ======================================== */

    body .careersetu-footer-bottom {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #051326 !important;
    }

    body .careersetu-footer-bottom-inner {
        display: flex !important;
        flex-direction: column !important;

        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 14px 0 !important;

        gap: 5px !important;

        text-align: center !important;
    }

    body .careersetu-footer-copyright {
        margin: 0 !important;

        color: #93a6bc !important;

        font-size: 8.5px !important;
        font-weight: 500 !important;
        line-height: 1.4 !important;
        text-align: center !important;
    }

    body .careersetu-footer-copyright strong {
        color: #dce5ef !important;
        font-weight: 700 !important;
    }

    body .careersetu-footer-bottom-links {
        display: flex !important;

        align-items: center !important;
        justify-content: center !important;
        flex-wrap: wrap !important;

        width: 100% !important;

        margin: 0 !important;

        gap: 5px !important;
    }

    body .careersetu-footer-bottom-links a {
        color: #8fa2b9 !important;

        font-size: 7.5px !important;
        font-weight: 600 !important;
        line-height: 1.3 !important;
    }
}


/* ============================================================
   380PX / SMALL PHONE FINAL TUNING
============================================================ */

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

    body .careersetu-footer .container {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    body .careersetu-footer .careersetu-footer-cta-title {
        font-size: 20px !important;
    }

    body .careersetu-footer-cta-actions {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }

    body .careersetu-footer-trust {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }
}

/* ============================================================
   FINAL FIX — REMOVE WHITE GAP BELOW MOBILE FOOTER
============================================================ */
@media screen and (max-width: 767.98px) {

    html,
    body {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    body > footer.careersetu-footer,
    footer.careersetu-footer,
    .careersetu-footer {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .careersetu-footer-bottom {
        margin-bottom: 0 !important;
    }

    .careersetu-footer-bottom-inner {
        margin-bottom: 0 !important;
    }

    /* Footer is last element: kill space after it */
    .careersetu-footer:last-child {
        margin-bottom: 0 !important;
    }

    /* common mobile wrapper bottom-space reset */
    body:not(.candidate-dashboard-body) {
        padding-bottom: 0 !important;
    }
}


/* ============================================================
   END - CAREERSETU PRO GLOBAL RESPONSIVE
============================================================ */