:root{
  --srj-primary:#2563eb;
  --srj-primary-dark:#111827;
  --srj-primary-soft:#eff6ff;
  --srj-primary-border:#d7e6ff;
  --srj-text:#0f172a;
  --srj-text-dark:#101828;
  --srj-text-muted:#64748b;
  --srj-text-light:#98a2b3;
  --srj-border:#e5e7eb;
  --srj-border-soft:#edf0f4;
  --srj-bg:#fff;
  --srj-bg-soft:#f8fafc;
  --srj-radius:16px;
  --srj-radius-sm:10px;
  --srj-radius-pill:30px;
  --srj-shadow:0 10px 35px rgba(15,23,42,.07);
  --srj-shadow-hover:0 18px 45px rgba(37,99,235,.10);
  --srj-transition:.25s ease;
  --srj-container:1320px;
}

/* ==============================
   COMMON
============================== */
.srj-section{position:relative;padding:80px 0;background:var(--srj-bg);overflow:hidden}
.srj-section--soft{background:var(--srj-bg-soft)}
.srj-container{width:min(calc(100% - 40px),var(--srj-container));margin:auto}
.srj-title{margin:0;color:var(--srj-text);font-size:clamp(30px,3vw,42px);line-height:1.15;font-weight:800;letter-spacing:-1px}
.srj-text{color:var(--srj-text-muted);font-size:15px;line-height:1.65}
.srj-link{color:var(--srj-primary);text-decoration:none;transition:var(--srj-transition)}
.srj-link:hover{color:var(--srj-primary-dark)}

