@-moz-keyframes videoOverlayMove {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 6px;
  }
}
@-webkit-keyframes videoOverlayMove {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 6px;
  }
}
@-ms-keyframes videoOverlayMove {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 6px;
  }
}
@-o-keyframes videoOverlayMove {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 6px;
  }
}
@keyframes videoOverlayMove {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 6px;
  }
}
@-moz-keyframes carouselKenBurns {
  0% {
    transform: scale(1.3);
  }
  70% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes carouselKenBurns {
  0% {
    transform: scale(1.3);
  }
  70% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}
@-ms-keyframes carouselKenBurns {
  0% {
    transform: scale(1.3);
  }
  70% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}
@-o-keyframes carouselKenBurns {
  0% {
    transform: scale(1.3);
  }
  70% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes carouselKenBurns {
  0% {
    transform: scale(1.3);
  }
  70% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}
:root .template-why-work-with-us-rows section.row.training-development {
  background-color: #b5680a;
}
:root .template-why-work-with-us-rows section.row.training-development div.bg-layer div.blur-layer {
  background-color: rgba(0, 19, 12, 0);
}
:root .template-why-work-with-us-rows section.row.training-development div.bg-layer div.blur-layer div.splitter div.left {
  background-image: url("../../../../front/gfx/yellow.jpg");
}
:root .template-why-work-with-us-rows section.row.training-development div.bg-layer div.blur-layer div.splitter div.left div.inner {
  background-color: rgba(226, 130, 13, 0);
}

[data-scheme=dark] .template-why-work-with-us-rows section.row.training-development {
  background-color: #492a04;
}
[data-scheme=dark] .template-why-work-with-us-rows section.row.training-development div.bg-layer div.blur-layer {
  background-color: rgba(0, 0, 0, 0);
}
[data-scheme=dark] .template-why-work-with-us-rows section.row.training-development div.bg-layer div.blur-layer div.splitter div.left {
  background-image: url("../../../../front/gfx/yellow.jpg");
}
[data-scheme=dark] .template-why-work-with-us-rows section.row.training-development div.bg-layer div.blur-layer div.splitter div.left div.inner {
  background-color: rgba(68, 39, 4, 0.75);
}

.template-why-work-with-us-rows section.row.training-development {
  background-image: url("../../../../front/gfx/tile-texture.png");
  background-position: 50% 50%;
  background-repeat: repeat;
  background-size: auto;
  text-align: center;
}
.template-why-work-with-us-rows section.row.training-development div.bg-layer {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 980px) {
  .template-why-work-with-us-rows section.row.training-development div.bg-layer div.blur-layer div.splitter {
    display: grid;
    grid-auto-columns: 1fr;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    gap: 0px 0px;
    grid-template-areas: "left right";
  }
}
.template-why-work-with-us-rows section.row.training-development div.bg-layer div.blur-layer div.splitter div.left, .template-why-work-with-us-rows section.row.training-development div.bg-layer div.blur-layer div.splitter div.right {
  --surround-padding: 2rem;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 980px) {
  .template-why-work-with-us-rows section.row.training-development div.bg-layer div.blur-layer div.splitter div.left, .template-why-work-with-us-rows section.row.training-development div.bg-layer div.blur-layer div.splitter div.right {
    --standard-side-padding: 458px;
    --wide-side-padding: 573px;
    display: table;
    height: 100%;
  }
}
.template-why-work-with-us-rows section.row.training-development div.bg-layer div.blur-layer div.splitter div.left div.inner, .template-why-work-with-us-rows section.row.training-development div.bg-layer div.blur-layer div.splitter div.right div.inner {
  --h1-font-size: 1.6rem;
  --h2-font-size: 1.2rem;
  width: 100%;
  padding: var(--surround-padding) calc(var(--surround-padding) / 2);
  text-align: left;
  color: #FFF;
}
@media only screen and (min-width: 980px) {
  .template-why-work-with-us-rows section.row.training-development div.bg-layer div.blur-layer div.splitter div.left div.inner, .template-why-work-with-us-rows section.row.training-development div.bg-layer div.blur-layer div.splitter div.right div.inner {
    padding: var(--surround-padding);
    display: table-cell;
    vertical-align: top;
  }
}
.template-why-work-with-us-rows section.row.training-development div.bg-layer div.blur-layer div.splitter div.left div.inner h1,
.template-why-work-with-us-rows section.row.training-development div.bg-layer div.blur-layer div.splitter div.left div.inner h2, .template-why-work-with-us-rows section.row.training-development div.bg-layer div.blur-layer div.splitter div.right div.inner h1,
.template-why-work-with-us-rows section.row.training-development div.bg-layer div.blur-layer div.splitter div.right div.inner h2 {
  font-family: "Arvo", sans-serif;
  font-weight: 700;
  line-height: 120%;
}
.template-why-work-with-us-rows section.row.training-development div.bg-layer div.blur-layer div.splitter div.left div.inner h1, .template-why-work-with-us-rows section.row.training-development div.bg-layer div.blur-layer div.splitter div.right div.inner h1 {
  margin-bottom: calc(var(--h1-font-size) / 3 * 2);
  font-size: var(--h1-font-size);
}
@media only screen and (min-width: 980px) {
  .template-why-work-with-us-rows section.row.training-development div.bg-layer div.blur-layer div.splitter div.left div.inner h1, .template-why-work-with-us-rows section.row.training-development div.bg-layer div.blur-layer div.splitter div.right div.inner h1 {
    font-size: calc(var(--h1-font-size) / 3 * 4);
  }
}
.template-why-work-with-us-rows section.row.training-development div.bg-layer div.blur-layer div.splitter div.left div.inner h2, .template-why-work-with-us-rows section.row.training-development div.bg-layer div.blur-layer div.splitter div.right div.inner h2 {
  margin: calc(var(--h2-font-size) / 3 * 2 * 1.5) 0 calc(var(--h2-font-size) / 3 * 2);
  font-size: var(--h2-font-size);
}
@media only screen and (min-width: 980px) {
  .template-why-work-with-us-rows section.row.training-development div.bg-layer div.blur-layer div.splitter div.left div.inner h2, .template-why-work-with-us-rows section.row.training-development div.bg-layer div.blur-layer div.splitter div.right div.inner h2 {
    font-size: calc(var(--h2-font-size) / 3 * 4);
  }
}
.template-why-work-with-us-rows section.row.training-development div.bg-layer div.blur-layer div.splitter div.left div.inner p, .template-why-work-with-us-rows section.row.training-development div.bg-layer div.blur-layer div.splitter div.right div.inner p {
  padding: 0.3rem 0;
  line-height: 160%;
}
@media only screen and (min-width: 980px) {
  .template-why-work-with-us-rows section.row.training-development div.bg-layer div.blur-layer div.splitter div.left {
    grid-area: left;
  }
}
@media only screen and (min-width: 980px) {
  .template-why-work-with-us-rows section.row.training-development div.bg-layer div.blur-layer div.splitter div.left div.inner {
    padding-left: calc(100% - var(--standard-side-padding));
  }
}
@media only screen and (min-width: 1210px) {
  .template-why-work-with-us-rows section.row.training-development div.bg-layer div.blur-layer div.splitter div.left div.inner {
    padding-left: calc(100% - var(--wide-side-padding));
  }
}
@media only screen and (max-width: 979px) {
  .template-why-work-with-us-rows section.row.training-development div.bg-layer div.blur-layer div.splitter div.right:before {
    content: "";
    float: left;
    padding-bottom: 43.75%;
  }
  .template-why-work-with-us-rows section.row.training-development div.bg-layer div.blur-layer div.splitter div.right:after {
    content: "";
    display: table;
    clear: both;
  }
}
@media only screen and (min-width: 980px) {
  .template-why-work-with-us-rows section.row.training-development div.bg-layer div.blur-layer div.splitter div.right {
    grid-area: right;
  }
}