/* this is for the mentorship banner */


body {
    padding-top: 106px; /* Adjust based on navbar height */
}

.banner {
  min-height: 50vh;
  padding: 40px 0 40px 100px; /* desktop */
  background: linear-gradient(135deg, #3493c3, #a2e0ff);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

@media (max-width: 768px) {
  .banner {
    padding: 20px 5%; /* smaller padding for mobile */
  }
}

.banner h1 {
    line-height: 1; /* tighten lines */
}

.banner .container-fluid {
  padding-left: 0;
  padding-right: 0;
}


/*this is for ensuring mobile compatability of banner */

/* Default: large screens (above 768px) */
.banner .container-fluid .text-block {
  width: 70%;
}

.banner h1,
.banner .mb-4 {
  margin-left: 0;
  padding-left: 0;
}



/* Mobile: max 768px */
@media (max-width: 768px) {
  .banner .container-fluid .text-block{
    margin-left: 5%;
    margin-right: 5%;
    width: 90%; /* ensures it shrinks properly */
  }

  .banner .container .text-block {
    width: 100%;
  }
}

.no-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (max-width: 768px) {
  .no-padding {
    margin-left: 5%;
    margin-right: 5%;
    width: 90%;
  }
}