<!--Search Option Coding | Explore by Category or Location--><!--Search Option Coding | Explore by Category or Location-->
.ashub-search-area{width:100%;max-width:1200px;margin:20px auto;}
.ashub-open-search-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:min(100%,420px);min-height:50px;margin:20px auto;padding:0 20px;border:1px solid #fac926;border-radius:10px;background:transparent;color:#212428;font-size:17px;font-weight:600;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;}
.ashub-open-search-btn:hover{transform:translateY(-0.5px);box-shadow:0 3px 8px rgba(33,36,40,.14);}
.ashub-open-search-btn:active{transform:scale(.98);}
.ashub-search-popup{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:16px;}
.ashub-search-popup.is-open{display:flex;}
.ashub-popup-overlay{position:absolute;inset:0;background:rgba(33,36,40,.68);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);}
.ashub-popup-dialog{position:relative;z-index:2;width:min(880px,100%);max-height:90vh;overflow-y:auto;overscroll-behavior:contain;padding:24px;background:#fff;border:1px solid #fac926;border-radius:17px;box-shadow:0 20px 60px rgba(0,0,0,.24);}
.ashub-popup-dialog.is-searching > *:not(.ashub-search-loading){filter:blur(4px);pointer-events:none;user-select:none;}
.ashub-search-loading{position:absolute;inset:0;z-index:20;display:none;align-items:center;justify-content:center;background:rgba(255,255,255,.55);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);}
.ashub-search-loading.is-visible{display:flex;}
.ashub-search-loading-card{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:185px;padding:20px 24px;background:rgba(255,255,255,.97);border:1px solid #fac926;border-radius:15px;box-shadow:0 12px 35px rgba(33,36,40,.14);text-align:center;color:#212428;}
.ashub-search-loading-card strong{font-size:15px;}
.ashub-search-loading-card small{color:#777;font-size:11px;}
.ashub-search-spinner{width:31px;height:31px;border:3px solid #e7e9eb;border-top-color:#fac926;
border-radius:50%;animation:ashubSpin .7s linear infinite;}
@keyframes ashubSpin{
    to{
        transform:rotate(360deg);
    }
}
.ashub-popup-close{position:absolute;top:11px;right:12px;z-index:30;width:37px;height:37px;border:0;border-radius:50%;background:#f1f2f3;color:#212428;font-size:27px;line-height:1;cursor:pointer;}
.ashub-popup-close:hover{background:#fac926;}
.ashub-popup-header{padding-right:45px;margin-bottom:18px;}
.ashub-popup-header h2{margin:0 0 5px;font-size:20px;line-height:1.3;}
.ashub-popup-header p{margin:0;line-height:1.5;}
.ashub-popup-fields{display:grid;
    grid-template-columns:
        1fr
        1fr
        auto;
    gap:10px;align-items:end;padding:15px;
    background:#f8f9fa;border-radius:13px;}
.ashub-field{min-width:0;}
.ashub-field label{display:block;
margin-bottom:7px;color:#212428;font-size:11px;font-weight:700;letter-spacing:.8px;}
.ashub-select{width:100%;height:44px;padding:0 14px;border:1px solid #212428;border-radius:23px;outline:0;background:#fff;color:#212428;font-size:14px;cursor:pointer;}
.ashub-select option{background:#212428;color:#fff;}
.ashub-search-btn{height:44px;padding:0 21px;border-radius:23px;border:1px solid #212428;background:#fff;color:#212428;font-weight:700;cursor:pointer;white-space:nowrap;}
.ashub-search-btn:hover{border:2px solid #fac926;}
.ashub-search-btn:disabled{opacity:.55;cursor:not-allowed;}
.ashub-results{margin-top:15px;}
.ashub-post-list{display:flex;flex-direction:column;gap:10px;}
.ashub-post{display:grid;
grid-template-columns:
        175px
        minmax(0,1fr);gap:15px;
    width:100%;
    padding:10px;
    border:1px solid #d8dadd;
    border-radius:11px;
    cursor:pointer;
    outline:none;
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        border-color .16s ease;}
.ashub-post:hover{transform:translateY(-1px);box-shadow:0 5px 16px rgba(33,36,40,.08);border-color:#fac926;}
.ashub-post:focus-visible,
.ashub-open-search-btn:focus-visible,
.ashub-search-btn:focus-visible,
.ashub-select:focus-visible,
.ashub-popup-close:focus-visible{
    outline:3px solid rgba(250,201,38,.7);
    outline-offset:2px;}
.ashub-post-image-wrap{width:175px;height:120px;overflow:hidden;border-radius:8px;background:transparent;}
.ashub-post-image{display:block;width:100%;height:100%;object-fit:cover;background:#f5f5f5;transition:transform .25s ease;}
.ashub-post:hover .ashub-post-image{transform:scale(1.025);}
.ashub-no-image{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#999;font-size:11px;}
.ashub-post-content{min-width:0;}
.ashub-post-title{
    margin:0 0 4px !important;
    color:#212428 !important;
    font-size:20px !important;
    line-height:1.35 !important;
    font-weight:700 !important;
    overflow-wrap:anywhere;}
.ashub-post-date{margin-bottom:1px;color:#b18b00;font-size:10px;}
.ashub-quick-info{display:flex;flex-wrap:wrap;gap:4px 14px;}
.ashub-quick-item{color:#555;font-size:12px;line-height:1.4;overflow-wrap:anywhere;}
.ashub-quick-item strong{color:#212428;}
.ashub-no-results{padding:38px 18px;
    border:1px solid #e7e9eb;
    border-radius:11px;
    text-align:center;}
.ashub-no-results-title{
    margin:0 0 6px;
    color:#212428;
    font-size:16px;}
.ashub-no-results-text{
    margin:0;
    color:#777;
    font-size:12px;line-height:1.5;}
body.ashub-popup-open{
    overflow:hidden;}
@media(max-width:900px){
    .ashub-post{
        grid-template-columns:
            150px
            minmax(0,1fr);
    }
    .ashub-post-image-wrap{
        width:150px;
        height:110px;
    }
}
@media(max-width:700px){
    .ashub-search-area{margin:12px auto;}
    .ashub-search-popup{
        inset:0;
        margin:0;
        padding:0 5px 5px;
        align-items:flex-end;
        justify-content:center;
        box-sizing:border-box;
    }
    .ashub-popup-dialog{
         box-sizing:border-box;
        width:100%;
        max-width:100%;
        max-height:94vh;
        max-height:94dvh;
        margin:0;
        padding:19px 12px;
        overflow-x:hidden;
        overflow-y:auto;
        -webkit-overflow-scrolling:touch;
        border-radius:17px 17px 0 0;
    }
    .ashub-popup-header h2{
        font-size:20px;
    }
    .ashub-popup-fields{
        grid-template-columns:1fr;
        padding:12px;
    }
    .ashub-search-btn{
        width:100%;
    }
    .ashub-post{
        box-sizing:border-box;
        grid-template-columns:92px minmax(0,1fr);
        gap:10px;
        padding:8px;
        }
        
    .ashub-post-image-wrap{
        width:92px;
        height:82px;
    }
    .ashub-post-title{
        font-size:15px !important;
    }
    .ashub-post-date{
        font-size:9px;
    }
    .ashub-quick-info{
        display:block;
    }
    .ashub-quick-item{
        margin-bottom:2px;
        font-size:10px;
    }
}

<!--Search Option Coding | Explore by Category or Exam--><!--Search Option Coding | Explore by Category or Exam-->
.learner-search-area{width:100%;max-width:1200px;margin:20px auto;}
.learner-open-search-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:min(100%,420px);min-height:50px;margin:20px auto;padding:0 20px;border:1px solid #fac926;border-radius:10px;background:transparent;color:#212428;font-size:17px;font-weight:600;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;}
.learner-open-search-btn:hover{transform:translateY(-0.5px);box-shadow:0 3px 8px rgba(33,36,40,.14);}
.learner-open-search-btn:active{transform:scale(.98);}
.learner-search-popup{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:16px;}
.learner-search-popup.is-open{display:flex;}
.learner-popup-overlay{position:absolute;inset:0;background:rgba(33,36,40,.68);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);}
.learner-popup-dialog{position:relative;z-index:2;width:min(880px,100%);max-height:90vh;overflow-y:auto;overscroll-behavior:contain;padding:24px;background:#fff;border:1px solid #fac926;border-radius:17px;box-shadow:0 20px 60px rgba(0,0,0,.24);}
.learner-popup-dialog.is-searching > *:not(.learner-search-loading){filter:blur(4px);pointer-events:none;user-select:none;}
.learner-search-loading{position:absolute;inset:0;z-index:20;display:none;align-items:center;justify-content:center;background:rgba(255,255,255,.55);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);}
.learner-search-loading.is-visible{display:flex;}
.learner-search-loading-card{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:185px;padding:20px 24px;background:rgba(255,255,255,.97);border:1px solid #fac926;border-radius:15px;box-shadow:0 12px 35px rgba(33,36,40,.14);text-align:center;color:#212428;}
.learner-search-loading-card strong{font-size:15px;}
.learner-search-loading-card small{color:#777;font-size:11px;}
.learner-search-spinner{width:31px;height:31px;border:3px solid #e7e9eb;border-top-color:#fac926;
border-radius:50%;animation:learnerSpin .7s linear infinite;}
@keyframes learnerSpin{
    to{
        transform:rotate(360deg);
    }
}
.learner-popup-close{position:absolute;top:11px;right:12px;z-index:30;width:37px;height:37px;border:0;border-radius:50%;background:#f1f2f3;color:#212428;font-size:27px;line-height:1;cursor:pointer;}
.learner-popup-close:hover{background:#fac926;}
.learner-popup-header{padding-right:45px;margin-bottom:18px;}
.learner-popup-header h2{margin:0 0 5px;font-size:20px;line-height:1.3;}
.learner-popup-header p{margin:0;line-height:1.5;}
.learner-popup-fields{display:grid;
    grid-template-columns:
        1fr
        1fr
        auto;
    gap:10px;align-items:end;padding:15px;
    background:#f8f9fa;border-radius:13px;}
.learner-field{min-width:0;}
.learner-field label{display:block;
margin-bottom:7px;color:#212428;font-size:11px;font-weight:700;letter-spacing:.8px;}
.learner-select{width:100%;height:44px;padding:0 14px;border:1px solid #212428;border-radius:23px;outline:0;background:#fff;color:#212428;font-size:14px;cursor:pointer;}
.learner-select option{background:#212428;color:#fff;}
.learner-search-btn{height:44px;padding:0 21px;border-radius:23px;border:1px solid #212428;background:#fff;color:#212428;font-weight:700;cursor:pointer;white-space:nowrap;}
.learner-search-btn:hover{border:2px solid #fac926;}
.learner-search-btn:disabled{opacity:.55;cursor:not-allowed;}
.learner-results{margin-top:15px;}
.learner-post-list{display:flex;flex-direction:column;gap:10px;}
.learner-post{display:grid;
grid-template-columns:
        175px
        minmax(0,1fr);gap:15px;
    width:100%;
    padding:10px;
    border:1px solid #d8dadd;
    border-radius:11px;
    cursor:pointer;
    outline:none;
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        border-color .16s ease;}
.learner-post:hover{transform:translateY(-1px);box-shadow:0 5px 16px rgba(33,36,40,.08);border-color:#fac926;}
.learner-post:focus-visible,
.learner-open-search-btn:focus-visible,
.learner-search-btn:focus-visible,
.learner-select:focus-visible,
.learner-popup-close:focus-visible{
    outline:3px solid rgba(250,201,38,.7);
    outline-offset:2px;}
.learner-post-image-wrap{width:175px;height:120px;overflow:hidden;border-radius:8px;background:transparent;}
.learner-post-image{display:block;width:100%;height:100%;object-fit:cover;background:#f5f5f5;transition:transform .25s ease;}
.learner-post:hover .learner-post-image{transform:scale(1.025);}
.learner-no-image{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#999;font-size:11px;}
.learner-post-content{min-width:0;}
.learner-post-title{
    margin:0 0 4px !important;
    color:#212428 !important;
    font-size:20px !important;
    line-height:1.35 !important;
    font-weight:700 !important;
    overflow-wrap:anywhere;}
.learner-post-date{margin-bottom:1px;color:#b18b00;font-size:10px;}
.learner-quick-info{display:flex;flex-wrap:wrap;gap:4px 14px;}
.learner-quick-item{color:#555;font-size:12px;line-height:1.4;overflow-wrap:anywhere;}
.learner-quick-item strong{color:#212428;}
.learner-no-results{padding:38px 18px;
    border:1px solid #e7e9eb;
    border-radius:11px;
    text-align:center;}
.learner-no-results-title{
    margin:0 0 6px;
    color:#212428;
    font-size:16px;}
.learner-no-results-text{
    margin:0;
    color:#777;
    font-size:12px;line-height:1.5;}
body.learner-popup-open{
    overflow:hidden;}
@media(max-width:900px){
    .learner-post{
        grid-template-columns:
            150px
            minmax(0,1fr);
    }
    .learner-post-image-wrap{
        width:150px;
        height:110px;
    }
}
@media(max-width:700px){
    .learner-search-area{
        margin:12px auto;
    }

    /* Keep the backdrop full-screen and anchor the dialog to the bottom. */
    .learner-search-popup{
        inset:0;
        margin:0;
        padding:0 5px 5px;
        align-items:flex-end;
        justify-content:center;
        box-sizing:border-box;
    }

    /* Prevent width + padding + border from overflowing the mobile viewport. */
    .learner-popup-dialog{
        box-sizing:border-box;
        width:100%;
        max-width:100%;
        max-height:94vh;
        max-height:94dvh;
        margin:0;
        padding:19px 12px;
        overflow-x:hidden;
        overflow-y:auto;
        -webkit-overflow-scrolling:touch;
        border-radius:17px 17px 0 0;
    }

    .learner-popup-header h2{
        font-size:20px;
    }

    .learner-popup-fields{
        grid-template-columns:1fr;
        padding:12px;
    }

    .learner-search-btn{
        width:100%;
    }

    .learner-post{
        box-sizing:border-box;
        grid-template-columns:92px minmax(0,1fr);
        gap:10px;
        padding:8px;
    }

    .learner-post-image-wrap{
        width:92px;
        height:82px;
    }

    /* The desktop title rule uses !important, so override it on mobile too. */
    .learner-post-title{
        font-size:15px !important;
    }

    .learner-post-date{
        font-size:9px;
    }

    .learner-quick-info{
        display:block;
    }

    .learner-quick-item{
        margin-bottom:2px;
        font-size:10px;
    }
}

<!--theAShub Aspirants Post Cards--><!--theAShub Aspirants Post Cards-->
.ashub-careers-wrap{width:100%;max-width:1200px;margin:0 auto;padding:8px 5px;box-sizing:border-box;}
.ashub-careers-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;width:100%;}
.ashub-career-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:220px;padding:11px;box-sizing:border-box;border:1px solid #fac926;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);overflow:hidden;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;}
.ashub-career-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,.12);}
.ashub-career-card-link{position:absolute;inset:0;z-index:5;display:block;border-radius:12px;}
.ashub-career-thumb{width:100%;height:130px;margin-bottom:9px;overflow:hidden;border-radius:8px;background:#fff;}
.ashub-career-thumb img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease;}
.ashub-career-card:hover .ashub-career-thumb img{transform:scale(1.03);}
.ashub-career-date{margin-bottom:5px;font-size:11px;line-height:1.3;color:#555;}
.ashub-career-title{padding-right:42px;margin:0 0 7px;font-size:15px;line-height:1.4;font-weight:700;color:#212428;}
.ashub-career-description{margin:0 0 10px;font-size:13.5px;line-height:1.55;color:#212428;}
.ashub-new-tag{display:inline-block;margin-left:5px;padding:3px 5px;background:#fac926;color:#212428;border-radius:5px;font-size:8px;line-height:1;font-weight:800;vertical-align:middle;}
.ashub-meta{margin-top:auto;padding-top:8px;display:flex;flex-direction:column;gap:5px;}
.ashub-meta-item{display:block;padding:5px 7px;border:1px dashed #fac926;border-radius:6px;font-size:11.5px;line-height:1.4;color:#212428;box-sizing:border-box;}
.ashub-meta-label{font-weight:800;}
.ashub-meta-value{font-weight:500;}
.ashub-copy-btn{position:absolute;top:11px;right:11px;width:31px;height:31px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid #fac926;border-radius:8px;background:#fff;color:#212428;font-size:15px;cursor:pointer;z-index:20;transition:all .2s ease;}
.ashub-copy-btn:hover{background:#fac926;transform:scale(1.05);}
.ashub-copy-btn.copied{background:#212428;color:#fff;border-color:#212428;}
.tashub-skeleton{min-width:0;}
.tashub-skeleton i{display:block;height:340px;background:#edf0f3;border-radius:7px;animation:tashubPulse 1.2s ease-in-out infinite;}
@keyframes tashubPulse{
  0%,100%{
    opacity:1;
  }
  50%{
    opacity:.55;
  }
}
.ashub-loading-card{pointer-events:none;
  cursor:default;}
.ashub-loading-card:hover{transform:none;
  box-shadow:0 2px 8px rgba(0,0,0,.05);}
.ashub-loading-card .tashub-skeleton{display:flex;flex-direction:column;gap:9px;}
.ashub-loading-card .tashub-skeleton i{width:100%;
  height:130px;}
.ashub-skeleton-line{height:12px;
  border-radius:5px;background:#edf0f3;
  animation:tashubPulse 1.2s ease-in-out infinite;}
.ashub-skeleton-line.short{width:45%;}
.ashub-skeleton-line.medium{width:75%;}
.ashub-skeleton-line.full{width:100%;}
.ashub-skeleton-meta{
  width:100%;
  height:25px;
  margin-top:4px;
  border-radius:6px;
  background:#edf0f3;
  animation:tashubPulse 1.2s ease-in-out infinite;}
.ashub-career-empty{grid-column:1/-1;padding:20px;text-align:center;border:1px dashed #fac926;border-radius:10px;color:#555;font-size:13px;}
.ashub-copy-toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%) translateY(20px);
  background:#212428;color:#ffffff;padding:9px 14px;border-radius:7px;font-size:12px;opacity:0;visibility:hidden;transition:.25s ease;z-index:99999;pointer-events:none;}
.ashub-copy-toast.show{opacity:1;
  visibility:visible;transform:translateX(-50%) translateY(0);}
@media(max-width:1100px){
  .ashub-careers-grid{
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:576px){
  .ashub-careers-wrap{
    padding:8px 5px;
  }
  .ashub-careers-grid{
    grid-template-columns:1fr;
    gap:10px;
  }
  .ashub-career-card{
    min-height:0;
    padding:14px;
  }
  .ashub-career-title{
    font-size:15px;
  }
  .ashub-career-description{
    font-size:13.5px;
  }
}

<!--theAShub Learners Post Cards--><!--theAShub Learners Post Cards-->
.learner-careers-wrap{width:100%;max-width:1200px;margin:0 auto;padding:8px 5px;box-sizing:border-box;}
.learner-careers-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;width:100%;}
.learner-career-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:220px;padding:11px;box-sizing:border-box;border:1px solid #fac926;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);overflow:hidden;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;}
.learner-career-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,.12);}
.learner-career-card-link{position:absolute;inset:0;z-index:5;display:block;border-radius:12px;}
.learner-career-thumb{width:100%;height:130px;margin-bottom:9px;overflow:hidden;border-radius:8px;background:#fff;}
.learner-career-thumb img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease;}
.learner-career-card:hover .learner-career-thumb img{transform:scale(1.03);}
.learner-career-date{margin-bottom:5px;font-size:11px;line-height:1.3;color:#555;}
.learner-career-title{padding-right:42px;margin:0 0 7px;font-size:15px;line-height:1.4;font-weight:700;color:#212428;}
.learner-career-description{margin:0 0 10px;font-size:13.5px;line-height:1.55;color:#212428;}
.learner-new-tag{display:inline-block;margin-left:5px;padding:3px 5px;background:#fac926;color:#212428;border-radius:5px;font-size:8px;line-height:1;font-weight:800;vertical-align:middle;}
.learner-meta{margin-top:auto;padding-top:8px;display:flex;flex-direction:column;gap:5px;}
.learner-meta-item{display:block;padding:5px 7px;border:1px dashed #fac926;border-radius:6px;font-size:11.5px;line-height:1.4;color:#212428;box-sizing:border-box;}
.learner-meta-label{font-weight:800;}
.learner-meta-value{font-weight:500;}
.learner-copy-btn{position:absolute;top:11px;right:11px;width:31px;height:31px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid #fac926;border-radius:8px;background:#fff;color:#212428;font-size:15px;cursor:pointer;z-index:20;transition:all .2s ease;}
.learner-copy-btn:hover{background:#fac926;transform:scale(1.05);}
.learner-copy-btn.copied{background:#212428;color:#fff;border-color:#212428;}
.tlearner-skeleton{min-width:0;}
.tlearner-skeleton i{display:block;height:340px;background:#edf0f3;border-radius:7px;animation:tlearnerPulse 1.2s ease-in-out infinite;}
@keyframes tlearnerPulse{
  0%,100%{
    opacity:1;
  }
  50%{
    opacity:.55;
  }
}
.learner-loading-card{pointer-events:none;
  cursor:default;}
.learner-loading-card:hover{transform:none;
  box-shadow:0 2px 8px rgba(0,0,0,.05);}
.learner-loading-card .tlearner-skeleton{display:flex;flex-direction:column;gap:9px;}
.learner-loading-card .tlearner-skeleton i{width:100%;
  height:130px;}
.learner-skeleton-line{height:12px;
  border-radius:5px;background:#edf0f3;
  animation:tlearnerPulse 1.2s ease-in-out infinite;}
.learner-skeleton-line.short{width:45%;}
.learner-skeleton-line.medium{width:75%;}
.learner-skeleton-line.full{width:100%;}
.learner-skeleton-meta{
  width:100%;
  height:25px;
  margin-top:4px;
  border-radius:6px;
  background:#edf0f3;
  animation:tlearnerPulse 1.2s ease-in-out infinite;}
.learner-career-empty{grid-column:1/-1;padding:20px;text-align:center;border:1px dashed #fac926;border-radius:10px;color:#555;font-size:13px;}
.learner-copy-toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%) translateY(20px);
  background:#212428;color:#ffffff;padding:9px 14px;border-radius:7px;font-size:12px;opacity:0;visibility:hidden;transition:.25s ease;z-index:99999;pointer-events:none;}
.learner-copy-toast.show{opacity:1;
  visibility:visible;transform:translateX(-50%) translateY(0);}
@media(max-width:1100px){
  .learner-careers-grid{
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:576px){
  .learner-careers-wrap{
    padding:8px 5px;
  }
  .learner-careers-grid{
    grid-template-columns:1fr;
    gap:10px;
  }
  .learner-career-card{
    min-height:0;
    padding:14px;
  }
  .learner-career-title{
    font-size:15px;
  }
  .learner-career-description{
    font-size:13.5px;
  }
}