/* ==============================
   BUTTONS
============================== */
.srj-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 20px;border:1px solid transparent;border-radius:var(--srj-radius-sm);font-size:13px;font-weight:600;text-decoration:none;transition:transform var(--srj-transition),background var(--srj-transition),border-color var(--srj-transition),color var(--srj-transition),box-shadow var(--srj-transition)}
.srj-btn-primary{color:#fff;background:var(--srj-primary-dark)}
.srj-btn-primary:hover{color:#fff;background:var(--srj-primary);transform:translateY(-2px);box-shadow:0 8px 20px rgba(37,99,235,.2)}
.srj-btn-outline{color:var(--srj-text-dark);background:#fff;border-color:#d9dee8}
.srj-btn-outline:hover{color:var(--srj-primary);border-color:var(--srj-primary);transform:translateY(-2px)}

/* ==============================
   HERO
============================== */
.srj-hero{position:relative;min-height:620px;display:flex;align-items:center;padding:55px 0 65px;background:#fff;overflow:hidden}
.srj-hero-content{position:relative;z-index:5;padding-right:0}
.srj-hero-label{display:inline-block;margin-bottom:16px;color:#718096;font-size:11px;font-weight:700;letter-spacing:1.5px}
.srj-hero-title{max-width:590px;margin:0;color:var(--srj-text-dark);font-size:clamp(42px,4.2vw,54px);line-height:1.03;font-weight:800;letter-spacing:-2px}
.srj-hero-title span,.srj-hero-title strong{display:block}
.srj-hero-title strong{color:var(--srj-primary);font-weight:800}
.srj-hero-description{max-width:570px;margin:22px 0 25px;color:#667085;font-size:15px;line-height:1.65}

/* ==============================
   HERO SEARCH
============================== */
.srj-search-box{display:flex;align-items:center;width:100%;max-width:540px;padding:5px 6px 5px 16px;background:#fff;border:1px solid var(--srj-border);border-radius:12px;box-shadow:var(--srj-shadow);transition:var(--srj-transition)}
.srj-search-box:focus-within{border-color:var(--srj-primary);box-shadow:0 8px 35px rgba(37,99,235,.12)}
.srj-search-icon{margin-right:9px;color:#667085;font-size:17px}
.srj-search-box input{flex:1;height:46px;border:0!important;outline:0!important;box-shadow:none!important;color:var(--srj-text-dark);font-size:14px;background:transparent}
.srj-search-box input::placeholder{color:var(--srj-text-light)}
.srj-search-btn{min-width:88px;height:44px;border:0;border-radius:9px;background:var(--srj-primary-dark);color:#fff;font-size:13px;font-weight:600;transition:var(--srj-transition)}
.srj-search-btn:hover{background:var(--srj-primary)}

/* ==============================
   POPULAR SEARCH
============================== */
.srj-popular{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:13px}
.srj-popular-title{margin-right:3px;color:var(--srj-text-muted);font-size:12px;font-weight:600}
.srj-popular a{padding:5px 11px;border:1px solid #edf0f5;border-radius:var(--srj-radius-pill);background:#f8fafc;color:#344054;font-size:11px;font-weight:500;text-decoration:none;transition:var(--srj-transition)}
.srj-popular a:hover{background:var(--srj-primary-soft);border-color:var(--srj-primary-border);color:var(--srj-primary)}

/* ==============================
   HERO CTA
============================== */
.srj-hero-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px}

/* ==============================
   HERO VISUAL
============================== */
.srj-hero-visual{position:relative;height:520px;display:flex;align-items:flex-end;justify-content:center}
.srj-gradient-shape{position:absolute;right:20px;top:35px;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle at 40% 40%,rgba(125,151,255,.28),rgba(184,174,255,.18) 40%,rgba(255,255,255,0) 72%);filter:blur(2px)}
.srj-hero-circle{position:absolute;right:65px;top:75px;width:350px;height:350px;border-radius:50%;background:linear-gradient(135deg,rgba(225,231,255,.9),rgba(244,240,255,.55));z-index:1}
.srj-person{position:absolute;right:45px;bottom:0;width:450px;z-index:3}
.srj-person img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 20px 35px rgba(15,23,42,.08))}

/* ==============================
   HERO FLOAT CARDS
============================== */
.srj-float-card{position:absolute;z-index:6;display:flex;align-items:center;gap:10px;min-width:185px;padding:11px 14px;background:rgba(255,255,255,.94);border:1px solid rgba(226,232,240,.9);border-radius:12px;box-shadow:0 12px 35px rgba(15,23,42,.09);backdrop-filter:blur(10px)}
.srj-float-card strong{display:block;color:var(--srj-text-dark);font-size:12px;line-height:1.3}
.srj-float-card span{display:block;margin-top:3px;color:#667085;font-size:9px;white-space:nowrap}
.srj-card-icon{width:34px;height:34px;flex:0 0 34px;display:flex;align-items:center;justify-content:center;border-radius:9px;font-size:15px}
.srj-card-icon.green{color:#16a34a;background:#eaf9ef}
.srj-card-icon.blue{color:var(--srj-primary);background:var(--srj-primary-soft)}
.srj-card-icon.purple{color:#7357e8;background:#f1edff}
.srj-card-icon.orange{color:#e58b18;background:#fff5e7}
.srj-card-training{top:82px;left:12px}
.srj-card-project{top:195px;left:20px}
.srj-card-learners{top:375px;right:-10px}
.srj-card-certification{top:490px;right:-5px}

/* ==============================
   HERO HAND TEXT
============================== */
.srj-hand-text{position:absolute;right:-5px;top:35px;z-index:7;font-family:"Brush Script MT","Segoe Script",cursive;font-size:23px;line-height:1.05;color:#111827;transform:rotate(-5deg)}
.srj-hand-text span{position:relative;color:var(--srj-primary)}
.srj-hand-text span:after{content:"";position:absolute;left:0;bottom:-6px;width:75px;height:2px;background:var(--srj-primary);transform:rotate(-5deg)}

/* ==============================
   WATCH STORY
============================== */
.srj-watch-story{position:absolute;right:35px;bottom:30px;z-index:8;display:flex;align-items:center;gap:9px;color:var(--srj-text-dark);font-size:11px;font-weight:600;text-decoration:none}
.srj-play-icon{width:27px;height:27px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--srj-primary-dark);color:#fff;font-size:12px}
.srj-watch-story:hover{color:var(--srj-primary)}

/* ==============================
   COURSES SECTION
============================== */
.srj-courses-section{position:relative;padding:80px 0 0 0;background:var(--srj-bg-soft);overflow:hidden}
.srj-section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;}
.srj-section-label{display:block;margin-bottom:8px;color:var(--srj-primary);font-size:11px;line-height:1;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
.srj-section-header h2{margin:0;color:var(--srj-text);font-size:clamp(30px,3vw,38px);line-height:1.15;font-weight:800;letter-spacing:-1.2px}
.srj-section-header p{margin:10px 0 0;color:var(--srj-text-muted);font-size:14px;line-height:1.6}
.srj-view-all{display:inline-flex;align-items:center;gap:8px;padding-bottom:5px;color:var(--srj-primary);font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;transition:var(--srj-transition)}
.srj-view-all i{font-size:13px;transition:var(--srj-transition)}
.srj-view-all:hover{color:var(--srj-primary-dark)}
.srj-view-all:hover i{transform:translateX(4px)}

/* ==============================
   COURSE CARD
============================== */
.srj-course-card{position:relative;display:flex;flex-direction:column;min-height:365px;padding:25px;background:#fff;border:1px solid #e7ebf2;border-radius:var(--srj-radius);overflow:hidden;box-shadow:0 2px 4px rgba(15,23,42,.02),0 8px 20px rgba(15,23,42,.035),0 20px 45px rgba(15,23,42,.035);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.srj-course-card:hover{transform:translateY(-7px);border-color:#d7e4ff;box-shadow:0 4px 8px rgba(15,23,42,.025),0 15px 30px rgba(15,23,42,.07),0 30px 65px rgba(37,99,235,.09)}
.srj-course-accent{position:absolute;left:0;top:82px;width:4px;height:48px;border-radius:0 5px 5px 0;background:var(--accent,var(--srj-primary));transition:var(--srj-transition)}
.srj-course-card:hover .srj-course-accent{width:6px;height:58px}
.srj-accent-blue{--accent:#2563eb}
.srj-accent-purple{--accent:#6366f1}
.srj-accent-cyan{--accent:#0891b2}
.srj-accent-violet{--accent:#7c3aed}
.srj-accent-teal{--accent:#0f766e}
.srj-accent-indigo{--accent:#4f46e5}

/* ==============================
   COURSE TOP
============================== */
.srj-course-top{display:flex;align-items:center;justify-content:space-between;min-height:32px;margin-bottom:23px}
.srj-course-badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:4px 10px;background:var(--srj-primary-soft);border:1px solid #e0ecff;border-radius:var(--srj-radius-pill);color:var(--srj-primary);font-size:9px;line-height:1;font-weight:700;letter-spacing:.2px}
.srj-bookmark{width:34px;height:34px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid #e2e8f0;border-radius:50%;background:#fff;color:var(--srj-text-muted);font-size:13px;cursor:pointer;transition:var(--srj-transition)}
.srj-bookmark:hover{background:var(--srj-primary-soft);border-color:#bfdbfe;color:var(--srj-primary);transform:translateY(-2px)}

/* ==============================
   COURSE CONTENT
============================== */
.srj-course-card h3{position:relative;margin:0 0 11px;padding-left:7px;color:var(--srj-text);font-size:19px;line-height:1.35;font-weight:750;letter-spacing:-.35px}
.srj-course-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px;margin:0 0 21px;color:var(--srj-text-muted);font-size:12px;line-height:1.65}

/* ==============================
   COURSE FEATURES
============================== */
.srj-course-features{display:flex;align-items:center;gap:7px;width:100%;margin-top:5px;padding:15px 0;border-top:1px solid var(--srj-border-soft);border-bottom:1px solid var(--srj-border-soft)}
.srj-course-features div{display:inline-flex;align-items:center;flex:1 1 0;min-width:0;gap:6px;color:#475467;font-size:10px;line-height:1.25;font-weight:500;white-space:nowrap}
.srj-course-features i{width:21px;height:21px;flex:0 0 21px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--srj-primary-soft);color:var(--srj-primary);font-size:9px}
.srj-course-features div:nth-child(1) i{background:#eff6ff;color:#2563eb}
.srj-course-features div:nth-child(2) i{background:#f3f1ff;color:#6366f1}
.srj-course-features div:nth-child(3) i{background:#ecfeff;color:#0891b2}

/* ==============================
   COURSE BOTTOM
============================== */
.srj-course-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:auto;padding-top:18px}
.srj-course-rating{display:inline-flex;align-items:center;gap:5px;color:#334155;font-size:12px;font-weight:600}
.srj-course-rating i{color:#f59e0b;font-size:12px}
.srj-course-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 14px;border:1px solid #d8e4fa;border-radius:8px;background:#fff;color:var(--srj-primary);font-size:11px;font-weight:600;text-decoration:none;transition:var(--srj-transition)}
.srj-course-btn i{font-size:11px;transition:var(--srj-transition)}
.srj-course-btn:hover{background:var(--srj-primary);border-color:var(--srj-primary);color:#fff;box-shadow:0 7px 18px rgba(37,99,235,.2)}
.srj-course-btn:hover i{transform:translateX(3px)}
.srj-courses-section .row{row-gap:25px}

/* ==============================
   SRJ ROOT | COURSE CATEGORIES
============================== */
#course_categories{
  --cc-primary:var(--srj-primary,#2563eb);
  --cc-dark:var(--srj-primary-dark,#111827);
  --cc-text:var(--srj-text,#0f172a);
  --cc-muted:var(--srj-text-muted,#64748b);
  --cc-border:var(--srj-border,#e5e7eb);
  --cc-soft:var(--srj-bg-soft,#f8fafc);
  --cc-white:#fff;
  --cc-radius:16px;
  --cc-radius-sm:10px;
  --cc-shadow:0 8px 28px rgba(15,23,42,.06);
  --cc-shadow-hover:0 18px 40px rgba(37,99,235,.10);
  --cc-transition:.25s ease;
  padding:72px 0;
  background:var(--cc-soft);
}
#course_categories .container{max-width:1320px}
#course_categories .nav-tabs{display:flex;align-items:center;gap:4px;margin:0 0 30px;padding:5px;border:1px solid var(--cc-border);border-radius:12px;background:#fff;overflow-x:auto;scrollbar-width:none}
#course_categories .nav-tabs::-webkit-scrollbar{display:none}
#course_categories .nav-tabs .nav-link{position:relative;min-height:44px;padding:0 22px;border:0!important;border-radius:8px!important;background:transparent;color:#475467;font-size:13px;font-weight:600;white-space:nowrap;transition:var(--cc-transition)}
#course_categories .nav-tabs .nav-link:hover{color:var(--cc-primary);background:#f8faff}
#course_categories .nav-tabs .nav-link.active{color:#fff;background:var(--cc-dark);box-shadow:0 5px 14px rgba(15,23,42,.12)}
#course_categories .nav-tabs .nav-link.active:after{display:none}
#course_categories .tab-content{position:relative}
#course_categories .tab-pane{animation:ccFade .3s ease}
@keyframes ccFade{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
#course_categories .row{row-gap:24px}

/* ==============================
   COURSE CARD
============================== */
#course_categories .course_card{position:relative;height:100%;display:flex;flex-direction:column;padding:0;background:var(--cc-white);border:1px solid #e8edf3;border-radius:var(--cc-radius);overflow:hidden;box-shadow:var(--cc-shadow);transition:transform var(--cc-transition),box-shadow var(--cc-transition),border-color var(--cc-transition)}
#course_categories .course_card:hover{transform:translateY(-5px);border-color:#cbdcff;box-shadow:var(--cc-shadow-hover)}
#course_categories .course_card_internal{position:relative;display:flex;flex:1;flex-direction:column;padding:25px 24px 20px;color:inherit;text-decoration:none;overflow:hidden}
#course_categories .course_card_internal:before{content:"";position:absolute;left:0;top:74px;width:4px;height:48px;border-radius:0 5px 5px 0;background:var(--card-accent,var(--cc-primary));transition:var(--cc-transition)}
#course_categories .course_card:hover .course_card_internal:before{width:5px;height:58px}
#course_categories .course_card_1{--card-accent:#2563eb}
#course_categories .course_card_2{--card-accent:#7c3aed}
#course_categories .course_card_3{--card-accent:#0891b2}
#course_categories .course_card_4{--card-accent:#0f766e}
#course_categories .course_card_5{--card-accent:#f59e0b}
#course_categories .course_card_6{--card-accent:#6366f1}
#course_categories .course_card_7{--card-accent:#2563eb}
#course_categories .course_card_8{--card-accent:#db2777}
#course_categories .course_card_9{--card-accent:#16a34a}

/* ==============================
   CARD HEADER
============================== */
#course_categories .course_card_internal>.top_details_card:first-child{min-height:25px;display:flex;align-items:center}
#course_categories .course_card_internal>.top_details_card:first-child span{display:inline-flex;align-items:center;min-height:24px;padding:4px 9px;border:1px solid #e1e8f0;border-radius:6px;background:#f8fafc;color:#475467;font-size:9px;font-weight:700;margin-bottom: 0px;}
#course_categories .course_card h3{margin:18px 0 0;padding-left:5px;color:var(--cc-text);font-size:22px;line-height:1.35;font-weight:750;letter-spacing:-.25px}
#course_categories .course_card_internal:hover h3{color:var(--cc-primary)}

/* ==============================
   CARD FEATURES
============================== */
#course_categories .course_card_internal>.top_details_card.d-flex{display:flex!important;align-items:center;gap:7px;margin-top:10px!important;padding-top:16px;border-top:1px solid #eef1f5}
#course_categories .course_card_internal>.top_details_card.d-flex span{display:inline-flex;align-items:center;gap:5px;min-height:27px;padding:5px 8px;border:1px solid #edf0f4;border-radius:6px;background:#fff;color:#475467;font-size:14px;line-height:1.2;font-weight:500;white-space:nowrap}
#course_categories .course_card_internal>.top_details_card.d-flex span i{color:var(--cc-primary);font-size:9px}
#course_categories .course_card_internal>.top_details_card.d-flex span:nth-child(2) i{color:#7c3aed}
#course_categories .course_card_internal>.top_details_card.d-flex span:nth-child(3) i{color:#0891b2}
#course_categories .course_card_internal>.top_details_card.d-flex span:nth-child(4) i{color:#f59e0b}

/* ==============================
   CARD FOOTER
============================== */
#course_categories .course_card_btn{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px;margin:0!important;padding:12px 24px 12px;border-top:1px solid #f0f2f5}
#course_categories .course_card_btn a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;text-decoration:none;font-size:11px;font-weight:600;transition:var(--cc-transition)}
#course_categories .course_card_btn a:first-child{padding:0;color:#475467;text-decoration:underline;text-underline-offset:3px}
#course_categories .course_card_btn a:first-child:hover{color:var(--cc-primary)}
#course_categories .course_card_btn a:last-child{min-width:100px;padding:0 15px;border-radius:20px;background:var(--cc-primary);color:#fff}
#course_categories .course_card_btn a:last-child:hover{background:var(--cc-dark);transform:translateY(-2px);box-shadow:0 6px 15px rgba(37,99,235,.18); border: none;}

/* ==============================
   DIFFERENT CARD BACKGROUNDS
   OPTIONAL - VERY LIGHT
============================== */
#course_categories .course_card_1{background:linear-gradient(180deg,#fff 0%,#fafdff 100%)}
#course_categories .course_card_2{background:linear-gradient(180deg,#fff 0%,#fcfaff 100%)}
#course_categories .course_card_3{background:linear-gradient(180deg,#fff 0%,#f9feff 100%)}
#course_categories .course_card_4{background:linear-gradient(180deg,#fff 0%,#f8fffd 100%)}
#course_categories .course_card_5{background:linear-gradient(180deg,#fff 0%,#fffdf8 100%)}
#course_categories .course_card_6{background:linear-gradient(180deg,#fff 0%,#fafaff 100%)}
#course_categories .course_card_7{background:linear-gradient(180deg,#fff 0%,#f8faff 100%)}
#course_categories .course_card_8{background:linear-gradient(180deg,#fff 0%,#fff9fc 100%)}
#course_categories .course_card_9{background:linear-gradient(180deg,#fff 0%,#f8fffb 100%)}

/* ==============================
   EMPTY / DYNAMIC TABS
============================== */
#course_categories #trendingCourses,
#course_categories #newLaunchCourses,
#course_categories #certificationCourses,
#course_categories #fastTrackCourses{min-height:20px}
#course_categories .tab-pane:empty:before{content:"Courses will be available soon.";display:block;padding:60px 20px;text-align:center;color:var(--cc-muted);font-size:14px}

/* ==============================
   SRJ ROOT | ABOUT SECTION
============================== */
#about-srj-root{
  --about-primary:var(--srj-primary,#2563eb);
  --about-dark:var(--srj-primary-dark,#111827);
  --about-text:var(--srj-text,#0f172a);
  --about-muted:var(--srj-text-muted,#64748b);
  --about-border:var(--srj-border,#e5e7eb);
  --about-soft:#eff6ff;
  --about-radius:22px;
  --about-shadow:0 20px 55px rgba(15,23,42,.08);
  position:relative;
  padding:95px 0;
  background:#fff;
  overflow:hidden;
}
#about-srj-root .container{position:relative;z-index:2;max-width:1320px}
#about-srj-root .srj-about-content{padding:15px 20px 15px 0}
#about-srj-root .srj-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:17px;color:var(--about-primary);font-size:12px;font-weight:800;letter-spacing:1.5px}
#about-srj-root .srj-eyebrow span{width:35px;height:2px;background:var(--about-primary);border-radius:5px}
#about-srj-root h2{max-width:650px;margin:0;color:var(--about-text);font-size:clamp(38px,4vw,54px);line-height:1.08;font-weight:800;letter-spacing:-1.8px}
#about-srj-root h2 strong{display:block;color:var(--about-dark);font-weight:800}
#about-srj-root .srj-about-text{max-width:610px;margin:24px 0 30px;color:var(--about-muted);font-size:16px;line-height:1.7}
#about-srj-root .srj-about-btn{display:inline-flex;align-items:center;gap:12px;min-height:50px;padding:0 23px;border-radius:30px;background:var(--about-dark);color:#fff;font-size:13px;font-weight:700;text-decoration:none;box-shadow:0 10px 25px rgba(15,23,42,.12);transition:.25s ease}
#about-srj-root .srj-about-btn i{transition:.25s ease}
#about-srj-root .srj-about-btn:hover{background:var(--about-primary);color:#fff;transform:translateY(-3px);box-shadow:0 14px 28px rgba(37,99,235,.2)}
#about-srj-root .srj-about-btn:hover i{transform:translateX(4px)}

/* STATS */
#about-srj-root .srj-about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
#about-srj-root .srj-stat{display:flex;align-items:center;gap:12px;min-width:0}
#about-srj-root .srj-stat:not(:last-child){padding-right:20px;border-right:1px solid var(--about-border)}
#about-srj-root .srj-stat-icon{width:40px;height:40px;flex:0 0 40px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:var(--about-soft);color:var(--about-primary);font-size:15px}
#about-srj-root .srj-stat strong{display:block;color:var(--about-text);font-size:27px;line-height:1;font-weight:800;letter-spacing:-.7px}
#about-srj-root .srj-stat span{display:block;margin-top:6px;color:var(--about-muted);font-size:11px;line-height:1.3;white-space:nowrap}

/* VISUAL */
#about-srj-root .srj-about-visual{position:relative;min-height:530px}
#about-srj-root .srj-about-glow{position:absolute;right:-80px;top:-30px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.13),rgba(37,99,235,0) 70%);filter:blur(5px)}
#about-srj-root .srj-about-dots{position:absolute;right:-5px;bottom:35px;width:115px;height:115px;background-image:radial-gradient(#9ab8f5 1.5px,transparent 1.5px);background-size:11px 11px;opacity:.5}
#about-srj-root .srj-about-image{position:absolute;top:35px;right:35px;width:calc(100% - 75px);height:440px;border-radius:24px;overflow:hidden;background:#eef5ff;box-shadow:var(--about-shadow);z-index:2}
#about-srj-root .srj-about-image:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(37,99,235,.04),transparent 50%);z-index:1;pointer-events:none}
#about-srj-root .srj-about-image img{width:100%;height:100%;display:block;object-fit:cover}

/* TOP FLOAT CARD */
#about-srj-root .srj-about-card{position:absolute;z-index:5;display:flex;align-items:center;gap:12px;padding:14px 17px;background:rgba(255,255,255,.96);border:1px solid rgba(226,232,240,.9);border-radius:14px;box-shadow:0 15px 40px rgba(15,23,42,.1);backdrop-filter:blur(10px)}
#about-srj-root .srj-about-card-top{left:0;top:75px;width:280px}
#about-srj-root .srj-about-card-icon{width:42px;height:42px;flex:0 0 42px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--about-soft);color:var(--about-primary);font-size:17px}
#about-srj-root .srj-about-card strong{display:block;color:var(--about-text);font-size:12px;line-height:1.3}
#about-srj-root .srj-about-card span{display:block;margin-top:5px;color:var(--about-muted);font-size:9px;line-height:1.4}

/* BLUE MESSAGE CARD */
#about-srj-root .srj-about-blue-card{position:absolute;z-index:4;right:-5px;top:5px;width:155px;height:170px;padding:25px 22px;border-radius:20px;background:linear-gradient(145deg,#2563eb,#1554d1);box-shadow:0 18px 35px rgba(37,99,235,.2);transform:rotate(1deg)}
#about-srj-root .srj-about-blue-card span{display:block;color:#fff;font-family:"Brush Script MT","Segoe Script",cursive;font-size:25px;line-height:1.05}
#about-srj-root .srj-about-blue-card i{display:block;width:80px;height:2px;margin:10px 0 0 8px;background:#fff;border-radius:5px;transform:rotate(-5deg)}

/* BOTTOM FLOAT CARD */
#about-srj-root .srj-about-card-bottom{right:-15px;bottom:18px;width:285px;padding:17px 19px}
#about-srj-root .srj-about-card-bottom .srj-about-card-icon{background:#eff6ff}


/* ==============================
   SRJ ROOT | CORPORATE TRAINING
============================== */
#corporate-training{
  --corp-primary:var(--srj-primary,#2563eb);
  --corp-dark:var(--srj-primary-dark,#111827);
  --corp-text:var(--srj-text,#0f172a);
  --corp-muted:var(--srj-text-muted,#64748b);
  --corp-border:var(--srj-border,#e5e7eb);
  --corp-soft:#f8fafc;
  --corp-radius:22px;
  --corp-shadow:0 20px 55px rgba(15,23,42,.08);
  --corp-transition:.25s ease;
  position:relative;
  padding:90px 0;
  background:#fff;
  overflow:hidden;
}
#corporate-training .container{position:relative;z-index:2;max-width:1320px}
#corporate-training .srj-corporate-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}
#corporate-training .srj-corporate-visual{position:relative;min-height:560px}
#corporate-training .srj-corp-glow{position:absolute;left:30px;top:20px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.13),rgba(37,99,235,0) 68%);filter:blur(3px)}
#corporate-training .srj-corp-dots{position:absolute;left:-10px;bottom:30px;width:100px;height:100px;background-image:radial-gradient(#8eb3f8 1.5px,transparent 1.5px);background-size:10px 10px;opacity:.55}
#corporate-training .srj-corp-image{position:absolute;left:35px;top:50px;width:calc(100% - 70px);height:455px;border-radius:25px;overflow:hidden;background:#eef5ff;box-shadow:var(--corp-shadow);z-index:2}
#corporate-training .srj-corp-image:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(37,99,235,.04),transparent 55%);pointer-events:none}
#corporate-training .srj-corp-image img{width:100%;height:100%;display:block;object-fit:cover}
#corporate-training .srj-corp-floating{position:absolute;z-index:5;display:flex;align-items:center;gap:12px;padding:14px 17px;background:rgba(255,255,255,.97);border:1px solid #e4eaf2;border-radius:14px;box-shadow:0 14px 35px rgba(15,23,42,.10);backdrop-filter:blur(10px)}
#corporate-training .srj-corp-top{left:0;top:85px;width:255px}
#corporate-training .srj-corp-bottom{left:30px;bottom:25px;width:260px}
#corporate-training .srj-corp-icon{width:42px;height:42px;flex:0 0 42px;display:flex;align-items:center;justify-content:center;border-radius:11px;font-size:16px}
#corporate-training .srj-corp-icon.blue{background:#eff6ff;color:#2563eb}
#corporate-training .srj-corp-floating strong{display:block;color:var(--corp-text);font-size:12px;line-height:1.3}
#corporate-training .srj-corp-floating span{display:block;margin-top:4px;color:var(--corp-muted);font-size:9px;line-height:1.3}
#corporate-training .srj-corp-highlight{position:absolute;right:-8px;top:5px;z-index:4;width:150px;height:175px;padding:23px 20px;border-radius:19px;background:linear-gradient(145deg,#2875f2,#1658d4);box-shadow:0 18px 40px rgba(37,99,235,.22);transform:rotate(1deg);color:#fff}
#corporate-training .srj-corp-highlight i{display:block;margin-bottom:12px;font-size:23px}
#corporate-training .srj-corp-highlight strong{display:block;font-size:19px;line-height:1.05;font-weight:700}
#corporate-training .srj-corp-highlight span{display:block;margin-top:5px;font-size:11px;font-weight:600;letter-spacing:.5px}
#corporate-training .srj-corp-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:16px;color:var(--corp-primary);font-size:12px;font-weight:800;letter-spacing:1.5px}
#corporate-training .srj-corp-eyebrow span{width:35px;height:2px;border-radius:5px;background:var(--corp-primary)}
#corporate-training .srj-corporate-content h2{max-width:650px;margin:0;color:var(--corp-text);font-size:clamp(38px,4vw,54px);line-height:1.08;font-weight:800;letter-spacing:-1.8px}
#corporate-training .srj-corporate-content h2 strong{display:inline;color:var(--corp-primary);font-weight:800}
#corporate-training .srj-corp-intro{max-width:650px;margin:22px 0 30px;color:var(--corp-muted);font-size:16px;line-height:1.65}
#corporate-training .srj-corp-features{display:grid;grid-template-columns:1fr 1fr;gap:22px 35px}
#corporate-training .srj-corp-feature{display:flex;align-items:center;gap:13px}
#corporate-training .srj-feature-icon{width:48px;height:48px;flex:0 0 48px;display:flex;align-items:center;justify-content:center;border-radius:13px;font-size:18px}
#corporate-training .srj-feature-icon.blue{background:#eff6ff;color:#2563eb}
#corporate-training .srj-feature-icon.green{background:#ecfdf5;color:#10b981}
#corporate-training .srj-feature-icon.orange{background:#fff7ed;color:#f97316}
#corporate-training .srj-feature-icon.purple{background:#f5f3ff;color:#7c3aed}
#corporate-training .srj-corp-feature strong{display:block;color:var(--corp-text);font-size:13px;line-height:1.35;font-weight:750}
#corporate-training .srj-corp-feature span{display:block;margin-top:4px;color:var(--corp-muted);font-size:10px;line-height:1.35}
#corporate-training .srj-corp-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:34px;padding:17px 22px;border:1px solid #e6edf7;border-radius:14px;background:#fff;box-shadow:0 8px 25px rgba(15,23,42,.035)}
#corporate-training .srj-corp-stats>div{text-align:left;padding:0 18px}
#corporate-training .srj-corp-stats>div+div{border-left:1px solid #e5eaf1}
#corporate-training .srj-corp-stats strong{display:block;color:var(--corp-primary);font-size:25px;line-height:1.1;font-weight:800}
#corporate-training .srj-corp-stats span{display:block;margin-top:5px;color:var(--corp-muted);font-size:10px;line-height:1.3}
#corporate-training .srj-corp-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:25px}
#corporate-training .srj-corp-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border-radius:10px;font-size:12px;font-weight:700;text-decoration:none;transition:var(--corp-transition)}
#corporate-training .srj-corp-btn.primary{background:var(--corp-dark);color:#fff}
#corporate-training .srj-corp-btn.primary:hover{background:var(--corp-primary);color:#fff;transform:translateY(-2px);box-shadow:0 10px 22px rgba(37,99,235,.2)}
#corporate-training .srj-corp-btn.primary i{transition:var(--corp-transition)}
#corporate-training .srj-corp-btn.primary:hover i{transform:translateX(4px)}
#corporate-training .srj-corp-btn.secondary{border:1px solid #d9e2ef;background:#fff;color:var(--corp-dark)}
#corporate-training .srj-corp-btn.secondary:hover{border-color:var(--corp-primary);color:var(--corp-primary);transform:translateY(-2px)}

/* =================================
   SRJ ROOT | DOMAIN TRAINING
================================= */
#training-domains{
  --domain-primary:var(--srj-primary,#2563eb);
  --domain-dark:var(--srj-primary-dark,#111827);
  --domain-text:var(--srj-text,#0f172a);
  --domain-muted:var(--srj-text-muted,#64748b);
  --domain-border:#e5edf7;
  --domain-bg:#f8fbff;
  --domain-radius:20px;
  --domain-shadow:0 8px 30px rgba(15,23,42,.045);
  --domain-hover:0 18px 42px rgba(37,99,235,.10);
  --domain-transition:.25s ease;
  position:relative;
  padding:90px 0;
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  overflow:hidden;
}
#training-domains .container{position:relative;z-index:2;max-width:1320px}
#training-domains .srj-domains-head{text-align:center;max-width:950px;margin:0 auto 42px}
#training-domains .srj-domains-kicker{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:15px;color:var(--domain-primary);font-size:11px;font-weight:800;letter-spacing:1.7px}
#training-domains .srj-domains-kicker span{width:42px;height:2px;background:var(--domain-primary);border-radius:5px}
#training-domains .srj-domains-head h2{margin:0;color:var(--domain-text);font-size:clamp(36px,4vw,54px);line-height:1.08;font-weight:800;letter-spacing:-1.8px}
#training-domains .srj-domains-head h2 strong{color:var(--domain-primary)}
#training-domains .srj-domains-head p{max-width:780px;margin:16px auto 0;color:var(--domain-muted);font-size:15px;line-height:1.65}
#training-domains .srj-domains-lines{display:flex;justify-content:center;gap:8px;margin-top:18px}
#training-domains .srj-domains-lines i,#training-domains .srj-domains-lines b{display:block;width:52px;height:3px;border-radius:5px}
#training-domains .srj-domains-lines i{background:var(--domain-primary)}
#training-domains .srj-domains-lines b{background:#f59e0b}

/* GRID */
#training-domains .srj-domain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
#training-domains .srj-domain-card{position:relative;min-height:300px;padding:25px 24px 22px;background:rgba(255,255,255,.9);border:1px solid var(--domain-border);border-radius:var(--domain-radius);box-shadow:var(--domain-shadow);transition:transform var(--domain-transition),box-shadow var(--domain-transition),border-color var(--domain-transition);overflow:hidden}
#training-domains .srj-domain-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--domain-accent) 25%,#e5edf7);box-shadow:var(--domain-hover)}
#training-domains .srj-domain-top{display:flex;align-items:flex-start;gap:16px}
#training-domains .srj-domain-icon{width:84px;height:84px;flex:0 0 84px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--domain-icon-bg);color:var(--domain-accent);font-size:31px}
#training-domains .srj-domain-info{min-width:0}
#training-domains .srj-domain-info h3{margin:7px 0 8px;color:var(--domain-text);font-size:18px;line-height:1.2;font-weight:800;letter-spacing:-.3px}
#training-domains .srj-domain-line{display:block;width:38px;height:3px;margin-bottom:11px;background:var(--domain-accent);border-radius:5px}
#training-domains .srj-domain-info p{margin:0;color:var(--domain-muted);font-size:11px;line-height:1.55}
#training-domains .srj-domain-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}
#training-domains .srj-domain-tags span{display:inline-flex;align-items:center;min-height:31px;padding:0 13px;border-radius:20px;background:#f5f8fc;color:#172554;font-size:10px;font-weight:600;white-space:nowrap}
#training-domains .srj-domain-link{display:inline-flex;align-items:center;gap:18px;margin-top:19px;color:var(--domain-accent);font-size:12px;font-weight:800;text-decoration:none}
#training-domains .srj-domain-link:after{content:"";position:absolute;left:24px;bottom:20px;width:105px;height:2px;background:var(--domain-accent);opacity:.75}
#training-domains .srj-domain-link i{width:43px;height:43px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--domain-icon-bg);font-size:13px;transition:var(--domain-transition)}
#training-domains .srj-domain-card:hover .srj-domain-link i{transform:translateX(5px)}

/* DOMAIN COLORS */
#training-domains .domain-sap{--domain-accent:#1677d2;--domain-icon-bg:#eaf4ff}
#training-domains .domain-dcs{--domain-accent:#f47b20;--domain-icon-bg:#fff2e5}
#training-domains .domain-cloud{--domain-accent:#2563eb;--domain-icon-bg:#eaf3ff}
#training-domains .domain-piping{--domain-accent:#7c3aed;--domain-icon-bg:#f3edff}
#training-domains .domain-civil{--domain-accent:#16a34a;--domain-icon-bg:#eaf9ef}
#training-domains .domain-data{--domain-accent:#ef3157;--domain-icon-bg:#fff0f4}
#training-domains .domain-sailpoint{--domain-accent:#2563eb;--domain-icon-bg:#eaf3ff}

/* SAP TEXT LOGO */
#training-domains .srj-sap-logo{display:flex;align-items:center;justify-content:center;width:64px;height:36px;background:#0878bd;color:#fff;font-size:18px;font-weight:900;letter-spacing:-1px;clip-path:polygon(0 0,100% 0,86% 100%,0 100%)}

/* DECORATION */
#training-domains .srj-domain-shape{position:absolute;z-index:1;border-radius:50%;pointer-events:none}
#training-domains .shape-top{width:220px;height:220px;right:-100px;top:-90px;background:radial-gradient(circle,#eaf2ff 0 38%,transparent 39%);opacity:.8}
#training-domains .shape-bottom{width:260px;height:260px;left:-145px;bottom:-145px;border:35px solid #eaf2ff;opacity:.7}
#training-domains .srj-domains-note{position:absolute;right:45px;bottom:60px;z-index:3;display:flex;align-items:flex-start;gap:10px;color:#172554;font-family:"Segoe Script","Brush Script MT",cursive;font-size:18px;transform:rotate(-3deg)}
#training-domains .srj-domains-note-icon{color:var(--domain-primary);font-family:inherit;font-size:22px}
#training-domains .srj-domains-note span{max-width:140px;line-height:1.1}
#training-domains .srj-domains-note strong{display:block}
#training-domains .srj-domains-cta{display:flex;justify-content:center;margin-top:38px}
#training-domains .srj-domains-cta a{display:inline-flex;align-items:center;gap:18px;min-height:52px;padding:0 28px;border-radius:28px;background:var(--domain-dark);color:#fff;font-size:13px;font-weight:700;text-decoration:none;box-shadow:0 12px 25px rgba(15,23,42,.12);transition:var(--domain-transition)}
#training-domains .srj-domains-cta a:hover{background:var(--domain-primary);transform:translateY(-3px);box-shadow:0 15px 30px rgba(37,99,235,.2)}
#training-domains .srj-domains-cta i{transition:var(--domain-transition)}
#training-domains .srj-domains-cta a:hover i{transform:translateX(4px)}

/* =================================
   SRJ ROOT | TESTIMONIAL SLIDER
================================= */
#learner-reviews{
  --review-primary:var(--srj-primary,#2563eb);
  --review-dark:var(--srj-primary-dark,#111827);
  --review-text:var(--srj-text,#0f172a);
  --review-muted:var(--srj-text-muted,#64748b);
  --review-border:#e6edf5;
  --review-bg:#f9fbff;
  --review-radius:18px;
  --review-shadow:0 10px 35px rgba(15,23,42,.055);
  --review-transition:.3s ease;
  position:relative;
  padding:85px 0;
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  overflow:hidden;
}
#learner-reviews .container{max-width:1320px;position:relative;z-index:2}
#learner-reviews .srj-reviews-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}
#learner-reviews .srj-review-eyebrow{display:block;margin-bottom:8px;color:#8a97a8;font-size:11px;font-weight:800;letter-spacing:1.5px}
#learner-reviews h2{margin:0;color:var(--review-text);font-size:clamp(34px,4vw,48px);line-height:1.08;font-weight:800;letter-spacing:-1.5px}
#learner-reviews .srj-review-nav{display:flex;gap:12px}
#learner-reviews .srj-review-nav button{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border:1px solid #e2e9f2;border-radius:50%;background:#fff;color:var(--review-dark);cursor:pointer;transition:var(--review-transition)}
#learner-reviews .srj-review-nav button:hover{background:var(--review-primary);border-color:var(--review-primary);color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px rgba(37,99,235,.18)}
#learner-reviews .srj-review-slider{display:flex;gap:25px;overflow:hidden}
#learner-reviews .srj-review-card{position:relative;flex:0 0 calc(50% - 12.5px);min-width:0;padding:27px 30px;background:#fff;border:1px solid var(--review-border);border-radius:var(--review-radius);box-shadow:var(--review-shadow);transition:transform var(--review-transition),box-shadow var(--review-transition)}
#learner-reviews .srj-review-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(37,99,235,.09)}
#learner-reviews .srj-review-profile{display:flex;align-items:flex-start;gap:24px}
#learner-reviews .srj-review-avatar{width:118px;height:118px;flex:0 0 118px;border:6px solid #f1f5f9;border-radius:50%;overflow:hidden;background:#eef2f7}
#learner-reviews .srj-review-avatar img{width:100%;height:100%;display:block;object-fit:cover}
#learner-reviews .srj-review-body{min-width:0}
#learner-reviews .srj-review-stars{display:flex;gap:3px;margin-bottom:12px;color:#f5ad14;font-size:12px}
#learner-reviews .srj-review-body p{margin:0 0 17px;color:#475467;font-size:15px;line-height:1.55;font-weight:500}
#learner-reviews .srj-review-author strong{display:block;color:var(--review-text);font-size:13px;font-weight:800}
#learner-reviews .srj-review-author span{display:block;margin-top:4px;color:var(--review-muted);font-size:9px;line-height:1.4}
#learner-reviews .srj-review-company{margin-top:12px;color:#111;font-size:20px;line-height:1;font-weight:800;letter-spacing:-.8px}
#learner-reviews .srj-review-dots{display:flex;justify-content:center;gap:7px;margin-top:28px}
#learner-reviews .srj-review-dot{width:25px;height:3px;border:0;border-radius:5px;background:#dce4ee;cursor:pointer;transition:var(--review-transition)}
#learner-reviews .srj-review-dot.active{width:45px;background:var(--review-primary)}

#latest-insights{
  --insight-primary:#2563eb;
  --insight-dark:#0f172a;
  --insight-text:#111827;
  --insight-muted:#64748b;
  --insight-border:#e7edf5;
  --insight-radius:18px;
  padding:90px 0;
  background:#fff;
  overflow:hidden
}

#latest-insights .container{
  max-width:1320px
}

#latest-insights .srj-insights-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:30px;
  margin-bottom:32px
}

#latest-insights .srj-insights-eyebrow{
  display:block;
  margin-bottom:8px;
  color:var(--insight-primary);
  font-size:13px;
  line-height:1;
  font-weight:800;
  letter-spacing:1.2px
}

#latest-insights h2{
  margin:0;
  color:var(--insight-dark);
  font-size:clamp(34px,4vw,48px);
  line-height:1.08;
  font-weight:800;
  letter-spacing:-1.5px
}

#latest-insights .srj-insights-view{
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:var(--insight-primary);
  font-size:16px;
  font-weight:700;
  text-decoration:none;
  white-space:nowrap;
  transition:.3s ease
}

#latest-insights .srj-insights-view span{
  font-size:27px;
  line-height:1;
  transition:.3s ease
}

#latest-insights .srj-insights-view:hover{
  color:#1d4ed8
}

#latest-insights .srj-insights-view:hover span{
  transform:translateX(5px)
}

#latest-insights .srj-insight-card{
  height:100%;
  overflow:hidden;
  background:#fff;
  border:1px solid var(--insight-border);
  border-radius:var(--insight-radius);
  box-shadow:0 8px 30px rgba(15,23,42,.045);
  transition:.35s ease
}

#latest-insights .srj-insight-card:hover{
  transform:translateY(-6px);
  border-color:#dce7f5;
  box-shadow:0 18px 45px rgba(37,99,235,.1)
}

#latest-insights .srj-insight-image{
  position:relative;
  height:175px;
  overflow:hidden;
  background:#eef4fa
}

#latest-insights .srj-insight-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .5s ease
}

#latest-insights .srj-insight-card:hover .srj-insight-image img{
  transform:scale(1.05)
}

#latest-insights .srj-insight-category{
  position:absolute;
  top:14px;
  left:14px;
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:6px 15px;
  color:var(--insight-primary);
  background:rgba(255,255,255,.96);
  border:1px solid rgba(255,255,255,.8);
  border-radius:30px;
  box-shadow:0 5px 18px rgba(15,23,42,.12);
  font-size:13px;
  font-weight:700;
  line-height:1
}

#latest-insights .srj-insight-content{
  padding:23px 25px 26px
}

#latest-insights .srj-insight-date{
  display:block;
  margin-bottom:12px;
  color:#94a3b8;
  font-size:13px;
  line-height:1.2;
  font-weight:500
}

#latest-insights .srj-insight-content h3{
  min-height:58px;
  margin:0 0 20px;
  color:var(--insight-text);
  font-size:21px;
  line-height:1.35;
  font-weight:750;
  letter-spacing:-.35px
}

#latest-insights .srj-insight-content h3 a{
  color:inherit;
  text-decoration:none;
  transition:.3s ease
}

#latest-insights .srj-insight-content h3 a:hover{
  color:var(--insight-primary)
}

#latest-insights .srj-insight-read{
  display:inline-flex;
  align-items:center;
  gap:11px;
  color:var(--insight-primary);
  font-size:15px;
  font-weight:750;
  text-decoration:none;
  transition:.3s ease
}

#latest-insights .srj-insight-read span{
  font-size:24px;
  line-height:1;
  transition:.3s ease
}

#latest-insights .srj-insight-read:hover{
  color:#1d4ed8
}

#latest-insights .srj-insight-read:hover span{
  transform:translateX(5px)
}

#next-step{
  --cta-primary:#2563eb;
  --cta-primary-dark:#0b2947;
  --cta-text:#0f172a;
  --cta-muted:#52627a;
  padding:75px 0;
  background:#fff;
  overflow:hidden
}

#next-step .container{
  max-width:1400px
}

#next-step .srj-next-step-box{
  position:relative;
  min-height:485px;
  display:flex;
  align-items:center;
  overflow:hidden;
  padding:55px 55px 50px;
  background:
    radial-gradient(circle at 72% 40%,rgba(104,139,255,.12),transparent 28%),
    linear-gradient(110deg,#f5f7ff 0%,#eef2ff 55%,#e9edff 100%);
  border-radius:30px
}

#next-step .srj-next-step-content{
  position:relative;
  z-index:5;
  width:53%;
  padding-left:5px
}

#next-step .srj-next-step-eyebrow{
  display:block;
  margin-bottom:13px;
  color:#6366f1;
  font-size:15px;
  line-height:1;
  font-weight:800;
  letter-spacing:.5px
}

#next-step h2{
  max-width:680px;
  margin:0;
  color:var(--cta-text);
  font-size:clamp(40px,4.3vw,60px);
  line-height:1.08;
  font-weight:800;
  letter-spacing:-2px
}

#next-step .srj-next-step-content p{
  max-width:610px;
  margin:24px 0 30px;
  color:var(--cta-muted);
  font-size:18px;
  line-height:1.55;
  font-weight:500
}

#next-step .srj-next-step-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:22px
}

#next-step .srj-next-step-btn{
  min-width:285px;
  height:68px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:15px;
  padding:0 28px;
  border-radius:40px;
  font-size:16px;
  font-weight:700;
  text-decoration:none;
  transition:.3s ease
}

#next-step .srj-btn-primary{
  color:#fff;
  background:var(--cta-primary-dark);
  border:1px solid var(--cta-primary-dark);
  box-shadow:0 10px 25px rgba(11,41,71,.12)
}

#next-step .srj-btn-primary span{
  font-size:27px;
  line-height:1;
  transition:.3s ease
}

#next-step .srj-btn-primary:hover{
  color:#fff;
  background:var(--cta-primary);
  border-color:var(--cta-primary);
  transform:translateY(-3px);
  box-shadow:0 12px 28px rgba(37,99,235,.2)
}

#next-step .srj-btn-primary:hover span{
  transform:translateX(5px)
}

#next-step .srj-btn-outline{
  color:#334155;
  background:rgba(255,255,255,.45);
  border:2px solid #94a3b8
}

#next-step .srj-btn-outline i{
  color:#334155;
  font-size:20px
}

#next-step .srj-btn-outline:hover{
  color:var(--cta-primary);
  background:#fff;
  border-color:var(--cta-primary);
  transform:translateY(-3px)
}

#next-step .srj-btn-outline:hover i{
  color:var(--cta-primary)
}


/* RIGHT SIDE IMAGE */
#next-step .srj-next-step-visual{
  position:absolute;
  z-index:2;
  top:0;
  right:0;
  width:52%;
  height:100%;
  overflow:hidden;
  pointer-events:none
}

#next-step .srj-next-step-visual img{
  position:absolute;
  z-index:3;
  right:-35px;
  bottom:-5px;
  width:700px;
  max-width:none;
  height:auto;
  display:block;
  object-fit:contain
}


/* Hide decorative elements because they are already
   included inside the PNG image */
#next-step .srj-visual-circle,
#next-step .srj-floating-icon,
#next-step .srj-future-note{
  display:none
}



/* TABLET */
@media(max-width:1199px){

  #next-step{
    padding:65px 0
  }

  #next-step .srj-next-step-box{
    min-height:455px;
    padding:50px 45px
  }

  #next-step .srj-next-step-content{
    width:52%
  }

  #next-step h2{
    max-width:590px;
    font-size:47px;
    letter-spacing:-1.5px
  }

  #next-step .srj-next-step-content p{
    max-width:520px;
    font-size:16px
  }

  #next-step .srj-next-step-btn{
    min-width:230px;
    height:60px;
    font-size:14px
  }

  #next-step .srj-next-step-visual{
    width:53%
  }

  #next-step .srj-next-step-visual img{
    width:620px;
    right:-35px;
    bottom:-5px
  }
}


