/* =========================================
   PREMIUM COURSE GRID
========================================= */

.courses-grid{

  display:grid;

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

  gap:36px;
}

/* CARD */

.course-card{

  position:relative;

  overflow:hidden;

  border-radius:30px;

  background:
  linear-gradient(145deg,#0f172a,#111827);

  border:
  1px solid rgba(255,255,255,.06);

  transition:.45s ease;

  box-shadow:
  0 10px 35px rgba(0,0,0,.25);
}

.course-card:hover{

  transform:
  translateY(-12px);

  border-color:
  rgba(255,81,47,.35);

  box-shadow:
  0 25px 60px rgba(255,81,47,.18);
}

/* IMAGE */

.course-image{

  position:relative;

  height:220px;

  overflow:hidden;
}

.course-image img{

  width:100%;
  height:100%;

  object-fit:cover;

  transition:.6s ease;
}

.course-card:hover .course-image img{

  transform:scale(1.08);
}

.course-image::after{

  content:"";

  position:absolute;
  inset:0;

  background:
  linear-gradient(
  transparent,
  rgba(2,6,23,.35));
}

/* CONTENT */

.course-content{

  padding:26px;
}

/* RATING */

.course-rating{

  margin-bottom:18px;
}

.course-rating i{

  color:#ffcc00;

  margin-right:4px;

  font-size:14px;
}

/* TITLE */

.course-content h3{

  color:#fff;

  font-size:24px;

  line-height:1.45;

  font-weight:700;

  margin-bottom:18px;

  transition:.3s ease;

  min-height:72px;
}

/* DESCRIPTION */

.course-content p{

  color:#94a3b8;

  font-size:15px;

  line-height:1.8;

  margin-bottom:24px;

  min-height:82px;
}

/* BUTTON */

.course-btn{

  display:inline-flex;

  align-items:center;

  justify-content:center;

  padding:12px 22px;

  border-radius:50px;

  background:
  linear-gradient(90deg,#ff512f,#dd2476);

  color:#fff;

  text-decoration:none;

  font-weight:600;

  transition:.35s ease;
}

.course-btn:hover{

  transform:translateY(-4px);

  color:#fff;
}

.course-card{

  display:flex;

  flex-direction:column;

  height:100%;
}

.course-content{

  display:flex;

  flex-direction:column;

  flex:1;
}

.course-btn{

  margin-top:auto;
}

#courses-part{

  max-width:1500px;

  margin:auto;
}

#page-banner{

  position:relative;

  min-height:75vh;

  display:flex;

  align-items:center;

  justify-content:center;

  text-align:center;

  padding:180px 20px 120px;

  overflow:hidden;

  background:
  linear-gradient(
  rgba(2,6,23,.82),
  rgba(2,6,23,.92)),

  url("../images/page-banner-2.avif")
  center/cover no-repeat;
}

.page-banner-cont{

  position:relative;

  z-index:2;

  max-width:1200px;

  margin:auto;
}



.page-banner-cont h1{

  color:#fff;

  font-size:72px;

  line-height:1.15;

  font-weight:800;

  margin-bottom:26px;
}

.page-banner-cont p{

  color:#cbd5e1;

  font-size:21px;

  line-height:1.8;

  max-width:1100px;

  margin:auto auto 28px;
}

.hero-stats{

  display:flex;

  justify-content:center;

  flex-wrap:wrap;

  gap:24px;

  margin-top:30px;
}

.hero-stats span{

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

backdrop-filter:
blur(18px);

border:
1px solid rgba(255,255,255,.1);

box-shadow:
0 10px 30px rgba(0,0,0,.2);
}


@media(max-width:768px){

  #page-banner{

    min-height:auto;

    padding:150px 20px 90px;
  }

  .page-banner-cont h1{

    font-size:42px;
  }

  .page-banner-cont p{

    font-size:17px;
  }

  .hero-stats{

    gap:14px;
  }

  .hero-stats span{

    font-size:15px;
  }
}


@media(max-width:1100px){

  .courses-grid{

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

@media(max-width:768px){

  .courses-grid{

    grid-template-columns:1fr;
  }
}
/* MOBILE */

@media(max-width:768px){

  .courses-grid{

    grid-template-columns:1fr;
  }

  .course-image{

    height:240px;
  }

  .course-content{

    padding:24px;
  }

  .course-content h3{

    font-size:28px;
  }
}


.course-btn{
  position: relative;
  z-index: 99;
  pointer-events: auto;
}

.course-content{
  position: relative;
  z-index: 2;
}

.course-image::before{
  pointer-events: none;
}


/* =========================
   CTA BUTTON
========================= */
.course-cta{
  margin-top:70px;
  text-align:center;
}

.course-cta a{
  display:inline-block;
  background:#00ffb3;
  color:#000;
  padding:18px 40px;
  border-radius:60px;
  text-decoration:none;
  font-size:18px;
  font-weight:700;
  transition:0.3s ease;
}

.course-cta a:hover{
  transform:translateY(-5px) scale(1.03);
  box-shadow:0 15px 40px rgba(0,255,179,0.25);
}
/* =========================
   RESPONSIVE
========================= */

@media(max-width:768px){
.course-article-content h1{
  font-size:38px;
}

.course-article-content h2{
  font-size:28px;
}

.section-heading h2{
  font-size:34px;
}

.course-article-content p{
  font-size:16px;
}

.video-card iframe{
  height:220px;
}

.course-links{
  flex-direction:column;
}

.course-links a{
  text-align:center;
}

}