.elementor-409 .elementor-element.elementor-element-73334e3{--display:flex;}/* Start custom CSS */body {
  background:#0a0a0a !important;
  color:#fff !important;
}

/* HEADER */
.header{
  position:fixed;
  top:0;
  width:100%;
  background:#000;
  display:flex;
  justify-content:space-between;
  padding:20px 40px;
  z-index:999;
}

.header h1{
  color:#FFD700;
}

.header a{
  color:#fff;
  margin:0 10px;
  text-decoration:none;
}

/* BUTTON */
.btn{
  padding:10px 20px;
  border-radius:20px;
}

.btn-gold{
  background:#FFD700;
  color:#000;
}

.btn-outline{
  color:#FFD700;
  border-bottom:2px solid #FFD700;
}

/* HERO */
.hero{
  height:90vh;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  margin-top:80px;

  background:
  linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.9)),
  url('https://images.unsplash.com/photo-1503376780353-7e6692767b70') center/cover;
}

.hero h1{
  color:#FFD700 !important;
}

.hero h2{
  color:#fff !important;
}

/* SECTION */
section{
  padding:80px 40px;
}

.section-title{
  color:#FFD700 !important;
  text-align:center;
}

/* FEATURES */
.features{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:20px;
}

.feature-box{
  position:relative;
  padding:30px;
  border-radius:15px;
  background-size:cover;
  overflow:hidden;
}

.feature-box::before{
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.5);
  top:0;
  left:0;
}

.feature-box h3,
.feature-box p{
  position:relative;
  z-index:1;
}

/* COURSES */
.courses{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:20px;
}

.course{
  background:#111;
  border-radius:15px;
  overflow:hidden;
}

.course img{
  width:100%;
  height:160px;
  object-fit:cover;
}

.course-content{
  padding:15px;
}

/* FOOTER */
footer{
  text-align:center;
  padding:20px;
  background:#000;
}/* End custom CSS */