/* TABLET / SMALL LAPTOP */
@media(max-width:991px){

  #next-step{
    padding:60px 0
  }

  #next-step .srj-next-step-box{
    min-height:650px;
    display:block;
    padding:50px 40px 0
  }

  #next-step .srj-next-step-content{
    width:100%
  }

  #next-step h2{
    max-width:650px;
    font-size:44px
  }

  #next-step .srj-next-step-content p{
    max-width:600px;
    font-size:16px
  }

  #next-step .srj-next-step-actions{
    gap:15px
  }

  #next-step .srj-next-step-btn{
    min-width:235px;
    height:60px
  }

  #next-step .srj-next-step-visual{
    top:auto;
    right:0;
    bottom:0;
    width:100%;
    height:315px
  }

  #next-step .srj-next-step-visual img{
    width:520px;
    right:50%;
    transform:translateX(50%);
    bottom:-5px
  }
}


/* MOBILE */
@media(max-width:767px){

  #next-step{
    padding:45px 0
  }

  #next-step .container{
    padding-left:15px;
    padding-right:15px
  }

  #next-step .srj-next-step-box{
    min-height:680px;
    padding:38px 25px 0;
    border-radius:24px
  }

  #next-step .srj-next-step-eyebrow{
    margin-bottom:11px;
    font-size:11px
  }

  #next-step h2{
    max-width:100%;
    font-size:34px;
    line-height:1.12;
    letter-spacing:-1px
  }

  #next-step .srj-next-step-content p{
    margin:18px 0 24px;
    font-size:14px;
    line-height:1.5
  }

  #next-step .srj-next-step-actions{
    flex-direction:column;
    align-items:stretch;
    gap:12px
  }

  #next-step .srj-next-step-btn{
    width:100%;
    min-width:0;
    height:55px;
    font-size:14px
  }

  #next-step .srj-next-step-visual{
    height:275px;
    width:100%
  }

  #next-step .srj-next-step-visual img{
    width:390px;
    max-width:none;
    right:50%;
    transform:translateX(50%);
    bottom:-5px
  }
}


