/*
Theme Name: Careerfy Child
Theme URI: https://careerfy.net/
Template: careerfy
Author: Eyecix
Author URI: http://eyecix.com/
Description: Careerfy brings you the most simple solution to display jobs on any type of websites. You may already know, some really big Job Portals provides the option to use their database and extend your website with job offers. This Theme can make everything automatically, some job providers also pay commission when any of your visitors click on the job links.
Tags: two-columns,left-sidebar,custom-background,custom-colors,custom-header,custom-menu,editor-style,featured-images,microformats,post-formats,rtl-language-support,sticky-post,threaded-comments,translation-ready
Version: 9.4.4.1780326500
Updated: 2024-05-01 18:49:39

*/

/* ==========================================================================
   EduBridge – Homepage (front-page.php)
   ========================================================================== */

/* --------------------------------------------------------------------------
   CSS Variables – mirrors careerfy-main-color default (#13b5ea).
   To change the site accent, update --eb-primary and --eb-primary-rgb only.
   --eb-primary-rgb must be the R, G, B channels of --eb-primary.
   -------------------------------------------------------------------------- */
:root {
    --eb-primary:       #3a2061;                          /* Deep violet – main brand colour        */
    --eb-primary-dark:  #2e174f;                          /* ~15% darker – hover states             */
    --eb-primary-rgb:   58, 32, 97;                       /* RGB channels of --eb-primary           */
    --eb-primary-dark-rgb: 46, 23, 79;                    /* RGB channels of --eb-primary-dark      */
    --eb-primary-light: rgba(var(--eb-primary-rgb), 0.08);
    --eb-primary-lighter: rgba(var(--eb-primary-rgb), 0.04);

    /* Accent – golden amber (complements deep violet) */
    --eb-accent:        #f4a226;
    --eb-accent-dark:   #d4881a;                          /* ~15% darker – hover states             */
    --eb-accent-rgb:    244, 162, 38;                     /* RGB channels of --eb-accent            */

    /* Semantic utility colours */
    --eb-success:       #4ecb71;                          /* Checkmark / positive icons             */
    --eb-heading:       #0d1b2a;                          /* Dark headings on light backgrounds     */
    --eb-body-muted:    #6b7a99;                          /* Secondary body text                    */
}

/* --------------------------------------------------------------------------
   1. Hero Section
   -------------------------------------------------------------------------- */
.edubridge-hero {
    position: relative;
    min-height: 640px;
    background-image: url('https://images.unsplash.com/photo-1580582932707-520aed937b7b?auto=format&fit=crop&w=1920&q=80');
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/* Overlay via pseudo-element – no extra div needed in WPBakery */
.edubridge-hero::before {
    content: '';
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    background: linear-gradient(135deg, rgba(var(--eb-primary-rgb), 0.72) 0%, rgba(var(--eb-primary-dark-rgb), 0.72) 100%);
    z-index: 1;
    pointer-events: none;
    display: block;
}

/* WPBakery column-inner sits above the overlay */
.edubridge-hero .vc_column-inner {
    position: relative;
    z-index: 2;
}

/* WPBakery content wrapper replaces .edubridge-hero-inner */
.edubridge-hero .wpb_wrapper {
    text-align: center;
    color: #fff;
}

.edubridge-hero-title {
    font-size: 44px;
    font-weight: 800;
    line-height: 1.22;
    color: #fff !important;
    margin: 0 auto 20px;
    max-width: 780px;
    text-shadow: 0 3px 12px rgba(0, 0, 0, 0.35);
}

.edubridge-hero-sub {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.88);
    margin: 0 auto 38px;
    max-width: 600px;
    line-height: 1.65;
}

/* Search form inside hero – keep it readable on dark bg */
.edubridge-search-wrap {
    max-width: 860px;
    margin: 0 auto 36px;
}

.edubridge-search-wrap .jobsearch-simple-searchform,
.edubridge-search-wrap .jobsearch_adv_search_div,
.edubridge-search-wrap form {
    background: rgba(255, 255, 255, 0.10);
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 8px;
    padding: 18px 20px;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}

