.navbar, .navbar.navbar-default.navbar-expand-lg.bg-custom {
	background-color: #11549C;
	color: #000000;
	
  }
  .navbar-default .navbar-nav .nav-link {
	color: white;
}
.navbar-default .navbar-brand {
	color: white;
}
.custom-toggler .navbar-toggler-icon {
  background-color: #007bff; /* Black background color */
  border-color: #007bff; /* White border color */
}

.custom-toggler.navbar-dark .navbar-toggler-icon {
  background-color: #007bff; /* White background color */
}
@media screen and (max-width: 768px) {
    /* Styles for smaller screens */
}
.no-padding {
    padding-left: 0;
    padding-right: 0;
}

#classButtons {
  display: none;
  flex-wrap: wrap;
}

#classButtons .btn {
  flex: 0 0 100%;
  border-radius: 0%;
  border: #fff;
  margin-right: 0px; /* Adjust spacing between buttons */
  margin-bottom: 0px; /* Adjust spacing between rows */
}

#classButtons .btn:last-child {
  margin-right: 0;
}
#modeButtons {
  display: flex;
  flex-wrap: wrap;
}

#modeButtons .btn {
  flex: 0 0 100%;
  border-radius: 0%;
  border: #fff;
  border-style:  3px solid;
  border-block-color: solid;
  margin-right: 0px; /* Adjust spacing between buttons */
  margin-bottom: 0px; /* Adjust spacing between rows */
 
}

#modeButtons .btn:last-child {
  margin-right: 0;
  margin-left: 0;
}
.hidden {
  display: none !important;
}
#buttonTextpick {
  display: flex;
  flex-wrap: wrap;
  flex: 0 0 100%;
  border-radius: 0%;
  border: #fff;
  background-color: rgb(103, 81, 224);
  
}
#modeOfStudy {
  display: flex;
  flex-wrap: wrap;
}

#modeOfStudy .btn {
  flex: 0 0 100%;
  border-radius: 0%;
  border: #fff;
  border-style:  3px solid;
  border-block-color: solid;
  margin-right: 0px; /* Adjust spacing between buttons */
  margin-bottom: 0px; /* Adjust spacing between rows */
 
}

#modeOfStudy .btn:last-child {
  margin-right: 0;
  margin-left: 0;
}
/* Loader styles */
/* Loader styles */
.loader-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
  z-index: 9999;
}

.loader {
  border: 5px solid #f3f3f3;
  border-top: 5px solid #3498db;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 2s linear infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Overlay styles */
.overlay {
  pointer-events: none; /* Allow pointer events to pass through */
}