/* Responsive */

    @media (max-width: 1280px) {
        .sf-btn {padding: 3px 15px;}
        .sf-hero {background-position: center -150PX;}
        .emp-zone-title{padding-bottom: 15px;}
        .btn-zone-sec{margin: 25px 0px;}
    }
    @media (max-width: 1199px) {
        header.site-header .nav.navbar-nav{gap: 1px;}
        header.site-header .nav.navbar-nav > li > a, header.site-header .nav.navbar-nav > li > a:visited{
            padding: 0px 10px;
        }
        .header-style-3 .header-nav-btn-section .twm-nav-btn-left, 
        .header-style-3 .header-nav-btn-section .twm-nav-btn-right{margin-right: 0px;}
        header.site-header .extra-nav.header-2-nav .twm-nav-post-a-job,
        header.site-header .extra-nav.header-2-nav .twm-nav-sign-up{padding: 3px 15px;}
        .custom-vertical-line{height: 2rem;}
        .sf-hero {background-position: center -100PX;}
        .btn-zone-sec{margin: 20px 0px;}
    }
    @media (max-width: 1024px) {
        header.site-header .nav.navbar-nav > li > a, header.site-header .nav.navbar-nav > li > a:visited{
            padding: 0px 7px;
        }
        .sf-hero {background-position: center -50PX;}
        .sf-hero .sf-hero-content{max-width: 70%;}
        .emp-zone-title{padding-bottom: 10px;}
        .btn-zone-sec{margin: 15px 0px;}
        .sf-job-search .sf-search-field i{font-size: 20px;}
    }

    @media (max-width: 991px) {
        .header-style-3 .header-nav .nav > li{
            display: block; width: 100%;
        }
        header.site-header .nav.navbar-nav > li > a, header.site-header .nav.navbar-nav > li > a:visited{
            padding: 7px 7px;
        }
        .header-style-3.mobile-sider-drawer-menu #mobile-side-drawer {
            min-height: 30px;
            position: absolute;
            z-index: 9999;
            right: 0;
        }
        .sf-hero {
            background-position: center 0PX;
        }
        .sf-groupby-employers-grid{margin-bottom: 30px;}
        .related_jobs{margin-bottom: 0px;}
        .related_jobs{margin-top: 30px;}
        .sf-categories-title{font-size: 1.25rem;}
        .account-image {display: none;}
        .twm-log-reg-form-wrap{width: 90%;}
        .twm-log-reg-form-wrap .wt-title, .twm-job-self-info .twm-job-self-top .twm-job-title{font-size: 20px;}
        .twm-jobs-grid-style1 .twm-right-content .twm-jobs-browse, 
        .twm-jobs-grid-style1 .twm-right-content .btn-outline-primary{
            padding: 4px 10px;
        }
        .emp-zone-title{padding-bottom: 5px;}
        .btn-zone-sec{margin: 10px 0px;}
    }

    @media (max-width: 768px) {
        .training-detail-header {
            height: 300px;
        }
        .sf-job-search{width: 800px;}
        .info-items {
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
        }
        .tabs-navigation {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }
        .career-paths-grid,
        .trainers-detail-grid,
        .reviews-grid {
            grid-template-columns: 1fr;
        }
        .training-cta-section {
            padding: 60px 0;
        }
        .not-found-icon {
            font-size: 80px;
        }
        .cta-content h2 {
            font-size: 24px;
        }
        .not-found-title,  .training-title {
            font-size: 28px;
        }
        .training-title {
            font-size: 26px;
        }
        .content-section h2, .sf-footer .sf-footer-heading, .emp-zone-title {
            font-size: 22px;
        }
        .faq-category-title, .twm-log-reg-form-wrap .wt-title, 
        .twm-job-self-info .twm-job-self-top .twm-job-title,
        .sf-footer .sf-footer-contact li i, .related_jobs .twm-s-title,
        .sf-job-search .sf-search-field i {
            font-size: 18px;
        }
        .not-found-message, .company_name_dtl, .job_desc .twm-s-title, .company_desc h4,
          .company_name a, .sf-premium-search-subtitle, .emp-zone-subtitle {
            font-size: 16px;
        }
        .job_desc p, .job_desc ul li, .company_desc p, .sf-footer .sf-footer-brand .sf-footer-desc,
        .company_description p{font-size: 14px;}
        .cta-content p, .training-tagline, .short_jobs_info .flex.flex-col span,
        .job_ttl_com_name .sf-job-title {
            font-size: 15px;
        }
        .sf-footer .sf-footer-links li a, .job_ttl_com_name .sf-job-company{font-size: 14px;}
        .tab-btn {
            font-size: 12px;
        }
        .tab-btn i {display: none;}
        .job_title_share, .short_jobs_info .flex, .short_jobs_info .flex.flex-col span{display: block;}
        .social_share, .short_jobs_info .flex.flex-col span{text-align: left;}
        .twm-media-bg, .company_desc, .short_jobs_info, .bg-light-gray, .bg-gray{padding: 20px;}
        .header-style-3 .navbar-toggler, .twm-social-tags a{margin-left: 0px;}
        .twm-social-tags a{ margin-right: 10px;}
        .btn-readmore{margin-top: 0px;}
        .sf-testimonial-card{margin-top: 30px;}
        .faq-category-title, .sf-footer .sf-footer-brand .sf-footer-desc,
        .sf-testimonial-card {
            margin-bottom: 15px;
        }
         .twm-media-bg{margin-bottom: 20px;}
        .p-t120{padding-top: 90px;}
        .sf-footer .sf-footer-row{padding-bottom: 30px;}
        .emp-zone-title{padding-bottom: 0px;}
        .tab-btn {
            padding: 15px 15px;
        }
        .training-content {
            padding: 40px 0;
        }
        .sf-premium-search-field{gap: 2px;}
        .emp-zone-subtitle{line-height: 22px;}
        .emp_zone_top{padding: 20px;}
        .sf-tab-item {padding: 0px 4px;}
        .sf-local-tabs{padding: 10px 15px;}
    }
    @media (max-width: 686px) {
        .twm-media-bg, .company_desc, .short_jobs_info, .bg-light-gray, .bg-gray{padding: 15px;}
    }
    @media (max-width: 600px) {
        header.site-header .extra-nav.header-2-nav .twm-nav-post-a-job, header.site-header .extra-nav.header-2-nav .twm-nav-sign-up
        {
            padding: 3px 10px;
        }
        .sf-job-search{width: 600px;}
        .sf-hero{padding-bottom: 45px; min-height: 400px;}
        .sf-hero .sf-hero-title{font-size: 24px !important;}
        .sf-hero .sf-hero-badge{margin: 30px 0px;}
        .sf-hero .sf-hero-badge i {height: 20px; width: 20px;}
        .sf-hero .sf-hero-subtitle{display: none;}
        .sf-hero .sf-hero-badge, .sf-hero .sf-hero-badge i, .emp-zone-subtitle{line-height: 20px;}
    }
    @media (max-width: 575px) {
        header.site-header .main-bar > .container,
        header.site-header .logo-header, header.site-header .extra-nav.header-2-nav{display: block;}
        header.site-header .logo-header, header.site-header .extra-nav.header-2-nav{
            width: 100%; float: none !important;}
        .header-style-3 .extra-nav{height: 42px;}
        .sf-category-tag {padding: 4px 14px;}

        .sf-hero .sf-hero-title, .twm-log-reg-form-wrap .wt-title{font-size: 22px !important;}
        .emp-zone-title{font-size: 20px;}
        .sf-categories-title, .sf-footer .sf-footer-heading{font-size: 1.125rem;}
        .sf-section-header .sf-section-title, .faq-category-title, .twm-log-reg-form-wrap .wt-title, 
        .twm-job-self-info .twm-job-self-top .twm-job-title, .sf-job-search .sf-search-field i{font-size: 1rem;}
        .twm-jobs-grid-style1 .twm-right-content .twm-jobs-browse, 
        .twm-jobs-grid-style1 .twm-right-content .btn-outline-primary,
        .sf-premium-search-btn, .sf-premium-search-subtitle, .emp-zone-subtitle, .sf-tab-item{font-size: 15px;}
        .sf-job-search .sf-search-btn, .twm-log-reg-form-wrap .twm-log-reg-subtitle,
        .twm-candi-self-info .twm-candi-self-top .twm-candi-fee, .twm-s-title,
        .short_jobs_info .flex.flex-col span, .sf-footer .sf-footer-socials li a, .company_name a {font-size: 14px; }
        .sf-job-search .sf-search-field input, .sf-category-tag, .job_desc p, .job_desc ul li, 
        .company_desc p, .btn-readmore, .sf-footer .sf-footer-brand .sf-footer-desc,
        .sf-footer .sf-footer-links li a, .company_description p,
        .sf-job-search-placeholder-new{font-size: 13px;}
        .job_desc p, .job_desc ul li, .company_desc p, .company_description p{font-weight: 400;}
        .job_desc p, .job_desc ul li, .company_desc p, .company_description p{text-align: justify;}
        .sf-hero .sf-hero-title, .twm-log-reg-form-wrap .wt-title, 
        .twm-log-reg-form-wrap .radio_tabs, .company_desc, .short_jobs_info, 
        .bg-light-gray, .bg-gray{margin-bottom: 20px;}
        .sf-footer .sf-footer-heading, .sf-footer .sf-footer-brand .sf-footer-desc{margin-bottom: 10px;}
        .sf-hero .sf-hero-badge{margin: 25px 0px;}
        .job_apply_sec .job-save-btn, .job_apply_sec .job-email-apply-btn, .job_apply_sec .twm-job-self-bottom{
            margin-right: 5px;
        }
        .sf-hero{padding-bottom: 30px; min-height: 380px;}
        .sf-job-search{width: 580px;}
        .sf-job-search .sf-search-btn {padding:3px 15px;}
        .sf-categories-btn{padding: 7px 15px;}
        .twm-log-reg-form-wrap .radio_tabs ul li, .related_jobs, .sf-local-tabs{padding: 5px 10px;}
        .sf-footer .sf-footer-row{padding-bottom: 15px;}
        .job_ttl_com_name a{padding-bottom: 2px;}
         .related_jobs .twm-s-title{padding-top: 5px;}
        .sf-footer .sf-footer-socials li a{height: 30px; width: 30px;}
        .sf-footer .sf-footer-row{gap: 15px 40px;}
        .sf-footer .sf-footer-socials{gap: 5px;}
        .sf-footer .sf-footer-links{gap: 0px;}
        .skill_tag_list{width: 90%;}
        .twm-jobs-grid-style1 .twm-right-content .twm-jobs-browse, 
        .twm-jobs-grid-style1 .twm-right-content .btn-outline-primary,
        .sf-premium-search-btn{
            border-radius: 0.35rem;
        }
        .sf-premium-search-select, .sf-premium-search-input, .sf-premium-search-btn,
        .css-1m5om8j, .css-glp6ar-control, .css-11qzz1n-control{height: 35px !important;}
        .sf-premium-search-select, .sf-premium-search-input{padding: 5px 30px 5px 10px;}
        .css-1m5om8j{padding: 0 8px 0 10px !important;}
        .sf-job-search-placeholder-new{left: 22px;}
    }
    @media (max-width: 481px) {
        .sf-hero .sf-hero-title, .twm-log-reg-form-wrap .wt-title{font-size: 20px !important;}
        .twm-log-reg-form-wrap .radio_tabs ul l, .sf-premium-search-subtitle, .emp-zone-subtitle{font-size: 14px;}
        .sf-hero .sf-hero-badge{margin: 20px 0px; font-size: 0.9rem;}
        .sf-hero .sf-hero-badge, .sf-premium-search-subtitle{line-height: 18px;}
        .sf-hero{padding-bottom: 20px; min-height: 360px;}
        .sf-job-search{width: 550px;}
    }
    @media (max-width: 420px) {
        .sf-hero .sf-hero-title, .twm-log-reg-form-wrap .wt-title{font-size: 18px !important;}
        .sf-hero .sf-hero-badge, .twm-log-reg-form-wrap .twm-log-reg-subtitle{font-size: 13px;}
        .sf-category-tag{font-size: 12px;}
        .sf-hero .sf-hero-badge{margin: 15px 0px; line-height: 16px;}
        .sf-job-search{width: 500px;}
        .sf-hero{min-height: 350px;}
        .sf-category-tag {padding: 2px 10px; font-weight: 400;}
        .sf-categories-btn{padding: 4px 10px;}
        .twm-log-reg-form-wrap .radio_tabs{margin-bottom: 15px;}
        .twm-log-reg-form-wrap .wt-title, .twm-log-reg-form-wrap .twm-log-reg-subtitle{margin-bottom: 10px;}
    }
    @media (max-width: 392px) {
         .sf-job-search{width: 460px;}
    }
    @media (max-width: 384px) {
         .sf-job-search{width: 450px;}
    }
    @media (max-width: 375px) {
         .sf-job-search{width: 420px;}
    }

