:root {
  --ba-main-clr-d: #222;
  --ba-main-clr-l: #bbb;
  --ba-event-clr-d: #560452;
  --ba-event-clr-l: #cda6c9;
  --ba-advo-clr-d: #3d4f04;
  --ba-advo-clr-l: #c4d796;
  --ba-ref-clr-d: #095663;
  --ba-ref-clr-l: #aff2f9;
  --ba-vol-clr-d: #c23004;
  --ba-vol-clr-l: #f7934f;
}
@font-face {
  font-family: avorypebold;
  src: url("https://ibaa.ca/client_assets/fonts/conv25/avorypebold.otf.otf") format("opentype");
}

.innerPageBanner h1 {
  text-transform: none;
}

.bc-bar {
  border: 5px solid #555;
  height: 50px;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}

#bc-info p,
#bc-info h4 {
  color: #fff;
}

.ba-bar-fill {
  position: absolute;
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #fca311;
  z-index: 2;
}

.bc-bar h4 {
  position: absolute;
  top: -5px;
  z-index: 3;
  margin: 0;
  line-height: 2;
}

.bc-bar h4:first-of-type {
  left: 10px;
  color: #fff;
  background-color: #96c93d;
  padding-right: 5px;
}

.bc-bar h4:last-of-type {
  right: 10px;
  color: #96c93d;
}

#obj-list span {
  color: red;
  font-weight: bold;
}

.ba-pt {
  position: absolute;
  height: 20%;
  width: 2px;
  background-color: #555;
  bottom: 0;
  left: 14.29%;
  z-index: 12;
}

.pt-one {
  left: calc(100% / 7);
}

.pt-two {
  left: calc(100% / 7 * 2);
}

.pt-three {
  left: calc(100% / 7 * 3);
}

.pt-four {
  left: calc(100% / 7 * 4);
}

.pt-five {
  left: calc(100% / 7 * 5);
}
.pt-six {
  left: calc(100% / 7 * 6);
}

.ba-logo {
  position: absolute;
  width: 200px;
  height: 200px;
  top: -450px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}

.ba-points {
  position: absolute;
  right: 20px;
  top: -200px;
  width: 130px;
  height: 130px;
  z-index: 10;
  border-radius: 100%;
}

.ba-points-bar {
  position: relative;
  width: 130px;
  height: 130px;
  z-index: 10;
  background-color: white;
  border-radius: 100%;
}

.ba-points img,
.ba-points-bar img {
  position: absolute;
  height: 200px;
  width: 200px;
  top: calc(50% + 10px);
  left: 50%;
  transform: translate(-50%, -50%);
}

.ba-points h2,
.ba-points-bar h2 {
  position: absolute;
  left: 50%;
  top: 15px;
  line-height: 2.5rem;
  font-size: 2.5rem;
  transform: translateX(-50%);
}

.ba-bar-internal {
  display: flex;
  flex-direction: row;
  gap: 4rem 2rem;
}

.bc-bar {
  width: calc(100% - 130px - 2rem);
  max-width: 100%;
  top: 25px;
  height: 75px;
  background-color: #fff;
}

.pageContent {
  padding-top: 0;
  margin-top: 0;
}

#progressbar {
  margin-top: 0;
  padding-top: 65px;
  background: #add8e6;
  position: relative;
  margin-bottom: 0;
}

.ba-pnt-list {
  display: flex;
  flex-direction: column;
}
.ba-pnt-list p {
  margin: 0;
}