.edubridge-search-wrap .jobsearch-simple-searchform input[type="text"],
.edubridge-search-wrap .jobsearch-simple-searchform select,
.edubridge-search-wrap form input[type="text"],
.edubridge-search-wrap form select {
    background: rgba(255, 255, 255, 0.92) !important;
    border-radius: 4px;
    color: #333 !important;
}

/* Hero CTA buttons */
.edubridge-hero-btns {
    margin-bottom: 52px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.edubridge-btn {
    display: inline-block;
    padding: 14px 34px;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none !important;
    -webkit-transition: all 0.22s ease;
    transition: all 0.22s ease;
    letter-spacing: 0.4px;
    cursor: pointer;
}

.edubridge-btn-primary {
    background: var(--eb-primary);
    color: #fff !important;
    border: 2px solid var(--eb-primary);
}

.edubridge-btn-primary:hover {
    background: var(--eb-primary-dark);
    border-color: var(--eb-primary-dark);
    color: #fff !important;
}

.edubridge-btn-outline {
    background: transparent;
    color: #fff !important;
    border: 2px solid rgba(255, 255, 255, 0.80);
}

.edubridge-btn-outline:hover {
    background: rgba(255, 255, 255, 0.14);
    border-color: #fff;
    color: #fff !important;
}

/* Stats row */
.edubridge-stats-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0;
    background: transparent !important;
}

/* Dividers via border – replaces the .edubridge-stat-divider div */
.edubridge-stats-row > .vc_column_container:not(:last-child) > .vc_column-inner {
    border-right: 1px solid rgba(255, 255, 255, 0.28);
}

.edubridge-stat {
    padding: 0 42px;
    text-align: center;
}

.edubridge-stat strong {
    display: block;
    font-size: 36px;
    font-weight: 800;
    color: #fff;
    line-height: 1;
    margin-bottom: 7px;
}

.edubridge-stat span {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.72);
    text-transform: uppercase;
    letter-spacing: 1.2px;
    font-weight: 500;
}

.edubridge-stat-divider {
    width: 1px;
    height: 52px;
    background: rgba(255, 255, 255, 0.28);
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

/* --------------------------------------------------------------------------
   2. Shared Section Styles
   -------------------------------------------------------------------------- */
.edubridge-section {
    padding: 80px 0;
}

.edubridge-section-light {
    background-color: #f5f7fb;
}

/* Centre section headings generated by [careerfy_section_heading] */
.edubridge-section .careerfy-fancy-title,
.edubridge-section-light .careerfy-fancy-title,
.edubridge-howitworks .careerfy-fancy-title,
.edubridge-counters-strip .careerfy-fancy-title {
    text-align: center;
    margin-bottom: 48px;
}

.edubridge-section .careerfy-fancy-title h2,
.edubridge-section-light .careerfy-fancy-title h2 {
    font-size: 30px;
    font-weight: 800;
    color: var(--eb-heading);
    margin-bottom: 12px;
}

.edubridge-section .careerfy-fancy-title p,
.edubridge-section-light .careerfy-fancy-title p {
    font-size: 15px;
    color: var(--eb-body-muted);
    max-width: 520px;
    margin: 0 auto;
    line-height: 1.7;
}

/* --------------------------------------------------------------------------
   3. How It Works
   -------------------------------------------------------------------------- */
.edubridge-howitworks {
    background-color: var(--eb-primary-light);
    padding: 80px 0;
}

.edubridge-steps {
    margin-top: 10px;
}

.edubridge-step {
    text-align: center;
    padding: 36px 28px;
    position: relative;
}

.edubridge-step:not(:last-child)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 70px;
    background: #ccd5e4;
}

.edubridge-step-icon {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--eb-primary) 0%, var(--eb-primary-dark) 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto 24px;
    -webkit-box-shadow: 0 10px 28px rgba(var(--eb-primary-rgb), 0.28);
    box-shadow: 0 10px 28px rgba(var(--eb-primary-rgb), 0.28);
}

.edubridge-step-icon .fa {
    font-size: 34px;
    color: #fff;
}

/* [vc_icon] in step columns – apply matching shadow */
.edubridge-step .vc_icon_element {
    margin: 0 auto 24px;
}