/* Hide mobile sidebar and overlay by default on desktop/tablet resolutions */
.mobile-sidebar,
.mobile-sidebar-overlay {
    display: none !important;
}

/* ==========================================
   MOBILE LEFT-SLIDE SIDEBAR NAVIGATION (≤992px)
   ========================================== */
@media (max-width: 992px) {
    /* Hide default desktop menus completely on mobile */
    header.site-header .header-nav,
    header.site-header .extra-nav,
    header.site-header .dropdown {
        display: none !important;
    }

    /* Container flex adjustments to keep logo & toggler aligned */
    header.site-header .main-bar > .container {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 10px 15px !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    header.site-header .logo-header {
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
    }

    header.site-header .logo-header img {
        width: auto !important;
    }

    /* Override bootstrap toggler hidden states */
    .header-style-3.mobile-sider-drawer-menu #mobile-side-drawer {
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: transparent !important;
        border: none !important;
        outline: none !important;
        padding: 8px !important;
        margin: 0 !important;
        cursor: pointer;
        z-index: 1001;
    }

    /* Hamburger icon bar overrides for smooth active animation */
    .header-style-3.mobile-sider-drawer-menu #mobile-side-drawer .icon-bar {
        background: #171d28 !important;
        height: 2px !important;
        width: 24px !important;
        margin: 4px 0 !important;
        display: block !important;
        transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
        transform-origin: center;
    }

    /* Overlay styling with glassmorphism blur */
    .mobile-sidebar-overlay {
        display: block !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background-color: rgba(23, 29, 40, 0.45) !important;
        /* backdrop-filter: blur(4px) !important;
        -webkit-backdrop-filter: blur(4px) !important; */
        z-index: 99999 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transition: opacity 0.4s ease, visibility 0.4s ease !important;
    }

    .mobile-sidebar-overlay.active {
        opacity: 1 !important;
        visibility: visible !important;
    }

    /* Mobile left slide-in navigation sidebar container */
    .mobile-sidebar {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 80% !important;
        max-width: 310px !important;
        height: 100vh !important;
        background-color: #ffffff !important;
        z-index: 100000 !important;
        box-shadow: 0 0 35px rgba(0, 0, 0, 0.15) !important;
        display: flex !important;
        flex-direction: column !important;
        transform: translateX(-100%) !important;
        transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    }

    .mobile-sidebar.active {
        transform: translateX(0) !important;
    }

    /* Header section of the drawer */
    .mobile-sidebar-header {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 2px 24px !important;
        border-bottom: 1px solid rgba(226, 232, 240, 0.8) !important;
        background-color: #ffffff !important;
    }
    .mobile-sidebar-header h4{font-weight: 600; margin-bottom: 0px;}
    .mobile-sidebar-close {
        background: transparent !important;
        border: none !important;
        outline: none !important;
        color: #171d28 !important;
        font-size: 24px !important;
        width: 36px !important;
        height: 36px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        border-radius: 50% !important;
        transition: background-color 0.2s ease, color 0.2s ease !important;
    }

    .mobile-sidebar-close:hover {
        background-color: #f1f5f9 !important;
        color: #1967d2 !important;
    }

    /* Sidebar list elements and scrolling body */
    .mobile-sidebar-body {
        flex: 1 !important;
        overflow-y: auto !important;
        padding: 0px 0 !important;
    }

    .mobile-sidebar-nav {
        list-style: none !important;
        padding: 10px 15px !important;
        margin: 0 !important;
    }

    .mobile-sidebar-nav li {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .mobile-sidebar-nav li a {
        display: flex !important;
        align-items: center !important;
        padding: 0px !important;
        font-size: 15px !important;
        font-weight: 500 !important;
        color: #000 !important;
        transition: all 0.25s ease !important;
        /* border-left: 3px solid transparent !important; */
        margin-bottom: 2px;
    }

    .mobile-sidebar-nav li a i {
        font-size: 18px !important;
        margin-right: 12px !important;
        color: #718096 !important;
        transition: color 0.25s ease !important;
    }

    /* Hover and Active highlights matching primary theme */
    .mobile-sidebar-nav li a:hover,
    .mobile-sidebar-nav li a.active {
        color: #2e3192 !important;
        /* background-color: rgba(25, 103, 210, 0.04) !important; */
        /* border-left-color: #2e3192 !important; */
        text-decoration: none !important;
    }

    .mobile-sidebar-nav li a:hover i,
    .mobile-sidebar-nav li a.active i {
        color: #1967d2 !important;
    }

    /* Dividers & headers within sidebar list */
    .mobile-sidebar-nav li.mobile-sidebar-divider {
        height: 1px !important;
        background-color: #2e3192 !important;
        margin: 15px 0px !important;
    }

    .mobile-sidebar-user-welcome {
        padding: 8px 24px 12px !important;
        font-size: 14px !important;
        color: #000 !important;
    }

    .mobile-sidebar-user-welcome strong {
        color: #171d28 !important;
        font-weight: 600 !important;
    }

    /* Special customized styles for core actions */
    .mobile-sidebar-nav li.mobile-sidebar-emp-zone {
        padding-top: 15px !important;
        margin-top: 15px !important;
        border-top: 1px solid #2e3192;
    }

    .mobile-sidebar-emp-zone a {
        display: block !important;
        text-align: center !important;
        color: #ffffff !important;
        padding: 10px 16px !important;
        border-radius: 8px !important;
        font-weight: 600 !important;
        border-left: none !important;
        transition: all 0.2s ease !important;
    }

    .mobile-sidebar-emp-zone a:hover {
        color: #2e3192 !important;
    }

    .mobile-sidebar-logout a {
        color: #e53e3e !important;
    }

    .mobile-sidebar-logout a:hover {
        background-color: rgba(229, 62, 62, 0.05) !important;
        border-left-color: #e53e3e !important;
    }

    .mobile-sidebar-logout a:hover i {
        color: #e53e3e !important;
    }
}

