/* Hide on screens smaller than 768px (mobile) */
@media (max-width: 768px) {
  /* #appSidebar {
    display: none;
  } */
}
/* @media (max-width: 768px) {
  #sidebarToggleBtn {
    display: none;
  }
} */
/* Responsive */
@media (max-width: 992px) {
  /* .sidebar {
    left: -100%;
    position: fixed;
    z-index: 200;
    transition: left 0.25s ease;
  }

  .sidebar.show {
    left: 0;
  } */
  main.content {
    margin-left: 0;
  }
  .topbar .search {
    width: 170px;
  }
}
/* @media screen and (min-width: 1024px) {
  .main {
    padding: 22px 24px;
    max-width: calc(var(--max) - 264px);
    margin-left: 270px;
  }
} */
@media screen and (min-width: 1024px) {
  /* dojo lx cards styles for big screens */
  .lx-card-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 25px;
    /* background: #00000017; */
    border-radius: 12px;
    margin-top: 0px;
  }
}
/* @media screen and (min-width: 1024px) {

  .main-lx {
    margin-top: 40px;
  }
} */
@media screen and (min-width: 1024px) {
  /* dojo lx cards styles for big screens */
  .lx-card {
    /* margin-left: 60px;
    margin-right: 50px; */
  }
}
@media (min-width: 992px) {
  #skills-breakdown-slider {
    background-color: #fafafa;
    padding: 2rem 3rem 3rem;
    margin-top: 25px;
    /* margin-left: 250px; */
  }
}
/*About cource css starts here*/
@media (max-width: 1200px) {
  #about-course-banner h1 {
    font-size: 2.5rem;
    /* Smaller font size for medium screens */
  }
  #about-course-banner p {
    font-size: 1rem;
    /* Adjust paragraph font size */
  }
  #about-course-banner .btn-primary {
    padding: 10px 25px;
    font-size: 1rem;
  }
}
@media (max-width: 992px) {
  #about-course-banner h1 {
    font-size: 2rem;
    /* Smaller font size for tablets */
  }
  #about-course-banner p {
    font-size: 0.9rem;
    /* Adjust paragraph font size */
  }
  #about-course-banner .btn-primary {
    padding: 8px 20px;
    font-size: 0.95rem;
  }
}
@media (max-width: 768px) {
  #about-course-banner h1 {
    font-size: 1.8rem;
    /* Smaller font size for mobile screens */
  }
  #about-course-banner p {
    font-size: 0.9rem;
    /* Adjust paragraph font size */
  }
  #about-course-banner .btn-primary {
    padding: 8px 15px;
    font-size: 0.9rem;
  }
}
@media (max-width: 576px) {
  #about-course-banner h1 {
    font-size: 2px;
    /* Even smaller font size for very small screens */
  }
  #about-course-banner p {
    font-size: 0.9rem;
    /* Adjust paragraph font size */
  }
}
/*About Cource Css Ends here*/
/* @media (max-width: 992px) {
  .overflow-y-auto {
    height: 100%;
  }
} */