body {
      font-family: 'Poppins', sans-serif;
      background: #f8fafc;
    }

    /* Top Bar */
    .top-bar {
      background: linear-gradient(90deg,#0d6efd,#6610f2);
      color: #fff;
      font-size: 14px;
    }

    /* Hero */
    .hero {
      min-height: 100vh;
      background: linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),
      url('https://images.unsplash.com/photo-1524178232363-1fb2b075b655?auto=format&fit=crop&w=1600&q=80')
      center/cover no-repeat;
      display: flex;
      align-items: center;
      color: #fff;
      text-align: center;
    }

    .hero span { color: #ffc107; }

    /* Sections */
    .section-padding { padding: 100px 0; }

    /* Course Cards */
    .course-card {
      border: none;
      border-radius: 16px;
      overflow: hidden;
      transition: all .4s ease;
      background: #fff;
    }

    .course-card img {
      height: 220px;
      object-fit: cover;
    }

    .course-card:hover {
      transform: translateY(-10px);
      box-shadow: 0 20px 40px rgba(0,0,0,.2);
    }

    .badge-premium {
      position: absolute;
      top: 15px;
      right: 15px;
      background: #ffc107;
      padding: 6px 12px;
      font-size: 12px;
      border-radius: 50px;
      font-weight: 600;
    }

    /* Stats */
    .stats {
      background: linear-gradient(135deg,#0d6efd,#6610f2);
      color: #fff;
    }

    .stats h3 {
      font-size: 40px;
      font-weight: 700;
    }

    footer {
      background: #0d6efd;
      color: #fff;
    }



    /*About Css*/

     /* Banner */
    .page-banner{
      background:linear-gradient(rgba(0,0,0,.65),rgba(0,0,0,.65)),
      url('https://images.unsplash.com/photo-1529070538774-1843cb3265df?auto=format&fit=crop&w=1600&q=80') center/cover;
      color:#fff;
      padding:110px 0;
      text-align:center;
    }

    .section-padding{ padding:80px 0; }

    .about-img{
      width:100%;
      border-radius:18px;
      box-shadow:0 20px 40px rgba(0,0,0,0.15);
    }

    .highlight-box{
      background:#ffffff;
      border-radius:16px;
      padding:30px;
      height:100%;
      box-shadow:0 10px 30px rgba(0,0,0,0.08);
    }

    .icon-circle{
      width:55px;
      height:55px;
      background:linear-gradient(135deg,#0d6efd,#6610f2);
      color:#fff;
      border-radius:50%;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:22px;
      margin-bottom:15px;
    }

    /*courses css*/
     /* Banner */
    .page-banner{
      background:linear-gradient(rgba(0,0,0,.65),rgba(0,0,0,.65)),
      url('https://images.unsplash.com/photo-1524178232363-1fb2b075b655?auto=format&fit=crop&w=1600&q=80') center/cover;
      color:#fff;
      padding:110px 0;
      text-align:center;
    }

    /* Course Card */
    .course-card{
      background:#ffffff;
      border-radius:18px;
      box-shadow:0 10px 30px rgba(0,0,0,0.08);
      transition:all .35s ease;
      height:100%;
      display:flex;
      flex-direction:column;
    }

    /* Hover without color hide */
    .course-card:hover{
      transform:translateY(-6px);
      box-shadow:0 18px 40px rgba(0,0,0,0.12);
    }

    .course-header{
      background:linear-gradient(135deg,#0d6efd,#6610f2);
      color:#fff;
      padding:24px;
      border-radius:18px 18px 0 0;
    }

    .course-header h4{
      margin-bottom:6px;
      font-weight:600;
    }

    .duration{
      font-size:14px;
      opacity:.9;
    }

    .course-body{
      padding:22px 24px;
      flex:1;
    }

    .course-body p{
      margin-bottom:8px;
      font-size:14px;
    }

    .course-footer{
      padding:20px 24px 26px;
      text-align:center;
    }

    /* Button fix */
    .btn-book{
      background:#ffc107;
      border:none;
      font-weight:600;
      padding:10px 32px;
      border-radius:30px;
      display:inline-block;
    }

    .btn-book:hover{
      background:#ffb300;
      color:#000;
    }

    .section-padding{
      padding:80px 0;
    }

    /*contact css*/
    
    .page-banner{
      background:linear-gradient(rgba(0,0,0,.65),rgba(0,0,0,.65)),
      url('https://images.unsplash.com/photo-1521791136064-7986c2920216?auto=format&fit=crop&w=1600&q=80') center/cover;
      color:#fff;padding:110px 0;text-align:center;
    }

    .section-padding{padding:80px 0;}

    .contact-card{
      background:#fff;border-radius:18px;
      box-shadow:0 10px 30px rgba(0,0,0,.08);
      padding:30px;height:100%;
    }

    .contact-icon{
      width:55px;height:55px;border-radius:50%;
      display:flex;align-items:center;justify-content:center;
      background:#0d6efd;color:#fff;font-size:22px;margin-bottom:15px;
    }

    .form-control{
      border-radius:12px;padding:12px 16px;
    }

    .btn-submit{
      background:#ffc107;border:none;font-weight:600;
      padding:12px 40px;border-radius:30px;
    }

    .btn-submit:hover{background:#ffb300;color:#000;}

    iframe{border-radius:18px;border:0;}