/* SMALL MOBILE */
@media(max-width:480px){

  #next-step .srj-next-step-box{
    min-height:650px;
    padding:32px 20px 0
  }

  #next-step h2{
    font-size:29px;
    line-height:1.12
  }

  #next-step .srj-next-step-content p{
    font-size:13px
  }

  #next-step .srj-next-step-visual{
    height:235px
  }

  #next-step .srj-next-step-visual img{
    width:340px;
    right:50%;
    transform:translateX(50%);
    bottom:-5px
  }
}

@media(max-width:991px){
  #latest-insights{
    padding:70px 0
  }

  #latest-insights .srj-insight-image{
    height:185px
  }

  #latest-insights .srj-insight-content{
    padding:21px
  }

  #latest-insights .srj-insight-content h3{
    font-size:19px
  }
}

@media(max-width:767px){
  #latest-insights{
    padding:60px 0
  }

  #latest-insights .srj-insights-head{
    align-items:flex-start;
    margin-bottom:25px
  }

  #latest-insights h2{
    font-size:31px
  }

  #latest-insights .srj-insights-eyebrow{
    font-size:11px
  }

  #latest-insights .srj-insights-view{
    font-size:13px
  }

  #latest-insights .srj-insights-view span{
    font-size:22px
  }

  #latest-insights .srj-insight-image{
    height:200px
  }

  #latest-insights .srj-insight-content h3{
    min-height:auto;
    font-size:20px
  }
}