/* ==========================================
   MOBILE FILTER SIDEBAR DRAWER (≤992px)
   ========================================== */
/* By default, hide filter icon and sidebar overlay on desktop resolutions (>992px) */
.mobile_filter_icon,
.mobile-filter-sidebar,
.mobile-filter-sidebar-overlay {
    display: none !important;
}

@media (max-width: 992px) {
    /* Hide the desktop sidebar column completely */
    .rightSidebar {
        display: none !important;
    }

    /* Style the mobile filter button - Displays native style.css properties */
    .mobile_filter_icon {
        display: block !important;
        cursor: pointer !important;
        margin-bottom: 2px !important;
    }

    /* Mobile filter sidebar overlay with blur */
    .mobile-filter-sidebar-overlay {
        display: block !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background-color: rgba(23, 29, 40, 0.45) !important;
        /* backdrop-filter: blur(4px) !important;
        -webkit-backdrop-filter: blur(4px) !important; */
        z-index: 99999 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transition: opacity 0.4s ease, visibility 0.4s ease !important;
    }

    .mobile-filter-sidebar-overlay.active {
        opacity: 1 !important;
        visibility: visible !important;
    }

    /* Sliding filter drawer from the right side */
    .mobile-filter-sidebar {
        display: flex !important;
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        left: auto !important;
        width: 85% !important;
        max-width: 340px !important;
        height: 100vh !important;
        background-color: #ffffff !important;
        z-index: 100000 !important;
        box-shadow: 0 0 35px rgba(0, 0, 0, 0.15) !important;
        flex-direction: column !important;
        transform: translateX(100%) !important;
        transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    }

    .mobile-filter-sidebar.active {
        transform: translateX(0) !important;
    }

    /* Header section of the drawer */
    .mobile-filter-sidebar-header {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 2px 24px !important;
        /* border-bottom: 1px solid rgba(226, 232, 240, 0.8) !important; */
        background-color: #ffffff !important;
    }

    .mobile-filter-sidebar-header h4 {
        margin: 0 !important;
        font-size: 18px !important;
        font-weight: 600 !important;
        color: #171d28 !important;
    }

    .mobile-filter-sidebar-close {
        background: transparent !important;
        border: none !important;
        outline: none !important;
        color: #171d28 !important;
        font-size: 24px !important;
        width: 36px !important;
        height: 36px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        border-radius: 50% !important;
        transition: background-color 0.2s ease, color 0.2s ease !important;
        margin-left: auto;
    }

    .mobile-filter-sidebar-close:hover {
        background-color: #f1f5f9 !important;
        color: #2e3192 !important;
    }

    /* Scrollable body of the drawer containing the form */
    .mobile-filter-sidebar-body {
        flex: 1 !important;
        overflow-y: auto !important;
        padding: 0px 24px !important;
    }
    .mobile-filter-sidebar-body .side-bar{
        box-shadow: none !important;
    }
    .mobile-filter-sidebar-body .widget.tw-sidebar-tags-wrap{
        margin-bottom: 0px;
    }

    /* Sidebar form styling adjustments to look perfect inside drawer */
    .mobile-filter-sidebar-body form {
        padding: 0 !important;
        background: none !important;
        box-shadow: none !important;
        border: none !important;
    }

    /* Specificity overrides to force JobFilterForm parts to display inside the mobile drawer */
    .mobile-filter-sidebar .widget.tw-sidebar-tags-wrap,
    .mobile-filter-sidebar .search-bx .section-head-small,
    .mobile-filter-sidebar .twm-sidebar-ele-filter,
    .mobile-filter-sidebar .serach_by_location {
        display: block !important;
    }
}