/*!
 * Rexi Course Page — Workademy-style Tutor LMS course details
 * Tokens and measurements copied from the Workademy demo page.
 */
/* ===== Tokens (copied from the Workademy page) ===== */
.rx{
  --rx-black:#000;
  --rx-text-64:rgba(0,0,0,.64);
  --rx-text-72:rgba(0,0,0,.72);
  --rx-blue:#183FE1;
  --rx-blue-hover:#002791;
  --rx-white:#fff;
  --rx-grey-235:#EBEBEB;
  --rx-grey-245:#F5F5F5;
  --rx-grey-220:#DCDCDC;
  --rx-line-10:rgba(0,0,0,.1);
  --rx-line-20:rgba(0,0,0,.2);
  --rx-cream:#EFE8D1;
  --rx-tint-06:rgba(0,0,0,.06);
  --rx-sale:#D82121;
  --rx-star:#FAA625;
  --rx-font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-family:var(--rx-font);
  color:var(--rx-black);
  background:var(--rx-grey-245);
  -webkit-font-smoothing:antialiased;
}
.rx *,.rx *::before,.rx *::after{box-sizing:border-box}
.rx p,.rx h1,.rx h2,.rx h3{margin:0;padding:0}
.rx a{color:inherit;text-decoration:none}
.rx svg{display:block;flex-shrink:0}
.rx button{font-family:inherit}
.rx :focus-visible{outline:2px solid var(--rx-blue);outline-offset:2px}


/* ===== Container ===== */
.rx-container{max-width:var(--rx-container,1452px);width:100%;margin:0 auto;padding:0 24px}

/* ===== Hero ===== */
.rx-hero{padding:64px 0 0;overflow:hidden}
.rx-grid{display:grid;grid-template-columns:2.6fr 1fr;gap:16px 64px;align-items:start;width:100%}
.rx-left{max-width:1280px;width:100%;display:flex;flex-direction:column;position:relative;z-index:1;min-width:0}
.rx-media{position:relative;overflow:hidden;border-radius:12px;cursor:pointer;display:flex}
.rx-media img{width:100%;aspect-ratio:16/9;object-fit:cover;max-height:720px;border-radius:12px;display:block;background:linear-gradient(135deg,#2b2f36,#50565f)}
.rx-media::after{content:"";position:absolute;inset:12px;background:rgba(255,255,255,.2);opacity:0;transform:scale(1.1);transition:all .3s ease;pointer-events:none}
.rx-media:hover::after{opacity:1;transform:scale(1)}
.rx-tags{display:flex;flex-wrap:wrap;gap:8px;margin:32px 0 68px}
.rx-tag{font-size:14px;line-height:1.3em;min-height:32px;display:flex;align-items:center;padding:0 12px;border:.5px solid var(--rx-line-20);border-radius:8px;transition:all .3s ease}
.rx-tag:hover{background:var(--rx-grey-235);border-color:transparent}
.rx-overview{max-width:800px;width:90%;display:flex;flex-direction:column;gap:32px}
.rx-overview-title{font-size:18px;line-height:1.3em;font-weight:600}
.rx-overview-body{font-size:16px;line-height:1.3em;color:var(--rx-text-64)}
.rx-overview-body p+p{margin-top:0}
.rx-overview--mobile{display:none}

.rx-right,.rx-req-wrap{width:100%;max-width:480px;min-width:400px;justify-self:end;height:100%}
.rx-byrow{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 20px;position:relative;z-index:2}
.rx-by{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:16px;line-height:1.3em}
.rx-by span:first-child{color:var(--rx-text-64)}
.rx-by a{font-weight:600}
.rx-share{position:relative}
.rx-share-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--rx-grey-235);border:0;border-radius:8px;cursor:pointer;color:var(--rx-black);padding:0}
.rx-share-pop{position:absolute;top:46px;right:0;display:flex;flex-direction:column;gap:20px;background:var(--rx-white);border:.5px solid var(--rx-line-10);box-shadow:0 4px 12px var(--rx-line-10);border-radius:8px;padding:20px;width:245px}
.rx-share-pop[hidden]{display:none}
.rx-share-pop p{font-size:18px;line-height:1.3em;font-weight:600}
.rx-share-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.rx-share-grid a{height:48px;display:flex;align-items:center;justify-content:center;background:var(--rx-grey-245);border-radius:8px;color:var(--rx-text-64);transition:all .3s ease}
.rx-share-grid a:hover{background:var(--rx-blue);color:var(--rx-white)}
.rx-title{font-size:48px;line-height:1.25em;font-weight:600;letter-spacing:-1px;text-wrap:balance}
/* ".rx .rx-cat", not ".rx-cat": the ".rx p{margin:0}" reset above is more specific and was removing this gap. */
.rx .rx-cat{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:20px;font-size:18px;line-height:1.3em}
.rx-cat span{color:var(--rx-text-64)}
.rx-cat a{color:var(--rx-blue);font-weight:600}