@media(max-width:480px){
  #latest-insights .srj-insights-head{
    display:block
  }

  #latest-insights .srj-insights-view{
    margin-top:15px
  }

  #latest-insights h2{
    font-size:28px
  }
}

/* TABLET */
@media(max-width:991px){
  #learner-reviews{padding:70px 0}
  #learner-reviews .srj-review-card{padding:24px}
  #learner-reviews .srj-review-avatar{width:95px;height:95px;flex-basis:95px}
  #learner-reviews .srj-review-body p{font-size:13px}
}

/* MOBILE */
@media(max-width:767px){
  #learner-reviews{padding:60px 0}
  #learner-reviews .srj-reviews-head{align-items:center;margin-bottom:24px}
  #learner-reviews h2{font-size:30px}
  #learner-reviews .srj-review-eyebrow{font-size:9px}
  #learner-reviews .srj-review-nav{gap:7px}
  #learner-reviews .srj-review-nav button{width:40px;height:40px;font-size:11px}
  #learner-reviews .srj-review-slider{gap:15px}
  #learner-reviews .srj-review-card{flex-basis:100%;padding:21px}
  #learner-reviews .srj-review-profile{gap:15px}
  #learner-reviews .srj-review-avatar{width:75px;height:75px;flex-basis:75px;border-width:4px}
  #learner-reviews .srj-review-stars{font-size:10px;margin-bottom:8px}
  #learner-reviews .srj-review-body p{font-size:12px;line-height:1.5;margin-bottom:12px}
  #learner-reviews .srj-review-author strong{font-size:11px}
  #learner-reviews .srj-review-author span{font-size:8px}
  #learner-reviews .srj-review-company{font-size:17px}
}

