/* =====================
PAKET KURSUS SEO
===================== */


.course-package-section{

background:
radial-gradient(
circle at left,
rgba(212,175,55,.12),
transparent 35%
),
#050505;

padding:110px 25px;

}





.course-package-container{

max-width:1200px;

margin:auto;

}








/* HEADING */


.course-package-heading{

max-width:850px;

margin:0 auto 70px;

text-align:center;

}




.course-package-heading h2{

font-size:
clamp(34px,4vw,56px);

line-height:1.1;

letter-spacing:-1.5px;

font-weight:900;

color:white;

margin-bottom:25px;

}





.course-package-heading p{

font-size:17px;

line-height:1.8;

color:#bdbdbd;

}




.course-package-heading strong{

color:white;

}










/* GRID */


.course-package-grid{

display:grid;

grid-template-columns:
repeat(3,1fr);

gap:28px;

}








.course-package-card{

position:relative;


padding:40px;


border-radius:34px;


background:
linear-gradient(
145deg,
rgba(255,255,255,.08),
rgba(255,255,255,.02)
);


border:
1px solid rgba(212,175,55,.20);


transition:.35s;

}








.course-package-card:hover{

transform:
translateY(-8px);


border-color:
rgba(212,175,55,.55);

}








.course-package-card.featured{

background:
linear-gradient(
145deg,
rgba(212,175,55,.20),
rgba(255,255,255,.03)
);


border:
1px solid rgba(212,175,55,.55);

}







.package-badge{

display:inline-flex;


padding:

8px 15px;


border-radius:30px;


background:#d4af37;


color:#050505;


font-size:13px;


font-weight:900;


margin-bottom:20px;

}








.package-name{

font-size:28px;

font-weight:900;

color:white;

margin-bottom:20px;

}








.course-package-card p{

font-size:15px;

line-height:1.7;

color:#aaa;

margin-bottom:28px;

}








.course-package-card ul{

list-style:none;

margin-bottom:35px;

}






.course-package-card li{

position:relative;

padding-left:26px;

margin-bottom:14px;


font-size:15px;

color:#ddd;

}








.course-package-card li:before{

content:"✓";


position:absolute;

left:0;


color:#d4af37;


font-weight:900;

}









.course-package-card a{

display:flex;


justify-content:center;


padding:

15px 25px;


border-radius:50px;


background:
linear-gradient(
135deg,
#d4af37,
#fff1a8
);


color:#050505;


font-weight:900;


text-decoration:none;

}









/* NOTE */


.course-package-note{

margin-top:50px;


padding:28px;


border-radius:28px;


background:
rgba(255,255,255,.05);


border:
1px solid rgba(212,175,55,.25);


text-align:center;


font-size:16px;


line-height:1.7;


color:#ddd;

}










/* RESPONSIVE */


@media(max-width:950px){


.course-package-grid{

grid-template-columns:1fr;

}


}





@media(max-width:520px){


.course-package-section{

padding:

80px 20px;

}



.course-package-card{

padding:32px;

}


}