.edubridge-step .vc_icon_element .vc_icon_element-inner {
    -webkit-box-shadow: 0 10px 28px rgba(var(--eb-primary-rgb), 0.28) !important;
    box-shadow: 0 10px 28px rgba(var(--eb-primary-rgb), 0.28) !important;
}

.edubridge-step-num {
    font-size: 72px;
    font-weight: 900;
    color: rgba(var(--eb-primary-rgb), 0.07);
    line-height: 1;
    margin-bottom: -16px;
    display: block;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.edubridge-step h3 {
    font-size: 18px;
    font-weight: 700;
    color: var(--eb-primary);
    margin-bottom: 12px;
}

.edubridge-step p {
    font-size: 14px;
    color: var(--eb-body-muted);
    line-height: 1.75;
    margin-bottom: 0;
}

/* --------------------------------------------------------------------------
   4. Featured Jobs – vc_row full-width fix inside section wrapper
   -------------------------------------------------------------------------- */
.edubridge-section-light .vc_row.wpb_row.vc_row-o-full-height,
.edubridge-section-light .vc_row.wpb_row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* --------------------------------------------------------------------------
   5. Employer CTA Banner
   -------------------------------------------------------------------------- */
.edubridge-cta-banner {
    background: linear-gradient(135deg, var(--eb-primary) 0%, var(--eb-primary-dark) 100%);
    padding: 80px 0;
    color: #fff;
}

.edubridge-cta-banner h2 {
    font-size: 34px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 18px;
    line-height: 1.25;
}

.edubridge-cta-banner p {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.82);
    line-height: 1.75;
    margin-bottom: 0;
}

.edubridge-cta-features {
    list-style: none;
    padding: 0;
    margin: 24px 0 0;
}

.edubridge-cta-features li {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.80);
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.edubridge-cta-features .fa-check-circle {
    color: var(--eb-success);
    font-size: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.edubridge-cta-btn-wrap .vc_column-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 16px;
    padding-top: 14px;
}

/* WPBakery vc_btn containers inside CTA btn column */
.edubridge-cta-btn-wrap .vc_btn3-container {
    width: 100%;
    max-width: 230px;
    text-align: center;
}

.edubridge-cta-btn-wrap .vc_btn3 {
    width: 100%;
}

.edubridge-btn-cta {
    background: var(--eb-accent);
    color: #081832 !important;
    border: 2px solid var(--eb-accent);
    width: 100%;
    max-width: 230px;
    text-align: center;
}

.edubridge-btn-cta:hover {
    background: var(--eb-accent-dark);
    border-color: var(--eb-accent-dark);
    color: #fff !important;
}

.edubridge-btn-cta-outline {
    background: transparent;
    color: rgba(255, 255, 255, 0.90) !important;
    border: 2px solid rgba(255, 255, 255, 0.55);
    width: 100%;
    max-width: 230px;
    text-align: center;
}

.edubridge-btn-cta-outline:hover {
    background: rgba(255, 255, 255, 0.10);
    border-color: rgba(255, 255, 255, 0.80);
    color: #fff !important;
}

.edubridge-btn-cta .fa,
.edubridge-btn-cta-outline .fa {
    margin-right: 6px;
}

/* --------------------------------------------------------------------------
   6. Top Institutions  (redesigned v2 – Elevated Vertical Cards)
   -------------------------------------------------------------------------- */

/* Section – clean white with subtle dot-grid depth */
.edubridge-institutions {
    background: #fff;
    position: relative;
    padding: 90px 0 80px;
    overflow: hidden;
}

/* Dot-grid texture */
.edubridge-institutions::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(58, 32, 97, 0.055) 1px, transparent 1px);
    background-size: 28px 28px;
    pointer-events: none;
    z-index: 0;
}

/* Central radial focus glow */
.edubridge-institutions::after {
    content: '';
    position: absolute;
    top: 0; left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 80%;
    height: 50%;
    background: radial-gradient(ellipse at top, rgba(58, 32, 97, 0.06) 0%, transparent 70%);
    pointer-events: none;
    z-index: 0;
}