/* SMALL MOBILE */
@media(max-width:480px){
  #learner-reviews h2{font-size:27px}
  #learner-reviews .srj-review-profile{gap:12px}
  #learner-reviews .srj-review-avatar{width:65px;height:65px;flex-basis:65px}
  #learner-reviews .srj-review-body p{font-size:11px}
}
/* TABLET */
@media(max-width:1100px){
  #training-domains .srj-domain-grid{grid-template-columns:repeat(2,1fr)}
  #training-domains .srj-domains-note{display:none}
}

/* MOBILE */
@media(max-width:767px){
  #training-domains{padding:65px 0}
  #training-domains .srj-domains-head{margin-bottom:30px}
  #training-domains .srj-domains-kicker{font-size:9px}
  #training-domains .srj-domains-kicker span{width:25px}
  #training-domains .srj-domains-head h2{font-size:34px;letter-spacing:-1px}
  #training-domains .srj-domains-head p{font-size:13px}
  #training-domains .srj-domain-grid{grid-template-columns:1fr;gap:15px}
  #training-domains .srj-domain-card{min-height:0;padding:22px}
  #training-domains .srj-domain-icon{width:70px;height:70px;flex-basis:70px;font-size:26px}
  #training-domains .srj-domain-info h3{font-size:17px}
  #training-domains .srj-domain-info p{font-size:11px}
  #training-domains .srj-domains-cta{margin-top:28px}
  #training-domains .srj-domains-cta a{width:100%;justify-content:center}
}

