.course-hero{
background:#eef3f2;
padding:40px 0 50px;
margin-top:90px;
}
body{
font-family:Poppins,sans-serif;
background:#f6f7fb;
color:#1f2937;
margin:0;
}

/* CONTAINER */

.container{
width:1200px;
margin:auto;
max-width:95%;
}


/* HERO */

.course-hero{
background:#eef3f2;
padding:80px 0;
}

.hero-grid{
display:grid;
grid-template-columns:1.2fr 1fr;
gap:60px;
align-items:center;
}

.hero-left h1{
font-size:42px;
font-weight:700;
margin:15px 0;
line-height:1.3;
}

.breadcrumbs{
font-size:14px;
color:#888;
margin-bottom:10px;
}

.course-meta{
display:flex;
gap:25px;
margin-top:15px;
color:#555;
}


/* HERO IMAGE */

.hero-video img{
width:100%;
border-radius:14px;
display:block;
}


/* HERO ENROLL BUTTON */

.hero-enroll{
display:inline-block;
margin-top:25px;
background:#f2b705;
color:#0b3c5d;
padding:14px 28px;
border-radius:8px;
font-weight:600;
text-decoration:none;
transition:.3s;
}

.hero-enroll:hover{
background:#d99c04;
color:white;
}


/* MAIN GRID */

.course-content{
padding:70px 0;
}

.course-grid{
display:grid;
grid-template-columns:2fr 1fr;
gap:40px;
align-items:start;
}


/* COURSE MAIN */

.course-main{
background:white;
padding:40px;
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,.05);
}


/* TABS */

.tabs{
display:flex;
gap:30px;
border-bottom:1px solid #eee;
margin-bottom:30px;
}

.tab{
background:none;
border:none;
font-size:16px;
padding:15px 0;
cursor:pointer;
color:#444;
}

.tab.active{
color:#0b3c5d;
border-bottom:3px solid #f2b705;
}


/* TAB CONTENT */

.tab-content{
display:none;
}

.tab-content.active{
display:block;
}


/* LIST */

.learn-list{
padding-left:20px;
}

.learn-list li{
margin-bottom:12px;
}


/* SIDEBAR */

.course-sidebar{
position:sticky;
top:100px;
}

.sidebar-card{
background:white;
padding:30px;
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.sidebar-img{
width:100%;
border-radius:10px;
margin-bottom:20px;
}

.sidebar-card h3{
margin-bottom:20px;
}

.sidebar-card ul{
list-style:none;
padding:0;
margin:0 0 20px 0;
}

.sidebar-card li{
display:flex;
justify-content:space-between;
padding:12px 0;
border-bottom:1px solid #eee;
}


/* BUY BUTTON */

.buy-btn{
display:block;
background:#f2b705;
color:#0b3c5d;
text-align:center;
padding:15px;
border-radius:8px;
font-weight:600;
text-decoration:none;
margin-top:20px;
transition:.3s;
}

.buy-btn:hover{
background:#d99c04;
color:white;
}


/* RELATED COURSES */

.related{
padding:80px 0;
}

.related h2{
margin-bottom:40px;
}

.courses-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}

.course-card{
background:white;
border-radius:14px;
overflow:hidden;
text-decoration:none;
color:black;
box-shadow:0 10px 30px rgba(0,0,0,.08);
transition:.3s;
}

.course-card:hover{
transform:translateY(-5px);
}

.course-card img{
width:100%;
height:220px;
object-fit:cover;
display:block;
display:flex;
flex-direction:column;
}

.course-body{
padding:20px;
display:flex;
flex-direction:column;
gap:6px;
}

.level{
display:inline-block;
background:#fff3c4;
color:#0b3c5d;
padding:6px 12px;
border-radius:20px;
font-size:12px;
font-weight:600;
margin-bottom:8px;
}

.price{
color:#f2b705;
font-weight:700;
font-size:18px;
margin-top:10px;
}

.meta{
display:flex;
justify-content:space-between;
align-items:center;
margin-top:15px;
font-size:14px;
color:#777;
}
.course-card{
background:white;
border-radius:14px;
overflow:hidden;
text-decoration:none;
color:black;
box-shadow:0 6px 20px rgba(0,0,0,.08);
transition:.3s;
}
.course-main h2{
margin-top:30px;
margin-bottom:10px;
}

.learn-list{
margin-bottom:20px;
}
.course-card:hover{
transform:translateY(-4px);
}
/* MOBILE */

@media(max-width:900px){

.hero-grid{
grid-template-columns:1fr;
}

.course-grid{
grid-template-columns:1fr;
}

.courses-grid{
grid-template-columns:1fr;
}

}
/* ULTRA FORCE FIX */
body .course-hero,
.course-hero.section,
section.course-hero {
    background-color: #ffffff !important;
    background-image: none !important;
}