:root{
      --wma-primary:#EA2F14; /* orange-red */
      --wma-accent:#FCEF91; /* soft yellow */
      --wma-black:#000000;
    }
    body{
      background-color: #faf8f3ff;
    font-family:"Poppins",system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 
    color:#222
  }
    .topbar{background:var(--wma-black); color:#fff; font-size:.925rem}
    .topbar a{color:var(--wma-accent); text-decoration:none}
    .navbar{--bs-navbar-brand-color:#000; --bs-navbar-hover-color:var(--wma-primary); --bs-navbar-color:#000}

    .brand-accent{background:#fff;}
    .btn-wma{background:var(--wma-primary); color:#fff; border:none}
    .btn-wma:hover{background:#c3270f; color:#fff}
    .text-wma{color:var(--wma-primary)!important}
    .badge-pill{border-radius:50rem}

    /* NAV CTA highlight */
    .nav-highlight .nav-link{background:var(--wma-primary); color:#fff!important; padding:.5rem 1rem; border-radius:999px}
    .nav-highlight .nav-link:hover{background:#c3270f}

    /* Stats */
    .results-section{background:var(--wma-black); color:#fff; padding:3rem 0}

    .results-section h2 {
      color: #FCEF91;
    }
    .results-section .icon {
      font-size: 2.5rem;
      color: #FCEF91;
      margin-bottom: 10px;
    }
    .results-section .number {
      font-size: 2rem;
      font-weight: bold;
      color: #EA2F14;
    }
    .results-section .label {
      font-size: 1rem;
      color: #bbb;
    }

    /* Feature list */
    .check::before{content:"✓"; color:#13a10e; font-weight:700; margin-right:.5rem}

      /* Course cards */
    .course-card{border:1px solid #eee; border-radius:1rem; overflow:hidden; box-shadow:0 8px 24px rgba(0,0,0,.06)}
    .course-icon{width:56px; height:56px; border-radius:14px; background:var(--wma-accent); display:flex; align-items:center; justify-content:center; font-weight:700; color:var(--wma-primary)}
    .course-card:hover{transform:translateY(-4px); transition:.2s}
    
    
    @media (min-width: 768px) {
                        .peek-carousel{
        width: 140%;
        position: relative;
        left: -20%;
    }
                }

    .peek-carousel .item img {
      border-radius: 15px;
      width: 100%;
    }
    .owl-stage {
      display: flex;
      align-items: center;
      
    }
    .owl-item {
      transition: transform 0.3s ease;
      padding: 10px;
    }

    /* Section headers */
    .section-title{font-weight:800}
    .section-underline{height:4px; width:90px; background:var(--wma-primary); border-radius:2px}

    /* Footer */
    footer{background:#0d0d0d; color:#bbb}
    footer a{color:#eee; text-decoration:none}
    footer a:hover{color:var(--wma-accent)}
    .btn-round{
        border-radius:50px;
    }
    .py-5{
        padding: 80px  0 !important;
    }
    
         .btn-grad {background-image: linear-gradient(to right, #e52d27 0%, #b31217  51%, #e52d27  100%);color:#fff;}
         

          .btn-grad:hover {
            background-position: right center; /* change the direction of the change here */
            color: #fff;
            text-decoration: none;
          }
       .feature-card {
      border-radius: 12px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.08);
      transition: transform 0.2s ease-in-out;
      text-align: center;
    }
    .feature-card:hover {
      transform: translateY(-5px);
    }
    .feature-card i {
      font-size: 2rem;
      color: #EA2F14;
      margin-bottom: 12px;
      display: block;
    }

    .form-control, .form-select {
      border-radius: 0 !important;
    }

    .video-thumbnail {
      position: relative;
      cursor: pointer;
    }
    .video-thumbnail img {
      width: 100%;
      border-radius: 8px;
    }
    .video-thumbnail .play-btn {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 3rem;
      color: white;
      text-shadow: 0 2px 6px rgba(0,0,0,0.6);
    }
         footer a {
      color: #fff;
      text-decoration: none;
    }
    footer a:hover {
      text-decoration: underline;
    }