/* SMALL MOBILE */
@media(max-width:480px){
  #training-domains .srj-domains-head h2{font-size:29px}
  #training-domains .srj-domain-top{gap:12px}
  #training-domains .srj-domain-icon{width:62px;height:62px;flex-basis:62px}
  #training-domains .srj-domain-info h3{font-size:16px}
  #training-domains .srj-domain-tags span{font-size:9px;padding:0 10px}
}

/* TABLET */
@media(max-width:1100px){
  #corporate-training .srj-corporate-grid{gap:45px}
  #corporate-training .srj-corporate-content h2{font-size:43px}
  #corporate-training .srj-corp-features{gap:20px}
  #corporate-training .srj-corp-image{left:20px;width:calc(100% - 40px)}
  #corporate-training .srj-corp-highlight{right:-15px}
}

/* TABLET PORTRAIT */
@media(max-width:991px){
  #corporate-training{padding:75px 0}
  #corporate-training .srj-corporate-grid{grid-template-columns:1fr;gap:55px}
  #corporate-training .srj-corporate-visual{max-width:700px;width:100%;margin:auto}
  #corporate-training .srj-corporate-content{text-align:center}
  #corporate-training .srj-corp-eyebrow{justify-content:center}
  #corporate-training .srj-corporate-content h2,#corporate-training .srj-corp-intro{margin-left:auto;margin-right:auto}
  #corporate-training .srj-corp-features{text-align:left}
  #corporate-training .srj-corp-actions{justify-content:center}
}

/* MOBILE */
@media(max-width:767px){
  #corporate-training{padding:60px 0}
  #corporate-training .srj-corporate-visual{min-height:430px}
  #corporate-training .srj-corp-image{left:10px;top:35px;width:calc(100% - 20px);height:340px;border-radius:19px}
  #corporate-training .srj-corp-glow{width:350px;height:350px;left:50%;transform:translateX(-50%)}
  #corporate-training .srj-corp-top{left:-5px;top:0;width:220px;padding:11px}
  #corporate-training .srj-corp-bottom{left:0;bottom:5px;width:220px;padding:11px}
  #corporate-training .srj-corp-highlight{right:-5px;top:0;width:110px;height:130px;padding:16px 14px;border-radius:15px}
  #corporate-training .srj-corp-highlight i{font-size:18px;margin-bottom:8px}
  #corporate-training .srj-corp-highlight strong{font-size:15px}
  #corporate-training .srj-corp-highlight span{font-size:9px}
  #corporate-training .srj-corp-floating strong{font-size:10px}
  #corporate-training .srj-corp-floating span{font-size:8px}
  #corporate-training .srj-corp-icon{width:35px;height:35px;flex-basis:35px;font-size:13px}
  #corporate-training .srj-corporate-content h2{font-size:35px;letter-spacing:-1px}
  #corporate-training .srj-corp-intro{font-size:14px}
  #corporate-training .srj-corp-features{grid-template-columns:1fr;gap:18px}
  #corporate-training .srj-corp-stats{padding:15px 10px}
  #corporate-training .srj-corp-stats>div{padding:0 9px}
  #corporate-training .srj-corp-stats strong{font-size:20px}
  #corporate-training .srj-corp-stats span{font-size:8px}
  #corporate-training .srj-corp-actions{flex-direction:column}
  #corporate-training .srj-corp-btn{width:100%}
}

/* SMALL MOBILE */
@media(max-width:480px){
  #corporate-training .srj-corporate-visual{min-height:385px}
  #corporate-training .srj-corp-image{height:295px}
  #corporate-training .srj-corp-top{width:195px}
  #corporate-training .srj-corp-bottom{width:200px}
  #corporate-training .srj-corp-highlight{width:100px;height:115px}
  #corporate-training .srj-corporate-content h2{font-size:31px}
  #corporate-training .srj-corp-stats strong{font-size:18px}
}

/* ==============================
   TABLET
============================== */
@media(max-width:991px){
  #about-srj-root{padding:75px 0}
  #about-srj-root .srj-about-content{text-align:center;padding:0}
  #about-srj-root .srj-eyebrow{justify-content:center}
  #about-srj-root h2{margin:auto}
  #about-srj-root .srj-about-text{margin-left:auto;margin-right:auto}
  #about-srj-root .srj-about-stats{text-align:left}
  #about-srj-root .srj-about-visual{max-width:680px;margin:35px auto 0}
}

