/* inner col wrap is for inner content spacing */
/*
.innerColWrap {
  padding: 10%;
}
*/
/* for borders on columns change id to match section */

/* .terms .twoColWrapLeft, .terms .twoColWrapRight {
  outline:1px solid #8b281d;
  outline-offset:-20px;
} */
.sticky-column {
  position: sticky;
  position: -webkit-sticky;
  top: 130px;
}
.sticky-parent .elementor-widget-wrap {
  display: block !important;
}

.twoColWrap h5,
.threeColWrap h5,
.fourColWrap h5 {
  text-align: center;
  font-size: 1.8em;
}

.twoColWrap {
  width: 100%;
  display: inline-grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: auto;
  margin-top: 3%;
  margin-bottom: 5%;
}
.twoColWrapLeft {
  grid-column: 1/4;
  grid-row: 1/2;
}
.terms .textContent {
  grid-column: 3/11 !important;
}
.terms .twoColWrapLeft {
  grid-column: 1/4;
  display: inline-flex;
  padding: 0 5% 0 0;
}

.terms .twoColWrapLeft .innercolwrap {
  display: flex;
  align-content: center;
  flex-direction: column;
}
.terms .wrap-collapsible {
  grid-row: 2/3;
  grid-column: 2/6;
}
.twoColWrapRight {
  grid-column: 4/6;
  grid-row: 1/2;
  padding: 0 0 0 5%;
}
.terms .twoColWrapRight {
grid-column: 4/6;
  display: inline-flex;
  padding: 0 0 0 0;
}

.threeColWrap {
  width: 100%;
  display: inline-grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  margin-top: 3%;
}
.threeColWrapLeft {
  grid-column: 1/2;
  grid-row: 1/2;
}
.threeColWrapCenter {
  grid-column: 2/3;
  grid-row: 1/2;
}
.threeColWrapRight {
  grid-column: 3/4;
  grid-row: 1/2;
}
.fourColWrap {
  width: 100%;
  display: inline-grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
}
.fourColWrapLeft {
  grid-column: 1/2;
  grid-row: 1/2;
}
.fourColWrapLeftCenter {
  grid-column: 2/3;
  grid-row: 1/2;
}
.fourColWrapRightCenter {
  grid-column: 3/4;
  grid-row: 1/2;
}
.fourColWrapRight {
  grid-column: 4/5;
  grid-row: 1/2;
}

/* background change hovers for columns */
/*
.twoColWrapLeft:hover,
.twoColWrapRight:hover {
  box-shadow: 0px 0px 25px 10px rgba(0, 0, 0, 0.2);
   background-color:rgba(0,0,0,.03);
  transition:background-color 0.5s ease; 
}
.threeColWrapLeft:hover,
.threeColWrapCenter:hover,
.threeColWrapRight:hover {
  box-shadow: 0px 0px 25px 10px rgba(0, 0, 0, 0.2);
   background-color:rgba(0,0,0,.03);
  transition:background-color 0.5s ease; 
}
.fourColWrapLeft:hover,
.fourColWrapLeftCenter:hover,
.fourColWrapRightCenter:hover,
.fourColWrapRight:hover {
  box-shadow: 0px 0px 25px 10px rgba(0, 0, 0, 0.2);
   background-color:rgba(0,0,0,.03);
  transition:background-color 0.5s ease; 
}
