/*Evan remove any colours below that is not required here*/
/**
CSS grid setup template. Requires row/column declaration
*/
/**
Border related properties.
 */
.btn-xs {
  padding: 0.4rem;
}

body {
  margin: 0;
  font-family: "Nunito", Arial, Helvetica, sans-serif;
}

canvas {
  display: block;
  vertical-align: bottom;
  width: 100vw !important;
}

#particles-js {
  position: absolute;
  top: 0;
  width: 100%;
  height: 20%;
  background-color: #F2F2F2;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  overflow-x: hidden;
}

.outer_container {
  background-color: white;
  height: inherit !important;
}

.btn-cliq {
  color: #fff;
  background-color: #53C6D0;
  border-color: #53C6D0;
}

.btn-cliq:hover {
  color: #fff;
  background-color: #32afba;
  border-color: #32afba;
}

.main-content {
  position: relative;
  display: grid;
  grid-template: none/1fr auto 1fr;
  grid-template-areas: ". s ." "c c c";
  grid-gap: 2em;
}
.main-content .slogan {
  grid-area: s;
  max-width: 600px;
  display: grid;
  grid-template: none/auto;
  grid-template-areas: "i" "h";
  grid-gap: 1em;
  background-color: white;
  border: solid #3A3837;
  border-width: 0 2px 2px 2px;
  border-radius: 0 0 1em 1em;
}
@media only screen and (min-width: 31.25em) {
  .main-content .slogan {
    display: grid;
    grid-template: none/auto auto;
    grid-template-areas: "i h";
    grid-gap: 1.5em;
  }
}
.main-content .slogan h2 {
  display: flex;
  align-self: center;
  justify-self: center;
  text-align: center;
  padding: 0.5em;
  grid-area: h;
  background-color: white;
}
.main-content .slogan img {
  display: flex;
  align-self: center;
  justify-self: center;
  background-color: white;
  padding: 0.5em;
  margin: 0.5em;
  grid-area: i;
}
.main-content .tabs {
  grid-area: c;
  background: white;
  border-bottom: 1px solid #666463;
  padding-bottom: 1em;
}
.main-content .tabs h3, .main-content .tabs h4, .main-content .tabs h5, .main-content .tabs span {
  text-align: center;
}
.main-content .tabs .tabs-heading {
  display: grid;
  grid-template: none/1fr 1fr;
  grid-template-areas: "is bs";
  position: sticky;
  top: 0;
}
.main-content .tabs .tabs-heading h3 {
  margin: 0.25em;
}
.main-content .tabs .tabs-heading .is-active {
  background-image: linear-gradient(to right, white, #53c6d0) !important;
}
.main-content .tabs .tabs-heading .bs-active {
  background-image: linear-gradient(to left, white, #53c6d0) !important;
}
.main-content .tabs .tabs-heading .is {
  grid-area: is;
  border: solid #666563;
  border-width: 2px 1px 2px 0;
  background-image: linear-gradient(to right, white, white);
  user-select: none;
  cursor: pointer;
  display: grid;
  grid-template: none/1fr auto auto;
  grid-template-areas: ". title icon";
  text-align: right;
}
.main-content .tabs .tabs-heading .is .title {
  display: flex;
  align-self: center;
  justify-self: center;
  grid-area: title;
  font-size: 1.3em;
}
@media only screen and (min-width: 31.25em) {
  .main-content .tabs .tabs-heading .is .title {
    font-size: 2em;
  }
}
.main-content .tabs .tabs-heading .bs {
  grid-area: bs;
  border: solid #666563;
  border-width: 2px 0 2px 1px;
  background-image: linear-gradient(to left, white, white);
  user-select: none;
  cursor: pointer;
  display: grid;
  grid-template: none/auto 4fr auto 1fr;
  grid-template-areas: "title . icon .";
  text-align: left;
}
.main-content .tabs .tabs-heading .bs .title {
  display: flex;
  align-self: center;
  justify-self: center;
  grid-area: title;
  font-size: 1.3em;
}
@media only screen and (min-width: 31.25em) {
  .main-content .tabs .tabs-heading .bs .title {
    font-size: 2em;
  }
}
.main-content .tabs .accordion-grid {
  display: grid;
  grid-template: none/auto auto 1fr;
  grid-template-areas: "h i .";
  cursor: pointer;
  margin-top: 1em;
}
.main-content .tabs .accordion-grid h5 {
  grid-area: h;
  margin: 0;
  display: flex;
  align-self: center;
  justify-self: center;
}
.main-content .tabs .accordion-grid .icon {
  color: #989795;
  display: flex;
  align-self: center;
  justify-self: center;
  color: #17a2b8;
  margin-left: 0.5em;
}
.main-content .tabs .is-content {
  grid-area: mc;
  background-color: white;
  padding-top: 2em;
  display: grid;
  grid-template: none/1fr auto 1fr;
  grid-template-areas: ". fi ." ". ib ." ". hiw ." ". sp .";
  grid-gap: 2em 0;
}
@media only screen and (min-width: 53em) {
  .main-content .tabs .is-content {
    display: grid;
    grid-template: none/1fr auto auto 1fr;
    grid-template-areas: ". fi ib ." ". hiw sp .";
    grid-gap: 0;
  }
}
.main-content .tabs .is-content .fi {
  max-width: 37.5em;
  padding: 0.5em;
  background-color: white;
  grid-area: fi;
  display: grid;
  grid-template: none/1fr auto 1fr;
  grid-template-areas: ". h ." ". sub ." ". desc ." ". chem1 ." ". chem2 ." ". vi ." ". nr ." ". comp ." ". links ." ". know .";
  grid-gap: 0;
  max-width: unset;
  border: none;
}
.main-content .tabs .is-content .fi .heading {
  grid-area: h;
  display: grid;
  grid-template: none/1fr auto 1fr;
  grid-template-areas: ". icon ." ". title .";
  grid-gap: 0;
}
.main-content .tabs .is-content .fi .heading .title {
  display: flex;
  align-self: center;
  justify-self: center;
  grid-area: title;
}
.main-content .tabs .is-content .fi .heading .icon {
  color: #989795;
  display: flex;
  align-self: center;
  justify-self: center;
  grid-area: icon;
}
.main-content .tabs .is-content .fi .hide-desc {
  display: flex;
  min-width: 0;
  flex-direction: column;
  grid-area: ul;
}
@media only screen and (min-width: 26.3em) {
  .main-content .tabs .is-content .fi {
    display: grid;
    grid-template: none/1fr auto auto 1fr;
    grid-template-areas: ". h h ." ". sub sub ." ".  desc desc ." ". chem1 chem2 ." ". vi nr ." ". comp . ." ". links links ." ". know know .";
    grid-gap: 0.5em;
  }
}
.main-content .tabs .is-content .fi .assessment {
  display: grid;
  grid-template: none/1fr;
  grid-template-areas: "pic" "title" "desc" "links";
  background-color: white;
  margin-top: 1em;
}
.main-content .tabs .is-content .fi .assessment img {
  display: flex;
  align-self: center;
  justify-self: center;
  grid-area: pic;
  height: 70px;
}
.main-content .tabs .is-content .fi .assessment h4 {
  grid-area: title;
}
.main-content .tabs .is-content .fi .assessment .links {
  display: flex;
  align-self: center;
  justify-self: center;
  grid-area: links;
}
.main-content .tabs .is-content .fi .assessment .links a {
  margin: 0 0.5em;
}
.main-content .tabs .is-content .fi .assessment span {
  text-align: center;
  grid-area: desc;
}
.main-content .tabs .is-content .fi .links {
  display: grid;
  grid-template: none/1fr auto 1fr;
  grid-template-areas: ". rm ." ". gs .";
  grid-gap: 0.5em;
  margin: 0.25em 0.25em 0.25em 0.25em;
  grid-area: links;
}
@media only screen and (min-width: 29em) {
  .main-content .tabs .is-content .fi .links {
    display: grid;
    grid-template: none/1fr auto auto 1fr;
    grid-template-areas: ". rm gs .";
  }
}
.main-content .tabs .is-content .fi .links a {
  display: flex;
  align-self: center;
  justify-self: center;
  margin-top: 0.5em;
}
.main-content .tabs .is-content .fi .know {
  display: flex;
  align-self: center;
  justify-self: center;
  grid-area: know;
}
@media only screen and (min-width: 53em) {
  .main-content .tabs .is-content .fi {
    max-width: 37.5em;
    padding-right: 6.5em;
    border: solid #666563;
    border-width: 0 1px 0 0;
  }
}
.main-content .tabs .is-content .ib {
  grid-area: ib;
  max-width: 37.5em;
  padding: 0.5em;
  background-color: white;
  display: grid;
  grid-template: none/1fr auto 1fr;
  grid-template-areas: ". h ." ". desc ." ". sub ." ". ul ." ". links .";
  max-width: unset;
  border: none;
}
.main-content .tabs .is-content .ib .heading {
  grid-area: h;
  display: grid;
  grid-template: none/1fr auto 1fr;
  grid-template-areas: ". icon ." ". title .";
  grid-gap: 0;
}
.main-content .tabs .is-content .ib .heading .title {
  display: flex;
  align-self: center;
  justify-self: center;
  grid-area: title;
}
.main-content .tabs .is-content .ib .heading .icon {
  color: #989795;
  display: flex;
  align-self: center;
  justify-self: center;
  grid-area: icon;
}
.main-content .tabs .is-content .ib .hide-desc {
  display: flex;
  min-width: 0;
  flex-direction: column;
  grid-area: ul;
}
.main-content .tabs .is-content .ib .rm {
  display: flex;
  align-self: center;
  justify-self: center;
  grid-area: rm;
  margin-bottom: 0.5em;
}
.main-content .tabs .is-content .ib .heading {
  padding-top: 0.5em;
  border: solid #666563;
  border-width: 1px 0 0 0;
}
@media only screen and (min-width: 53em) {
  .main-content .tabs .is-content .ib .heading {
    border: none;
    padding-top: 0;
  }
}
@media only screen and (min-width: 53em) {
  .main-content .tabs .is-content .ib {
    max-width: 18.75em;
    padding-left: 4em !important;
  }
}
.main-content .tabs .is-content .hiw {
  max-width: 37.5em;
  padding: 0.5em;
  background-color: white;
  padding-top: 0 !important;
  grid-area: hiw;
  display: grid;
  grid-template: none/1fr auto 1fr;
  grid-template-areas: ". h ." ". desc ." ". text ." ". sign ." ". video ." ". free ." ". ul .";
  max-width: unset;
  border: none;
}
.main-content .tabs .is-content .hiw .heading {
  grid-area: h;
  border: solid #666563;
  border-width: 1px 0 0 0;
  padding-top: 0.5em;
  display: grid;
  grid-template: none/1fr auto 1fr;
  grid-template-areas: ". icon ." ". title .";
  grid-gap: 0;
}
.main-content .tabs .is-content .hiw .heading .title {
  display: flex;
  align-self: center;
  justify-self: center;
  grid-area: title;
}
.main-content .tabs .is-content .hiw .heading .icon {
  color: #989795;
  display: flex;
  align-self: center;
  justify-self: center;
  grid-area: icon;
}
.main-content .tabs .is-content .hiw .hide-desc {
  display: flex;
  min-width: 0;
  flex-direction: column;
  grid-area: ul;
}
@media only screen and (min-width: 24em) {
  .main-content .tabs .is-content .hiw {
    display: grid;
    grid-template: none/1fr auto auto 1fr;
    grid-template-areas: ". h h ." ". desc desc ." ". text text ." ". video sign ." ". free free ." ". ul ul .";
  }
}
.main-content .tabs .is-content .hiw a {
  display: flex;
  align-self: center;
  justify-self: center;
  margin: 0.5em;
}
.main-content .tabs .is-content .hiw span, .main-content .tabs .is-content .hiw li {
  display: flex;
  align-self: center;
  justify-self: center;
}
.main-content .tabs .is-content .hiw span a, .main-content .tabs .is-content .hiw li a {
  margin: 0 0.25em;
}
@media only screen and (min-width: 53em) {
  .main-content .tabs .is-content .hiw {
    max-width: 37.5em;
    padding-right: 6.5em;
    border: solid #666563;
    border-width: 0 1px 0 0;
  }
}
.main-content .tabs .is-content .sp {
  max-width: 37.5em;
  padding: 0.5em;
  background-color: white;
  padding-top: 0 !important;
  display: grid;
  grid-template: none/1fr auto 1fr;
  grid-template-areas: ". h ." ". desc ." ". rm .";
  grid-area: sp;
  max-width: unset;
  border: none;
}
.main-content .tabs .is-content .sp .heading {
  grid-area: h;
  border: solid #666563;
  border-width: 1px 0 0 0;
  padding-top: 0.5em;
  display: grid;
  grid-template: none/1fr auto 1fr;
  grid-template-areas: ". icon ." ". title .";
  grid-gap: 0;
}
.main-content .tabs .is-content .sp .heading .title {
  display: flex;
  align-self: center;
  justify-self: center;
  grid-area: title;
}
.main-content .tabs .is-content .sp .heading .icon {
  color: #989795;
  display: flex;
  align-self: center;
  justify-self: center;
  grid-area: icon;
}
.main-content .tabs .is-content .sp .hide-desc {
  display: flex;
  min-width: 0;
  flex-direction: column;
  grid-area: ul;
}
.main-content .tabs .is-content .sp a {
  margin: 0.5em;
  display: flex;
  align-self: center;
  justify-self: center;
}
@media only screen and (min-width: 53em) {
  .main-content .tabs .is-content .sp {
    max-width: 18.75em;
    padding-left: 4em !important;
  }
}
.main-content .tabs .is-content .links {
  display: grid;
  grid-template: none/1fr auto 1fr;
  grid-template-areas: ". rm ." ". gs .";
  grid-gap: 0.5em;
  margin: 0.25em 0.25em 0.25em 0.25em;
  grid-area: links;
}
@media only screen and (min-width: 29em) {
  .main-content .tabs .is-content .links {
    display: grid;
    grid-template: none/1fr auto auto 1fr;
    grid-template-areas: ". rm gs .";
  }
}
.main-content .tabs .is-content .links a {
  display: flex;
  align-self: center;
  justify-self: center;
  margin-top: 0.5em;
}
.main-content .tabs .bs-content {
  display: grid;
  grid-template: none/1fr auto 1fr;
  grid-template-areas: ". login ." ". fb ." ". bb ." ". sp . " ". bp ." ". cd .";
  grid-gap: 2em 0;
  grid-area: mc;
  background-color: white;
  padding-top: 2em;
  display: none;
}
@media only screen and (min-width: 53em) {
  .main-content .tabs .bs-content {
    display: grid;
    grid-template: none/1fr auto auto 1fr;
    grid-template-areas: ". fb login ." ". fb bb ." ".  fb sp . " ". bp cd .";
    grid-gap: 0;
    display: none;
  }
}
.main-content .tabs .bs-content .login {
  grid-area: login;
  padding-top: 1em;
  display: grid;
  grid-template: none/1fr auto auto 1fr;
  grid-template-areas: ". rm gs ." ". txt txt .";
  max-width: unset;
  border: none;
}
.main-content .tabs .bs-content .login a {
  display: flex;
  align-self: center;
  justify-self: center;
}
@media only screen and (min-width: 53em) {
  .main-content .tabs .bs-content .login {
    max-width: 18.75em;
    padding-left: 4em !important;
    border-left: 0;
  }
}
.main-content .tabs .bs-content .fb {
  max-width: 37.5em;
  padding: 0.5em;
  background-color: white;
  display: grid;
  grid-template: none/1fr auto 1fr;
  grid-template-areas: ". h ." ". desc ." ". chem1 ." ". chem2 ." ". cara ." ". vi ." ". rp ." ". comp ." ". p ." ". links ." ". know .";
  grid-gap: 0.5em;
  grid-area: fb;
  max-width: unset;
  border: none;
}
.main-content .tabs .bs-content .fb .heading {
  grid-area: h;
  display: grid;
  grid-template: none/1fr auto 1fr;
  grid-template-areas: ". icon ." ". title .";
  grid-gap: 0;
}
.main-content .tabs .bs-content .fb .heading .title {
  display: flex;
  align-self: center;
  justify-self: center;
  grid-area: title;
}
.main-content .tabs .bs-content .fb .heading .icon {
  color: #989795;
  display: flex;
  align-self: center;
  justify-self: center;
  grid-area: icon;
}
.main-content .tabs .bs-content .fb .hide-desc {
  display: flex;
  min-width: 0;
  flex-direction: column;
  grid-area: ul;
}
@media only screen and (min-width: 34.375em) {
  .main-content .tabs .bs-content .fb {
    display: grid;
    grid-template: none/1fr repeat(2, auto) 1fr;
    grid-template-areas: ". h h ." ". desc desc ." ". chem1 chem2 ." ". cara vi ." ". nr comp ." ". p . ." ". links links ." ". know know .";
    grid-gap: 0.5em;
  }
}
.main-content .tabs .bs-content .fb .assessment {
  display: grid;
  grid-template: none/1fr;
  grid-template-areas: "pic" "title" "desc" "links";
  background-color: white;
  margin-top: 1em;
}
.main-content .tabs .bs-content .fb .assessment img {
  display: flex;
  align-self: center;
  justify-self: center;
  grid-area: pic;
  height: 70px;
}
.main-content .tabs .bs-content .fb .assessment h4 {
  grid-area: title;
}
.main-content .tabs .bs-content .fb .assessment .links {
  display: flex;
  align-self: center;
  justify-self: center;
  grid-area: links;
}
.main-content .tabs .bs-content .fb .assessment .links a {
  margin: 0 0.5em;
}
.main-content .tabs .bs-content .fb .assessment span {
  text-align: center;
  grid-area: desc;
}
.main-content .tabs .bs-content .fb .links {
  display: grid;
  grid-template: none/1fr auto 1fr;
  grid-template-areas: ". rm ." ". gs .";
  grid-gap: 0.5em;
  margin: 0.25em 0.25em 0.25em 0.25em;
  grid-area: links;
}
@media only screen and (min-width: 29em) {
  .main-content .tabs .bs-content .fb .links {
    display: grid;
    grid-template: none/1fr auto auto 1fr;
    grid-template-areas: ". rm gs .";
  }
}
.main-content .tabs .bs-content .fb .links a {
  display: flex;
  align-self: center;
  justify-self: center;
  margin-top: 0.5em;
}
.main-content .tabs .bs-content .fb .know {
  display: flex;
  align-self: center;
  justify-self: center;
  grid-area: know;
}
.main-content .tabs .bs-content .fb .links {
  display: grid;
  grid-template: none/1fr auto 1fr;
  grid-template-areas: ". rm ." ". gs .";
  grid-gap: 0.5em;
  margin: 0.25em 0.25em 0.25em 0.25em;
  grid-area: links;
}
@media only screen and (min-width: 29em) {
  .main-content .tabs .bs-content .fb .links {
    display: grid;
    grid-template: none/1fr auto auto 1fr;
    grid-template-areas: ". rm gs .";
  }
}
.main-content .tabs .bs-content .fb .links a {
  display: flex;
  align-self: center;
  justify-self: center;
  margin-top: 0.5em;
}
.main-content .tabs .bs-content .fb .heading {
  border: solid #666563;
  border-width: 1px 0 0 0;
  padding-top: 0.5em;
}
@media only screen and (min-width: 53em) {
  .main-content .tabs .bs-content .fb .heading {
    padding-top: 0;
    border: none;
  }
}
@media only screen and (min-width: 53em) {
  .main-content .tabs .bs-content .fb {
    max-width: 37.5em;
    padding-right: 6.5em;
    border: solid #666563;
    border-width: 0 1px 0 0;
    border: solid #666563;
    border-width: 0 1px 0 0;
  }
}
.main-content .tabs .bs-content .bb {
  grid-area: bb;
  max-width: 37.5em;
  padding: 0.5em;
  background-color: white;
  padding-top: 0;
  display: grid;
  grid-template: none/1fr auto auto 1fr;
  grid-template-areas: ". h ." ". ul ." ". rm .";
  max-width: unset;
  border: none;
}
.main-content .tabs .bs-content .bb .heading {
  grid-area: h;
  display: grid;
  grid-template: none/1fr auto 1fr;
  grid-template-areas: ". icon ." ". title .";
  grid-gap: 0;
}
.main-content .tabs .bs-content .bb .heading .title {
  display: flex;
  align-self: center;
  justify-self: center;
  grid-area: title;
}
.main-content .tabs .bs-content .bb .heading .icon {
  color: #989795;
  display: flex;
  align-self: center;
  justify-self: center;
  grid-area: icon;
}
.main-content .tabs .bs-content .bb .hide-desc {
  display: flex;
  min-width: 0;
  flex-direction: column;
  grid-area: ul;
}
.main-content .tabs .bs-content .bb .rm {
  display: flex;
  align-self: center;
  justify-self: center;
  grid-area: rm;
  margin-bottom: 0.5em;
}
.main-content .tabs .bs-content .bb .heading {
  border: solid #666563;
  border-width: 1px 0 0 0;
  padding-top: 0.5em;
}
@media only screen and (min-width: 53em) {
  .main-content .tabs .bs-content .bb {
    max-width: 18.75em;
    padding-left: 4em !important;
    border-width: 0;
  }
}
.main-content .tabs .bs-content .sp {
  max-width: 37.5em;
  padding: 0.5em;
  background-color: white;
  padding-top: 0 !important;
  display: grid;
  grid-template: none/1fr auto 1fr;
  grid-template-areas: ". h ." ". desc ." ". rm .";
  grid-area: sp;
  max-width: unset;
  border: none;
}
.main-content .tabs .bs-content .sp .heading {
  grid-area: h;
  border: solid #666563;
  border-width: 1px 0 0 0;
  padding-top: 0.5em;
  display: grid;
  grid-template: none/1fr auto 1fr;
  grid-template-areas: ". icon ." ". title .";
  grid-gap: 0;
}
.main-content .tabs .bs-content .sp .heading .title {
  display: flex;
  align-self: center;
  justify-self: center;
  grid-area: title;
}
.main-content .tabs .bs-content .sp .heading .icon {
  color: #989795;
  display: flex;
  align-self: center;
  justify-self: center;
  grid-area: icon;
}
.main-content .tabs .bs-content .sp .hide-desc {
  display: flex;
  min-width: 0;
  flex-direction: column;
  grid-area: ul;
}
.main-content .tabs .bs-content .sp a {
  margin: 0.5em;
  display: flex;
  align-self: center;
  justify-self: center;
}
@media only screen and (min-width: 53em) {
  .main-content .tabs .bs-content .sp {
    max-width: 18.75em;
    padding-left: 4em !important;
  }
}
@media only screen and (min-width: 53em) {
  .main-content .tabs .bs-content .sp {
    border-width: 0;
  }
}
.main-content .tabs .bs-content .bp {
  max-width: 37.5em;
  padding: 0.5em;
  background-color: white;
  padding-top: 0 !important;
  display: grid;
  grid-template: none/1fr auto 1fr;
  grid-template-areas: ". h ." ". c1 ." ". c2 ." ". links .";
  grid-area: bp;
  max-width: unset;
  border: none;
}
.main-content .tabs .bs-content .bp .heading {
  grid-area: h;
  border: solid #666563;
  border-width: 1px 0 0 0;
  padding-top: 0.5em;
  display: grid;
  grid-template: none/1fr auto 1fr;
  grid-template-areas: ". icon ." ". title .";
  grid-gap: 0;
}
.main-content .tabs .bs-content .bp .heading .title {
  display: flex;
  align-self: center;
  justify-self: center;
  grid-area: title;
}
.main-content .tabs .bs-content .bp .heading .icon {
  color: #989795;
  display: flex;
  align-self: center;
  justify-self: center;
  grid-area: icon;
}
.main-content .tabs .bs-content .bp .hide-desc {
  display: flex;
  min-width: 0;
  flex-direction: column;
  grid-area: ul;
}
.main-content .tabs .bs-content .bp .assessment {
  display: grid;
  grid-template: none/1fr;
  grid-template-areas: "pic" "title" "desc" "links";
  background-color: white;
  margin-top: 1em;
}
.main-content .tabs .bs-content .bp .assessment img {
  display: flex;
  align-self: center;
  justify-self: center;
  grid-area: pic;
  height: 70px;
}
.main-content .tabs .bs-content .bp .assessment h4 {
  grid-area: title;
}
.main-content .tabs .bs-content .bp .assessment .links {
  display: flex;
  align-self: center;
  justify-self: center;
  grid-area: links;
}
.main-content .tabs .bs-content .bp .assessment .links a {
  margin: 0 0.5em;
}
.main-content .tabs .bs-content .bp .assessment span {
  text-align: center;
  grid-area: desc;
}
.main-content .tabs .bs-content .bp .links {
  display: grid;
  grid-template: none/1fr auto 1fr;
  grid-template-areas: ". rm ." ". gs .";
  grid-gap: 0.5em;
  margin: 0.25em 0.25em 0.25em 0.25em;
  grid-area: links;
}
@media only screen and (min-width: 29em) {
  .main-content .tabs .bs-content .bp .links {
    display: grid;
    grid-template: none/1fr auto auto 1fr;
    grid-template-areas: ". rm gs .";
  }
}
.main-content .tabs .bs-content .bp .links a {
  display: flex;
  align-self: center;
  justify-self: center;
  margin-top: 0.5em;
}
.main-content .tabs .bs-content .bp .know {
  display: flex;
  align-self: center;
  justify-self: center;
  grid-area: know;
}
@media only screen and (min-width: 53em) {
  .main-content .tabs .bs-content .bp {
    max-width: 37.5em;
    padding-right: 6.5em;
    border: solid #666563;
    border-width: 0 1px 0 0;
  }
}
.main-content .tabs .bs-content .cd {
  max-width: 37.5em;
  padding: 0.5em;
  background-color: white;
  padding-top: 0 !important;
  display: grid;
  grid-template: none/1fr auto 1fr;
  grid-template-areas: ". h ." ". desc ." ". link .";
  grid-area: cd;
  max-width: unset;
  border: none;
}
.main-content .tabs .bs-content .cd .heading {
  grid-area: h;
  border: solid #666563;
  border-width: 1px 0 0 0;
  padding-top: 0.5em;
  display: grid;
  grid-template: none/1fr auto 1fr;
  grid-template-areas: ". icon ." ". title .";
  grid-gap: 0;
}
.main-content .tabs .bs-content .cd .heading .title {
  display: flex;
  align-self: center;
  justify-self: center;
  grid-area: title;
}
.main-content .tabs .bs-content .cd .heading .icon {
  color: #989795;
  display: flex;
  align-self: center;
  justify-self: center;
  grid-area: icon;
}
.main-content .tabs .bs-content .cd .hide-desc {
  display: flex;
  min-width: 0;
  flex-direction: column;
  grid-area: ul;
}
@media only screen and (min-width: 53em) {
  .main-content .tabs .bs-content .cd {
    max-width: 18.75em;
    padding-left: 4em !important;
  }
}
.main-content .tabs .bs-content .cd a {
  margin: 0.5em;
  display: flex;
  align-self: center;
  justify-self: center;
}
.main-content .tabs .bs-content .cd .icon {
  height: 4em;
}

/*# sourceMappingURL=landing.css.map */