/* ==============================
   MOBILE
============================== */
@media(max-width:767px){
  #about-srj-root{padding:60px 0}
  #about-srj-root h2{font-size:35px;letter-spacing:-1px}
  #about-srj-root .srj-about-text{font-size:14px}
  #about-srj-root .srj-about-stats{grid-template-columns:1fr;gap:18px;margin-top:35px}
  #about-srj-root .srj-stat{justify-content:center}
  #about-srj-root .srj-stat:not(:last-child){padding:0 0 18px;border-right:0;border-bottom:1px solid var(--about-border)}
  #about-srj-root .srj-about-visual{min-height:430px;margin-top:55px}
  #about-srj-root .srj-about-image{top:30px;right:10px;width:calc(100% - 20px);height:330px;border-radius:18px}
  #about-srj-root .srj-about-card-top{left:-5px;top:5px;width:230px;padding:11px}
  #about-srj-root .srj-about-card-top .srj-about-card-icon{width:35px;height:35px;flex-basis:35px;font-size:14px}
  #about-srj-root .srj-about-card-top strong{font-size:10px}
  #about-srj-root .srj-about-card-top span{font-size:8px}
  #about-srj-root .srj-about-blue-card{right:-5px;top:0;width:115px;height:125px;padding:17px 15px;border-radius:15px}
  #about-srj-root .srj-about-blue-card span{font-size:19px}
  #about-srj-root .srj-about-blue-card i{width:55px}
  #about-srj-root .srj-about-card-bottom{right:-5px;bottom:15px;width:245px;padding:12px}
  #about-srj-root .srj-about-card-bottom .srj-about-card-icon{width:35px;height:35px;flex-basis:35px}
  #about-srj-root .srj-about-card-bottom strong{font-size:10px}
  #about-srj-root .srj-about-card-bottom span{font-size:8px}
}

/* ==============================
   SMALL MOBILE
============================== */
@media(max-width:480px){
  #about-srj-root h2{font-size:31px}
  #about-srj-root .srj-about-btn{width:100%}
  #about-srj-root .srj-about-visual{min-height:390px}
  #about-srj-root .srj-about-image{height:290px}
  #about-srj-root .srj-about-card-top{width:205px}
  #about-srj-root .srj-about-card-bottom{width:215px}
}

/* ==============================
   TABLET
============================== */
@media(max-width:991px){
  #course_categories{padding:60px 0}
  #course_categories .nav-tabs{margin-bottom:25px}
  #course_categories .nav-tabs .nav-link{padding:0 17px;font-size:12px}
  #course_categories .course_card_internal{padding:22px 20px 18px}
  #course_categories .course_card h3{font-size:18px}
  #course_categories .course_card_internal>.top_details_card.d-flex{flex-wrap:wrap}
  #course_categories .course_card_internal>.top_details_card.d-flex span{font-size:9px}
  #course_categories .course_card_btn{padding:13px 20px 18px}
}

/* ==============================
   MOBILE
============================== */
@media(max-width:767px){
  #course_categories{padding:50px 0}
  #course_categories .nav-tabs{margin-bottom:22px;padding:4px;border-radius:10px}
  #course_categories .nav-tabs .nav-link{min-height:40px;padding:0 15px;font-size:11px}
  #course_categories .course_card_internal{padding:21px 18px 17px}
  #course_categories .course_card h3{font-size:17px}
  #course_categories .course_card_internal>.top_details_card.d-flex{gap:6px;margin-top:22px!important}
  #course_categories .course_card_internal>.top_details_card.d-flex span{font-size:8px;padding:5px 7px}
  #course_categories .course_card_btn{padding:12px 18px 17px}
}

/* ==============================
   SMALL MOBILE
============================== */
@media(max-width:480px){
  #course_categories .nav-tabs{gap:2px}
  #course_categories .nav-tabs .nav-link{padding:0 12px}
  #course_categories .course_card_internal>.top_details_card.d-flex span{flex:0 0 auto}
  #course_categories .course_card_btn a:last-child{min-width:92px}
}

/* ==============================
   HERO RESPONSIVE
============================== */
@media(max-width:1199px){
  .srj-hero{padding-top:45px}
  .srj-hero-title{font-size:52px}
  .srj-person{width:400px;right:20px}
  .srj-hero-circle{width:320px;height:320px;right:50px}
  .srj-gradient-shape{width:390px;height:390px}
  .srj-card-training{left:-5px}
  .srj-card-project{left:0}
  .srj-card-learners{right:-20px}
  .srj-card-certification{right:-15px}
}

/* ==============================
   TABLET
============================== */
@media(max-width:991px){
  .srj-section,.srj-courses-section{padding:65px 0}
  .srj-hero{min-height:auto;padding:60px 0 40px}
  .srj-hero-content{text-align:center}
  .srj-hero-title{margin-left:auto;margin-right:auto;font-size:48px}
  .srj-hero-description{margin-left:auto;margin-right:auto}
  .srj-search-box{margin-left:auto;margin-right:auto}
  .srj-popular,.srj-hero-buttons{justify-content:center}
  .srj-hero-visual{height:500px;margin-top:35px}
  .srj-person{width:420px;right:50%;transform:translateX(50%)}
  .srj-hero-circle{right:50%;transform:translateX(50%)}
  .srj-gradient-shape{right:50%;transform:translateX(50%)}
  .srj-card-training{left:8%}
  .srj-card-project{top:230px;left:5%}
  .srj-card-learners{right:5%}
  .srj-card-certification{top:300px;right:5%}
  .srj-hand-text{right:12%}
  .srj-watch-story{right:10%}
  .srj-section-header h2{font-size:32px}
  .srj-course-card{min-height:360px}
  .srj-course-features{gap:5px}
  .srj-course-features div{font-size:9px}
  .srj-course-features i{width:19px;height:19px;flex-basis:19px}
}

/* ==============================
   MOBILE
============================== */
@media(max-width:767px){
  .srj-section,.srj-courses-section{padding:55px 0}
  .srj-container{width:min(calc(100% - 30px),var(--srj-container))}
  .srj-hero{padding:45px 0 25px}
  .srj-hero-label{font-size:9px;letter-spacing:1.2px}
  .srj-hero-title{font-size:38px;line-height:1.08;letter-spacing:-1px}
  .srj-hero-description{font-size:14px;line-height:1.55}
  .srj-search-box{padding-left:11px}
  .srj-search-btn{min-width:75px;font-size:12px}
  .srj-popular{gap:5px}
  .srj-popular a{font-size:10px;padding:4px 8px}
  .srj-hero-buttons{flex-direction:column}
  .srj-btn{width:100%}
  .srj-hero-visual{height:390px;margin-top:30px}
  .srj-person{width:300px}
  .srj-hero-circle{width:270px;height:270px;top:55px}
  .srj-gradient-shape{width:320px;height:320px;top:35px}
  .srj-float-card{min-width:145px;padding:8px 9px}
  .srj-float-card strong{font-size:10px}
  .srj-float-card span{font-size:8px}
  .srj-card-icon{width:29px;height:29px;flex-basis:29px;font-size:12px}
  .srj-card-training{top:55px;left:0}
  .srj-card-project{top:155px;left:0}
  .srj-card-learners{top:135px;right:0}
  .srj-card-certification{top:230px;right:0}
  .srj-hand-text{right:0;top:20px;font-size:18px}
  .srj-watch-story{right:0;bottom:10px;font-size:9px}
  .srj-section-header{display:block;margin-bottom:28px}
  .srj-section-header h2{font-size:29px}
  .srj-section-header p{font-size:13px}
  .srj-view-all{margin-top:15px}
  .srj-course-card{min-height:auto;padding:22px}
  .srj-course-features{gap:8px}
  .srj-course-features div{font-size:10px}
}

/* ==============================
   SMALL MOBILE
============================== */
@media(max-width:575px){
  .srj-section-header h2{font-size:26px}
  .srj-course-card{border-radius:15px}
  .srj-course-card h3{font-size:18px}
  .srj-course-description{font-size:12px}
  .srj-course-features{flex-wrap:wrap;gap:9px 12px}
  .srj-course-features div{flex:0 0 auto;font-size:10px}
  .srj-course-bottom{margin-top:16px}
}

/* ==============================
   VERY SMALL DEVICES
============================== */
@media(max-width:400px){
  .srj-hero-title{font-size:33px}
  .srj-hero-visual{height:340px}
  .srj-person{width:260px}
  .srj-hero-circle{width:230px;height:230px}
  .srj-gradient-shape{width:280px;height:280px}
  .srj-float-card{transform:scale(.85)}
  .srj-card-training,.srj-card-project{left:-15px}
  .srj-card-learners,.srj-card-certification{right:-15px}
}