@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root{
  --pe: #F04A50;
  --pe-dark: #D93A40;
  --pe-tint: #FFF1F0;
  --pe-ink: #111827;
  --pe-body: #4B5563;
  --pe-line: #ECEDF0;
  --color-4: #F04A50;
  --color-12: #F04A5022;
  --color-15: #F04A5040;
  --bg-white-2: #FFF6F5;
  --color-linear: linear-gradient(96deg, #FFF6F5 0%, #FFFFFF 100%);
}
body, button, input, select, textarea{
  font-family: 'Plus Jakarta Sans', 'Inter', system-ui, -apple-system, sans-serif;
}
body{ color: var(--pe-body); background:#fff; -webkit-font-smoothing:antialiased; }
h1,h2,h3,h4,h5,h6{ color: var(--pe-ink); letter-spacing:-0.02em; }

/* ---------- header ---------- */
header, .header-area, .lms-header{ box-shadow:none !important; }
.btn-primary, .lms1-btn-purple, .btn-purple, .eBtn{
  background: var(--pe) !important; border-color: var(--pe) !important; color:#fff !important;
  border-radius: 10px !important; font-weight:600 !important; box-shadow:none !important;
  transition: background .15s, transform .15s;
}
.btn-primary:hover, .lms1-btn-purple:hover, .btn-purple:hover, .eBtn:hover{ background: var(--pe-dark) !important; transform: translateY(-1px); }
a{ transition: color .15s; }
a:hover{ color: var(--pe); }
.accordion-button:not(.collapsed){ color: var(--pe); background: var(--pe-tint); }
.form-control:focus, .form-select:focus{ border-color: var(--pe) !important; box-shadow: 0 0 0 3px #F04A5022 !important; }

/* ---------- footer ---------- */
footer, .footer-area, .lms-footer{ background: #111827 !important; }

/* ---------- homepage ---------- */
.pe-wrap{ max-width:1180px; margin:0 auto; padding:0 24px; }
.pe-hero{ position:relative; padding:72px 0 88px; background:
  radial-gradient(900px 420px at 85% -10%, #FFE3E1 0%, rgba(255,255,255,0) 60%),
  radial-gradient(600px 300px at 0% 100%, #FFF3F2 0%, rgba(255,255,255,0) 70%), #fff; overflow:hidden; }
.pe-hero-grid{ display:grid; grid-template-columns:1.1fr .9fr; gap:56px; align-items:center; }
.pe-eyebrow{ display:inline-flex; align-items:center; gap:8px; font-size:13px; font-weight:600; color:var(--pe-dark);
  background:var(--pe-tint); border:1px solid #FFD9D6; padding:6px 12px; border-radius:999px; margin-bottom:20px; }
.pe-eyebrow i{ width:6px; height:6px; border-radius:50%; background:var(--pe); display:inline-block; }
.pe-h1{ font-size:clamp(36px,5.2vw,60px); line-height:1.06; font-weight:800; margin:0 0 18px; color:var(--pe-ink); }
.pe-h1 em{ font-style:normal; color:var(--pe); }
.pe-sub{ font-size:18px; line-height:1.6; max-width:520px; margin:0 0 28px; color:var(--pe-body); }
.pe-search{ display:flex; gap:8px; max-width:520px; background:#fff; border:1px solid var(--pe-line); border-radius:14px;
  padding:6px; box-shadow:0 10px 30px -12px rgba(17,24,39,.15); margin-bottom:18px; }
.pe-search input{ flex:1; border:0; outline:0; padding:12px 14px; font-size:15px; background:transparent; min-width:0; }
.pe-search button{ border:0; background:var(--pe); color:#fff; font-weight:600; padding:0 22px; border-radius:10px; cursor:pointer; font-size:15px; }
.pe-search button:hover{ background:var(--pe-dark); }
.pe-links{ display:flex; gap:20px; flex-wrap:wrap; font-size:14px; font-weight:600; }
.pe-links a{ color:var(--pe-ink); border-bottom:2px solid #FFD0CD; padding-bottom:2px; }
.pe-links a:hover{ border-color:var(--pe); color:var(--pe); }

.pe-visual{ position:relative; height:420px; }
.pe-card{ position:absolute; background:#fff; border:1px solid var(--pe-line); border-radius:18px;
  box-shadow:0 24px 48px -20px rgba(17,24,39,.22); padding:18px; }
.pe-card.c1{ left:0; top:30px; width:300px; }
.pe-card.c2{ right:0; top:0; width:230px; }
.pe-card.c3{ right:20px; bottom:10px; width:290px; }
.pe-thumb{ height:120px; border-radius:12px; margin-bottom:14px; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,#F04A50,#FF8A7A); }
.pe-thumb svg{ width:46px; height:46px; }
.pe-line{ height:8px; border-radius:6px; background:#F1F2F4; margin:8px 0; }
.pe-line.s{ width:60%; } .pe-line.m{ width:80%; }
.pe-bar{ height:8px; border-radius:6px; background:#F1F2F4; overflow:hidden; margin-top:10px; }
.pe-bar b{ display:block; height:100%; width:68%; background:var(--pe); border-radius:6px; }
.pe-card h6{ font-size:14px; font-weight:700; margin:0 0 2px; }
.pe-card small{ color:#6B7280; font-size:12px; }
.pe-dot{ width:38px; height:38px; border-radius:50%; background:var(--pe-tint); color:var(--pe); display:inline-flex; align-items:center; justify-content:center; margin-right:10px; flex:none; }
.pe-row{ display:flex; align-items:center; }

.pe-sec{ padding:80px 0; }
.pe-sec.alt{ background:#FAFAFB; }
.pe-title{ font-size:clamp(26px,3.2vw,38px); font-weight:800; margin:0 0 10px; }
.pe-lead{ font-size:17px; color:var(--pe-body); max-width:560px; margin:0 0 40px; }
.pe-center{ text-align:center; } .pe-center .pe-lead{ margin-left:auto; margin-right:auto; }

.pe-features{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.pe-feat{ background:#fff; border:1px solid var(--pe-line); border-radius:16px; padding:26px; transition:transform .2s, box-shadow .2s; }
.pe-feat:hover{ transform:translateY(-3px); box-shadow:0 18px 36px -18px rgba(17,24,39,.2); }
.pe-ico{ width:46px; height:46px; border-radius:12px; background:var(--pe-tint); color:var(--pe); display:flex; align-items:center; justify-content:center; margin-bottom:16px; }
.pe-ico svg{ width:22px; height:22px; }
.pe-feat h4{ font-size:17px; font-weight:700; margin:0 0 6px; }
.pe-feat p{ font-size:14.5px; line-height:1.6; margin:0; color:var(--pe-body); }

.pe-cats{ display:flex; flex-wrap:wrap; gap:12px; }
.pe-cat{ display:inline-flex; align-items:center; gap:10px; padding:12px 18px; background:#fff; border:1px solid var(--pe-line);
  border-radius:999px; font-weight:600; color:var(--pe-ink); font-size:15px; }
.pe-cat:hover{ border-color:var(--pe); color:var(--pe); background:var(--pe-tint); }

.pe-courses{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.pe-course{ display:block; background:#fff; border:1px solid var(--pe-line); border-radius:16px; overflow:hidden; color:inherit; transition:transform .2s, box-shadow .2s; }
.pe-course:hover{ transform:translateY(-3px); box-shadow:0 18px 36px -18px rgba(17,24,39,.22); color:inherit; }
.pe-course img{ width:100%; aspect-ratio:16/10; object-fit:cover; display:block; background:#F3F4F6; }
.pe-course .b{ padding:16px 18px 18px; }
.pe-course h5{ font-size:16px; font-weight:700; line-height:1.35; margin:0 0 6px; color:var(--pe-ink); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.pe-course .by{ font-size:13px; color:#6B7280; margin-bottom:12px; }
.pe-course .price{ font-weight:800; color:var(--pe-ink); font-size:17px; }
.pe-course .price del{ color:#9CA3AF; font-weight:500; font-size:13px; margin-left:6px; }
.pe-empty{ border:1.5px dashed #E5E7EB; border-radius:16px; padding:44px 24px; text-align:center; color:#6B7280; background:#fff; }
.pe-empty b{ display:block; color:var(--pe-ink); font-size:18px; margin-bottom:6px; }

.pe-steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; counter-reset:s; }
.pe-step{ position:relative; padding:28px; background:#fff; border:1px solid var(--pe-line); border-radius:16px; }
.pe-step::before{ counter-increment:s; content:counter(s); display:flex; width:36px; height:36px; border-radius:50%; background:var(--pe); color:#fff; font-weight:800; align-items:center; justify-content:center; margin-bottom:16px; }
.pe-step h4{ font-size:18px; font-weight:700; margin:0 0 6px; } .pe-step p{ margin:0; font-size:15px; line-height:1.6; }

.pe-cta{ background:#111827; border-radius:24px; padding:56px 48px; display:flex; align-items:center; justify-content:space-between; gap:32px; flex-wrap:wrap; position:relative; overflow:hidden; }
.pe-cta::after{ content:""; position:absolute; right:-80px; top:-80px; width:300px; height:300px; border-radius:50%; background:radial-gradient(circle,#F04A5055,transparent 70%); }
.pe-cta h3{ color:#fff; font-size:clamp(24px,3vw,34px); font-weight:800; margin:0 0 8px; }
.pe-cta p{ color:#9CA3AF; margin:0; font-size:16px; max-width:520px; }
.pe-cta a.pe-btn{ position:relative; z-index:1; }
.pe-btn{ display:inline-block; background:var(--pe); color:#fff !important; font-weight:700; padding:14px 28px; border-radius:12px; font-size:15px; }
.pe-btn:hover{ background:var(--pe-dark); }

@media (max-width: 991px){
  .pe-hero-grid{ grid-template-columns:1fr; }
  .pe-visual{ display:none; }
  .pe-features{ grid-template-columns:repeat(2,1fr); }
  .pe-courses{ grid-template-columns:repeat(2,1fr); }
  .pe-steps{ grid-template-columns:1fr; }
  .pe-hero{ padding:48px 0 56px; }
  .pe-sec{ padding:56px 0; }
}
@media (max-width: 575px){
  .pe-features, .pe-courses{ grid-template-columns:1fr; }
  .pe-cta{ padding:36px 24px; }
}

/* ---------- header (no top strip) + footer ---------- */
.sub-header{ display:none !important; }
.menubar, header .navbar{ background:#fff !important; border-bottom:1px solid var(--pe-line); box-shadow:none !important; }
header .navbar .nav-link, header .navbar a.nav-link{ font-weight:600; color:var(--pe-ink); }
.pe-footer{ background:#fff; border-top:1px solid var(--pe-line); padding:56px 0 24px; margin-top:0; color:var(--pe-body); font-size:14.5px; }
.pe-footer .pe-wrap{ max-width:1180px; margin:0 auto; padding:0 24px; }
.pe-ft-grid{ display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr; gap:40px; }
.pe-ft-brand p{ margin:14px 0 18px; line-height:1.6; max-width:340px; }
.pe-ft-news{ display:flex; gap:8px; max-width:340px; }
.pe-ft-news input{ flex:1; min-width:0; border:1px solid #D9DCE1; border-radius:10px; padding:10px 12px; font-size:14px; }
.pe-ft-news button{ border:0; background:var(--pe); color:#fff; font-weight:600; border-radius:10px; padding:0 16px; cursor:pointer; }
.pe-ft-news button:hover{ background:var(--pe-dark); }
.pe-footer h4{ font-size:14px; font-weight:700; color:var(--pe-ink); margin:0 0 14px; }
.pe-footer ul{ list-style:none; margin:0; padding:0; }
.pe-footer li{ margin-bottom:10px; }
.pe-footer a{ color:var(--pe-body); } .pe-footer a:hover{ color:var(--pe); }
.pe-ft-bottom{ display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; border-top:1px solid var(--pe-line); margin-top:40px; padding-top:20px; font-size:13px; color:#6B7280; }
.pe-ft-bottom a{ font-weight:600; color:var(--pe-ink); }
@media (max-width:991px){ .pe-ft-grid{ grid-template-columns:1fr 1fr; } .pe-ft-brand{ grid-column:1/-1; } }
@media (max-width:575px){ .pe-ft-grid{ grid-template-columns:1fr; } }

/* ===================== v3: Coursera-style layer ===================== */
:root{ --pe-radius:12px; --pe-max:1240px; }
body{ font-size:15px; line-height:1.6; }
.container{ max-width:var(--pe-max); }
h1,h2,h3,h4{ font-weight:700; }

/* header */
header .navbar{ min-height:72px; padding:0; }
header .navbar > .container{ gap:18px; }
header .navbar-brand img{ height:30px; width:auto; }
header .navbar-collapse{ display:flex !important; align-items:center; gap:14px; flex:1; }
header .main-nav-wrap .nav-link{ border:1px solid var(--pe-line); border-radius:8px; padding:9px 14px !important; font-weight:600; color:var(--pe-ink) !important; }
header .main-nav-wrap .nav-link:hover{ background:var(--pe-tint); border-color:#FFD0CD; }
header form.w-100{ flex:1; max-width:560px !important; }
header .header-search{ border:1px solid #CBD0D6 !important; border-radius:999px !important; background:#fff !important; padding:0 6px 0 18px !important; height:46px; display:flex; align-items:center; box-shadow:none !important; }
header .header-search:focus-within{ border-color:var(--pe) !important; box-shadow:0 0 0 3px #F04A5022 !important; }
header .header-search .search-container{ position:relative; display:flex; align-items:center; margin:0 !important; }
header .header-search .search-input{ width:100% !important; opacity:1 !important; border:0 !important; outline:0 !important; background:transparent !important; font-size:15px; padding:8px 0 !important; position:static !important; }
header .header-search label.header-search-icon{ display:none !important; }
header .header-search button.header-search-icon{ display:flex !important; visibility:visible !important; opacity:1 !important; position:static !important; align-items:center; justify-content:center; width:34px; height:34px; border-radius:50%; background:var(--pe) !important; margin-left:8px; }
header .header-search button.header-search-icon svg path{ fill:#fff !important; }
header .right-menubar{ display:flex; align-items:center; gap:10px; }
header .right-menubar a.btn, header .right-menubar .btn{ border-radius:8px !important; padding:10px 18px !important; font-weight:700 !important; }

/* page banners: plain white, no purple art */
.bread-crumb{ background:#fff !important; background-image:none !important; border-bottom:1px solid var(--pe-line); padding:26px 0 22px !important; }
.bread-crumb img, .bread-crumb .brd-book, .bread-crumb [class*="shape"]{ display:none !important; }
.bread-crumb .breadcrumb a, .bread-crumb .breadcrumb-item{ color:#6B7280 !important; font-size:14px; }
.bread-crumb .breadcrumb-item.active{ color:var(--pe-ink) !important; }
.bread-crumb .title, .bread-crumb h1{ color:var(--pe-ink) !important; font-size:34px; font-weight:800; }
.bread-crumb.courses-details{ background:#F7F9FA !important; padding:30px 0 34px !important; }
.courses-details-1st-text h1, .courses-details-1st-text .title{ font-size:36px; line-height:1.2; font-weight:800; }
.courses-details-1st-text p{ color:#4B5563; font-size:16px; }

/* course cards (listing, related, home) */
.lms1-course-card, .single-popup-course .course-card, .course-card{ border:1px solid var(--pe-line) !important; border-radius:var(--pe-radius) !important; overflow:hidden; background:#fff; box-shadow:none !important; transition:box-shadow .2s, transform .2s; }
.lms1-course-card:hover, .course-card:hover{ box-shadow:0 16px 32px -18px rgba(17,24,39,.28) !important; transform:translateY(-2px); }
.lms1-cCard-banner, .course-card figure, .course-card .banner-wrap{ margin:0; aspect-ratio:16/9; overflow:hidden; background:#F3F4F6; }
.lms1-cCard-banner img, .course-card figure img{ width:100% !important; height:100% !important; object-fit:cover; display:block; }
.lms1-cCard-title{ font-size:16px !important; font-weight:700; line-height:1.35; color:var(--pe-ink) !important; }
.lms1-course-card .btn, .course-card .btn{ display:none !important; }
.lms1-course-card .price, .lms1-course-card [class*="price"]{ color:var(--pe-ink) !important; font-weight:800; }
.lms1-course-card .badge, .lms1-cCard-banner .level, .lms1-course-card .course-level{ background:#fff !important; color:var(--pe-ink) !important; border-radius:6px !important; font-size:12px; font-weight:700; }

/* filters sidebar */
.courses-list-view .filter-title, .filter-heading, .courses-sidebar h4{ background:transparent !important; font-size:15px; font-weight:700; color:var(--pe-ink); }
.pe-course img{ aspect-ratio:16/9 !important; }

/* course page: enroll card */
.course-details-card .btn, .course-sidebar .btn, .courses-details-sidebar .btn{ border-radius:8px !important; font-weight:700; padding:13px 18px !important; }
.btn-purple, .lms1-btn-purple, .btn-primary, .enroll-btn{ background:var(--pe) !important; border-color:var(--pe) !important; color:#fff !important; }
.btn-outline-purple, .btn-outline-primary{ border-color:var(--pe) !important; color:var(--pe) !important; background:#fff !important; }
.btn-outline-purple:hover, .btn-outline-primary:hover{ background:var(--pe) !important; color:#fff !important; }

/* tabs and links */
.nav-tabs .nav-link.active, .nav-pills .nav-link.active{ color:var(--pe) !important; border-color:var(--pe) !important; }
a{ color:inherit; } a:hover{ color:var(--pe); }
.accordion-button:not(.collapsed){ background:var(--pe-tint) !important; color:var(--pe-ink) !important; }
.eu-cookie, .cookie-wrap{ border-radius:12px !important; }

/* v4 fixes */
header .header-search button.header-search-icon{ margin:0 0 0 8px !important; transform:none !important; top:auto !important; right:auto !important; left:auto !important; bottom:auto !important; flex:none; }
header .header-search .search-container{ width:100%; height:100%; }
.bread-crumb, .bread-crumb .container{ min-height:0 !important; height:auto !important; }
.bread-crumb{ padding:20px 0 18px !important; }
.bread-crumb .row{ align-items:center; }
.enrollBtn, .compare-img{ display:none !important; }
.lms1-course-card .d-flex.justify-content-between{ margin-top:4px; }

/* v5 */
.pe-wrap, .pe-footer .pe-wrap{ max-width:1240px; padding:0 12px; }
.pe-hero{ padding:56px 0 64px; }
.pe-visual{ height:400px; }
.pe-card.c1{ left:10px; top:40px; width:300px; padding:10px; }
.pe-card.c2{ right:0; top:0; width:260px; padding:10px; }
.pe-card.c3{ right:40px; bottom:0; width:280px; padding:10px; }
.pe-vimg{ width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:8px; display:block; margin-bottom:10px; }
.pe-card h6{ font-size:13.5px; line-height:1.35; margin:0 0 2px; }
.pe-course img{ aspect-ratio:16/9; }
.cookieConsentContainer{ background:#fff !important; color:#374151 !important; border:1px solid #E5E7EB !important; box-shadow:0 12px 32px -12px rgba(17,24,39,.25) !important; left:20px !important; right:auto !important; bottom:20px !important; max-width:380px; opacity:1 !important; }
.cookieConsentContainer .cookieDesc, .cookieConsentContainer p, .cookieConsentContainer a{ color:#374151 !important; }
.cookieConsentContainer .cookieAcceptButton{ background:var(--pe) !important; color:#fff !important; border-radius:8px !important; font-weight:700; }
a[href*="get_enrolled_to_free_course"], a[href*="get_enrolled"]{ background:var(--pe) !important; color:#fff !important; border-color:var(--pe) !important; font-weight:700; }
a[href*="get_enrolled_to_free_course"]:hover{ background:var(--pe-dark) !important; }

/* v6 */
:root{ --bg-white-2:#F7F9FA; --color-linear:none; }
.sign-up{ padding:24px 0 72px; margin:0 !important; background:#F7F9FA; }
.sign-up .row{ justify-content:center; }
.sign-up .col-lg-7{ display:none !important; }
.sign-up .col-lg-5{ flex:0 0 auto; width:100%; max-width:480px; }
.sing-up-right{ background:#fff; border:1px solid #E5E7EB; border-radius:16px; padding:36px 34px; box-shadow:0 18px 40px -24px rgba(17,24,39,.25); }
.sing-up-right h3{ font-size:28px; font-weight:800; margin-bottom:8px; }
.sing-up-right h3 span{ color:var(--pe); }
.sing-up-right p{ color:#6B7280; }
.sing-up-right h5{ font-size:14px; font-weight:700; margin-bottom:6px; }
.sing-up-right .form-control{ border-radius:10px; padding:12px 14px 12px 40px; border:1px solid #D1D5DB; height:auto; background:#fff; }
.sing-up-right .btn, .sing-up-right button[type=submit], .log-in .btn, .sing-up-right .log-in button{ width:100%; background:var(--pe) !important; border:0 !important; color:#fff !important; border-radius:10px !important; padding:13px !important; font-weight:700; }

/* v7 hero collage */
.pe-visual{ display:grid; grid-template-columns:1fr 1fr; gap:16px; height:auto; align-items:start; }
.pe-visual .pe-card{ position:static !important; width:auto !important; left:auto; right:auto; top:auto; bottom:auto; }
.pe-visual .pe-card.c1{ grid-column:1; grid-row:1 / span 2; margin-top:34px; }
.pe-visual .pe-card.c2{ grid-column:2; grid-row:1; }
.pe-visual .pe-card.c3{ grid-column:2; grid-row:2; }
.pe-visual .pe-card small{ display:block; color:var(--pe-dark); font-weight:600; }

/* v8 */
footer.pe-footer{ background:#fff !important; }
.pe-footer, .pe-footer p, .pe-footer li{ color:#4B5563; }
.pe-footer h4{ color:var(--pe-ink) !important; }
.pe-footer a{ color:#4B5563 !important; } .pe-footer a:hover{ color:var(--pe) !important; }
.pe-ft-bottom a{ color:var(--pe-ink) !important; }

/* v9 mobile */
html, body{ overflow-x:hidden; max-width:100%; }
.pe-hero-grid > *{ min-width:0; }
.pe-search, .pe-h1, .pe-sub{ max-width:100%; }
@media (max-width: 991px){
  .pe-visual{ display:none !important; }
  .pe-hero-grid{ grid-template-columns:minmax(0,1fr); }
  .pe-h1{ font-size:clamp(32px,9vw,44px); }
  .pe-courses{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  header .navbar-collapse{ flex-wrap:wrap; }
  header form.w-100{ max-width:100% !important; order:3; flex-basis:100%; }
}
@media (max-width: 575px){
  .pe-courses{ grid-template-columns:minmax(0,1fr); }
  .pe-search{ flex-direction:row; }
  .pe-search input{ min-width:0; }
}

/* v10: one font everywhere (icon fonts excluded) + mobile header */
*:not(.fa):not(.fas):not(.far):not(.fab):not([class*="fa-"]):not([class*="mdi"]):not([class*="icon"]){ font-family:'Plus Jakarta Sans','Inter',system-ui,-apple-system,'Segoe UI',sans-serif; }
@media (max-width:991px){ .menu-offcanves .search-item{ display:none; } }

/* v11: single-scroll course page */
html{ scroll-behavior:smooth; }
.pe-subnav{ position:sticky; top:72px; z-index:20; display:flex; gap:28px; background:#fff; border-bottom:1px solid var(--pe-line); padding:0 4px; margin:0 0 8px; overflow-x:auto; }
.pe-subnav a{ padding:16px 0; font-weight:700; font-size:15px; color:#4B5563; border-bottom:3px solid transparent; white-space:nowrap; }
.pe-subnav a:hover{ color:var(--pe); border-color:var(--pe); }
.pe-sections .pe-block{ padding:30px 0; border-bottom:1px solid var(--pe-line); scroll-margin-top:130px; }
.pe-sections .pe-block:last-child{ border-bottom:0; }
.pe-h2{ font-size:24px !important; font-weight:800; margin:0 0 16px; color:var(--pe-ink); }
.course-left-side{ background:transparent !important; box-shadow:none !important; border:0 !important; padding:0 !important; }
.course-decription{ padding:28px 0 40px; }
.course-decription .row{ align-items:flex-start; }
.course-right-section{ position:sticky; top:96px; }
.course-right-section .course-details-card, .course-right-section .card, .course-right-section > div{ border-radius:14px; }
.description-head{ font-size:18px; font-weight:700; margin:22px 0 10px; }
.course-description ul li, .description-head + ul li{ margin-bottom:8px; }
.curriculum-accordion .accordion-item{ border:1px solid var(--pe-line) !important; border-radius:10px !important; margin-bottom:10px; overflow:hidden; }
.curriculum-accordion .accordion-button{ font-weight:700; background:#F7F9FA !important; box-shadow:none !important; }
.ac-lecture li a{ display:flex; align-items:center; gap:10px; padding:12px 18px; color:var(--pe-ink); border-top:1px solid var(--pe-line); }
.ac-lecture li a:hover{ background:var(--pe-tint); color:var(--pe); }
@media (max-width:991px){ .course-right-section{ position:static; } .pe-subnav{ top:0; } }