/* =========================================
   JIDA COURSES PAGE
========================================= */

#courses-part{
  padding:120px 0;
  background:#020617;
}

/* GRID */

#courses-part .row{
  display:flex;
  flex-wrap:wrap;
}

/* CARD */

#courses-part .singel-course{
  position:relative;

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

  border-radius:28px;

  overflow:hidden;

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

  transition:.45s ease;

  height:100%;

  margin-top:30px;

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

/* HOVER */

#courses-part .singel-course:hover{
  transform:translateY(-12px);

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

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

/* IMAGE */

#courses-part .thum{
  overflow:hidden;
}

#courses-part .image{
  height:240px;
  overflow:hidden;
}

#courses-part .image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:.6s ease;
}

#courses-part .singel-course:hover .image img{
  transform:scale(1.08);
}

/* CONTENT */

#courses-part .cont{
  padding:28px;

  display:flex;
  flex-direction:column;

  height:calc(100% - 240px);

  background:none;
}

/* REMOVE EXTRA BR */

#courses-part br{
  display:none;
}

/* STARS */

#courses-part .cont ul{
  padding:0;
  margin:0 0 18px;
}

#courses-part .cont ul li{
  display:inline-block;
  color:#ffcc00;
  margin-right:2px;
  font-size:14px;
}

/* TITLE */

#courses-part .cont h4{
  color:#ffffff;

  font-size:24px;

  line-height:1.5;

  font-weight:700;

  margin-bottom:24px;

  min-height:78px;

  transition:.3s ease;
}

#courses-part .singel-course:hover h4{
  color:#ff8a65;
}

/* LINK */

#courses-part .cont a{
  text-decoration:none;
}

/* TEACHER */

#courses-part .course-teacher{
  display:flex;
  align-items:center;
  gap:14px;

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

  padding-top:18px;

  margin-top:auto;
}

/* TEACHER IMAGE */

#courses-part .course-teacher .thum img{
  width:52px;
  height:52px;

  border-radius:50%;

  object-fit:cover;

  border:2px solid #ff512f;
}

/* TEACHER TEXT */

#courses-part .course-teacher h6{
  color:#cbd5e1;

  margin:0;

  font-size:15px;

  font-weight:500;
}

/* PAGE HERO */

#page-banner{
  position:relative;

  padding:180px 0 120px;

  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::before{
  content:"";

  position:absolute;
  inset:0;

  background:
  linear-gradient(
  90deg,
  rgba(255,81,47,.12),
  rgba(221,36,118,.08));
}

/* HERO CONTENT */

.page-banner-cont{
  position:relative;
  z-index:2;
  text-align:center;
}

.page-banner-cont h2{
  color:#fff;

  font-size:72px;

  font-weight:800;

  margin-bottom:20px;
}

.page-banner-cont p{
  color:#cbd5e1;

  max-width:700px;

  margin:auto;

  line-height:1.8;

  font-size:18px;
}

/* CTA */

.team-cta{
  padding:100px 0;

  text-align:center;

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

  url("../images/cta-bg.jpg")
  center/cover no-repeat;
}

.team-cta h2{
  color:#fff;
  font-size:52px;
  margin-bottom:20px;
}

.team-cta p{
  color:#cbd5e1;
  margin-bottom:35px;
}

.btn-main{
  display:inline-block;

  padding:16px 36px;

  border-radius:50px;

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

  color:#fff;

  text-decoration:none;

  font-weight:600;

  transition:.3s;
}

.btn-main:hover{
  transform:translateY(-4px);
  color:#fff;
}

/* MOBILE */

@media(max-width:991px){

  #courses-part .cont h4{
    font-size:21px;
    min-height:auto;
  }

}

@media(max-width:768px){

  #page-banner{
    padding:140px 0 80px;
  }

  .page-banner-cont h2{
    font-size:42px;
  }

  #courses-part{
    padding:80px 0;
  }

  #courses-part .image{
    height:220px;
  }

  #courses-part .cont{
    padding:22px;
  }

}