/* Section heading */
.edubridge-institutions .careerfy-fancy-title {
    position: relative;
    z-index: 1;
    text-align: center;
    margin-bottom: 64px;
}
.edubridge-institutions .careerfy-fancy-title h2 {
    font-size: 34px !important;
    font-weight: 800;
    color: var(--eb-heading);
    letter-spacing: -0.4px;
    margin-bottom: 0 !important;
    line-height: 1.2;
    display: inline-block;
}
/* Accent underline beneath heading */
.edubridge-institutions .careerfy-fancy-title h2::after {
    content: '';
    display: block;
    width: 48px;
    height: 4px;
    background: linear-gradient(90deg, var(--eb-primary) 0%, #9b6dd4 100%);
    border-radius: 2px;
    margin: 14px auto 0;
}
.edubridge-institutions .careerfy-fancy-title p {
    font-size: 16px;
    color: var(--eb-body-muted);
    margin: 14px auto 0;
    max-width: 460px;
    line-height: 1.65;
}

/* Grid */
.edubridge-institutions .top-companies-list {
    position: relative;
    z-index: 1;
}
.edubridge-institutions .top-companies-list ul.row {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 28px;
    margin: 0 !important;
    padding: 0;
    list-style: none;
}
.edubridge-institutions .top-companies-list ul.row > li.col-md-4 {
    float: none !important;
    width: calc(33.333% - 20px) !important;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(33.333% - 20px);
    flex: 0 0 calc(33.333% - 20px);
    max-width: 320px;
    padding: 0 !important;
    padding-top: 36px !important; /* room above card for floating logo */
    margin: 0 0 8px !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* Card – vertical, centered */
.edubridge-institutions .top-companies-list-inner {
    position: relative;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding: 52px 28px 30px !important;
    background: #fff;
    border: 1px solid rgba(58, 32, 97, 0.10);
    border-top: 4px solid var(--eb-primary);
    border-radius: 16px;
    -webkit-box-shadow: 0 4px 20px rgba(58, 32, 97, 0.07);
    box-shadow: 0 4px 20px rgba(58, 32, 97, 0.07);
    -webkit-transition: -webkit-transform 0.28s cubic-bezier(.22,.68,0,1.2), -webkit-box-shadow 0.28s ease;
    transition: transform 0.28s cubic-bezier(.22,.68,0,1.2), box-shadow 0.28s ease;
    overflow: visible;
    height: 100%;
    min-height: 180px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* Per-card top-border accent variation */
.edubridge-institutions ul.row > li.col-md-4:nth-child(3n+2) .top-companies-list-inner {
    border-top-color: #7c4dbd;
}
.edubridge-institutions ul.row > li.col-md-4:nth-child(3n) .top-companies-list-inner {
    border-top-color: #4a90d9;
}

/* Hover lift – desktop pointer only */
@media (hover: hover) and (pointer: fine) {
    .edubridge-institutions .top-companies-list-inner:hover {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
        -webkit-box-shadow: 0 22px 52px rgba(58, 32, 97, 0.16);
        box-shadow: 0 22px 52px rgba(58, 32, 97, 0.16);
    }
    .edubridge-institutions .top-companies-list-inner:hover figure {
        -webkit-box-shadow: 0 8px 28px rgba(58, 32, 97, 0.30);
        box-shadow: 0 8px 28px rgba(58, 32, 97, 0.30);
    }
}

/* Logo – circular, floating 36px above card */
.edubridge-institutions .top-companies-list-inner figure {
    position: absolute !important;
    top: -36px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 72px !important;
    height: 72px !important;
    border-radius: 50% !important;
    overflow: hidden;
    border: 3px solid #fff;
    -webkit-box-shadow: 0 4px 18px rgba(58, 32, 97, 0.18);
    box-shadow: 0 4px 18px rgba(58, 32, 97, 0.18);
    background: -webkit-linear-gradient(315deg, rgba(58,32,97,0.10) 0%, rgba(124,77,189,0.18) 100%);
    background: linear-gradient(135deg, rgba(58,32,97,0.10) 0%, rgba(124,77,189,0.18) 100%);
    margin: 0 !important;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    z-index: 2;
    -webkit-transition: -webkit-box-shadow 0.28s ease;
    transition: box-shadow 0.28s ease;
}
.edubridge-institutions .top-companies-list-inner figure img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}

/* Text block */
.edubridge-institutions .top-companies-list-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    width: 100%;
}

.top-companies-list figure~.top-companies-list-text {
    margin-left: 0;
}

.edubridge-institutions .top-companies-list-text h2 {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--eb-heading);
    margin: 0 0 16px !important;
    line-height: 1.4;
    word-break: break-word;
}
.edubridge-institutions .top-companies-list-text h2 a {
    color: inherit !important;
    text-decoration: none !important;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
}
.edubridge-institutions .top-companies-list-text h2 a:hover {
    color: var(--eb-primary) !important;
}
.edubridge-institutions .top-companies-list-text small {
    display: none;
}

