.img-body {
      width: 100px;
      height: 100px;
      border-radius: 20px;
  }

  .card-new {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 15px;
      border-radius: 16px;
      border: 1.5px solid #c7c7c7;
      background-color: #ffffff;
      width: 300px;
      padding: 10px !important;
  }

  .section {
      background-color: #e3eef3 !important;
  }

  .main-container {
      border-radius: 20px !important;
      border: 1px solid #c7c7c7 !important;
  }

  .sub-head-color {
      color: #0b1727 !important;
      font-weight: 600 !important;
  }

  .para-color {
      color: #333333 !important;
  }

  .heading {
      color: #0b1727 !important;
      font-size: 30px !important;
      font-weight: 700 !important;
      border: none;
      padding: 10px 0px !important;
      border-bottom: 2px solid #0b1727 !important;
  }

  .links {
      border: 1px solid #0e66be !important;
      border-radius: 16px !important;
      background-color: #0e66be !important;

      img {
          border-radius: 16px !important;
      }

      video {
          border-radius: 16px !important;
          width: 100% !important;
          height: 100% !important;

      }
  }

  @media (max-width:600px) {
      .section {
          padding: 10px !important;
      }

      .page {
          padding: 10px !important;
      }
  }

  .card-Learn {
      width: 300px !important;
      height: 100px !important;
      background-color: #ffffff !important;
  }

  .Learn-card-title {
      color: #0b1727 !important;
      font-size: 20px !important;
  }

  .img-card-top {
      width: 100px !important;
      height: 100px !important;
  }

  .breadcrumb {
      background: transparent !important;
      padding: 0 !important;
      font-size: 14px !important;
  }

  .breadcrumb-link {
      color: rgba(255, 255, 255, 0.85) !important;
      text-decoration: none !important;
  }

  .breadcrumb-link:hover {
      color: #ffffff !important;
      text-decoration: underline !important;
  }

  .breadcrumb-item.active {
      color: #ffffff !important;
      font-weight: 500 !important;
  }

  @media (max-width: 576px) {
      .breadcrumb {
          font-size: 13px !important;
      }
  }