.nav-link{
    font-weight: bold;
    color: #444444 !important;
    font-size: .75rem !important;
    margin-right: 30px;
  }
  .nav-link:focus, .nav-link:hover{
    color: #d80650;
  }
  .reg-btn{
    background-color: #d80650;
    color: #ffffff;
  }
  .reg-btn:hover{
    background-color: #fff;
    color: #d80650;
  }
  .appl-btn{
    background-color: #d80650;
    color: #ffffff;
  }
  .appl-btn:hover{
    background-color: #000;
    color:#fff;
  }
  .course-btn{
    font-weight: bold;
    background-color: #000;
    color: #fff;
  }
  .course-btn:hover{
    color: #444 !important;
    background-color: #fff;
  }
  .btn-one{
   width: 100px;
   font-weight: 500;
   font-size: .80rem;
   padding: 10px;
 }
/* Sticky navigation within aside */
.sticky-nav {
  position: -webkit-sticky; /* For Safari */
  position: sticky;
  top: 0;
  height: 100vh;
  padding-top: 100px;
}
@media only screen and (max-width: 767.98px) {
    .sticky-nav{
        position: unset;
        height: unset;
    }
}
/* Sections with minimum height and padding */
.content-section {
  height: auto;
  padding: 30px;
}

/* Smooth scrolling for the entire page */
.smooth-scroll {
  scroll-behavior: smooth;
}

/* Adjust main content area to leave space for banner */
.main-content {
  min-height: calc(100vh - 100px); /* Adjust to match the height of the banner */
}
main{
  padding-top: 100px;
}
/* Styling for banner */
.banner {
  height: 100px;
  background-color: #007bff;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}

.image-container {
  position: relative;
  width: 100%;
  height: 500px; /* Set the height of the container */
  overflow: hidden;
  
}
.image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;

}
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px;
  color: white;

}
.left-text {
  flex: 1;
  text-align: left;
  margin-top: 10%;
}
.glance{
  border:1px solid #444; border-radius:10px; background-color:#18191b;
  margin-right:2px ;
  margin-left:2px ;
}
body{
  font-family: "Space Grotesk", sans-serif;
}

.gray{
 color: #444444 !important;
}
.gray-2{
 color: rgb(166, 166, 166) !important;
}
.gray-3{
  color:#bdbdbd;
}
.purple{
 color: #5e36ca !important;
}
.green{
 color: #22baa0 !important;
}
.yellow{
 color: #f5c042 !important;
}
.pink{
  color:#d80650 !important;
}
.bg-one{
 background-color: #22baa0 !important;
}
.bg-two{
 background-color: #5e36ca !important;
}
.fs-7{
  font-size: .8rem;
}
.footer a{
 color:#fff;
 text-decoration: none;
 font-weight: 200;
}
/* Highlight the active side navigation */
.list-group-item.active {
  background-color: #e9ecef; /* Light grey background */
  color: #000; /* Black text for better contrast */
}
.list-group-item.active,
.list-group-item:focus,
.list-group-item:focus-visible,
.list-group-item:active {
  outline: none;            /* Removes the blue outline */
  box-shadow: none;          /* Removes any shadow */
  border-color: transparent; /* Removes any border that may be appearing */
  border-left: 5px solid red; /* Red border on the left */
}

.custom-accordion {
      max-width: 600px; /* Set max width for accordion */
    }
    .custom-accordion .accordion-button {
      color: #fff;
      background-color: #dc3545;
      border: none;
      font-size: 1.2rem;
      text-align: left;
      padding: 15px; /* Padding for the text within the button */
    }
    .custom-accordion .accordion-button::after {
      display: none; /* Remove default caret */
    }
    .custom-accordion .accordion-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      position: relative;
      border: none;
      padding: 8px; /* Added padding to the accordion header */
    }

    /* Custom button styles */
    .custom-accordion .custom-toggle {
      background-color: #fff;
      color: red;
      border-radius: 50%;
      border: 1px solid #ddd;
      width: 50px;
      height: 50px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 1.8rem;
      position: absolute;
      right: -55px; /* Position outside the accordion */
      cursor: pointer;
    }

    /* Connect buttons with a line */
    .custom-accordion .custom-toggle::before {
      content: "";
      position: absolute;
      top: calc(100% + 8px); /* Adjust for accordion-header padding */
      left: 50%;
      height: 50px;
      width: 2px;
      background-color: #ddd;
      z-index: -1;
      transition: height 0.3s ease; /* Expand the line when accordion expands */
    }

    /* Plus/Minus toggle */
    .custom-accordion .custom-toggle.collapsed::after {
      content: "+";
      color: red;
    }
    .custom-accordion .custom-toggle:not(.collapsed)::after {
      content: "-";
      color: #ff0000;
    }

    /* Extend the line when accordion is expanded */
    .custom-accordion .custom-toggle:not(.collapsed)::before,
    .custom-accordion .accordion-item.show .custom-toggle::before {
      height: 100px; /* Longer line to stay connected with the next item */
    }

    /* Remove line for the last item */
    .custom-accordion .accordion-item:last-of-type .custom-toggle::before {
      display: none;
    }

    /* Accordion content color */
    .custom-accordion .accordion-body {
      color: #fff;
    }

    /* Smooth transitions */
    .custom-accordion .accordion-collapse {
      transition: height 0.3s ease;
    }

    /* Adjust spacing between accordion items */
    .custom-accordion .accordion-item {
      margin-bottom: 10px; /* Reduced spacing */
      border: none;
      background-color: #dc3545;
    }
    .has-error{
      border: 1px solid #ff0000;
    }

    .section-title {
      color: #d80650;
      font-weight: bold;
    }

    .cont-card {
      background-color: #fff;
      color: #333;
      border: none;
      border-radius: 10px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      transition: transform 0.3s;
      height: 100%;
    }
    .cont-card:hover {
      transform: scale(1.02);
    }
    .cont-card-header {
      background-color: #d80650;
      color: #fff;
      padding: 10px 15px;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      font-weight: bold;
      text-align: center;
    }
    .cont-card-body {
      padding: 15px;
    }
    .cont-card p, .card a {
      color: #333;
    }
    .cont-card a:hover {
      color: #d80650;
      text-decoration: underline;
    }
    .cont-social-icons a {
      color: #d80650;
      margin-right: 10px;
      font-size: 1.3rem;
    }
    .cont-social-icons a:hover {
      color: #333;
    }