/* Jobs count badge */
.edubridge-institutions .top-companies-list-text-btn {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    padding: 6px 16px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    background: rgba(58, 32, 97, 0.07) !important;
    color: var(--eb-primary) !important;
    border: 1px solid rgba(58, 32, 97, 0.15) !important;
    text-decoration: none !important;
    letter-spacing: 0.2px;
    -webkit-transition: background 0.2s ease, color 0.2s ease, -webkit-transform 0.2s ease;
    transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.edubridge-institutions .top-companies-list-text-btn:hover {
    background: var(--eb-primary) !important;
    color: #fff !important;
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
}
.edubridge-institutions .top-companies-list-text-btn::before {
    font-family: FontAwesome, 'Font Awesome 5 Free' !important;
    font-weight: 900;
    content: '\f0b1';
    font-size: 11px;
    opacity: 0.75;
    font-style: normal;
}

/* Responsive */
@media (max-width: 991px) {
    .edubridge-institutions .top-companies-list ul.row > li.col-md-4 {
        width: calc(50% - 16px) !important;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 16px);
        flex: 0 0 calc(50% - 16px);
        max-width: none;
    }
}
@media (max-width: 767px) {
    .edubridge-institutions .top-companies-list ul.row > li.col-md-4 {
        width: 100% !important;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 380px;
    }
    .edubridge-institutions .careerfy-fancy-title h2 {
        font-size: 26px !important;
    }
}

/* --------------------------------------------------------------------------
   7. Stats Counter Strip
   -------------------------------------------------------------------------- */
.edubridge-counters-strip {
    background: linear-gradient(90deg, #1a0d35 0%, var(--eb-primary) 100%);
    padding: 64px 0;
}

/* Override careerfy-modren-counter colours for dark bg */
.edubridge-counters-strip .careerfy-modren-counter {
    background: transparent !important;
    border: none !important;
}

.edubridge-counters-strip .careerfy-modren-counter ul.row > li {
    border-color: rgba(255, 255, 255, 0.15) !important;
}

.edubridge-counters-strip .careerfy-modren-counter .timer,
.edubridge-counters-strip .careerfy-modren-counter strong,
.edubridge-counters-strip .careerfy-modren-counter h3,
.edubridge-counters-strip .careerfy-modren-counter h4 {
    color: #fff !important;
}

.edubridge-counters-strip .careerfy-modren-counter span,
.edubridge-counters-strip .careerfy-modren-counter p,
.edubridge-counters-strip .careerfy-modren-counter small {
    color: rgba(255, 255, 255, 0.70) !important;
}

.edubridge-counters-strip .careerfy-modren-counter i,
.edubridge-counters-strip .careerfy-modren-counter .fa {
    color: var(--eb-accent) !important;
}

/* --------------------------------------------------------------------------
   8. Responsive
   -------------------------------------------------------------------------- */
@media (max-width: 991px) {
    .edubridge-hero-title  { font-size: 34px; }
    .edubridge-hero-sub    { font-size: 16px; }
    .edubridge-section     { padding: 60px 0; }
    .edubridge-howitworks  { padding: 60px 0; }
    .edubridge-cta-banner  { padding: 60px 0; }
    .edubridge-counters-strip { padding: 50px 0; }
}

@media (max-width: 767px) {
    .edubridge-hero                     { min-height: 0; }
    .edubridge-hero .wpb_wrapper        { padding: 70px 15px 55px; }
    .edubridge-hero-title               { font-size: 26px; }
    .edubridge-hero-sub                 { font-size: 15px; }
    .edubridge-stats-row > .vc_column_container:not(:last-child) > .vc_column-inner { border-right: none; }
    .edubridge-stat                     { padding: 10px 22px; }
    .edubridge-stat strong              { font-size: 28px; }
    .edubridge-step:not(:last-child)::after { display: none; }
    .edubridge-cta-banner               { padding: 50px 0; }
    .edubridge-cta-banner h2            { font-size: 24px; }
    .edubridge-cta-btn-wrap             { padding-top: 30px; }
    .edubridge-section                  { padding: 50px 0; }
    .edubridge-howitworks               { padding: 50px 0; }
    .edubridge-counters-strip           { padding: 40px 0; }

    /* Responsive: stack counters 2×2 on mobile */
    .edubridge-counters-strip .careerfy-modren-counter ul.row > li {
        width: 50% !important;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    /* Stack categories 2-per-row on mobile */
    .categories-list .jobsearch-row li.jobsearch-column-3 {
        width: calc(50% - 10px) !important;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 10px);
        flex: 0 0 calc(50% - 10px);
    }
    /* Revert featured job card to stacked on mobile */
    .edubridge-section-light .careerfy-jobs-scroll-slider-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12px;
    }
    .edubridge-section-light .careerfy-jobs-scroll-slider-wrap figure {
        width: 72px;
        height: 72px;
    }
}

