/* Make the H2 + description sit closer together */
h2.h2-has-desc { 
  margin-bottom: 0 !important;            /* kill the default gap under H2 */
}

/* If WorkRamp renders headings via role=heading, cover that too */
[role="heading"].h2-has-desc {
  margin-bottom: 0 !important;
}

/* Pull the description up a bit, keep a small readable gap */
.section-desc {
  margin: 0.15rem 0 0.6rem !important;    /* top gap = 0.15rem, bottom = 0.6rem */
  line-height: 1.35;                       /* a touch tighter if needed */
}

/* Extra insurance: if a layout adds spacing via adjacent-sibling logic */
h2.h2-has-desc + .section-desc,
[role="heading"].h2-has-desc + .section-desc {
  margin-top: 0.15rem !important;
}

/* If you still see space, it’s probably from a flex/grid container `gap`. 
   This zeroes out gap just for the H2+desc pair, not the whole layout. */
.h2-has-desc + .section-desc {
  
}


a.WRCustom__iaButton {
  background-color: #000000;
  color: #fff !important;
  display: inline-block;
  width: 100% !important;
  height: 44px !important;
  border-radius: 8px !important;
  border: none;
  margin-bottom: 0px !important;
  text-transform: none !important;
  padding: 0px 50px;
  box-sizing: border-box;
  transition: 0.3s ease-in-out;
  text-decoration: none !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.WRCustom__orOuter {
  text-align: center;
  border-bottom: 1px solid #ededf4;
  line-height: 0.1rem;
  margin: 2rem 0;
}
.WRCustom__orInner {
  color: #747487;
  padding: 0 12px;
  background-color: #fff;
  font-size: 14px;
}
main form .WRCustom__iaButton {
  color: #fff !important;
}
main form button[type="submit"],
main form input[type="submit"],
main form .WRCustom__iaButton {
  background-color: #000 !important; /* Black background */
  color: #fff !important;           /* White text */
  border: none !important;
  transition: background-color 0.3s ease-in-out;
}
.AL_Custom_BannerSubHead {
width: 70%;
}


/* WorkRamp modal dialog container */
[data-overlay-container="true"] [role="dialog"][data-ismodal="true"] {
  max-width: 96vw;
  max-height: 96vh;
  margin: 0 auto;
  padding: 0;
  overflow: visible; /* allow shadow to extend */
  display: grid;
  
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  box-sizing: border-box;
}

/* Modal image styling */
[data-overlay-container="true"] [role="dialog"][data-ismodal="true"] > img {
  width: auto;
  height: auto;
  max-width: 96vw;
  max-height: 96vh;
  object-fit: contain;
  display: block;

  border-radius: 16px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
}


/* WorkRamp bottom navigation center */
/* ===== Center Bottom "Next" Button in Course Page ===== */

/* Target the footer navigation container */
div[class*="FooterWrapper"] div[class*="StyledRow"] {
  justify-content: center !important;
}

/* Ensure the column holding the button doesn't push it right */
div[class*="FooterWrapper"] div[class*="StyledCol"] {
  display: flex !important;
  justify-content: center !important;
}

/* Make sure the button itself doesn't float */
div[class*="FooterWrapper"] button {
  float: none !important;
padding: 0px 30px !important;
}