.rx-card{background:var(--rx-white);border-radius:12px;overflow:hidden;margin-top:48px}
.rx-card-stats{display:flex;align-items:center;gap:20px;padding:24px 32px 20px;border-bottom:.5px solid var(--rx-line-20)}
.rx-rating{display:flex;align-items:center;gap:4px;font-size:18px;line-height:1.3em;font-weight:600}
.rx-rating svg{margin-bottom:3px}
.rx-enrolled{display:flex;align-items:center;gap:4px;font-size:18px;line-height:1.3em}
.rx-enrolled b{font-weight:600}
.rx-enrolled span{color:var(--rx-text-72)}
.rx-meta{display:flex;flex-direction:column;gap:12px;padding:24px 28px}
.rx-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:5px 10px;font-size:16px;line-height:1.3em}
.rx-meta-label{display:flex;align-items:center;gap:8px;color:var(--rx-text-64)}
.rx-meta-value{font-weight:500}
.rx-buy{display:flex;flex-direction:column;padding:24px 28px 28px;border-top:.5px solid var(--rx-line-20)}
.rx-plan{display:flex;justify-content:space-between;align-items:center;gap:4px 10px;padding:12px;border:1px solid var(--rx-line-10);border-radius:8px;background:var(--rx-tint-06);cursor:pointer;transition:background .3s ease}
.rx-plan-name{font-size:16px;line-height:1.3em;font-weight:500}
.rx-prices{display:flex;align-items:center;gap:4px 10px}
.rx-price-old{color:var(--rx-sale);font-size:16px;line-height:1.25em;font-weight:500;text-decoration:line-through}
.rx-price{font-size:18px;line-height:1.25em;font-weight:600}
.rx-actions{display:flex;flex-direction:column;gap:8px;margin-top:20px}
.rx-btn{min-height:50px;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 26px;border:0;border-radius:8px;background:var(--rx-blue);color:var(--rx-white);font-size:16px;line-height:1.2em;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .3s ease}
.rx-btn:hover{background:var(--rx-blue-hover);gap:12px}
.rx-btn--soft{background:var(--rx-line-10);color:var(--rx-black)}
.rx-btn--soft:hover{background:var(--rx-grey-220)}

/* Learn + requirements row */
.rx-grid--info{margin-top:48px}
.rx-learn{background:var(--rx-cream);border-radius:12px;display:flex;flex-direction:column;gap:18px;padding:32px}
.rx-learn-head{display:flex;align-items:center;gap:10px;color:var(--rx-blue)}
.rx-learn-head h3{font-size:24px;line-height:1.2em;font-weight:600;letter-spacing:-.06px}
.rx-learn-list{display:flex;flex-direction:column;gap:12px}
.rx-learn-item{display:flex;align-items:flex-start;gap:10px;font-size:16px;line-height:1.3em;font-weight:500;color:var(--rx-text-64)}
.rx-learn-item svg{margin-top:3px;color:var(--rx-black)}
.rx-req{display:flex;flex-direction:column;gap:18px;border:.5px solid var(--rx-line-20);border-radius:12px;padding:32px;height:100%}
.rx-box-head{display:flex;align-items:center;gap:10px}
.rx-box-head svg{color:var(--rx-blue)}
.rx-box-head h3{font-size:18px;line-height:1.3em;font-weight:600}
.rx-bullets{display:flex;flex-direction:column;gap:2px;padding-left:5px}
.rx-bullet{display:flex;align-items:center;gap:10px;font-size:16px;line-height:1.3em;color:var(--rx-text-64)}
.rx-bullet::before{content:"";width:4px;height:4px;min-width:4px;border-radius:100px;background:var(--rx-text-64)}