/* ==========================================================================
   9. UI Bug Fixes (2026-06-01)
   ========================================================================== */

/* --- FIX 1: Counters — force all 4 items onto one row (col-md-4 = 3/row) --- */
.edubridge-counters-strip .careerfy-modren-counter ul.row > li {
    width: 25% !important;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

/* Remove dated animated dashed bars from parent theme */
.edubridge-counters-strip .careerfy-modren-counter li::before,
.edubridge-counters-strip .careerfy-modren-counter li::after {
    display: none !important;
}
.edubridge-counters-strip .careerfy-modren-counter ul.row > li {
    border-bottom: none !important;
    border-top: none !important;
}

/* Counter number — prominent white on dark bg */
.edubridge-counters-strip .careerfy-modren-counter .word-counter {
    color: #fff !important;
    display: block;
    font-size: 40px;
    font-weight: 800;
    line-height: 1.15;
    margin: 8px 0 4px;
}

/* --- FIX 2: Featured Jobs — horizontal card layout --- */
.edubridge-section-light .careerfy-jobs-scroll-slider-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    padding: 16px 20px;
    background: #fff;
    border: 1px solid #e4e9f2;
    border-radius: 8px;
    margin-bottom: 10px;
    -webkit-transition: -webkit-box-shadow 0.22s ease;
    transition: box-shadow 0.22s ease;
}
.edubridge-section-light .careerfy-jobs-scroll-slider-wrap:hover {
    -webkit-box-shadow: 0 6px 24px rgba(var(--eb-primary-rgb), 0.10);
    box-shadow: 0 6px 24px rgba(var(--eb-primary-rgb), 0.10);
}
.edubridge-section-light .careerfy-jobs-scroll-slider-wrap figure {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 88px;
    height: 88px;
    border-radius: 6px;
    overflow: hidden;
    margin: 0;
    background: #f0f2f7;
    border: 1px solid #e4e9f2;
}
.edubridge-section-light .careerfy-jobs-scroll-slider-wrap figure img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}
.edubridge-section-light .careerfy-jobs-scroll-slider-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}

/* ==========================================================================
   10. Popular Job Categories — Premium Card Redesign
   ========================================================================== */

