/* Popup container styles */
.popup {
  display: none; /* Hide popup by default */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent overlay */
  z-index: 9999; /* Ensure the popup appears on top of other content */
}

/* Popup content styles */
.popup-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  padding: 10px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  max-width: 80%; /* Adjust the width as needed */
  max-height: 80%; /* Adjust the height as needed */
  overflow-y: auto; /* Enable vertical scrolling if content exceeds height */
  width: max-content;
  border-radius: 17px;
}

.popup-close {
  position: absolute;
  top: 10px;
  right: 15px;
  background: transparent;
  border: none;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
  color: #333;
  transition: color 0.2s ease;
}

.popup-close:hover {
  color: #007BFF; /* Modern blue hover */
}

.description-content-wrap {
  max-height: 100px; /* Adjust as needed */
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.description-content-wrap.expanded {
  max-height: none;
}

.course_detail_page .course_details .row .col-md-8 {
  padding-left: 14%;
}

@media screen and (max-width: 1700px) {
  .course_detail_page .course_details .row .col-md-8 {
    padding-left: 10%;
  }
}

@media screen and (max-width: 1500px) {
  .course_detail_page .course_details .row .col-md-8 {
    padding-left: 5%;
  }
}

@media screen and (max-width: 991px) {
  .course_detail_page .course_details .row .col-md-8 {
    padding-left: 10%;
  }
}

.course_detail_page {
    /* Set the background of the entire section if needed */
}




.filled-star {
  color: #f5c85b;
}

.icon-white {
  color: white;
}

.what-you-get-title,
.what-you-get__items li {
  color: black;
}

.icon-padded {
  padding-right: 10px;
}


.lesson-title {
    color: aliceblue;
}

/* DETAIL FORM */
.form-group.login-div,
.form-group.email-div,
.employed-fields {
  display: none;
}
.error-text {
  color: red;
}
.spinner-border-popup {
  display: none;
}