/* ===== Syllabus ===== */
.rx-syllabus{padding:96px 0}
.rx-syl-inner{display:flex;flex-direction:column;gap:48px}
.rx-h2{font-size:32px;line-height:1.2em;font-weight:600;letter-spacing:-1px}
.rx-counts{display:grid;grid-template-columns:repeat(4,1fr);border:.5px solid var(--rx-line-20);border-radius:12px}
.rx-count{padding:32px;border-right:.5px solid var(--rx-line-20)}
.rx-count:last-child{border-right:0}
.rx-count-num{display:block;font-size:32px;line-height:1.2em;font-weight:600;letter-spacing:-1px;color:var(--rx-text-72);font-variant-numeric:tabular-nums}
.rx-count-label{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:18px;line-height:1.3em;font-weight:600}

.rx-topics{display:flex;flex-direction:column;gap:10px}
.rx-topic{border-radius:12px 0 12px 12px;overflow:hidden;display:flex;flex-direction:column}
.rx-topic-head{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;padding:24px;background:var(--rx-grey-235);border:0;cursor:pointer;text-align:left;font-family:inherit;transition:background .3s ease}
.rx-topic-head:hover{background:var(--rx-white)}
.rx-topic-left{display:flex;align-items:center;gap:16px}
.rx-chev{color:var(--rx-blue);transition:transform .3s ease}
.rx-topic-title{font-size:18px;line-height:1.3em;font-weight:600;color:var(--rx-text-64);transition:color .3s ease}
.rx-corner{position:absolute;top:-1px;right:-1px;width:25px;height:25px;color:var(--rx-blue);transition:width .4s ease-in-out,height .4s ease-in-out}
.rx-topic-head:hover .rx-corner{width:40px;height:40px}
.rx-topic.is-open .rx-topic-head{background:var(--rx-cream)}
.rx-topic.is-open .rx-topic-title{color:var(--rx-black)}
.rx-topic.is-open .rx-chev{transform:rotate(90deg)}
.rx-topic-body{background:var(--rx-white);border-radius:0 0 12px 12px;overflow:hidden;display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}
.rx-topic.is-open .rx-topic-body{grid-template-rows:1fr}
.rx-topic-body>div{min-height:0}
.rx-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 32px 24px 64px;border-top:.5px solid var(--rx-line-20)}
.rx-item-left{display:flex;align-items:center;gap:20px;font-size:16px;line-height:1.3em;font-weight:500;min-width:0}
.rx-item-left a:hover{color:var(--rx-blue)}
.rx-item-meta{font-size:14px;line-height:1.3em;color:var(--rx-text-64);font-variant-numeric:tabular-nums;white-space:nowrap}

.rx-materials{display:grid;grid-template-columns:1fr 1fr;place-items:start center;margin-top:24px;padding:32px 0;border-top:.5px solid var(--rx-line-20);border-bottom:.5px solid var(--rx-line-20)}
.rx-mat-box{display:flex;flex-direction:column;gap:18px;width:100%;padding:32px}

