.map_content_branch_office_camera_modal {
  .container {
    .parent_tabs {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 14px;

      .tab {
        background-color: #0B1544;
        border: 1px solid #0c1957;
        border-radius: 10px 10px 10px 2px;
        width: 192px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding: 10px;
        color: #fff;
        text-align: center;
        cursor: pointer;

        &.active {
          background-color: #1537CC;
          border: 1px solid rgba(0, 180, 255, 0.61);
        }
      }
    }

    .info {
      margin-top: 12px;
      display: flex;
      gap: 25px;

      .child_tabs {
        width: 240px;
        background-color: rgba(35, 55, 140, 0.15);
        border-radius: 10px;
        padding: 50px 20px;

        .tab {
          background-color: #0B1544;
          color: #fff;
          border-radius: 10px 2px;
          width: 192px;
          padding: 10px;
          text-align: center;
          cursor: pointer;
          margin-top: 17px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          border: 1px solid #0c1957;

          &:first-child {
            margin-top: 0;
          }

          &.active {
            background-color: #1537CC;
            border: 1px solid rgba(0, 180, 255, 0.61);
          }
        }
      }

      .videos {
        background-color: rgba(35, 55, 140, 0.149);
        flex: 1;
        border: 1px solid rgb(9, 23, 93);
        border-radius: 10px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px 27px;
        padding: 35px 29px;

        .video {
          border: 1px solid #294695;
          border-radius: 2px;
        }
      }
    }
  }
}
