#hero-content {
  width: 98%;
  margin: 0 auto;
  background-color: var(--e-global-color-651faef);
  /* background-image:
    linear-gradient(180deg, var(--e-global-color-651faef) 20%, #fef4ece3 75%),
    url("../images/background.png"); */

  /* background-image:
    linear-gradient(
        rgba(138, 58, 242, 0.8),
        rgba(138, 58, 242, 0.8)
    ),
    url("../images/background.png"); */

    /* Breadcrumb */

    background-image:
    linear-gradient(
        rgba(110, 61, 115, 0.9),
        rgba(110, 61, 115, 0.9)
    ),
    url("../images/background.png");

  background-position:
    center,
    bottom center;
  /* background-repeat: no-repeat, repeat-x; */
  background-size:
    cover,
    825px auto;
  border: 1px solid #6e3d73;
  border-radius: 15px;
  height: 450px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}


/* Hero section breadcrumb */

.breadcrumb{
  margin: 0px !important;
}


.course-badge {
  background-color: white;
  padding: 20px 10px;
  padding: 15px 25px !important;
}

.post-categories {
  list-style: none !important;
  padding: 0px !important;
  margin: 0px !important;
}

.post-categories li a {
  color: black !important;
  text-decoration: none !important;
}

/* Astra Container Global CSS */

.ast-container {
  display: block !important;
}

/* =============== Complete CSS for single course page =============== */

/* About section */
.section-heading {
  font-weight: 700;
  font-size: 1.7rem;
  margin-bottom: 1.2rem;
}
.highlight-list li {
  margin-bottom: 0.85rem;
  color: #444;
}
.highlight-list i {
  color: var(--orange);
  margin-right: 0.6rem;
}

/* Sidebar card */

.course-card-single {
  border: 1px solid #eee;
  border-top: 4px solid #6e3d73;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
.course-card-single img {
  height: 210px;
  object-fit: cover;
  width: 100%;
}
.course-details-list li {
  display: flex;
  align-items: center;
  padding: 0.55rem 0;
  border-bottom: 1px dashed #eee;
  font-size: 0.93rem;
}
.course-details-list li:last-child {
  border-bottom: none;
}
.course-details-list i {
  color: var(--orange);
  width: 22px;
}
.instructor-row img {
  width: 44px;
  height: 44px;
  object-fit: cover;
  border-radius: 50%;
}

/* On scroll */

.sidebar-sticky {
  position: sticky;
  top: 100px;
}

/* CSS for profile card  */

.course-details-list {
  margin: 0px;
}

/* Enroll Button  */
.enroll-button {
  background: #6e3d73 !important;
  font-weight: 700 !important;
}

/* CSS for card icons */

.course-details-list li i {
  color: 6e3d73;
}

/* Course highlight  */

.list-unstyled {
  margin-left: 0px !important;
}

.list-unstyled li i {
  color: #6e3d73;
}

.cta-section {
  background-image:
    linear-gradient(rgba(0, 0, 0, 0.28), rgba(0, 0, 0, 0.28)),
    url("../images/cta-background-old.jpg"); /* Replace with your image path */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed; /* Optional: Parallax effect */

  min-height: 450px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#cta-button {
  background-color: #6e3d73 !important;
  color: white !important;
}

/* Right side content scrolling effect */

/* CSS for contact us page form */

.form-row {
  display: flex !important;
  gap: 30px !important;
  margin-bottom: 0px !important;
}

.form-row input {
  border-radius: 5px !important;
  background-color: white !important;
}

.single-row p label {
  width: 100% !important;
}

.form-label {
  font-weight: 400 !important;
  color: rgba(2, 0, 0, 0.753) !important;
}

.wpcf7 select option:hover {
  /* background-color: #57a845 !important; */
  color: #fff;
}

.wpcf7-form-control-wrap::before {
  color: #2a2a2b !important;
  font-weight: 400 !important;
}

.wpcf7-form-control-wrap {
  margin-top: 10px !important;
}

.wpcf7-textarea {
  border-radius: 5px !important;
  height: 120px !important;
  background-color: white !important;
}

.wpcf7 select.wpcf7-form-control:focus,
.wpcf7 textarea.wpcf7-form-control:focus {
  border-color: #6e3d73;
}

/* Submit button */

input[type="submit"] {
  border: 2px solid #6e3d73 !important;
}


input[type="submit"]:hover {
  background-color: transparent !important;
  border: 2px solid #6e3d73;
  color: #6e3d73 !important;
}


.wp-block-list{
  padding-left:0px !important ;
}


/* Media query for mobile screen */

@media (max-width: 767px) and (min-width: 320px) {
  #hero-content {
    margin-top: 5px !important;
    padding: 0px !important;
  }
}