/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./web/app/themes/Gambleonlineaustralia/Components/ThreeColumnListSection/ThreeColumnListSection.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/
.three-column-list-section__inner {
  padding-bottom: 28px;
}
@media (min-width: 1024px) {
  .three-column-list-section__inner {
    padding-bottom: 0;
  }
}
.three-column-list-section__subtitle {
  margin-top: 1rem;
  color: #0e1b11;
}
@media (min-width: 1024px) {
  .three-column-list-section__subtitle {
    margin-top: 2rem;
  }
}
.three-column-list-section__content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
}
@media (min-width: 1024px) {
  .three-column-list-section__content {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: space-between;
  }
}
.three-column-list-section__header {
  margin: 0 26px 10px 0;
  color: #0b4e1a;
}
@media (min-width: 1024px) {
  .three-column-list-section__header {
    margin: 0 0 52px 18px;
  }
}
.three-column-list-section__header h2 {
  margin-bottom: 0;
}
.three-column-list-section__item {
  display: grid;
  grid-template-areas: "icon heading" "icon text";
  grid-template-rows: 1fr max-content;
  grid-template-columns: 50px auto;
  align-self: center;
  width: 100%;
  margin: 35px 18px 0;
}
@media (min-width: 1024px) {
  .three-column-list-section__item {
    grid-template-areas: "icon heading" "text text";
    grid-template-rows: max-content 1fr;
    grid-template-columns: min-content auto;
    align-self: initial;
    max-width: calc(33.3333333333% - 26.6666666667px);
    margin: 0;
  }
}
.three-column-list-section__icon {
  display: flex;
  grid-area: icon;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background-color: #ecf5ef;
  border-radius: 100px;
}
@media (min-width: 1024px) {
  .three-column-list-section__icon {
    width: 72px;
    height: 72px;
  }
}
.three-column-list-section__sub-header {
  grid-area: header;
  grid-area: heading;
  margin-left: 22px;
  color: #0b4e1a;
  font-weight: 700;
  font-size: 22px;
  font-family: -apple-system, blinkmacsystemfont, "Segoe UI", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, "Roboto Condensed", sans-serif;
  letter-spacing: -0.56px;
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  .three-column-list-section__sub-header {
    align-self: center;
  }
}
.three-column-list-section__text-content {
  position: relative;
  left: -62px;
  grid-area: text;
  justify-content: flex-start;
  margin-left: 36px;
  padding: 8px 0 0 46px;
  color: #0e1b11;
  font-size: 15px;
  border-left: #d3e5d9 1px solid;
}
@media (min-width: 1024px) {
  .three-column-list-section__text-content {
    position: static;
    position: initial;
    max-width: 330px;
    padding: 20px 0 0 30px;
    font-size: 18px;
  }
}
.three-column-list-section__text-content a {
  color: #278034;
}
.three-column-list-section.bg-color--colored-grey .three-column-list-section__icon {
  background-color: #fff;
}
.three-column-list-section.bg-color--colored-grey .three-column-list-section__sub-header {
  color: #0e1b11;
}
.three-column-list-section.bg-color--tertiary .three-column-list-section__header {
  color: #fff;
}
.three-column-list-section.bg-color--tertiary .three-column-list-section__icon {
  background-color: #0b4e1a;
}
.three-column-list-section.bg-color--tertiary .three-column-list-section__sub-header {
  color: #fff;
}
.three-column-list-section.bg-color--tertiary .three-column-list-section__subtitle a {
  color: #fff;
}
.three-column-list-section.bg-color--tertiary .three-column-list-section__text-content {
  border-left: #ffdaaf 1px solid;
}
.three-column-list-section.bg-color--tertiary .three-column-list-section__text-content a {
  color: #fff;
}
.three-column-list-section.bg-color--primary .three-column-list-section__header {
  color: #fff;
}
.three-column-list-section.bg-color--primary .three-column-list-section__icon {
  background-color: #fa9700;
}
.three-column-list-section.bg-color--primary .three-column-list-section__sub-header {
  color: #fff;
}
.three-column-list-section.bg-color--primary .three-column-list-section__subtitle {
  color: #fff;
}
.three-column-list-section.bg-color--primary .three-column-list-section__subtitle a {
  color: #fa9700;
}
.three-column-list-section.bg-color--primary .three-column-list-section__text-content {
  color: #fff;
  border-left: #729a7c 1px solid;
}
.three-column-list-section.bg-color--primary .three-column-list-section__text-content a {
  color: #fa9700;
}