/* ===== Responsive (breakpoints from the Workademy page) ===== */
@media (max-width:991px){
  .rx-hero{padding:32px 0 32px}
  .rx-container{padding:0 20px}
  .rx-grid{display:flex;flex-direction:column}
  .rx-tags{margin:32px 0 32px}
  .rx-left .rx-overview{display:none}
  .rx-right,.rx-req-wrap{min-width:0;max-width:none}
  .rx-card{display:grid;grid-template-columns:1fr 1fr}
  .rx-card-stats{padding:24px 24px 20px;border-right:.5px solid var(--rx-line-20)}
  .rx-meta{order:1;padding:24px;border-right:.5px solid var(--rx-line-20)}
  .rx-buy{grid-row:span 2;border-top:0}
  .rx-btn{min-height:40px}
  .rx-overview--mobile{display:flex;margin:72px 0 48px}
  .rx-grid--info{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:0}
  .rx-syllabus{padding:64px 0}
  .rx-syl-inner{gap:16px}
  .rx-count{padding:20px}
  .rx-topics{margin:16px 0}
  .rx-materials{grid-template-columns:1fr;padding:24px 0 0}
  .rx-mat-box{padding:24px 0}
}
@media (max-width:767px){
  .rx-overview{width:100%;max-width:none}
  .rx-card{grid-template-columns:1fr}
  .rx-card-stats{justify-content:space-between;border:0}
  .rx-meta{border:0}
  .rx-buy{border-top:.5px solid var(--rx-line-20)}
  .rx-overview--mobile{gap:18px;margin:72px 0 40px}
  .rx-grid--info{grid-template-columns:1fr}
  .rx-learn,.rx-req{padding:24px}
  .rx-syllabus{padding:40px 0}
  .rx-counts{grid-template-columns:1fr 1fr}
  .rx-count:nth-child(2),.rx-count:nth-child(3){border-top:.5px solid var(--rx-line-20);border-bottom:.5px solid var(--rx-line-20)}
  .rx-count:nth-child(2){border-top:0}
  .rx-count:nth-child(2n){border-right:0}
  .rx-count:nth-child(3){border-bottom:0}
  .rx-topic-head{padding:18px}
  .rx-topic-left{gap:12px}
  .rx-item{padding:24px}
  .rx-item-left{gap:12px}
  .rx-title{font-size:36px;letter-spacing:-.8px}
}
@media (max-width:575px){
  .rx-meta{padding:24px 16px}
  .rx-buy{padding:24px 16px 28px}
  .rx-plan{flex-wrap:wrap;gap:16px 30px}
  .rx-price-old{font-size:14px}
  .rx-price{font-size:16px}
  .rx-btn{padding:7px 20px}
  .rx-count-label svg,.rx-box-head svg{width:14px;height:14px}
  .rx-title{font-size:30px}
}
@media (prefers-reduced-motion:reduce){.rx *{transition:none!important}}


/* ===== Full-bleed grey background, whatever wrapper the theme uses ===== */
.rx{position:relative;box-shadow:0 0 0 100vmax var(--rx-grey-245);clip-path:inset(0 -100vmax);padding-bottom:1px}
.rx-sprite{position:absolute!important;width:0!important;height:0!important;overflow:hidden}

/* ===== Guard against theme / Tutor global styles ===== */
.rx h1,.rx h2,.rx h3,.rx p,.rx span,.rx a,.rx b,.rx button{font-family:var(--rx-font);text-transform:none}
.rx h1,.rx h2,.rx h3{color:var(--rx-black)}
.rx .rx-learn-head h3{color:var(--rx-blue)}
.rx a:hover{text-decoration:none}
.rx img{max-width:100%;height:auto}
.rx-media--image img{height:auto}
.rx-tags-spacer{height:68px}
.rx-cat-sep{margin-right:4px;color:var(--rx-text-64)}
.rx-by b{font-weight:600}
.rx-item-left span{min-width:0}
.rx-item-left a,.rx-item-left span{overflow-wrap:anywhere}
.rx-topic-head,.rx-topic-head:hover,.rx-topic-head:focus{box-shadow:none;outline-offset:-2px;color:inherit;border-radius:0;margin:0;min-height:0;line-height:normal;text-transform:none;letter-spacing:normal}
.rx-share-btn:hover{background:var(--rx-grey-220)}
.rx-grid--single{grid-template-columns:1fr}
.rx-grid--single .rx-req-wrap{max-width:none;justify-self:stretch}
.rx-overview-body>*:first-child{margin-top:0}
.rx-overview-body>*:last-child{margin-bottom:0}
.rx-overview-body p{margin:0 0 1em}

