@import url(../../common-css/root.css);
@import url(../../common-css/containers.css);
@import url(../../common-css/fonts.css);
.teamkingdom-section {
  background: var(--interfaceC);
  padding: 6% 6%;
  color: #3c3c3c !important;
}
.col-12 > div > h6,
.col-12 > .flex-col > h1 {
  font-family: var(--heavyfont);
  font-size: var(--herofont) !important;
  text-wrap: nowrap;
}
.col-12 > .flex-col > h4 {
  font-family: var(--mediumfont);
  font-size: var(--headingfont) !important;
  line-height: 2;
}
.col-12 > .col-10 > p {
  font-family: var(--mediumfont);
  font-size: var(--font16) !important;
  line-height: 2;
}

@media screen and (min-width: 0px) {
  .teamkindom-flow {
    min-width: 100px;
    min-height: 100px;
    max-width: 200px;
    max-height: 200px;
  }
}
@media screen and (min-width: 0px) {
  .flex-row-col > .flex-row {
    flex-direction: row !important;
  }
  .teamkindom-flow {
    max-width: 140px !important ;
    max-height: 140px !important;
  }
}
@media screen and (min-width: 800px) {
  .teamkindom-flow {
    max-width: 160px !important ;
    max-height: 160px !important;
  }
}
@media screen and (min-width: 1040px) {
  .teamkindom-flow {
    max-width: 180px !important ;
    max-height: 180px !important;
  }
}
@media screen and (min-width: 1280px) {
  .teamkindom-flow {
    max-width: 200px !important ;
    max-height: 200px !important;
  }
}