@media (max-width: 768px) {
  .btn-mob.click {
    left: 249px;
  }
}

@media (max-width: 768px) {
  .sidebar.show {
    left: 0px;
  }
}

@media (max-width: 768px) {
  .col.main {
    margin-left: 0px !important;
  }
}

@media (max-width: 768px) {
  .btn-mob.click span i:before {
    content: '\f00d';
  }
}

@media (max-width: 768px) {
  .main-content {
    margin-right: 0px !important;
    padding: 25px 15px 40px 15px !important;
  }
}

@media (max-width: 768px) {
  .header {
    height: auto;
    max-height: 90px;
    padding: 9px 20px;
    justify-content: end;
    display: flex;
  }
}

@media (max-width: 768px) {
  .welcome-box {
    padding-right: 0px !important;
  }
}

@media (max-width: 768px) {
  .card-orange {
    background: #ff8c43;
    background-repeat: no-repeat;
    background-size: cover !important;
    display: flex;
    flex-direction: column;
    border-radius: 40px;
    gap: 20px;
    padding: 20px 0px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
  }
}

@media (max-width: 768px) {
  .mt-n2 {
    margin-top: 0px !important;
  }
}

@media (max-width: 768px) {
  .title-welcome {
    font-size: 22px !important;
    font-style: normal;
    font-weight: 500;
  }
}

#sidebar .nav-link-dropdown:active {
  background: #F8F8F8;
}

#sidebar .nav-item .nav-link:active {
  background: #F8F8F8;
}

.upcoming-schedule:hover {
  box-shadow: 0px 0px 20px 5px rgba(4,4,4,0.05);
  border-color: #ffe5d5;
}

.card-orange:hover {
  border-color: #ffe5d5;
  box-shadow: 0px 0px 20px 5px rgba(4,4,4,0.05);
  border-color: #ffe5d5;
}

.sticky-course-info {
  position: sticky;
  top: 40px;
}

.lesson-video {
  border-radius: 20px !important;
}

div {
}

.btnhover {
}

button-back-arrow {
  color: #f8f8f8;
}

bi bi-arrow-left {
  color: #f8f8f8;
}

@media (max-width: 1050px) {
  .single-lesson-network-text {
    display: none;
  }
}

@media (max-width: 1050px) {
  .single-lesson-network-button {
    margin-right: -20px;
  }
}