.ba-pnt-card {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.ba-intro {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: 4rem 2rem;
}

.ba-pnt-list {
  background-color: rbga(255, 255, 255, 0.5);
}

.ba-bar-internal {
  padding-bottom: 50px;
}

.bar-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.ba-pnt-list {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr;
  grid-gap: 10px 30px;
  background: #add8e6;
  border-radius: 10px;
}

.ba-list-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ba-list-frm {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  background-color: #ddd;
  border: 2px white solid;
  border-radius: 20px;
  color: #fff;
}

.ba-list-frm p:first-of-type {
  color: #fff !important;
}

.ba-events,
.ba-events-sub {
  border: 5px var(--ba-event-clr-l) solid;
  background-color: var(--ba-event-clr-d);
  color: #fff;
}

.ba-advo {
  border: 5px var(--ba-advo-clr-l) solid;
  background-color: var(--ba-advo-clr-d);
}
.ba-ref {
  border: 5px solid var(--ba-ref-clr-l);
  background-color: var(--ba-ref-clr-d);
}
.ba-vol {
  border: 5px solid var(--ba-vol-clr-l);
  background-color: var(--ba-vol-clr-d);
}
.ba-info-grid {
  display: grid;
  grid-template-columns: 1fr;
}
.ba-info-selectors {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: start;
  gap: 2rem;
  margin-bottom: 2rem;
}

h4.ba-selector {
  margin: 0 !important;
  font-family: avorypebold;
}

.sel-main {
  color: var(--ba-main-clr-d);
  border-bottom: 5px solid #fff;
}
.sel-main.ba-active {
  border-bottom: 5px solid var(--ba-main-clr-l);
}
.sel-main:hover {
  cursor: pointer;
  color: var(--ba-main-clr-l);
  border-bottom: 5px solid var(--ba-main-clr-d);
}
.sel-events {
  color: var(--ba-event-clr-d);
  border-bottom: 5px solid #fff;
}
.sel-events.ba-active {
  border-bottom: 5px solid var(--ba-event-clr-l);
}
.sel-events:hover {
  cursor: pointer;
  color: var(--ba-event-clr-l);
  border-bottom: 5px solid var(--ba-event-clr-d);
}

.sel-advo {
  color: var(--ba-advo-clr-d);
  border-bottom: 5px solid #fff;
}
.sel-advo.ba-active {
  border-bottom: 5px solid var(--ba-advo-clr-l);
}
.sel-advo:hover {
  cursor: pointer;
  color: var(--ba-advo-clr-l);
  border-bottom: 5px solid var(--ba-advo-clr-d);
}

.sel-ref {
  color: var(--ba-ref-clr-d);
  border-bottom: 5px solid #fff;
}
.sel-ref.ba-active {
  border-bottom: 5px solid var(--ba-ref-clr-l);
}
.sel-ref:hover {
  cursor: pointer;
  color: var(--ba-ref-clr-l);
  border-bottom: 5px solid var(--ba-ref-clr-d);
}

.sel-vol {
  color: var(--ba-vol-clr-d);
  border-bottom: 5px solid #fff;
}
.sel-vol.ba-active {
  border-bottom: 5px solid var(--ba-vol-clr-l);
}
.sel-vol:hover {
  cursor: pointer;
  color: var(--ba-vol-clr-l);
  border-bottom: 5px solid var(--ba-vol-clr-d);
}

.ba-info-text {
  padding: 2rem;
  border: 5px solid var(--ba-main-clr-l);
  background-color: var(--ba-main-clr-d);
  border-radius: 20px;
  display: none;
}

.ba-info-text.ba-active {
  display: block;
}
.info-events {
  border: 5px solid var(--ba-event-clr-l);
  background-color: var(--ba-event-clr-d);
}
.info-events .button-ibw {
  color: var(--ba-events-clr-d);
}
.info-advo {
  border: 5px solid var(--ba-advo-clr-l);
  background-color: var(--ba-advo-clr-d);
}
.info-advo .button-ibw {
  color: var(--ba-advo-clr-d);
}
.info-ref {
  border: 5px solid var(--ba-ref-clr-l);
  background-color: var(--ba-ref-clr-d);
}
.info-ref .button-ibw {
  color: var(--ba-ref-clr-d);
}
.info-vol {
  border: 5px solid var(--ba-vol-clr-l);
  background-color: var(--ba-vol-clr-d);
}
.info-vol .button-ibw {
  color: var(--ba-vol-clr-d);
}

.ba-info-text .ib-btn-container-flex {
  margin: 2rem 0 0;
}
.ba-info-text .button-ibw:hover {
  color: #fff;
}

.ba-info-text h3 {
  margin: 0;
}

.ba-info-text p,
.ba-info-text h3 {
  color: #fff;
}

.ptvalue {
  background: #fff;
  padding: 5px;
  border-radius: 50%;
  height: 44px;
  width: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
}

i.fa-check {
  color: #96c93d;
}
i.fa-minus {
  color: #ff5000;
}
section#video {
  position: relative;
}
.custom-shape-divider-bottom-1745939012 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  transform: rotate(180deg);
}

.custom-shape-divider-bottom-1745939012 svg {
  position: relative;
  display: block;
  width: calc(200% + 1.3px);
  height: 150px;
}

.custom-shape-divider-bottom-1745939012 .shape-fill {
  fill: #add8e6;
}

@media (min-width: 1200px) {
  .ba-pnt-list {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 991px) {
  .ba-info-grid {
    grid-template-columns: 1fr 4fr;
  }
  .ba-selector {
    width: 100%;
  }
  .ba-info-selectors {
    margin-bottom: 0;
    flex-direction: column;
    justify-content: start;
  }
  .ba-logo {
    width: 250px;
    height: 250px;
    top: -400px;
    left: 75%;
    transform: translateX(-25%);
  }
}