/* 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%;
}