/* Flex grid: replaces inline-block system */
.categories-list .jobsearch-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Card base */
.categories-list .jobsearch-row li.jobsearch-column-3 {
    width: calc(33.333% - 14px) !important;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(33.333% - 14px);
    flex: 0 0 calc(33.333% - 14px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding: 36px 24px 28px;
    background: #ffffff;
    border: 1px solid rgba(58, 32, 97, 0.10);
    border-radius: 14px;
    -webkit-box-shadow: 0 2px 14px rgba(58, 32, 97, 0.06);
    box-shadow: 0 2px 14px rgba(58, 32, 97, 0.06);
    -webkit-transition: -webkit-transform 0.25s ease, -webkit-box-shadow 0.25s ease, border-color 0.25s ease;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

/* Hover lift */
.categories-list .jobsearch-row li.jobsearch-column-3:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-box-shadow: 0 14px 36px rgba(58, 32, 97, 0.14);
    box-shadow: 0 14px 36px rgba(58, 32, 97, 0.14);
    border-color: rgba(58, 32, 97, 0.28);
}

/* Icon circle (Font Awesome ::before) */
.categories-list .jobsearch-row li.jobsearch-column-3::before {
    content: '\f19d';
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    color: var(--eb-primary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: rgba(58, 32, 97, 0.08);
    margin: 0 auto 20px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: background 0.25s ease, color 0.25s ease;
    transition: background 0.25s ease, color 0.25s ease;
}

/* Per-category icons */
.categories-list .jobsearch-row li.jobsearch-column-3:nth-child(1)::before { content: '\f19d'; } /* graduation-cap  – Teaching Positions    */
.categories-list .jobsearch-row li.jobsearch-column-3:nth-child(2)::before { content: '\f1ae'; } /* child           – Primary Teachers      */
.categories-list .jobsearch-row li.jobsearch-column-3:nth-child(3)::before { content: '\f02d'; } /* book            – Secondary Teachers    */
.categories-list .jobsearch-row li.jobsearch-column-3:nth-child(4)::before { content: '\f0c0'; } /* users           – Subject Coordinators  */
.categories-list .jobsearch-row li.jobsearch-column-3:nth-child(5)::before { content: '\f0ac'; } /* globe           – Language Teachers     */
.categories-list .jobsearch-row li.jobsearch-column-3:nth-child(6)::before { content: '\f004'; } /* heart           – Special Education     */

/* Hover: fill icon circle */
.categories-list .jobsearch-row li.jobsearch-column-3:hover::before {
    background: var(--eb-primary);
    color: #ffffff;
}

/* Category name */
.categories-list .jobsearch-row li.jobsearch-column-3 a {
    font-size: 15px;
    font-weight: 700;
    color: #2d1f47;
    text-decoration: none !important;
    line-height: 1.35;
    margin-bottom: 10px;
    display: block;
    -webkit-transition: color 0.22s ease;
    transition: color 0.22s ease;
}

.categories-list .jobsearch-row li.jobsearch-column-3:hover a {
    color: var(--eb-primary);
}

/* Vacancy count pill */
.categories-list .jobsearch-row li.jobsearch-column-3 span {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    color: var(--eb-primary);
    background: rgba(58, 32, 97, 0.08);
    padding: 4px 14px;
    border-radius: 20px;
    letter-spacing: 0.2px;
    -webkit-transition: background 0.22s ease, color 0.22s ease;
    transition: background 0.22s ease, color 0.22s ease;
}

.categories-list .jobsearch-row li.jobsearch-column-3:hover span {
    background: rgba(58, 32, 97, 0.14);
}

/* --- FIX 4: Hide "Clear Filter" links in hero until a filter is applied --- */
.edubridge-hero a.clear_filter {
    display: none !important;
}

/* --- FIX 5: "Browse All Sectors" — styled as an outlined button --- */
.jobsearch-jobcates-btn {
    text-align: center;
    margin-top: 32px;
}
.jobsearch-jobcates-btn a {
    display: inline-block;
    padding: 11px 32px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    color: var(--eb-primary) !important;
    border: 2px solid var(--eb-primary);
    text-decoration: none !important;
    -webkit-transition: all 0.22s ease;
    transition: all 0.22s ease;
    letter-spacing: 0.3px;
}
.jobsearch-jobcates-btn a:hover {
    background: var(--eb-primary);
    color: #fff !important;
}

li.jobsearch-banner-submit {
    max-width: 100% !important;
    border-radius: 0 5px 5px 0 !important;
}

i.jobsearch-icon.jobsearch-search {
    padding: 10px
}

.jobsearch-search-container ul li input[type="text"],
.jobsearch-search-container ul li select {
    border-radius: 0;
}

.jobsearch-search-container ul li:first-child input[type="text"] {
    border-radius: 5px 0 0 5px;
}