/* ===== Intro video (Tutor LMS player) ===== */
.rx-media--video{display:block;cursor:auto}
.rx-media--video::after{display:none}
.rx-media--video>*{border-radius:12px;overflow:hidden}
.rx-media--video .tutor-video-player,.rx-media--video .plyr,.rx-media--video iframe,.rx-media--video video{width:100%;border-radius:12px}
.rx-media--video iframe{aspect-ratio:16/9;height:auto;border:0;display:block}

/* ===== Price (WooCommerce price HTML — converted by the currency switcher) ===== */
.rx-prices{flex-wrap:wrap;justify-content:flex-end;text-align:right}
.rx-prices,.rx-prices .amount,.rx-prices bdi{font-size:18px;line-height:1.25em;font-weight:600;color:var(--rx-black)}
.rx-prices del{order:1;text-decoration:line-through;color:var(--rx-sale);opacity:1}
.rx-prices del,.rx-prices del .amount,.rx-prices del bdi{font-size:16px;font-weight:500;color:var(--rx-sale)}
.rx-prices ins{order:2;text-decoration:none;background:none}
.rx-prices .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

/* ===== Tutor LMS entry box (enroll / continue / complete / retake / certificate) restyled ===== */
.rx-actions{display:flex;flex-direction:column;gap:8px;margin-top:20px}
.rx-buy>.rx-actions:first-child{margin-top:0}
.rx-actions .tutor-card,.rx-actions .tutor-sidebar-card,.rx-actions .tutor-course-sidebar-card{border:0!important;box-shadow:none!important;background:transparent!important;margin:0!important;padding:0!important;border-radius:0}
.rx-actions .tutor-card-body{padding:0!important}
.rx-actions .tutor-card-footer,.rx-actions .tutor-course-sidebar-card-footer{display:none!important}
.rx-has-price .rx-actions .tutor-course-sidebar-card-pricing,.rx-has-price .rx-actions .tutor-course-price,.rx-has-price .rx-actions .price,.rx-has-price .rx-actions .tutor-course-sidebar-card-pricing+*:empty{display:none!important}
.rx-actions form{margin:0}
.rx-actions .tutor-btn,.rx-actions a.button,.rx-actions button.button,.rx-actions .single_add_to_cart_button,.rx-actions button[type=submit]{
  display:flex!important;align-items:center;justify-content:center;gap:6px;width:100%;min-height:50px;padding:7px 26px!important;margin:0 0 8px!important;
  border:0!important;border-radius:8px!important;background:var(--rx-blue)!important;color:var(--rx-white)!important;
  font-family:var(--rx-font)!important;font-size:16px!important;line-height:1.2em!important;font-weight:600!important;letter-spacing:normal!important;text-transform:none!important;
  text-decoration:none!important;white-space:nowrap;box-shadow:none!important;cursor:pointer;transition:all .3s ease}
.rx-actions .tutor-btn:hover,.rx-actions a.button:hover,.rx-actions button.button:hover,.rx-actions .single_add_to_cart_button:hover,.rx-actions button[type=submit]:hover{background:var(--rx-blue-hover)!important;gap:12px;color:var(--rx-white)!important}
.rx-actions .tutor-btn-ghost,.rx-actions .tutor-btn-link{background:var(--rx-line-10)!important;color:var(--rx-black)!important}
.rx-actions .tutor-btn-ghost:hover,.rx-actions .tutor-btn-link:hover{background:var(--rx-grey-220)!important;color:var(--rx-black)!important}
.rx-actions .tutor-btn [class*=tutor-icon]{color:inherit}
.rx-actions>*:last-child .tutor-btn:last-child{margin-bottom:0!important}
.rx-actions .tutor-course-progress-wrapper,.rx-actions .tutor-progress-bar-wrap{margin-bottom:16px}
.rx-actions .tutor-fs-6,.rx-actions .tutor-fs-7{font-family:var(--rx-font)}
@media (max-width:991px){.rx-actions .tutor-btn,.rx-actions button[type=submit],.rx-actions .single_add_to_cart_button{min-height:40px}}
@media (max-width:575px){.rx-actions .tutor-btn,.rx-actions button[type=submit],.rx-actions .single_add_to_cart_button{padding:7px 20px!important}}

