body {
      background-color: #f8f9fa;
    }

    .container {
      max-width: 100%;
      margin: 10px auto;
      padding: 20px;
      background-color: #fff;
      box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
    }

    .video-container {
      position: relative;
      padding-bottom: 56.25%;
      height: 0;
      overflow: hidden;
      margin-bottom: 20px;
      border-radius: 5px;
    }

    .video-container iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 5px;
    }

    .section-list {
      list-style: none;
      padding: 0;
    }

    .section-list-item {
      cursor: pointer;
      border: 1px solid #ddd;
      border-radius: 5px;
      padding: 10px;
      margin-bottom: 10px;
    }

    

    .section-list-item.active {
      background-color: #f8f9fa;
    }

    .section-list-item.active:hover {
      transform: scale(1.02);
      background-color: hsl(0, 0%, 83%);
    }

    .section-title {
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 20px;
    }

    .section-description {
      margin-bottom: 40px;
    }

    .lecture-item {
      border: 1px solid #ddd;
      border-radius: 5px;
      padding: 20px;
      margin-bottom: 20px;
    }

    .lecture-item-title {
      font-size: 18px;
      font-weight: bold;
      margin-bottom: 10px;
    }

    .lecture-item-description {
      color: #666;
    }

    .menu {
      background-color: #333;
      color: #fff;
      padding: 10px;
    }

    .menu ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .menu ul li {
      display: inline-block;
      margin-right: 10px;
    }

    .menu ul li a {
      color: #fff;
      text-decoration: none;
      padding: 5px;
    }


    @media(min-width: 1080px) {

      /* Estilos para la lista */
      .col-lg-4 {
    
        overflow-y: scroll;
        max-height: 710px; /* Ajusta la altura máxima deseada para mostrar los elementos */
    }
  }



  @media(max-width: 1080px) {
    
    #video-player {
      width: 100%; /* Largura máxima desejada */
      margin: 0 auto; /* Centraliza a div horizontalmente na página */
    }
    .icon_checkbox{
      width: 5%;
    }
    .col-lg-8 {
      width: 100%;
      font-size: 40px;
    }  
    .col-lg-4 {
      width: 100%;
      margin-top: 20px;
      font-size: 40px;
      overflow-y: hidden;
      
    }
    .menu ul li {
      display: block;
      margin: 5px 0;
      font-size: 40px;
    }
    .section-title {
      font-size: 40px;
    }

    .progresso{
      font-size: 40px; 
    }

    #btn_arquivos{
      font-size: 40px;
    }
    #btn_demonstracao{
      font-size: 40px;
    }
    #btn_editar{
      font-size: 40px;
    }
    #btn_excluir{
      font-size: 40px;
    }
    #btn_emitir_certificado{
      font-size: 40px; 
    }

  }