function CourseHighlight(){
const {Button,SectionHeading}=window.PACESPRODesignSystem_efcf34;
const features=["Expert PACES faculty with extensive teaching experience","Direct interaction with PACES examiners","Comprehensive PACES-style case exposure across all stations","Personalized feedback with RCP-based grading","Two full mock examinations on the final day","Limited batch size – only 20 candidates"];
const Check=()=>(<span style={{width:22,height:22,borderRadius:'50%',border:'1.5px solid var(--pp-blue-600)',color:'var(--pp-blue-600)',display:'inline-flex',alignItems:'center',justifyContent:'center',fontSize:14,flexShrink:0,marginTop:2}}>{'\u2713'}</span>);
return(<section style={{padding:'56px 0',backgroundColor:'var(--pp-surface)'}}>
<div className="pp-course-row pp-container" style={{display:'flex',gap:80,alignItems:'flex-start'}}>
<div style={{flex:1,minWidth:0,maxWidth:500}}>
<div style={{display:'flex',justifyContent:'space-between',alignItems:'flex-end',flexWrap:'wrap',gap:16,textAlign:'left',paddingBottom:30,maxWidth:500}}><div><div style={{fontFamily:'var(--font-body)',fontSize:15,fontWeight:700,letterSpacing:'var(--tracking-eyebrow)',textTransform:'uppercase',color:'var(--pp-body)',textAlign:'left',marginBottom:8}}>Course Highlights</div><h2 style={{fontFamily:'var(--font-display)',fontSize:'var(--text-h3)',color:'var(--color-text-heading)',margin:0,fontWeight:700,maxWidth:500}}>PACES Diet 3 / 2026 – Comprehensive Offline PACES Course (4 Days)</h2></div></div>
<div style={{fontFamily:'var(--font-body)',fontSize:26,fontWeight:700,color:'var(--color-text-heading)',margin:'20px 0 12px'}}>Key Features</div>
<ul style={{listStyle:'none',padding:0,margin:0,display:'flex',flexDirection:'column',gap:10}}>
{features.map((f,i)=>(<li key={i} style={{display:'flex',gap:10,fontFamily:'var(--font-body)',fontSize:18,color:'var(--color-text-body)'}}><Check/>{f}</li>))}
</ul>
<div className="pp-inline-cards" style={{display:'flex',gap:16,marginTop:28}}>
<div style={{border:'1px solid var(--color-border)',borderColor:'var(--pp-black)',borderRadius:12,padding:'16px 20px 50px',position:'static',fontFamily:'var(--font-body)',fontSize:'var(--text-sm)',minWidth:180,width:250}}><div style={{display:'flex',alignItems:'center',gap:8,fontWeight:700,color:'var(--color-text-heading)',marginBottom:6}}><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="var(--pp-blue-600)" strokeWidth="1.8"><rect x="3" y="5" width="18" height="16" rx="2"/><path d="M3 9h18M8 3v4M16 3v4"/></svg><span style={{fontSize:17}}>Venue</span></div><div style={{color:'var(--color-text-body)'}}><span style={{fontSize:16}}>Mangalore, Karnataka</span></div></div>
<div style={{border:'1px solid var(--color-border)',borderColor:'var(--pp-black)',borderRadius:12,padding:'16px 20px',fontFamily:'var(--font-body)',fontSize:'var(--text-sm)',minWidth:180,width:250}}><div style={{display:'flex',alignItems:'center',gap:8,fontWeight:700,color:'var(--color-text-heading)',marginBottom:6}}><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="var(--pp-blue-600)" strokeWidth="1.8"><path d="M12 21s-7-6.1-7-11.5A7 7 0 0 1 19 9.5C19 14.9 12 21 12 21z"/><circle cx="12" cy="9.5" r="2.3"/></svg><span style={{fontSize:17}}>Course Dates</span></div><div style={{color:'var(--color-text-body)',textAlign:'left'}}><span style={{fontSize:16}}>September 24–27</span><br/><span style={{fontSize:15}}>October 22–25</span></div></div>
</div>
</div>
<div className="pp-course-side" style={{width:440,maxWidth:'100%',display:'flex',flexDirection:'column',alignItems:'flex-end',flexShrink:1,paddingTop:30}}>
<Button size="sm" style={{marginBottom:20,marginTop:20,textTransform:'uppercase',fontSize:16,paddingTop:20,paddingBottom:20,paddingRight:25,paddingLeft:25}} onClick={()=>document.getElementById('contact-form').scrollIntoView({behavior:'smooth'})}>Reserve Your Seat</Button>
<div style={{fontFamily:'var(--font-body)',fontSize:15,fontWeight:600,color:'var(--color-text-heading)',marginBottom:32,textAlign:'right'}}><span style={{fontSize:18}}>Limited to 20 Candidates Only</span></div>
<img src="assets/course-doctor.webp" style={{width:400,maxWidth:'100%',height:'auto',objectFit:'cover',paddingTop:50}} alt="Faculty portrait"/>
</div>
</div>
</section>);
}
window.CourseHighlight=CourseHighlight;