/* ===== Tutor LMS login popup (shown when a guest clicks Enroll) — matched to the course page ===== */
body.rexi-cp-page .tutor-login-modal .tutor-modal-overlay{background:rgba(0,0,0,.55)}
body.rexi-cp-page .tutor-login-modal .tutor-modal-window{max-width:480px}
body.rexi-cp-page .tutor-login-modal .tutor-modal-content{border-radius:12px;border:0;box-shadow:0 24px 60px rgba(0,0,0,.18)}
body.rexi-cp-page .tutor-login-modal .tutor-modal-body{padding:40px 40px 32px}
body.rexi-cp-page .tutor-login-modal .tutor-modal-body>div{padding:0!important}
body.rexi-cp-page .tutor-login-modal,body.rexi-cp-page .tutor-login-modal *{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
body.rexi-cp-page .tutor-login-modal .tutor-modal-close-o,body.rexi-cp-page .tutor-login-modal [data-tutor-modal-close]{top:16px;right:16px;width:36px;height:36px;border-radius:8px;background:#EBEBEB;color:#000;border:0}
body.rexi-cp-page .tutor-login-modal .tutor-modal-close-o:hover{background:#DCDCDC}
body.rexi-cp-page .tutor-login-modal .tutor-fs-5,body.rexi-cp-page .tutor-login-modal h2,body.rexi-cp-page .tutor-login-modal h3{font-size:28px!important;line-height:1.2em;font-weight:600!important;letter-spacing:-.5px;color:#000!important;margin:0 0 28px!important}
body.rexi-cp-page .tutor-login-modal form>div,body.rexi-cp-page .tutor-login-modal .tutor-mb-20{margin-bottom:12px}
body.rexi-cp-page .tutor-login-modal input.tutor-form-control,body.rexi-cp-page .tutor-login-modal input[type=text],body.rexi-cp-page .tutor-login-modal input[type=email],body.rexi-cp-page .tutor-login-modal input[type=password]{
  width:100%;height:48px;padding:0 16px!important;border:.5px solid rgba(0,0,0,.2)!important;border-radius:8px!important;background:#fff!important;
  font-size:16px!important;line-height:1.3em;color:#000!important;box-shadow:none!important;transition:border-color .2s ease,box-shadow .2s ease}
body.rexi-cp-page .tutor-login-modal input.tutor-form-control::placeholder{color:rgba(0,0,0,.45)}
body.rexi-cp-page .tutor-login-modal input.tutor-form-control:focus{border-color:#183FE1!important;box-shadow:0 0 0 3px rgba(24,63,225,.15)!important;outline:0}
body.rexi-cp-page .tutor-login-modal input:-webkit-autofill{-webkit-box-shadow:0 0 0 40px #fff inset!important}
body.rexi-cp-page .tutor-login-modal .tutor-login-rememeber-wrap,body.rexi-cp-page .tutor-login-modal .tutor-login-remember-wrap{display:flex!important;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:16px 0 24px!important}
body.rexi-cp-page .tutor-login-modal .tutor-form-check{display:flex;align-items:center;gap:8px;margin:0;padding:0;min-height:0}
body.rexi-cp-page .tutor-login-modal .tutor-form-check-input,body.rexi-cp-page .tutor-login-modal input[type=checkbox]{width:18px!important;height:18px!important;min-width:18px;margin:0!important;border:1px solid rgba(0,0,0,.3)!important;border-radius:4px!important;background-color:#fff;float:none;position:static;accent-color:#183FE1}
body.rexi-cp-page .tutor-login-modal .tutor-form-check-input:checked{background-color:#183FE1!important;border-color:#183FE1!important}
body.rexi-cp-page .tutor-login-modal .tutor-form-check label{margin:0!important;font-size:14px!important;line-height:1.3em;font-weight:400;color:rgba(0,0,0,.64)!important;cursor:pointer}
body.rexi-cp-page .tutor-login-modal .tutor-login-rememeber-wrap a,body.rexi-cp-page .tutor-login-modal .tutor-login-remember-wrap a{padding:0!important;min-height:0;background:none!important;border:0;font-size:14px!important;font-weight:500;color:#183FE1!important;text-decoration:none}
body.rexi-cp-page .tutor-login-modal .tutor-login-rememeber-wrap a:hover{text-decoration:underline}
body.rexi-cp-page .tutor-login-modal button[type=submit],body.rexi-cp-page .tutor-login-modal .tutor-btn-primary{
  width:100%;height:48px;display:flex;align-items:center;justify-content:center;border:0!important;border-radius:8px!important;background:#183FE1!important;color:#fff!important;
  font-size:16px!important;font-weight:600!important;box-shadow:none!important;transition:background .3s ease}
body.rexi-cp-page .tutor-login-modal button[type=submit]:hover,body.rexi-cp-page .tutor-login-modal .tutor-btn-primary:hover{background:#002791!important}
body.rexi-cp-page .tutor-login-modal .tutor-text-center{margin-top:20px!important;font-size:14px!important;color:rgba(0,0,0,.64)!important}
body.rexi-cp-page .tutor-login-modal .tutor-text-center a,body.rexi-cp-page .tutor-login-modal .tutor-btn-link{padding:0!important;min-height:0;font-size:14px!important;font-weight:600!important;color:#183FE1!important;background:none!important;border:0!important}
body.rexi-cp-page .tutor-login-modal hr,body.rexi-cp-page .tutor-login-modal .tutor-hr{border:0;border-top:.5px solid rgba(0,0,0,.2);margin:28px 0 20px}
/* Google / social sign-in button */
body.rexi-cp-page .tutor-login-modal [class*=google],body.rexi-cp-page .tutor-login-modal [class*=social] a,body.rexi-cp-page .tutor-login-modal [class*=social] button{border-radius:8px!important}
body.rexi-cp-page .tutor-login-modal .tutor-alert{border-radius:8px;font-size:14px}
@media (max-width:575px){body.rexi-cp-page .tutor-login-modal .tutor-modal-body{padding:32px 20px 24px}body.rexi-cp-page .tutor-login-modal .tutor-fs-5{font-size:24px!important}}

/* ===== Course bundles ===== */
.rx-media-wrap{position:relative}
.rx-save-badge{position:absolute;top:16px;left:16px;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:72px;padding:8px 12px;border-radius:8px;background:#F59E0B;color:#fff;font-family:var(--rx-font);font-size:20px;line-height:1.1em;font-weight:600;letter-spacing:-.3px;box-shadow:0 4px 12px rgba(0,0,0,.15)}
.rx-save-badge small{font-size:11px;font-weight:600;letter-spacing:.8px;opacity:.9}
.rx-topic-thumb{width:56px;height:40px;object-fit:cover;border-radius:6px;flex-shrink:0}
.rx-topic-count{margin-right:28px;font-size:14px;line-height:1.3em;color:var(--rx-text-64);white-space:nowrap}
.rx-item--course-link{padding-top:16px;padding-bottom:16px;background:var(--rx-grey-245)}
.rx-course-link{font-size:14px;line-height:1.3em;font-weight:600;color:var(--rx-blue)!important}
.rx-course-link:hover{color:var(--rx-blue-hover)!important}
@media (max-width:767px){.rx-topic-thumb{display:none}.rx-topic-count{margin:0;align-self:flex-start}.rx-save-badge{top:10px;left:10px;min-width:60px;font-size:16px;padding:6px 10px}}

@media (max-width:767px){.rx .rx-cat{margin-top:14px;font-size:16px}}