@charset "UTF-8";


.leadership .darker {
  background-color: hsl(3, 80%, 35%);
  color: rgb(250, 250, 250);
}
.leadership .base {
  background-color: hsl(3, 80%, 40%);
  color: rgb(250, 250, 250);
}
.leadership .lighter_75 {
  background-color: hsl(3, 40%, 75%);
  color: rgb(80, 80, 80);
}
.leadership .lighter_90 {
  background-color: hsl(3, 40%, 90%);
  color: rgb(80, 80, 80);
}
.leadership .lighter_95 {
  background-color: hsl(3, 40%, 95%) !important;
  color: rgb(80, 80, 80) !important;
}
.leadership .lighter_95.border-top {
  border-top: 2px solid hsl(3, 40%, 75%) !important;
}

.project_management .darker {
  background-color: hsl(334, 100%, 40%);
  color: rgb(250, 250, 250);
}
.project_management .base {
  background-color: hsl(334, 100%, 45%);
  color: rgb(250, 250, 250);
}
.project_management .lighter_75 {
  background-color: hsl(334, 40%, 75%);
  color: rgb(80, 80, 80);
}
.project_management .lighter_90 {
  background-color: hsl(334, 40%, 90%);
  color: rgb(80, 80, 80);
}
.project_management .lighter_95 {
  background-color: hsl(334, 40%, 95%) !important;
  color: rgb(80, 80, 80) !important;
}
.project_management .lighter_95.border-top {
  border-top: 2px solid hsl(334, 40%, 75%) !important;
}

.time_management .darker {
  background-color: hsl(17, 95%, 42%);
  color: rgb(250, 250, 250);
}
.time_management .base {
  background-color: hsl(17, 95%, 47%);
  color: rgb(250, 250, 250);
}
.time_management .lighter_75 {
  background-color: hsl(17, 40%, 75%);
  color: rgb(80, 80, 80);
}
.time_management .lighter_90 {
  background-color: hsl(17, 40%, 90%);
  color: rgb(80, 80, 80);
}
.time_management .lighter_95 {
  background-color: hsl(17, 40%, 95%) !important;
  color: rgb(80, 80, 80) !important;
}
.time_management .lighter_95.border-top {
  border-top: 2px solid hsl(17, 40%, 75%) !important;
}

.customer_service .darker {
  background-color: hsl(47, 100%, 42%);
  color: rgb(250, 250, 250);
}
.customer_service .base {
  background-color: hsl(47, 100%, 47%);
  color: rgb(250, 250, 250);
}
.customer_service .lighter_75 {
  background-color: hsl(47, 40%, 75%);
  color: rgb(80, 80, 80);
}
.customer_service .lighter_90 {
  background-color: hsl(47, 40%, 90%);
  color: rgb(80, 80, 80);
}
.customer_service .lighter_95 {
  background-color: hsl(47, 40%, 95%) !important;
  color: rgb(80, 80, 80) !important;
}
.customer_service .lighter_95.border-top {
  border-top: 2px solid hsl(47, 40%, 75%) !important;
}

.telephone_training .darker {
  background-color: hsl(66, 100%, 28%);
  color: rgb(250, 250, 250);
}
.telephone_training .base {
  background-color: hsl(66, 100%, 33%);
  color: rgb(250, 250, 250);
}
.telephone_training .lighter_75 {
  background-color: hsl(66, 40%, 75%);
  color: rgb(80, 80, 80);
}
.telephone_training .lighter_90 {
  background-color: hsl(66, 40%, 90%);
  color: rgb(80, 80, 80);
}
.telephone_training .lighter_95 {
  background-color: hsl(66, 40%, 95%) !important;
  color: rgb(80, 80, 80) !important;
}
.telephone_training .lighter_95.border-top {
  border-top: 2px solid hsl(66, 40%, 75%) !important;
}

.sales_training .darker {
  background-color: hsl(89, 69%, 23%);
  color: rgb(250, 250, 250);
}
.sales_training .base {
  background-color: hsl(89, 69%, 28%);
  color: rgb(250, 250, 250);
}
.sales_training .lighter_75 {
  background-color: hsl(89, 40%, 75%);
  color: rgb(80, 80, 80);
}
.sales_training .lighter_90 {
  background-color: hsl(89, 40%, 90%);
  color: rgb(80, 80, 80);
}
.sales_training .lighter_95 {
  background-color: hsl(89, 40%, 95%) !important;
  color: rgb(80, 80, 80) !important;
}
.sales_training .lighter_95.border-top {
  border-top: 2px solid hsl(89, 40%, 75%) !important;
}

.conflict_management .darker {
  background-color: hsl(181, 100%, 19%);
  color: rgb(250, 250, 250);
}
.conflict_management .base {
  background-color: hsl(181, 100%, 24%);
  color: rgb(250, 250, 250);
}
.conflict_management .lighter_75 {
  background-color: hsl(181, 40%, 75%);
  color: rgb(80, 80, 80);
}
.conflict_management .lighter_90 {
  background-color: hsl(181, 40%, 90%);
  color: rgb(80, 80, 80);
}
.conflict_management .lighter_95 {
  background-color: hsl(181, 40%, 95%) !important;
  color: rgb(80, 80, 80) !important;
}
.conflict_management .lighter_95.border-top {
  border-top: 2px solid hsl(181, 40%, 75%) !important;
}

.presentation_training .darker {
  background-color: hsl(198, 100%, 29%);
  color: rgb(250, 250, 250);
}
.presentation_training .base {
  background-color: hsl(198, 100%, 34%);
  color: rgb(250, 250, 250);
}
.presentation_training .lighter_75 {
  background-color: hsl(198, 40%, 75%);
  color: rgb(80, 80, 80);
}
.presentation_training .lighter_90 {
  background-color: hsl(198, 40%, 90%);
  color: rgb(80, 80, 80);
}
.presentation_training .lighter_95 {
  background-color: hsl(198, 40%, 95%) !important;
  color: rgb(80, 80, 80) !important;
}
.presentation_training .lighter_95.border-top {
  border-top: 2px solid hsl(198, 40%, 75%) !important;
}

.communication_training .darker {
  background-color: hsl(222, 72%, 25%);
  color: rgb(250, 250, 250);
}
.communication_training .base {
  background-color: hsl(222, 72%, 30%);
  color: rgb(250, 250, 250);
}
.communication_training .lighter_75 {
  background-color: hsl(222, 40%, 75%);
  color: rgb(80, 80, 80);
}
.communication_training .lighter_90 {
  background-color: hsl(222, 40%, 90%);
  color: rgb(80, 80, 80);
}
.communication_training .lighter_95 {
  background-color: hsl(222, 40%, 95%) !important;
  color: rgb(80, 80, 80) !important;
}
.communication_training .lighter_95.border-top {
  border-top: 2px solid hsl(222, 40%, 75%) !important;
}

.hr_training .darker {
  background-color: hsl(290, 33%, 25%);
  color: rgb(250, 250, 250);
}
.hr_training .base {
  background-color: hsl(290, 33%, 30%);
  color: rgb(250, 250, 250);
}
.hr_training .lighter_75 {
  background-color: hsl(290, 40%, 75%);
  color: rgb(80, 80, 80);
}
.hr_training .lighter_90 {
  background-color: hsl(290, 40%, 90%);
  color: rgb(80, 80, 80);
}
.hr_training .lighter_95 {
  background-color: hsl(290, 40%, 95%) !important;
  color: rgb(80, 80, 80) !important;
}
.hr_training .lighter_95.border-top {
  border-top: 2px solid hsl(290, 40%, 75%) !important;
}

@font-face {
  font-family: "Museo 300";
  src: url("/webfont/museo-300.woff2") format("woff2");
  font-display: fallback;
}
@font-face {
  font-family: "Museo 500";
  src: url("/webfont/museo-500.woff2") format("woff2");
  font-display: fallback;
}
@font-face {
  font-family: "Museo 700";
  src: url("/webfont/museo-700.woff2") format("woff2");
  font-display: fallback;
}
@font-face {
  font-family: "Frutiger 55 Roman";
  src: url("/webfont/frutiger-55-roman.woff2") format("woff2");
  font-display: fallback;
}
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, select, textarea,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  box-sizing: border-box;
  text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

@media (min-width: 992px) {
  body {
    margin-bottom: 0px;
  }
}
@media (max-width: 1500px) {
  body {
    margin-bottom: 35px;
  }
}

html {
  font-family: "Frutiger 55 Roman", Verdana, sans-serif;
  font-size: calc(16px + 4 * (100vw - 576px) / 924);
  line-height: 1.2;
  background-color: rgb(250, 250, 250);
  color: rgb(80, 80, 80);
  background-color: rgb(250, 250, 250);
}
@media screen and (max-width: 576px) {
  html {
    font-size: 16px;
  }
}
@media screen and (min-width: 1500px) {
  html {
    font-size: 20px;
  }
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

strong {
  font-weight: bold;
}

img {
  width: 100%;
}

.grecaptcha-badge {
  visibility: hidden;
}

/*!
 * Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2024 Fonticons, Inc.
 */
.fa {
  font-family: var(--fa-style-family, "Font Awesome 6 Pro");
  font-weight: var(--fa-style, 900);
}

.fas,
.fass,
.far,
.fasr,
.fal,
.fasl,
.fat,
.fast,
.fad,
.fadr,
.fadl,
.fadt,
.fasds,
.fasdr,
.fasdl,
.fasdt,
.fab,
.fa-solid,
.fa-regular,
.fa-light,
.fa-thin,
.fa-brands,
.fa-classic,
.fa-duotone,
.fa-sharp,
.fa-sharp-duotone,
.fa {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}

.fas::before,
.fass::before,
.far::before,
.fasr::before,
.fal::before,
.fasl::before,
.fat::before,
.fast::before,
.fad::before,
.fadr::before,
.fadl::before,
.fadt::before,
.fasds::before,
.fasdr::before,
.fasdl::before,
.fasdt::before,
.fab::before,
.fa-solid::before,
.fa-regular::before,
.fa-light::before,
.fa-thin::before,
.fa-brands::before,
.fa-classic::before,
.fa-duotone::before,
.fa-sharp::before,
.fa-sharp-duotone::before,
.fa::before {
  content: var(--fa);
}

.fad::after,
.fa-duotone.fa-solid::after,
.fa-duotone::after,
.fadr::after,
.fa-duotone.fa-regular::after,
.fadl::after,
.fa-duotone.fa-light::after,
.fadt::after,
.fa-duotone.fa-thin::after,
.fasds::after,
.fa-sharp-duotone.fa-solid::after,
.fa-sharp-duotone::after,
.fasdr::after,
.fa-sharp-duotone.fa-regular::after,
.fasdl::after,
.fa-sharp-duotone.fa-light::after,
.fasdt::after,
.fa-sharp-duotone.fa-thin::after {
  content: var(--fa--fa);
}

.fa-classic.fa-duotone {
  font-family: "Font Awesome 6 Duotone";
}

.fass,
.fa-sharp {
  font-weight: 900;
}

.fad,
.fa-duotone {
  font-weight: 900;
}

.fasds,
.fa-sharp-duotone {
  font-weight: 900;
}

.fa-classic,
.fas,
.fa-solid,
.far,
.fa-regular,
.fal,
.fa-light,
.fat,
.fa-thin {
  font-family: "Font Awesome 6 Pro";
}

.fa-duotone,
.fad,
.fadr,
.fadl,
.fadt {
  font-family: "Font Awesome 6 Duotone";
}

.fa-brands,
.fab {
  font-family: "Font Awesome 6 Brands";
}

.fa-sharp,
.fass,
.fasr,
.fasl,
.fast {
  font-family: "Font Awesome 6 Sharp";
}

.fa-sharp-duotone,
.fasds,
.fasdr,
.fasdl,
.fasdt {
  font-family: "Font Awesome 6 Sharp Duotone";
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-2xs {
  font-size: 0.625em;
  line-height: 0.1em;
  vertical-align: 0.225em;
}

.fa-xs {
  font-size: 0.75em;
  line-height: 0.0833333337em;
  vertical-align: 0.125em;
}

.fa-sm {
  font-size: 0.875em;
  line-height: 0.0714285718em;
  vertical-align: 0.0535714295em;
}

.fa-lg {
  font-size: 1.25em;
  line-height: 0.05em;
  vertical-align: -0.075em;
}

.fa-xl {
  font-size: 1.5em;
  line-height: 0.0416666682em;
  vertical-align: -0.125em;
}

.fa-2xl {
  font-size: 2em;
  line-height: 0.03125em;
  vertical-align: -0.1875em;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0;
}
.fa-ul > li {
  position: relative;
}

.fa-li {
  left: calc(-1 * var(--fa-li-width, 2em));
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit;
}

.fa-border {
  border-color: var(--fa-border-color, #eee);
  border-radius: var(--fa-border-radius, 0.1em);
  border-style: var(--fa-border-style, solid);
  border-width: var(--fa-border-width, 0.08em);
  padding: var(--fa-border-padding, 0.2em 0.25em 0.15em);
}

.fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em);
}

.fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em);
}

.fa-beat {
  animation-name: fa-beat;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-bounce {
  animation-name: fa-bounce;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
}

.fa-fade {
  animation-name: fa-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.fa-beat-fade {
  animation-name: fa-beat-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.fa-flip {
  animation-name: fa-flip;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-shake {
  animation-name: fa-shake;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin {
  animation-name: fa-spin;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 2s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin-reverse {
  --fa-animation-direction: reverse;
}

.fa-pulse,
.fa-spin-pulse {
  animation-name: fa-spin;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, steps(8));
}

@media (prefers-reduced-motion: reduce) {
  .fa-beat,
  .fa-bounce,
  .fa-fade,
  .fa-beat-fade,
  .fa-flip,
  .fa-pulse,
  .fa-shake,
  .fa-spin,
  .fa-spin-pulse {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}
@keyframes fa-beat {
  0%, 90% {
    transform: scale(1);
  }
  45% {
    transform: scale(var(--fa-beat-scale, 1.25));
  }
}
@keyframes fa-bounce {
  0% {
    transform: scale(1, 1) translateY(0);
  }
  10% {
    transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
  }
  30% {
    transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
  }
  50% {
    transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
  }
  57% {
    transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
  }
  64% {
    transform: scale(1, 1) translateY(0);
  }
  100% {
    transform: scale(1, 1) translateY(0);
  }
}
@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4);
  }
}
@keyframes fa-beat-fade {
  0%, 100% {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(var(--fa-beat-fade-scale, 1.125));
  }
}
@keyframes fa-flip {
  50% {
    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
  }
}
@keyframes fa-shake {
  0% {
    transform: rotate(-15deg);
  }
  4% {
    transform: rotate(15deg);
  }
  8%, 24% {
    transform: rotate(-18deg);
  }
  12%, 28% {
    transform: rotate(18deg);
  }
  16% {
    transform: rotate(-22deg);
  }
  20% {
    transform: rotate(22deg);
  }
  32% {
    transform: rotate(-12deg);
  }
  36% {
    transform: rotate(12deg);
  }
  40%, 100% {
    transform: rotate(0deg);
  }
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  transform: rotate(90deg);
}

.fa-rotate-180 {
  transform: rotate(180deg);
}

.fa-rotate-270 {
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  transform: scale(1, -1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  transform: scale(-1, -1);
}

.fa-rotate-by {
  transform: rotate(var(--fa-rotate-angle, 0));
}

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: var(--fa-stack-z-index, auto);
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: var(--fa-inverse, #fff);
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-alarm-clock {
  --fa: "\f34e";
  --fa--fa: "\f34e\f34e";
}

.fa-arrow-down {
  --fa: "\f063";
  --fa--fa: "\f063\f063";
}

.fa-arrow-left {
  --fa: "\f060";
  --fa--fa: "\f060\f060";
}

.fa-arrow-right {
  --fa: "\f061";
  --fa--fa: "\f061\f061";
}

.fa-arrow-right-arrow-left {
  --fa: "\f0ec";
  --fa--fa: "\f0ec\f0ec";
}

.fa-exchange {
  --fa: "\f0ec";
  --fa--fa: "\f0ec\f0ec";
}

.fa-arrow-up {
  --fa: "\f062";
  --fa--fa: "\f062\f062";
}

.fa-arrows-to-dot {
  --fa: "\e4be";
  --fa--fa: "\e4be\e4be";
}

.fa-at {
  --fa: "\@";
  --fa--fa: "\@\@";
}

.fa-bars {
  --fa: "\f0c9";
  --fa--fa: "\f0c9\f0c9";
}

.fa-navicon {
  --fa: "\f0c9";
  --fa--fa: "\f0c9\f0c9";
}

.fa-brain-circuit {
  --fa: "\e0c6";
  --fa--fa: "\e0c6\e0c6";
}

.fa-building {
  --fa: "\f1ad";
  --fa--fa: "\f1ad\f1ad";
}

.fa-calendar-days {
  --fa: "\f073";
  --fa--fa: "\f073\f073";
}

.fa-calendar-alt {
  --fa: "\f073";
  --fa--fa: "\f073\f073";
}

.fa-caret-down {
  --fa: "\f0d7";
  --fa--fa: "\f0d7\f0d7";
}

.fa-caret-left {
  --fa: "\f0d9";
  --fa--fa: "\f0d9\f0d9";
}

.fa-caret-right {
  --fa: "\f0da";
  --fa--fa: "\f0da\f0da";
}

.fa-caret-up {
  --fa: "\f0d8";
  --fa--fa: "\f0d8\f0d8";
}

.fa-cart-shopping {
  --fa: "\f07a";
  --fa--fa: "\f07a\f07a";
}

.fa-shopping-cart {
  --fa: "\f07a";
  --fa--fa: "\f07a\f07a";
}

.fa-chalkboard-user {
  --fa: "\f51c";
  --fa--fa: "\f51c\f51c";
}

.fa-chalkboard-teacher {
  --fa: "\f51c";
  --fa--fa: "\f51c\f51c";
}

.fa-check {
  --fa: "\f00c";
  --fa--fa: "\f00c\f00c";
}

.fa-chevron-down {
  --fa: "\f078";
  --fa--fa: "\f078\f078";
}

.fa-chevron-left {
  --fa: "\f053";
  --fa--fa: "\f053\f053";
}

.fa-chevron-right {
  --fa: "\f054";
  --fa--fa: "\f054\f054";
}

.fa-chevron-up {
  --fa: "\f077";
  --fa--fa: "\f077\f077";
}

.fa-circle-euro {
  --fa: "\e5ce";
  --fa--fa: "\e5ce\e5ce";
}

.fa-clock {
  --fa: "\f017";
  --fa--fa: "\f017\f017";
}

.fa-clock-four {
  --fa: "\f017";
  --fa--fa: "\f017\f017";
}

.fa-comment {
  --fa: "\f075";
  --fa--fa: "\f075\f075";
}

.fa-comments {
  --fa: "\f086";
  --fa--fa: "\f086\f086";
}

.fa-comments-question-check {
  --fa: "\e14f";
  --fa--fa: "\e14f\e14f";
}

.fa-download {
  --fa: "\f019";
  --fa--fa: "\f019\f019";
}

.fa-envelope {
  --fa: "\f0e0";
  --fa--fa: "\f0e0\f0e0";
}

.fa-euro-sign {
  --fa: "\f153";
  --fa--fa: "\f153\f153";
}

.fa-eur {
  --fa: "\f153";
  --fa--fa: "\f153\f153";
}

.fa-euro {
  --fa: "\f153";
  --fa--fa: "\f153\f153";
}

.fa-file {
  --fa: "\f15b";
  --fa--fa: "\f15b\f15b";
}

.fa-file-pdf {
  --fa: "\f1c1";
  --fa--fa: "\f1c1\f1c1";
}

.fa-handshake {
  --fa: "\f2b5";
  --fa--fa: "\f2b5\f2b5";
}

.fa-house {
  --fa: "\f015";
  --fa--fa: "\f015\f015";
}

.fa-home {
  --fa: "\f015";
  --fa--fa: "\f015\f015";
}

.fa-home-alt {
  --fa: "\f015";
  --fa--fa: "\f015\f015";
}

.fa-home-lg-alt {
  --fa: "\f015";
  --fa--fa: "\f015\f015";
}

.fa-link {
  --fa: "\f0c1";
  --fa--fa: "\f0c1\f0c1";
}

.fa-chain {
  --fa: "\f0c1";
  --fa--fa: "\f0c1\f0c1";
}

.fa-location-dot {
  --fa: "\f3c5";
  --fa--fa: "\f3c5\f3c5";
}

.fa-map-marker-alt {
  --fa: "\f3c5";
  --fa--fa: "\f3c5\f3c5";
}

.fa-magnifying-glass {
  --fa: "\f002";
  --fa--fa: "\f002\f002";
}

.fa-search {
  --fa: "\f002";
  --fa--fa: "\f002\f002";
}

.fa-memo-pad {
  --fa: "\e1da";
  --fa--fa: "\e1da\e1da";
}

.fa-minus {
  --fa: "\f068";
  --fa--fa: "\f068\f068";
}

.fa-subtract {
  --fa: "\f068";
  --fa--fa: "\f068\f068";
}

.fa-people-group {
  --fa: "\e533";
  --fa--fa: "\e533\e533";
}

.fa-person-chalkboard {
  --fa: "\e53d";
  --fa--fa: "\e53d\e53d";
}

.fa-phone {
  --fa: "\f095";
  --fa--fa: "\f095\f095";
}

.fa-phone-office {
  --fa: "\f67d";
  --fa--fa: "\f67d\f67d";
}

.fa-plus {
  --fa: "\+";
  --fa--fa: "\+\+";
}

.fa-add {
  --fa: "\+";
  --fa--fa: "\+\+";
}

.fa-signs-post {
  --fa: "\f277";
  --fa--fa: "\f277\f277";
}

.fa-map-signs {
  --fa: "\f277";
  --fa--fa: "\f277\f277";
}

.fa-square-check {
  --fa: "\f14a";
  --fa--fa: "\f14a\f14a";
}

.fa-check-square {
  --fa: "\f14a";
  --fa--fa: "\f14a\f14a";
}

.fa-square-chevron-down {
  --fa: "\f329";
  --fa--fa: "\f329\f329";
}

.fa-chevron-square-down {
  --fa: "\f329";
  --fa--fa: "\f329\f329";
}

.fa-square-chevron-left {
  --fa: "\f32a";
  --fa--fa: "\f32a\f32a";
}

.fa-chevron-square-left {
  --fa: "\f32a";
  --fa--fa: "\f32a\f32a";
}

.fa-square-chevron-right {
  --fa: "\f32b";
  --fa--fa: "\f32b\f32b";
}

.fa-chevron-square-right {
  --fa: "\f32b";
  --fa--fa: "\f32b\f32b";
}

.fa-square-chevron-up {
  --fa: "\f32c";
  --fa--fa: "\f32c\f32c";
}

.fa-chevron-square-up {
  --fa: "\f32c";
  --fa--fa: "\f32c\f32c";
}

.fa-star {
  --fa: "\f005";
  --fa--fa: "\f005\f005";
}

.fa-user {
  --fa: "\f007";
  --fa--fa: "\f007\f007";
}

.fa-users {
  --fa: "\f0c0";
  --fa--fa: "\f0c0\f0c0";
}

.fa-xmark {
  --fa: "\f00d";
  --fa--fa: "\f00d\f00d";
}

.fa-close {
  --fa: "\f00d";
  --fa--fa: "\f00d\f00d";
}

.fa-multiply {
  --fa: "\f00d";
  --fa--fa: "\f00d\f00d";
}

.fa-remove {
  --fa: "\f00d";
  --fa--fa: "\f00d\f00d";
}

.fa-times {
  --fa: "\f00d";
  --fa--fa: "\f00d\f00d";
}

.sr-only,
.fa-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.sr-only-focusable:not(:focus),
.fa-sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/*!
 * Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2024 Fonticons, Inc.
 */
:root, :host {
  --fa-style-family-classic: "Font Awesome 6 Pro";
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Pro";
}

@font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../webfont/fa-regular-400.woff2") format("woff2"), url("../webfont/fa-regular-400.ttf") format("truetype");
}
.far,
.fa-regular {
  font-weight: 400;
}

/*!
 * Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2024 Fonticons, Inc.
 */
:root, :host {
  --fa-style-family-brands: "Font Awesome 6 Brands";
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
}

@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../webfont/fa-brands-400.woff2") format("woff2"), url("../webfont/fa-brands-400.ttf") format("truetype");
}
.fab,
.fa-brands {
  font-weight: 400;
}

.fa-facebook {
  --fa: "\f09a";
}

.fa-facebook-f {
  --fa: "\f39e";
}

.fa-instagram {
  --fa: "\f16d";
}

.fa-linkedin {
  --fa: "\f08c";
}

.fa-linkedin-in {
  --fa: "\f0e1";
}

.fa-square-facebook {
  --fa: "\f082";
}

.fa-facebook-square {
  --fa: "\f082";
}

.fa-square-instagram {
  --fa: "\e055";
}

.fa-instagram-square {
  --fa: "\e055";
}

.fa-square-x-twitter {
  --fa: "\e61a";
}

.fa-square-xing {
  --fa: "\f169";
}

.fa-xing-square {
  --fa: "\f169";
}

.fa-square-youtube {
  --fa: "\f431";
}

.fa-youtube-square {
  --fa: "\f431";
}

.fa-tiktok {
  --fa: "\e07b";
}

.fa-x-twitter {
  --fa: "\e61b";
}

.fa-xing {
  --fa: "\f168";
}

.fa-youtube {
  --fa: "\f167";
}

/*!
 * Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2024 Fonticons, Inc.
 */
:root, :host {
  --fa-style-family-classic: "Font Awesome 6 Pro";
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Pro";
}

@font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../webfont/fa-solid-900.woff2") format("woff2"), url("../webfont/fa-solid-900.ttf") format("truetype");
}
.fas,
.fa-solid {
  font-weight: 900;
}

/*!
 * Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2024 Fonticons, Inc.
 */
:root, :host {
  --fa-style-family-classic: "Font Awesome 6 Pro";
  --fa-font-light: normal 300 1em/1 "Font Awesome 6 Pro";
}

@font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url("../webfont/fa-light-300.woff2") format("woff2"), url("../webfont/fa-light-300.ttf") format("truetype");
}
.fal,
.fa-light {
  font-weight: 300;
}

.fullbleed_center {
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 1500px) {
  .fullbleed_center {
    width: calc(100% - 60px);
  }
}
@media (min-width: 1560px) {
  .fullbleed_center {
    max-width: 1500px;
  }
}

i.medium {
  font-size: 1.3rem;
}
i.large {
  font-size: 2rem;
}
i.x_large {
  font-size: 2.3rem;
}

.seminar_logo.small {
  width: 3rem;
}
.seminar_logo.medium {
  width: 3.5rem;
}
.seminar_logo.large {
  width: 4rem;
}
.seminar_logo.x_large {
  width: 4.5rem;
}
.seminar_logo.res_medium {
  width: 3rem;
}
@media (min-width: 768px) {
  .seminar_logo.res_medium {
    width: 3.5rem;
  }
}
.seminar_logo.res_large {
  width: 3rem;
}
@media (min-width: 768px) {
  .seminar_logo.res_large {
    width: 4rem;
  }
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: max(5px, min(0.7vw, 10px));
  background-color: rgb(111, 111, 111);
  color: rgb(250, 250, 250);
  border: none;
  padding: max(5px, min(0.7vw, 10px)) max(15px, min(1.92vw, 25px));
  cursor: pointer;
  font-family: "Museo 500";
  font-size: 1rem;
  line-height: 1.52;
  font-weight: bold;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .button > * {
    margin-right: max(5px, min(0.7vw, 10px));
  }
}
.button.square {
  padding: max(10px, min(1.15vw, 15px));
}
.button.bulge {
  position: relative;
  max-height: 3.2rem;
  min-height: 2.8rem;
}
.button.bulge i {
  position: absolute;
  left: 0;
  transform: translateX(-20%);
  background-color: rgb(250, 250, 250);
  color: rgb(111, 111, 111);
  height: 4rem;
  width: 4rem;
  border-radius: 50%;
  border: 2px solid rgb(111, 111, 111);
  display: flex;
  justify-content: center;
  align-items: center;
}
.button.bulge:hover i {
  color: rgb(205, 0, 50);
  border-color: rgb(205, 0, 50);
}
.button:hover {
  background-color: rgb(205, 0, 50);
}

.leadership .button:hover {
  background-color: hsl(3, 80%, 40%);
  color: rgb(250, 250, 250);
}

.project_management .button:hover {
  background-color: hsl(334, 100%, 45%);
  color: rgb(250, 250, 250);
}

.time_management .button:hover {
  background-color: hsl(17, 95%, 47%);
  color: rgb(250, 250, 250);
}

.customer_service .button:hover {
  background-color: hsl(47, 100%, 47%);
  color: rgb(250, 250, 250);
}

.telephone_training .button:hover {
  background-color: hsl(66, 100%, 33%);
  color: rgb(250, 250, 250);
}

.sales_training .button:hover {
  background-color: hsl(89, 69%, 28%);
  color: rgb(250, 250, 250);
}

.conflict_management .button:hover {
  background-color: hsl(181, 100%, 24%);
  color: rgb(250, 250, 250);
}

.presentation_training .button:hover {
  background-color: hsl(198, 100%, 34%);
  color: rgb(250, 250, 250);
}

.communication_training .button:hover {
  background-color: hsl(222, 72%, 30%);
  color: rgb(250, 250, 250);
}

.hr_training .button:hover {
  background-color: hsl(290, 33%, 30%);
  color: rgb(250, 250, 250);
}

.main_content_container {
  display: flex;
  flex-direction: column;
  gap: max(15px, min(1.92vw, 25px));
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .main_content_container > *:not(:last-child) {
    margin: 0 0 max(15px, min(1.92vw, 25px)) 0;
  }
  .main_content_container > *:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 1500px) {
  .main_content_container {
    gap: 30px;
  }
  @supports (-webkit-touch-callout: none) and (not (translate: none)) {
    .main_content_container > *:not(:last-child) {
      margin: 0 0 30px 0;
    }
    .main_content_container > *:last-child {
      margin-bottom: 0;
    }
  }
}
.main_content_container.only_one_contentbox_child .content:first-child {
  height: 100%;
}

.content {
  background-color: rgb(240, 240, 240);
  padding: max(15px, min(1.92vw, 25px));
  font-family: "Museo 500";
  font-size: 1rem;
  line-height: 1.52;
  font-weight: 400;
}
.content:last-of-type {
  height: 100%;
}
@media (min-width: 992px) {
  .content {
    padding: max(35px, min(3.85vw, 50px));
  }
}
.content .content_top_header {
  margin-bottom: 1.52rem;
}
.content .content_top_header h1 {
  color: rgb(205, 0, 50);
  font-family: "Museo 500";
  font-size: 1.74rem;
  line-height: 1.2;
  font-weight: 400;
}
.content header h1 {
  color: rgb(205, 0, 50);
  font-family: "Museo 500";
  font-size: 1.74rem;
  line-height: 1.2;
  font-weight: 400;
}
.content header .subtitle {
  font-family: "Museo 500";
  font-size: 1.2rem;
  line-height: 1.52;
  font-weight: bold;
}
.content header .byline {
  font-family: "Museo 500";
  font-size: 0.85rem;
  line-height: 1.52;
  font-weight: 400;
  display: flex;
}
.content h1, .content h2 {
  margin: 1.78rem 0 0.39rem;
  font-family: "Museo 500";
  font-size: 1.39rem;
  line-height: 1.2;
  font-weight: 500;
  color: rgb(205, 0, 50);
}
.content h1:first-child, .content h2:first-child {
  margin-top: 0;
}
.content h3 {
  margin: 1.5rem 0 0.25rem;
  font-family: "Museo 500";
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 500;
  color: rgb(205, 0, 50);
}
.content h3:first-child {
  margin-top: 0;
}
.content h4 {
  margin: 1.44rem 0 0.22rem;
  font-family: "Museo 500";
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 400;
  color: rgb(205, 0, 50);
}
.content h4:first-child {
  margin-top: 0;
}
.content h4:first-child + p {
  margin-top: -1.22rem;
}
.content h5 {
  margin: 1.2rem 0 0.1rem;
  font-family: "Museo 500";
  font-size: 1.1rem;
  line-height: 1.2;
  font-weight: 400;
  color: rgb(205, 0, 50);
}
.content h5:first-child {
  margin-top: 0;
}
.content h5:first-child + p {
  margin-top: -1.1rem;
}
.content p + ul,
.content ol {
  margin-left: min(3.12vw, 60px);
}
.content p {
  margin-bottom: 1.52rem;
  font-family: "Museo 500";
  font-size: 1.2rem;
  line-height: 1.52;
  font-weight: 400;

}
.content p:last-child {
  margin-bottom: 0;
}
.content a.align_right {
  display: block;
  text-align: right;
}
.content strong {
  color: rgb(205, 0, 50);
  font-weight: bold;
}
.content small {
  color: rgb(205, 0, 50);
  font-family: "Museo 500";
  font-size: 0.85rem;
  line-height: 1.52;
  font-weight: 400;
}


.content em {
  color: rgb(205, 0, 50);
  font-style: italic;
}
.content a {
  color: rgb(205, 0, 50);
  text-decoration: none;
}
.content a:before {
  color: rgb(205, 0, 50);
  font-weight: bold;
  content: "› ";
  /* add chevron (U+203A) and nbsp (U+00A0)*/
}
.content a:hover {
  color: rgb(205, 0, 50);
}
.content ul {
  list-style-type: square;
  margin-left: 15px;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .content ul {
    margin-left: min(1.82vw, 35px);
  }
}
.content ol {
  list-style-type: decimal;
  margin-left: 15px;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .content ol {
    margin-left: min(1.82vw, 35px);
  }
}
.content img,
.content img.full {
  max-width: 100%;
  display: block;
  width: 100%;
  object-fit: cover;
  object-position: 50% 20%;
}
.content img.right {
  max-width: 100%;
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: block;
}
@media (min-width: 768px) {
  .content img.right {
    max-width: 50%;
    margin-right: 1rem;
    margin-top: 0rem;
    margin-bottom: 0rem;
    float: left;
  }
}
.content img.left {
  max-width: 100%;
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: block;
}
@media (min-width: 768px) {
  .content img.left {
    max-width: 50%;
    margin-left: 1rem;
    margin-top: 0rem;
    margin-bottom: 0rem;
    float: right;
  }
}

ul.list_normal {
  list-style-type: square;
  margin-left: 1rem;
  margin-bottom: 1rem;
  font-family: "Museo 500";
  font-size: 1rem;
  line-height: 1.52;
  font-weight: 400;
}
ul.list_normal li {
  margin-bottom: 0.75rem;
}
ul.list_normal li::marker {
  color: rgb(205, 0, 50);
}
ul.list_normal .icon {
  margin-right: min(2vw, 15px);
}
ul.list_normal i {
  padding-right: max(15px, min(1.92vw, 25px));
}

ol.list_normal {
  list-style-type: decimal;
  margin-left: 1rem;
  margin-bottom: 1rem;
  font-family: "Museo 500";
  font-size: 1rem;
  line-height: 1.52;
  font-weight: 400;
}
ol.list_normal li {
  margin-bottom: 0.75rem;
}
ol.list_normal li::marker {
  font-weight: bold;
  color: rgb(205, 0, 50);
}
ol.list_normal ol:last-child {
  border-bottom: none;
}
ol.list_normal ol:last-child .icon {
  margin-right: min(2vw, 15px);
}
ol.list_normal ol:last-child .caption {
  font-family: "Museo 300";
  font-size: 0.8rem;
  line-height: 1.2;
  font-weight: 400;
  text-decoration: underline;
}

.hidden {
  display: none !important;
}

.card_container {
  display: grid;
  grid-template-columns: 1fr;
  gap: max(15px, min(1.92vw, 25px));
}
@media (min-width: 992px) {
  .card_container {
    grid-template-columns: repeat(2, 1fr);
  }
}
.card_container .card {
  height: 250px;
}
@media (min-width: 768px) {
  .card_container .card {
    height: 280px;
  }
}
.card_container .card .wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: rgb(240, 240, 240);
  border-top: 2px solid rgb(205, 0, 50);
}
.card_container .card .wrapper .card_head {
  height: 100px;
  padding: 10px max(15px, min(1.92vw, 25px)) 10px max(15px, min(1.92vw, 25px));
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: max(15px, min(1.92vw, 25px));
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .card_container .card .wrapper .card_head > * {
    margin-right: max(15px, min(1.92vw, 25px)) !important;
  }
  .card_container .card .wrapper .card_head > *:last-child {
    margin-right: 0 !important;
  }
}
.card_container .card .wrapper .card_head .card_icon {
  font-size: 2rem;
  color: rgb(205, 0, 50);
}
.card_container .card .wrapper .card_head .caption {
  font-family: "Museo 500";
  font-size: 1.1rem;
  line-height: 1.2;
  font-weight: 400;
}
@media (min-width: 1080px) {
  .card_container .card .wrapper .card_head .caption {
    font-size: 0.95rem;
  }
}
@media (min-width: 1250px) {
  .card_container .card .wrapper .card_head .caption {
    font-size: 1.1rem;
  }
}
.card_container .card .wrapper .card_body {
  flex: 1;
  padding: 0 max(15px, min(1.92vw, 25px)) 0 max(15px, min(1.92vw, 25px));
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 15px;
}
.card_container .card .wrapper .card_body .teaser {
  font-family: "Museo 500";
  font-size: 0.85rem;
  line-height: 1.52;
  font-weight: 400;
}
.card_container .card .wrapper .card_footer {
  height: 50px;
  display: flex;
  justify-content: flex-end;
}
.card_container .card .wrapper .card_footer .button {
  width: 50%;
  height: 100%;
  font-family: "Museo 300";
  font-size: 0.8rem;
  line-height: 1.2;
  font-weight: 400;
}
.card_container .card.date .card_head {
  justify-content: space-between;
}
.card_container .card.date .card_body .facts {
  display: flex;
  justify-content: space-between;
  font-family: "Museo 500";
  font-size: 1.1rem;
  line-height: 1.2;
  font-weight: 400;
}
@media (min-width: 1080px) {
  .card_container .card.date .card_body .facts {
    font-size: 0.95rem;
  }
}
@media (min-width: 1250px) {
  .card_container .card.date .card_body .facts {
    font-size: 1.1rem;
  }
}
.card_container .card.city .card_head {
  height: 20%;
}
.card_container .card.city .card_body {
  padding: 0;
  margin-bottom: 0;
  height: 80%;
  position: relative;
}
.card_container .card.city .card_body img {
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.card_container .card.city .card_body .button {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50%;
  font-family: "Museo 300";
  font-size: 0.8rem;
  line-height: 1.2;
  font-weight: 400;
  height: 50px;
}

.home_portal {
  display: grid;
  gap: max(35px, min(3.85vw, 50px));
  grid-template-columns: 1fr;
  grid-template-rows: repeat(9, auto);
  grid-template-areas: "phd" "hbb" "stf" "rfp" "icf" "rvf" "tif" "btf" "pft";
}
@media (min-width: 768px) {
  .home_portal {
    gap: max(15px, min(1.92vw, 25px));
    grid-template-columns: repeat(10, 1fr);
  }
}
@media (min-width: 1500px) {
  .home_portal {
    gap: 30px;
    grid-template-columns: 1fr repeat(10, minmax(0, 123px)) 1fr;
  }
}
@media (min-width: 768px) {
  .home_portal {
    grid-template-rows: repeat(9, auto);
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd" "hbb hbb hbb hbb hbb hbb hbb hbb hbb hbb" "stf stf stf stf stf stf stf stf stf stf" "rfp rfp rfp rfp rfp rfp rfp rfp rfp rfp" "icf icf icf icf icf icf icf icf icf icf" "rvf rvf rvf rvf rvf rvf rvf rvf rvf rvf" "tif tif tif tif tif tif tif tif tif tif" "btf btf btf btf btf btf btf btf btf btf" "pft pft pft pft pft pft pft pft pft pft";
  }
}
@media (min-width: 992px) {
  .home_portal {
    grid-template-rows: repeat(8, auto);
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd" "hbb hbb hbb hbb hbb hbb hbb hbb hbb hbb" "stf stf stf stf stf stf stf stf stf stf" "rfp rfp rfp rfp rfp rfp rfp rfp rfp rfp" "rvf rvf rvf rvf rvf rvf icf icf icf icf" "tif tif tif tif tif tif tif tif tif tif" "btf btf btf btf btf btf btf btf btf btf" "pft pft pft pft pft pft pft pft pft pft";
  }
}
@media (min-width: 1500px) {
  .home_portal {
    grid-template-rows: repeat(8, auto);
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd phd phd" ". hbb hbb hbb hbb hbb hbb hbb hbb hbb hbb ." ". stf stf stf stf stf stf stf stf stf stf ." ". rfp rfp rfp rfp rfp rfp rfp rfp rfp rfp ." ". rvf rvf rvf rvf rvf rvf icf icf icf icf ." ". tif tif tif tif tif tif tif tif tif tif ." ". btf btf btf btf btf btf btf btf btf btf ." "pft pft pft pft pft pft pft pft pft pft pft pft";
  }
}
.home_portal .page_header {
  grid-area: phd;
}
.home_portal .hero_bubbles {
  grid-area: hbb;
}
.home_portal .seminar_topic_field {
  grid-area: stf;
}
.home_portal .rating_field_portal {
  grid-area: rfp;
}
.home_portal .review_field {
  grid-area: rvf;
}
.home_portal .icon_field {
  grid-area: icf;
}
.home_portal .button_field {
  grid-area: btf;
}
.home_portal .tiles_field {
  grid-area: tif;
}
.home_portal .page_footer {
  grid-area: pft;
}

.seminar_type {
  display: grid;
  gap: max(35px, min(3.85vw, 50px));
  grid-template-columns: 1fr;
  grid-template-rows: repeat(8, auto);
  grid-template-areas: "phd" "htx" "tpf" "rvf" "icf" "tif" "btf" "pft";
}
@media (min-width: 768px) {
  .seminar_type {
    gap: max(15px, min(1.92vw, 25px));
    grid-template-columns: repeat(10, 1fr);
  }
}
@media (min-width: 1500px) {
  .seminar_type {
    gap: 30px;
    grid-template-columns: 1fr repeat(10, minmax(0, 123px)) 1fr;
  }
}
@media (min-width: 768px) {
  .seminar_type {
    grid-template-rows: repeat(7, auto);
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd" "htx htx htx htx htx htx htx htx htx htx" "tpf tpf tpf tpf tpf tpf tpf tpf tpf tpf" "rvf rvf rvf rvf rvf rvf icf icf icf icf" "tif tif tif tif tif tif tif tif tif tif" "btf btf btf btf btf btf btf btf btf btf" "pft pft pft pft pft pft pft pft pft pft";
  }
}
@media (min-width: 992px) {
  .seminar_type {
    grid-template-rows: repeat(7, auto);
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd" "htx htx htx htx htx htx htx htx htx htx" "tpf tpf tpf tpf tpf tpf tpf tpf tpf tpf" "rvf rvf rvf rvf rvf rvf icf icf icf icf" "tif tif tif tif tif tif tif tif tif tif" "btf btf btf btf btf btf btf btf btf btf" "pft pft pft pft pft pft pft pft pft pft";
  }
}
@media (min-width: 1500px) {
  .seminar_type {
    grid-template-rows: repeat(7, auto);
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd phd phd" ". htx htx htx htx htx htx htx htx htx htx ." ". tpf tpf tpf tpf tpf tpf tpf tpf tpf tpf ." ". rvf rvf rvf rvf rvf rvf icf icf icf icf ." ". tif tif tif tif tif tif tif tif tif tif ." ". btf btf btf btf btf btf btf btf btf btf ." "pft pft pft pft pft pft pft pft pft pft pft pft";
  }
}
.seminar_type .page_header {
  grid-area: phd;
}
.seminar_type .hero_text {
  grid-area: htx;
}
.seminar_type .seminar_topic_field {
  grid-area: tpf;
}
.seminar_type .review_field {
  grid-area: rvf;
}
.seminar_type .icon_field {
  grid-area: icf;
}
.seminar_type .button_field {
  grid-area: btf;
}
.seminar_type .tiles_field {
  grid-area: tif;
}
.seminar_type .page_footer {
  grid-area: pft;
}

.seminar_topic {
  display: grid;
  gap: max(35px, min(3.85vw, 50px));
  grid-template-columns: 1fr;
  grid-template-rows: repeat(10, auto);
  grid-template-areas: "phd" "htx" "sdf" "dlf" "ide" "rtf" "icf" "tif" "btf" "pft";
}
@media (min-width: 768px) {
  .seminar_topic {
    gap: max(15px, min(1.92vw, 25px));
    grid-template-columns: repeat(10, 1fr);
  }
}
@media (min-width: 1500px) {
  .seminar_topic {
    gap: 30px;
    grid-template-columns: 1fr repeat(10, minmax(0, 123px)) 1fr;
  }
}
@media (min-width: 768px) {
  .seminar_topic {
    grid-template-rows: repeat(10, auto);
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd" "htx htx htx htx htx htx htx htx htx htx" "sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf" "dlf dlf dlf dlf dlf dlf dlf dlf dlf dlf" "ide ide ide ide ide ide ide ide ide ide" "rtf rtf rtf rtf rtf rtf rtf rtf rtf rtf" "icf icf icf icf icf icf icf icf icf icf" "tif tif tif tif tif tif tif tif tif tif" "btf btf btf btf btf btf btf btf btf btf" "pft pft pft pft pft pft pft pft pft pft";
  }
}
@media (min-width: 992px) {
  .seminar_topic {
    grid-template-rows: repeat(10, auto);
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd" "htx htx htx htx htx htx htx htx htx htx" "sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf" "dlf dlf dlf dlf dlf dlf dlf dlf dlf dlf" "ide ide ide ide ide ide ide ide ide ide" "rtf rtf rtf rtf rtf rtf rtf rtf rtf rtf" "icf icf icf icf icf icf icf icf icf icf" "tif tif tif tif tif tif tif tif tif tif" "btf btf btf btf btf btf btf btf btf btf" "pft pft pft pft pft pft pft pft pft pft";
  }
}
@media (min-width: 1500px) {
  .seminar_topic {
    grid-template-rows: repeat(10, auto);
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd phd phd" ". htx htx htx htx htx htx htx htx htx htx ." ". sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf ." ". dlf dlf dlf dlf dlf dlf dlf dlf dlf dlf ." ". ide ide ide ide ide ide ide ide ide ide ." ". rtf rtf rtf rtf rtf rtf rtf rtf rtf rtf ." ". icf icf icf icf icf icf icf icf icf icf ." ". tif tif tif tif tif tif tif tif tif tif ." ". btf btf btf btf btf btf btf btf btf btf ." "pft pft pft pft pft pft pft pft pft pft pft pft";
  }
}
.seminar_topic .page_header {
  grid-area: phd;
}
.seminar_topic .hero_text {
  grid-area: htx;
}
.seminar_topic .seminar_date_field {
  grid-area: sdf;
}
.seminar_topic .seminar_detail_field {
  grid-area: dlf;
}
.seminar_topic .industry_experience {
  grid-area: ide;
}
.seminar_topic .rating_field {
  grid-area: rtf;
}
.seminar_topic .icon_field {
  grid-area: icf;
}
.seminar_topic .button_field {
  grid-area: btf;
}
.seminar_topic .tiles_field {
  grid-area: tif;
}
.seminar_topic .page_footer {
  grid-area: pft;
}

.seminar_date {
  display: grid;
  gap: max(35px, min(3.85vw, 50px));
  grid-template-columns: 1fr;
  grid-template-rows: repeat(9, auto);
  grid-template-areas: "phd" "hdt" "btb" "dlf" "ide" "rtf" "icf" "tif" "pft";
}
@media (min-width: 768px) {
  .seminar_date {
    gap: max(15px, min(1.92vw, 25px));
    grid-template-columns: repeat(10, 1fr);
  }
}
@media (min-width: 1500px) {
  .seminar_date {
    gap: 30px;
    grid-template-columns: 1fr repeat(10, minmax(0, 123px)) 1fr;
  }
}
@media (min-width: 768px) {
  .seminar_date {
    grid-template-rows: repeat(9, auto);
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd" "hdt hdt hdt hdt hdt hdt hdt hdt hdt hdt" "btb btb btb btb btb btb btb btb btb btb" "dlf dlf dlf dlf dlf dlf dlf dlf dlf dlf" "ide ide ide ide ide ide ide ide ide ide" "rtf rtf rtf rtf rtf rtf rtf rtf rtf rtf" "icf icf icf icf icf icf icf icf icf icf" "tif tif tif tif tif tif tif tif tif tif" "pft pft pft pft pft pft pft pft pft pft";
  }
}
@media (min-width: 992px) {
  .seminar_date {
    grid-template-rows: repeat(9, auto);
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd" "hdt hdt hdt hdt hdt hdt hdt hdt hdt hdt" "btb btb btb btb btb btb btb btb btb btb" "dlf dlf dlf dlf dlf dlf dlf dlf dlf dlf" "ide ide ide ide ide ide ide ide ide ide" "rtf rtf rtf rtf rtf rtf rtf rtf rtf rtf" "icf icf icf icf icf icf icf icf icf icf" "tif tif tif tif tif tif tif tif tif tif" "pft pft pft pft pft pft pft pft pft pft";
  }
}
@media (min-width: 1500px) {
  .seminar_date {
    grid-template-rows: repeat(9, auto);
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd phd phd" ". hdt hdt hdt hdt hdt hdt hdt hdt hdt hdt ." ". btb btb btb btb btb btb btb btb btb btb ." ". dlf dlf dlf dlf dlf dlf dlf dlf dlf dlf ." ". ide ide ide ide ide ide ide ide ide ide ." ". rtf rtf rtf rtf rtf rtf rtf rtf rtf rtf ." ". icf icf icf icf icf icf icf icf icf icf ." ". tif tif tif tif tif tif tif tif tif tif ." "pft pft pft pft pft pft pft pft pft pft pft pft";
  }
}
.seminar_date .page_header {
  grid-area: phd;
}
.seminar_date .hero_date {
  grid-area: hdt;
}
.seminar_date .button_bar {
  grid-area: btb;
}
.seminar_date .seminar_detail_field {
  grid-area: dlf;
}
.seminar_date .industry_experience {
  grid-area: ide;
}
.seminar_date .rating_field {
  grid-area: rtf;
}
.seminar_date .icon_field {
  grid-area: icf;
}
.seminar_date .tiles_field {
  grid-area: tif;
}
.seminar_date .page_footer {
  grid-area: pft;
}

.article_details {
  display: grid;
  gap: max(35px, min(3.85vw, 50px));
  grid-template-columns: 1fr;
  grid-template-rows: repeat(8, auto);
  grid-template-areas: "phd" "him" "min" "acm" "svf" "icf" "tif" "pft";
}
@media (min-width: 768px) {
  .article_details {
    gap: max(15px, min(1.92vw, 25px));
    grid-template-columns: repeat(10, 1fr);
  }
}
@media (min-width: 1500px) {
  .article_details {
    gap: 30px;
    grid-template-columns: 1fr repeat(10, minmax(0, 123px)) 1fr;
  }
}
@media (min-width: 768px) {
  .article_details {
    grid-template-rows: auto auto auto auto 1fr auto auto;
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd" "min min min min min min him him him him" "min min min min min min acm acm acm acm" "min min min min min min svf svf svf svf" "min min min min min min spc spc spc spc" "icf icf icf icf icf icf icf icf icf icf" "tif tif tif tif tif tif tif tif tif tif" "pft pft pft pft pft pft pft pft pft pft";
  }
}
@media (min-width: 992px) {
  .article_details {
    grid-template-rows: auto auto auto auto 1fr auto auto;
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd" "min min min min min min min him him him" "min min min min min min min acm acm acm" "min min min min min min min svf svf svf" "min min min min min min min spc spc spc" "icf icf icf icf icf icf icf icf icf icf" "tif tif tif tif tif tif tif tif tif tif" "pft pft pft pft pft pft pft pft pft pft";
  }
}
@media (min-width: 1500px) {
  .article_details {
    grid-template-rows: auto auto auto auto 1fr auto auto;
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd phd phd" ". min min min min min min min him him him ." ". min min min min min min min acm acm acm ." ". min min min min min min min svf svf svf ." ". min min min min min min min spc spc spc ." ". icf icf icf icf icf icf icf icf icf icf ." ". tif tif tif tif tif tif tif tif tif tif ." "pft pft pft pft pft pft pft pft pft pft pft pft";
  }
}
.article_details .page_header {
  grid-area: phd;
}
.article_details .hero_image {
  grid-area: him;
  margin-top: -20px;
  margin-bottom: -20px;
}
@media (min-width: 768px) {
  .article_details .hero_image {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.article_details .main_content_container {
  grid-area: min;
}
.article_details .aside_category_menu {
  grid-area: acm;
}
.article_details .service_field {
  grid-area: svf;
}
.article_details .aside_spacer {
  display: none;
}
@media (min-width: 768px) {
  .article_details .aside_spacer {
    grid-area: spc;
    display: block;
  }
}
.article_details .icon_field {
  grid-area: icf;
}
.article_details .tiles_field {
  grid-area: tif;
}
.article_details .page_footer {
  grid-area: pft;
}

.article_overview {
  display: grid;
  gap: max(35px, min(3.85vw, 50px));
  grid-template-columns: 1fr;
  grid-template-areas: "phd" "him" "min" "acm" "svf" "icf" "pft";
}
@media (min-width: 768px) {
  .article_overview {
    gap: max(15px, min(1.92vw, 25px));
    grid-template-columns: repeat(10, 1fr);
  }
}
@media (min-width: 1500px) {
  .article_overview {
    gap: 30px;
    grid-template-columns: 1fr repeat(10, minmax(0, 123px)) 1fr;
  }
}
@media (min-width: 768px) {
  .article_overview {
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd" "him him him him min min min min min min" "acm acm acm acm min min min min min min" "svf svf svf svf min min min min min min" "icf icf icf icf icf icf icf icf icf icf" "pft pft pft pft pft pft pft pft pft pft";
  }
}
@media (min-width: 992px) {
  .article_overview {
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd" "him him him min min min min min min min" "acm acm acm min min min min min min min" "svf svf svf min min min min min min min" "icf icf icf icf icf icf icf icf icf icf" "pft pft pft pft pft pft pft pft pft pft";
  }
}
@media (min-width: 1500px) {
  .article_overview {
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd phd phd" ". him him him min min min min min min min ." ". acm acm acm min min min min min min min ." ". svf svf svf min min min min min min min ." ". icf icf icf icf icf icf icf icf icf icf ." "pft pft pft pft pft pft pft pft pft pft pft pft";
  }
}
.article_overview .page_header {
  grid-area: phd;
}
.article_overview .hero_image {
  grid-area: him;
  margin-top: -20px;
  margin-bottom: -20px;
}
@media (min-width: 768px) {
  .article_overview .hero_image {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.article_overview .main_content_container {
  grid-area: min;
}
.article_overview .aside_category_menu {
  grid-area: acm;
}
.article_overview .service_field {
  grid-area: svf;
}
.article_overview .icon_field {
  grid-area: icf;
}
.article_overview .page_footer {
  grid-area: pft;
}

.form_booking_coordinator, .form_booking_participant {
  display: grid;
  gap: max(35px, min(3.85vw, 50px));
  grid-template-columns: 1fr;
  grid-template-rows: repeat(6, auto);
  grid-template-areas: "phd" "hdt" "frm" "svf" "aar" "pft";
}
@media (min-width: 768px) {
  .form_booking_coordinator, .form_booking_participant {
    gap: max(15px, min(1.92vw, 25px));
    grid-template-columns: repeat(10, 1fr);
  }
}
@media (min-width: 1500px) {
  .form_booking_coordinator, .form_booking_participant {
    gap: 30px;
    grid-template-columns: 1fr repeat(10, minmax(0, 123px)) 1fr;
  }
}
@media (min-width: 768px) {
  .form_booking_coordinator, .form_booking_participant {
    grid-template-rows: repeat(5, auto);
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd" "hdt hdt hdt hdt hdt hdt hdt hdt hdt hdt" "frm frm frm frm frm frm frm frm frm frm" "svf svf svf svf svf aar aar aar aar aar" "pft pft pft pft pft pft pft pft pft pft";
  }
}
@media (min-width: 992px) {
  .form_booking_coordinator, .form_booking_participant {
    grid-template-rows: repeat(5, auto);
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd" "hdt hdt hdt hdt hdt hdt hdt hdt hdt hdt" "frm frm frm frm frm frm frm frm frm frm" "svf svf svf svf svf aar aar aar aar aar" "pft pft pft pft pft pft pft pft pft pft";
  }
}
@media (min-width: 1500px) {
  .form_booking_coordinator, .form_booking_participant {
    grid-template-rows: auto auto auto auto 1fr auto;
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd phd phd" ". hdt hdt hdt hdt hdt hdt hdt hdt hdt hdt ." ". frm frm frm frm frm frm frm svf svf svf ." ". frm frm frm frm frm frm frm aar aar aar ." ". frm frm frm frm frm frm frm spc spc spc ." "pft pft pft pft pft pft pft pft pft pft pft pft";
  }
}
.form_booking_coordinator .page_header, .form_booking_participant .page_header {
  grid-area: phd;
}
.form_booking_coordinator .hero_date, .form_booking_participant .hero_date {
  grid-area: hdt;
}
.form_booking_coordinator .form, .form_booking_participant .form {
  grid-area: frm;
}
.form_booking_coordinator .service_field, .form_booking_participant .service_field {
  grid-area: svf;
}
.form_booking_coordinator .aside_after_registration, .form_booking_participant .aside_after_registration {
  grid-area: aar;
}
.form_booking_coordinator .aside_spacer, .form_booking_participant .aside_spacer {
  display: none;
}
@media (min-width: 1500px) {
  .form_booking_coordinator .aside_spacer, .form_booking_participant .aside_spacer {
    display: block;
    grid-area: spc;
  }
}
.form_booking_coordinator .page_footer, .form_booking_participant .page_footer {
  grid-area: pft;
}

.form_contact, .form_callback, .form_inhouse_inquiry {
  display: grid;
  gap: max(35px, min(3.85vw, 50px));
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, auto);
  grid-template-areas: "phd" "frm" "svf" "pft";
}
@media (min-width: 768px) {
  .form_contact, .form_callback, .form_inhouse_inquiry {
    gap: max(15px, min(1.92vw, 25px));
    grid-template-columns: repeat(10, 1fr);
  }
}
@media (min-width: 1500px) {
  .form_contact, .form_callback, .form_inhouse_inquiry {
    gap: 30px;
    grid-template-columns: 1fr repeat(10, minmax(0, 123px)) 1fr;
  }
}
@media (min-width: 768px) {
  .form_contact, .form_callback, .form_inhouse_inquiry {
    grid-template-rows: repeat(4, auto);
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd" "frm frm frm frm frm frm frm frm frm frm" "svf svf svf svf svf svf svf svf svf svf" "pft pft pft pft pft pft pft pft pft pft";
  }
}
@media (min-width: 992px) {
  .form_contact, .form_callback, .form_inhouse_inquiry {
    grid-template-rows: auto auto 1fr auto;
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd" "frm frm frm frm frm frm frm svf svf svf" "frm frm frm frm frm frm frm spc spc spc" "pft pft pft pft pft pft pft pft pft pft";
  }
}
@media (min-width: 1500px) {
  .form_contact, .form_callback, .form_inhouse_inquiry {
    grid-template-rows: auto auto 1fr auto;
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd phd phd" ". frm frm frm frm frm frm frm svf svf svf ." ". frm frm frm frm frm frm frm spc spc spc ." "pft pft pft pft pft pft pft pft pft pft pft pft";
  }
}
.form_contact .page_header, .form_callback .page_header, .form_inhouse_inquiry .page_header {
  grid-area: phd;
}
.form_contact .form, .form_callback .form, .form_inhouse_inquiry .form {
  grid-area: frm;
}
.form_contact .service_field, .form_callback .service_field, .form_inhouse_inquiry .service_field {
  grid-area: svf;
}
.form_contact .aside_spacer, .form_callback .aside_spacer, .form_inhouse_inquiry .aside_spacer {
  display: none;
}
@media (min-width: 768px) {
  .form_contact .aside_spacer, .form_callback .aside_spacer, .form_inhouse_inquiry .aside_spacer {
    display: block;
    grid-area: spc;
  }
}
.form_contact .page_footer, .form_callback .page_footer, .form_inhouse_inquiry .page_footer {
  grid-area: pft;
}

.company_page {
  display: grid;
  gap: max(35px, min(3.85vw, 50px));
  grid-template-columns: 1fr;
  grid-template-rows: repeat(5, auto);
  grid-template-areas: "phd" "min" "svf" "icf" "tif" "pft";
}
@media (min-width: 768px) {
  .company_page {
    gap: max(15px, min(1.92vw, 25px));
    grid-template-columns: repeat(10, 1fr);
  }
}
@media (min-width: 1500px) {
  .company_page {
    gap: 30px;
    grid-template-columns: 1fr repeat(10, minmax(0, 123px)) 1fr;
  }
}
@media (min-width: 768px) {
  .company_page {
    grid-template-rows: auto auto 1fr auto auto auto;
    grid-template-areas: 
    "phd phd phd phd phd phd phd phd phd phd"
    "min min min min min min min svf svf svf" 
    "min min min min min min min spc spc spc"  
    "icf icf icf icf icf icf icf icf icf icf" 
    "tif tif tif tif tif tif tif tif tif tif" 
    "pft pft pft pft pft pft pft pft pft pft";
  }
}
@media (min-width: 992px) {
  .company_page {
    grid-template-rows: auto auto 1fr auto auto auto;
    grid-template-areas: 
    "phd phd phd phd phd phd phd phd phd phd"
    "min min min min min min min svf svf svf" 
    "min min min min min min min spc spc spc" 
    "icf icf icf icf icf icf icf icf icf icf" 
    "tif tif tif tif tif tif tif tif tif tif" 
    "pft pft pft pft pft pft pft pft pft pft";
  }
}
@media (min-width: 1500px) {
  .company_page {
    grid-template-rows: auto auto 1fr auto auto auto;
    grid-template-areas: 
    "phd phd phd phd phd phd phd phd phd phd phd phd" 
    ". min min min min min min min svf svf svf ." 
    ". min min min min min min min spc spc spc ." 
    ". icf icf icf icf icf icf icf icf icf icf ." 
    ". tif tif tif tif tif tif tif tif tif tif ." 
    "pft pft pft pft pft pft pft pft pft pft pft pft";
  }
}
.company_page .page_header {
  grid-area: phd;
}
.company_page .aside_portal_menu {
  grid-area: pmu;
}
.company_page .service_field {
  grid-area: svf;
}
.company_page .hero_image {
  grid-area: him;
}
.company_page .aside_spacer {
  display: none;
}
@media (min-width: 768px) {
  .company_page .aside_spacer {
    display: block;
    grid-area: spc;
  }
}
.company_page .main_content_container {
  grid-area: min;
}
.company_page .icon_field {
  grid-area: icf;
}
.company_page .tiles_field {
  grid-area: tif;
}
.company_page .page_footer {
  grid-area: pft;
}

.blogs_portal {
  display: grid;
  gap: max(35px, min(3.85vw, 50px));
  grid-template-columns: 1fr;
  grid-template-rows: auto auto auto auto auto auto auto;
  grid-template-areas: "phd" "him" "min" "acm" "svf" "icf" "pft";
}
@media (min-width: 768px) {
  .blogs_portal {
    gap: max(15px, min(1.92vw, 25px));
    grid-template-columns: repeat(10, 1fr);
  }
}
@media (min-width: 1500px) {
  .blogs_portal {
    gap: 30px;
    grid-template-columns: 1fr repeat(10, minmax(0, 123px)) 1fr;
  }
}
@media (min-width: 768px) {
  .blogs_portal {
    grid-template-rows: auto auto auto auto 1fr auto auto;
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd" "him him him him min min min min min min" "acm acm acm acm min min min min min min" "svf svf svf svf min min min min min min" "spc spc spc asp min min min min min min" "icf icf icf icf icf icf icf icf icf icf" "pft pft pft pft pft pft pft pft pft pft";
  }
}
@media (min-width: 992px) {
  .blogs_portal {
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd" "him him him min min min min min min min" "acm acm acm min min min min min min min" "svf svf svf min min min min min min min" "spc spc spc min min min min min min min" "icf icf icf icf icf icf icf icf icf icf" "pft pft pft pft pft pft pft pft pft pft";
  }
}
@media (min-width: 1500px) {
  .blogs_portal {
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd phd phd" ". him him him min min min min min min min ." ". acm acm acm min min min min min min min ." ". svf svf svf min min min min min min min ." ". spc spc spc min min min min min min min ." ". icf icf icf icf icf icf icf icf icf icf ." "pft pft pft pft pft pft pft pft pft pft pft pft";
  }
}
.blogs_portal .page_header {
  grid-area: phd;
}
.blogs_portal .hero_image {
  grid-area: him;
  margin-top: -20px;
  margin-bottom: -20px;
}
@media (min-width: 768px) {
  .blogs_portal .hero_image {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.blogs_portal .service_field {
  grid-area: svf;
}
.blogs_portal .aside_spacer {
  display: none;
}
@media (min-width: 992px) {
  .blogs_portal .aside_spacer {
    display: block;
    grid-area: spc;
  }
}
.blogs_portal .aside_category_menu {
  grid-area: acm;
}
.blogs_portal .main_content_container {
  grid-area: min;
}
.blogs_portal .icon_field {
  grid-area: icf;
}
.blogs_portal .page_footer {
  grid-area: pft;
}

.news_portal {
  display: grid;
  gap: max(35px, min(3.85vw, 50px));
  grid-template-columns: 1fr;
  grid-template-areas: "phd" "him" "min" "acm" "svf" "icf" "pft";
}
@media (min-width: 768px) {
  .news_portal {
    gap: max(15px, min(1.92vw, 25px));
    grid-template-columns: repeat(10, 1fr);
  }
}
@media (min-width: 1500px) {
  .news_portal {
    gap: 30px;
    grid-template-columns: 1fr repeat(10, minmax(0, 123px)) 1fr;
  }
}
@media (min-width: 768px) {
  .news_portal {
    grid-template-rows: auto auto auto auto 1fr auto auto;
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd" "him him him him min min min min min min" "acm acm acm acm min min min min min min" "svf svf svf svf min min min min min min" "spc spc spc asp min min min min min min" "icf icf icf icf icf icf icf icf icf icf" "pft pft pft pft pft pft pft pft pft pft";
  }
}
@media (min-width: 992px) {
  .news_portal {
    grid-template-rows: auto auto auto auto 1fr auto auto;
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd" "him him him min min min min min min min " "acm acm acm min min min min min min min " "svf svf svf min min min min min min min " "spc spc spc min min min min min min min" "icf icf icf icf icf icf icf icf icf icf" "pft pft pft pft pft pft pft pft pft pft";
  }
}
@media (min-width: 1500px) {
  .news_portal {
    grid-template-rows: auto auto auto auto 1fr auto auto;
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd phd phd" ". him him him min min min min min min min ." ". acm acm acm min min min min min min min ." ". svf svf svf min min min min min min min ." ". spc spc spc min min min min min min min ." ". icf icf icf icf icf icf icf icf icf icf ." "pft pft pft pft pft pft pft pft pft pft pft pft";
  }
}
.news_portal .page_header {
  grid-area: phd;
}
.news_portal .hero_image {
  grid-area: him;
  margin-top: -20px;
  margin-bottom: -20px;
}
@media (min-width: 768px) {
  .news_portal .hero_image {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.news_portal .service_field {
  grid-area: svf;
}
.news_portal .aside_spacer {
  display: none;
}
@media (min-width: 768px) {
  .news_portal .aside_spacer {
    display: block;
    grid-area: spc;
  }
}
.news_portal .aside_category_menu {
  grid-area: acm;
}
.news_portal .main_content_container {
  grid-area: min;
}
.news_portal .icon_field {
  grid-area: icf;
}
.news_portal .page_footer {
  grid-area: pft;
}

.trainer_portal {
  display: grid;
  gap: max(35px, min(3.85vw, 50px));
  grid-template-columns: 1fr;
  grid-template-rows: repeat(7, auto);
  grid-template-areas: "phd" "min" "pmu" "svf" "icf" "tif" "pft";
}
@media (min-width: 768px) {
  .trainer_portal {
    gap: max(15px, min(1.92vw, 25px));
    grid-template-columns: repeat(10, 1fr);
  }
}
@media (min-width: 1500px) {
  .trainer_portal {
    gap: 30px;
    grid-template-columns: 1fr repeat(10, minmax(0, 123px)) 1fr;
  }
}
@media (min-width: 768px) {
  .trainer_portal {
    grid-template-rows: repeat(7, auto);
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd" "min min min min min min min min min min" "pmu pmu pmu pmu pmu pmu pmu pmu pmu pmu" "svf svf svf svf svf svf svf svf svf svf" "icf icf icf icf icf icf icf icf icf icf" "tif tif tif tif tif tif tif tif tif tif" "pft pft pft pft pft pft pft pft pft pft";
  }
}
@media (min-width: 992px) {
  .trainer_portal {
    grid-template-rows: auto auto auto 1fr auto auto auto;
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd" "min min min min min min min pmu pmu pmu" "min min min min min min min svf svf svf" "min min min min min min min spc spc spc" "icf icf icf icf icf icf icf icf icf icf" "tif tif tif tif tif tif tif tif tif tif" "pft pft pft pft pft pft pft pft pft pft";
  }
}
@media (min-width: 1500px) {
  .trainer_portal {
    grid-template-rows: auto auto auto 1fr auto auto auto;
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd phd phd" ". min min min min min min min pmu pmu pmu ." ". min min min min min min min svf svf svf ." ". min min min min min min min spc spc spc ." ". icf icf icf icf icf icf icf icf icf icf ." ". tif tif tif tif tif tif tif tif tif tif ." "pft pft pft pft pft pft pft pft pft pft pft pft";
  }
}
.trainer_portal .page_header {
  grid-area: phd;
}
.trainer_portal .main_content_container {
  grid-area: min;
}
.trainer_portal .aside_portal_menu {
  grid-area: pmu;
}
.trainer_portal .service_field {
  grid-area: svf;
}
.trainer_portal .aside_spacer {
  display: none;
}
@media (min-width: 992px) {
  .trainer_portal .aside_spacer {
    display: block;
    grid-area: spc;
  }
}
.trainer_portal .icon_field {
  grid-area: icf;
}
.trainer_portal .tiles_field {
  grid-area: tif;
}
.trainer_portal .page_footer {
  grid-area: pft;
}

.trainer_details {
  display: grid;
  gap: max(35px, min(3.85vw, 50px));
  grid-template-columns: 1fr;
  grid-template-rows: repeat(7, auto);
  grid-template-areas: "phd" "min" "pmu" "svf" "icf" "tif" "pft";
}
@media (min-width: 768px) {
  .trainer_details {
    gap: max(15px, min(1.92vw, 25px));
    grid-template-columns: repeat(10, 1fr);
  }
}
@media (min-width: 1500px) {
  .trainer_details {
    gap: 30px;
    grid-template-columns: 1fr repeat(10, minmax(0, 123px)) 1fr;
  }
}
@media (min-width: 768px) {
  .trainer_details {
    grid-template-rows: repeat(6, auto);
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd" "min min min min min min min min min min" "pmu pmu pmu pmu pmu svf svf svf svf svf" "icf icf icf icf icf icf icf icf icf icf" "tif tif tif tif tif tif tif tif tif tif" "pft pft pft pft pft pft pft pft pft pft";
  }
}
@media (min-width: 992px) {
  .trainer_details {
    grid-template-rows: auto auto auto 1fr auto auto auto;
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd" "min min min min min min min pmu pmu pmu" "min min min min min min min svf svf svf" "min min min min min min min spc spc spc" "icf icf icf icf icf icf icf icf icf icf" "tif tif tif tif tif tif tif tif tif tif" "pft pft pft pft pft pft pft pft pft pft";
  }
}
@media (min-width: 1500px) {
  .trainer_details {
    grid-template-rows: auto auto auto 1fr auto auto auto;
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd phd phd" ". min min min min min min min pmu pmu pmu ." ". min min min min min min min svf svf svf ." ". min min min min min min min spc spc spc ." ". icf icf icf icf icf icf icf icf icf icf ." ". tif tif tif tif tif tif tif tif tif tif ." "pft pft pft pft pft pft pft pft pft pft pft pft";
  }
}
.trainer_details .page_header {
  grid-area: phd;
}
.trainer_details .main_content_container {
  grid-area: min;
}
.trainer_details .aside_portal_menu {
  grid-area: pmu;
}
.trainer_details .hero_image {
  grid-area: him;
}
.trainer_details .service_field {
  grid-area: svf;
}
.trainer_details .aside_spacer {
  display: none;
}
@media (min-width: 992px) {
  .trainer_details .aside_spacer {
    display: block;
    grid-area: spc;
  }
}
.trainer_details .icon_field {
  grid-area: icf;
}
.trainer_details .tiles_field {
  grid-area: tif;
}
.trainer_details .page_footer {
  grid-area: pft;
}

.jobs_portal {
  display: grid;
  gap: max(35px, min(3.85vw, 50px));
  grid-template-columns: 1fr;
  grid-template-rows: repeat(7, auto);
  grid-template-areas: "phd" "min" "pmu" "him" "svf" "tif" "pft";
}
@media (min-width: 768px) {
  .jobs_portal {
    gap: max(15px, min(1.92vw, 25px));
    grid-template-columns: repeat(10, 1fr);
  }
}
@media (min-width: 1500px) {
  .jobs_portal {
    gap: 30px;
    grid-template-columns: 1fr repeat(10, minmax(0, 123px)) 1fr;
  }
}
@media (min-width: 768px) {
  .jobs_portal {
    grid-template-rows: auto auto auto auto 1fr auto auto;
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd" "min min min min min min min pmu pmu pmu" "min min min min min min min him him him" "min min min min min min min svf svf svf" "min min min min min min min spc spc spc" "tif tif tif tif tif tif tif tif tif tif" "pft pft pft pft pft pft pft pft pft pft";
  }
}
@media (min-width: 992px) {
  .jobs_portal {
    grid-template-rows: auto auto auto auto 1fr auto auto;
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd" "min min min min min min min pmu pmu pmu" "min min min min min min min him him him" "min min min min min min min svf svf svf" "min min min min min min min spc spc spc" "tif tif tif tif tif tif tif tif tif tif" "pft pft pft pft pft pft pft pft pft pft";
  }
}
@media (min-width: 1500px) {
  .jobs_portal {
    grid-template-rows: auto auto auto auto 1fr auto auto;
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd phd phd" ". min min min min min min min pmu pmu pmu ." ". min min min min min min min him him him ." ". min min min min min min min svf svf svf ." ". min min min min min min min spc spc spc ." ". tif tif tif tif tif tif tif tif tif tif ." "pft pft pft pft pft pft pft pft pft pft pft pft";
  }
}
.jobs_portal .page_header {
  grid-area: phd;
}
.jobs_portal .hero_image {
  grid-area: him;
}
.jobs_portal .main_content_container {
  grid-area: min;
}
.jobs_portal .aside_portal_menu {
  grid-area: pmu;
}
.jobs_portal .service_field {
  grid-area: svf;
}
.jobs_portal .aside_spacer {
  display: none;
}
@media (min-width: 768px) {
  .jobs_portal .aside_spacer {
    display: block;
    grid-area: spc;
  }
}
.jobs_portal .tiles_field {
  grid-area: tif;
}
.jobs_portal .page_footer {
  grid-area: pft;
}

.industry_portal {
  display: grid;
  gap: max(35px, min(3.85vw, 50px));
  grid-template-columns: 1fr;
  grid-template-rows: repeat(8, auto);
  grid-template-areas: "phd" "min" "pmu" "him" "svf" "icf" "tif" "pft";
}
@media (min-width: 768px) {
  .industry_portal {
    gap: max(15px, min(1.92vw, 25px));
    grid-template-columns: repeat(10, 1fr);
  }
}
@media (min-width: 1500px) {
  .industry_portal {
    gap: 30px;
    grid-template-columns: 1fr repeat(10, minmax(0, 123px)) 1fr;
  }
}
@media (min-width: 768px) {
  .industry_portal {
    grid-template-rows: auto auto auto auto 1fr auto auto auto;
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd" "min min min min min min min pmu pmu pmu" "min min min min min min min him him him" "min min min min min min min svf svf svf" "min min min min min min min spc spc spc" "icf icf icf icf icf icf icf icf icf icf" "tif tif tif tif tif tif tif tif tif tif" "pft pft pft pft pft pft pft pft pft pft";
  }
}
@media (min-width: 992px) {
  .industry_portal {
    grid-template-rows: auto auto auto auto 1fr auto auto auto;
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd" "min min min min min min min pmu pmu pmu" "min min min min min min min him him him" "min min min min min min min svf svf svf" "min min min min min min min spc spc spc" "icf icf icf icf icf icf icf icf icf icf" "tif tif tif tif tif tif tif tif tif tif" "pft pft pft pft pft pft pft pft pft pft";
  }
}
@media (min-width: 1500px) {
  .industry_portal {
    grid-template-rows: auto auto auto auto 1fr auto auto auto;
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd phd phd" ". min min min min min min min pmu pmu pmu ." ". min min min min min min min him him him ." ". min min min min min min min svf svf svf ." ". min min min min min min min spc spc spc ." ". icf icf icf icf icf icf icf icf icf icf ." ". tif tif tif tif tif tif tif tif tif tif ." "pft pft pft pft pft pft pft pft pft pft pft pft";
  }
}
.industry_portal .page_header {
  grid-area: phd;
}
.industry_portal .hero_image {
  grid-area: him;
}
.industry_portal .main_content_container {
  grid-area: min;
}
.industry_portal .aside_portal_menu {
  grid-area: pmu;
}
.industry_portal .service_field {
  grid-area: svf;
}
.industry_portal .aside_spacer {
  display: none;
}
@media (min-width: 768px) {
  .industry_portal .aside_spacer {
    display: block;
    grid-area: spc;
  }
}
.industry_portal .icon_field {
  grid-area: icf;
}
.industry_portal .tiles_field {
  grid-area: tif;
}
.industry_portal .page_footer {
  grid-area: pft;
}

.page_not_found {
  display: grid;
  gap: max(35px, min(3.85vw, 50px));
  grid-template-columns: 1fr;
  grid-template-rows: repeat(7, auto);
  grid-template-areas: "phd" "min" "svf" "stf" "icf" "tif" "pft";
}
@media (min-width: 768px) {
  .page_not_found {
    gap: max(15px, min(1.92vw, 25px));
    grid-template-columns: repeat(10, 1fr);
  }
}
@media (min-width: 1500px) {
  .page_not_found {
    gap: 30px;
    grid-template-columns: 1fr repeat(10, minmax(0, 123px)) 1fr;
  }
}
@media (min-width: 768px) {
  .page_not_found {
    grid-template-rows: repeat(6, auto);
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd" "min min min min min min min svf svf svf" "stf stf stf stf stf stf stf stf stf stf" "icf icf icf icf icf icf icf icf icf icf" "tif tif tif tif tif tif tif tif tif tif" "pft pft pft pft pft pft pft pft pft pft";
  }
}
@media (min-width: 992px) {
  .page_not_found {
    grid-template-rows: repeat(6, auto);
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd" "min min min min min min min svf svf svf" "stf stf stf stf stf stf stf stf stf stf" "icf icf icf icf icf icf icf icf icf icf" "tif tif tif tif tif tif tif tif tif tif" "pft pft pft pft pft pft pft pft pft pft";
  }
}
@media (min-width: 1500px) {
  .page_not_found {
    grid-template-rows: repeat(6, auto);
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd phd phd" ". min min min min min min min svf svf svf ." ". stf stf stf stf stf stf stf stf stf stf ." ". icf icf icf icf icf icf icf icf icf icf ." ". tif tif tif tif tif tif tif tif tif tif ." "pft pft pft pft pft pft pft pft pft pft pft pft";
  }
}
.page_not_found .page_header {
  grid-area: phd;
}
.page_not_found .main_content_container {
  grid-area: min;
}
.page_not_found .service_field {
  grid-area: svf;
}
.page_not_found .seminar_topic_field {
  grid-area: stf;
}
.page_not_found .icon_field {
  grid-area: icf;
}
.page_not_found .tiles_field {
  grid-area: tif;
}
.page_not_found .page_footer {
  grid-area: pft;
}

.company_page_100 {
  display: grid;
  gap: max(35px, min(3.85vw, 50px));
  grid-template-columns: 1fr;
  grid-template-rows: repeat(7, auto);
  grid-template-areas: "phd" "min" "pmu" "svf" "icf" "tif" "pft";
}
@media (min-width: 768px) {
  .company_page_100 {
    gap: max(15px, min(1.92vw, 25px));
    grid-template-columns: repeat(10, 1fr);
  }
}
@media (min-width: 1500px) {
  .company_page_100 {
    gap: 30px;
    grid-template-columns: 1fr repeat(10, minmax(0, 123px)) 1fr;
  }
}
@media (min-width: 768px) {
  .company_page_100 {
    grid-template-rows: repeat(6, auto);
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd" "min min min min min min min min min min" "pmu pmu pmu pmu pmu svf svf svf svf svf" "icf icf icf icf icf icf icf icf icf icf" "tif tif tif tif tif tif tif tif tif tif" "pft pft pft pft pft pft pft pft pft pft";
  }
}
@media (min-width: 992px) {
  .company_page_100 {
    grid-template-rows: repeat(6, auto);
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd" "min min min min min min min min min min" "pmu pmu pmu pmu pmu svf svf svf svf svf" "icf icf icf icf icf icf icf icf icf icf" "tif tif tif tif tif tif tif tif tif tif" "pft pft pft pft pft pft pft pft pft pft";
  }
}
@media (min-width: 1500px) {
  .company_page_100 {
    grid-template-rows: repeat(6, auto);
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd phd phd" ". min min min min min min min min min min ." ". pmu pmu pmu pmu pmu svf svf svf svf svf ." ". icf icf icf icf icf icf icf icf icf icf ." ". tif tif tif tif tif tif tif tif tif tif ." "pft pft pft pft pft pft pft pft pft pft pft pft";
  }
}
.company_page_100 .page_header {
  grid-area: phd;
}
.company_page_100 .main_content_container {
  grid-area: min;
}
.company_page_100 .aside_portal_menu {
  grid-area: pmu;
}
.company_page_100 .service_field {
  grid-area: svf;
}
.company_page_100 .icon_field {
  grid-area: icf;
}
.company_page_100 .tiles_field {
  grid-area: tif;
}
.company_page_100 .page_footer {
  grid-area: pft;
}

.feedback_contact {
  display: grid;
  gap: max(35px, min(3.85vw, 50px));
  grid-template-columns: 1fr;
  grid-template-rows: repeat(5, auto);
  grid-template-areas: "phd" "min" "svf" "tif" "pft";
}
@media (min-width: 768px) {
  .feedback_contact {
    gap: max(15px, min(1.92vw, 25px));
    grid-template-columns: repeat(10, 1fr);
  }
}
@media (min-width: 1500px) {
  .feedback_contact {
    gap: 30px;
    grid-template-columns: 1fr repeat(10, minmax(0, 123px)) 1fr;
  }
}
@media (min-width: 768px) {
  .feedback_contact {
    grid-template-rows: repeat(4, auto);
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd" "min min min min min min svf svf svf svf" "tif tif tif tif tif tif tif tif tif tif" "pft pft pft pft pft pft pft pft pft pft";
  }
}
@media (min-width: 992px) {
  .feedback_contact {
    grid-template-rows: repeat(4, auto);
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd" "min min min min min min svf svf svf svf" "tif tif tif tif tif tif tif tif tif tif" "pft pft pft pft pft pft pft pft pft pft";
  }
}
@media (min-width: 1500px) {
  .feedback_contact {
    grid-template-rows: repeat(4, auto);
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd phd phd" ". min min min min min min svf svf svf svf ." ". tif tif tif tif tif tif tif tif tif tif ." "pft pft pft pft pft pft pft pft pft pft pft pft";
  }
}
.feedback_contact .page_header {
  grid-area: phd;
}
.feedback_contact .main_content_container {
  grid-area: min;
}
.feedback_contact .service_field {
  grid-area: svf;
}
.feedback_contact .tiles_field {
  grid-area: tif;
}
.feedback_contact .page_footer {
  grid-area: pft;
}

.feedback_booking {
  display: grid;
  gap: max(35px, min(3.85vw, 50px));
  grid-template-columns: 1fr;
  grid-template-rows: repeat(6, auto);
  grid-template-areas: "phd" "min" "svf" "aar" "tif" "pft";
}
@media (min-width: 768px) {
  .feedback_booking {
    gap: max(15px, min(1.92vw, 25px));
    grid-template-columns: repeat(10, 1fr);
  }
}
@media (min-width: 1500px) {
  .feedback_booking {
    gap: 30px;
    grid-template-columns: 1fr repeat(10, minmax(0, 123px)) 1fr;
  }
}
@media (min-width: 768px) {
  .feedback_booking {
    grid-template-rows: repeat(5, auto);
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd" "min min min min min min min min min min" "svf svf svf svf svf svf svf svf svf svf" "aar aar aar aar aar aar aar aar aar aar" "tif tif tif tif tif tif tif tif tif tif" "pft pft pft pft pft pft pft pft pft pft";
  }
}
@media (min-width: 992px) {
  .feedback_booking {
    grid-template-rows: repeat(5, auto);
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd" "min min min min min min min min min min" "svf svf svf svf svf aar aar aar aar aar" "tif tif tif tif tif tif tif tif tif tif" "pft pft pft pft pft pft pft pft pft pft";
  }
}
@media (min-width: 1500px) {
  .feedback_booking {
    grid-template-rows: repeat(5, auto);
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd phd phd" ". min min min min min min min min min min ." ". svf svf svf svf svf aar aar aar aar aar ." ". tif tif tif tif tif tif tif tif tif tif ." "pft pft pft pft pft pft pft pft pft pft pft pft";
  }
}
.feedback_booking .page_header {
  grid-area: phd;
}
.feedback_booking .main_content_container {
  grid-area: min;
}
.feedback_booking .service_field {
  grid-area: svf;
}
.feedback_booking .aside_after_registration {
  grid-area: aar;
}
.feedback_booking .tiles_field {
  grid-area: tif;
}
.feedback_booking .page_footer {
  grid-area: pft;
}

.landing_page {
  display: grid;
  gap: max(35px, min(3.85vw, 50px));
  grid-template-columns: 1fr;
  grid-template-rows: repeat(8, auto);
  grid-template-areas: "phd" "him" "min" "ast" "svf" "icf" "tif" "pft";
}
@media (min-width: 768px) {
  .landing_page {
    gap: max(15px, min(1.92vw, 25px));
    grid-template-columns: repeat(10, 1fr);
  }
}
@media (min-width: 1500px) {
  .landing_page {
    gap: 30px;
    grid-template-columns: 1fr repeat(10, minmax(0, 123px)) 1fr;
  }
}
@media (min-width: 768px) {
  .landing_page {
    grid-template-rows: auto auto auto auto 1fr auto auto auto;
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd" "min min min min min min him him him him" "min min min min min min ast ast ast ast" "min min min min min min svf svf svf svf" "min min min min min min spc spc spc asp" "icf icf icf icf icf icf icf icf icf icf" "tif tif tif tif tif tif tif tif tif tif" "pft pft pft pft pft pft pft pft pft pft";
  }
}
@media (min-width: 992px) {
  .landing_page {
    grid-template-rows: auto auto auto auto 1fr auto auto auto;
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd" "min min min min min min min him him him" "min min min min min min min ast ast ast" "min min min min min min min svf svf svf" "min min min min min min min spc spc spc" "icf icf icf icf icf icf icf icf icf icf" "tif tif tif tif tif tif tif tif tif tif" "pft pft pft pft pft pft pft pft pft pft";
  }
}
@media (min-width: 1500px) {
  .landing_page {
    grid-template-rows: auto auto auto auto 1fr auto auto auto;
    grid-template-areas: "phd phd phd phd phd phd phd phd phd phd phd phd" ". min min min min min min min him him him ." ". min min min min min min min alp alp alp ." ". min min min min min min min ast ast ast ." ". min min min min min min min svf svf svf ." ". min min min min min min min spc spc spc ." ". icf icf icf icf icf icf icf icf icf icf ." ". tif tif tif tif tif tif tif tif tif tif ." "pft pft pft pft pft pft pft pft pft pft pft pft";
  }
}
.landing_page .page_header {
  grid-area: phd;
}
.landing_page .main_content_container {
  grid-area: min;
}
.landing_page .hero_image {
  grid-area: him;
  margin-top: -20px;
  margin-bottom: -20px;
}
@media (min-width: 768px) {
  .landing_page .hero_image {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.landing_page .service_field {
  grid-area: svf;
}
.landing_page .aside_seminar_types {
  grid-area: ast;
}
.landing_page .aside_spacer {
  display: none;
}
@media (min-width: 768px) {
  .landing_page .aside_spacer {
    display: block;
    grid-area: spc;
  }
}
.landing_page .icon_field {
  grid-area: icf;
}
.landing_page .tiles_field {
  grid-area: tif;
}
.landing_page .page_footer {
  grid-area: pft;
}

.page_header {
  background-color: rgb(250, 250, 250);
  padding: 0 1rem;
}
@media (min-width: 1500px) {
  .page_header {
    padding: 0;
  }
}
.page_header .page_header_main {
  height: 75px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media (min-width: 768px) {
  .page_header .page_header_main {
    height: 90px;
  }
}
.page_header .page_header_main .logo {
  display: flex;
  align-items: flex-end;
}
.page_header .page_header_main .logo .logo_img {
  width: 160px;
  margin-bottom: -7px;
}
@media (min-width: 350px) {
  .page_header .page_header_main .logo .logo_img {
    width: 180px;
  }
}
@media (min-width: 1200px) {
  .page_header .page_header_main .logo .logo_img {
    width: 230px;
  }
}
.page_header .page_header_main .logo .logo_img_sticky {
  display: none;
  width: 40px;
  height: 40px;
}
.page_header .page_header_main nav {
  display: flex;
  gap: 1rem;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .page_header .page_header_main nav > * {
    margin-right: 1rem !important;
  }
  .page_header .page_header_main nav > *:last-child {
    margin-right: 0 !important;
  }
}
.page_header .page_header_main nav .menu_main {
  display: none;
}
@media (min-width: 768px) {
  .page_header .page_header_main nav .menu_main {
    display: flex;
  }
}
.page_header .page_header_main nav .menu_secondary {
  display: none;
}
@media (min-width: 992px) {
  .page_header .page_header_main nav .menu_secondary {
    display: flex;
  }
}
.page_header .page_header_main nav .menu_main .nav_item .nav_link, .page_header .page_header_main nav .menu_secondary .nav_item .nav_link {
  display: inline-block;
  padding: 10px;
  border-bottom: 2px solid rgb(205, 0, 50);
  white-space: nowrap;
  font-family: "Museo 500";
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 400;
  font-size: 0.83rem;
}
@media (min-width: 1200px) {
  .page_header .page_header_main nav .menu_main .nav_item .nav_link, .page_header .page_header_main nav .menu_secondary .nav_item .nav_link {
    font-size: 0.95rem;
  }
}
.page_header .page_header_main nav .menu_main .nav_item .nav_link i, .page_header .page_header_main nav .menu_secondary .nav_item .nav_link i {
  color: rgb(205, 0, 50);
  padding-right: 5px;
}
.page_header .page_header_main nav .menu_main .nav_item .nav_link:hover, .page_header .page_header_main nav .menu_secondary .nav_item .nav_link:hover {
  color: rgb(205, 0, 50);
  padding-left: 0;
  padding-right: 0;
  margin-left: 10px;
  margin-right: 10px;
}
.page_header .page_header_main nav .btn_burger {
  padding: 10px 11px;
  border: none;
  background-color: rgb(226, 226, 226);
  color: rgb(80, 80, 80);
  cursor: pointer;
  font-size: 1rem;
}
@media (min-width: 992px) {
  .page_header .page_header_main nav .btn_burger {
    display: none;
  }
}
.page_header .page_header_main nav .btn_burger:hover {
  background-color: rgb(205, 0, 50);
  color: rgb(250, 250, 250);
}
.page_header .page_header_main nav .menu_contact {
  display: flex;
  align-items: end;
  gap: 15px;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .page_header .page_header_main nav .menu_contact > * {
    margin-right: 15px !important;
  }
  .page_header .page_header_main nav .menu_contact > *:last-child {
    margin-right: 0 !important;
  }
}
.page_header .page_header_main nav .menu_contact .nav_item .nav_link {
  display: inline-block;
  background-color: rgb(205, 0, 50);
  color: rgb(250, 250, 250);
  padding: 10px;
}
.page_header .mobile_menu_dropdown {
  display: none;
  margin-top: 0.5rem;
}
@media (min-width: 992px) {
  .page_header .mobile_menu_dropdown {
    display: none;
  }
}
.page_header .mobile_menu_dropdown.show {
  display: block;
}
@media (min-width: 768px) {
  .page_header .mobile_menu_dropdown .menu_main {
    display: none;
  }
}
.page_header .mobile_menu_dropdown .menu_main .nav_item, .page_header .mobile_menu_dropdown .menu_secondary .nav_item {
  background-color: rgb(226, 226, 226);
  border-bottom: 2px solid rgb(250, 250, 250);
}
.page_header .mobile_menu_dropdown .menu_main .nav_item .nav_link, .page_header .mobile_menu_dropdown .menu_secondary .nav_item .nav_link {
  display: inline-block;
  width: 100%;
  padding: max(10px, min(1.15vw, 15px));
}
.page_header .mobile_menu_dropdown .menu_main .nav_item .nav_link i, .page_header .mobile_menu_dropdown .menu_secondary .nav_item .nav_link i {
  padding-right: 10px;
  color: rgb(205, 0, 50);
}
.page_header .mobile_menu_dropdown .menu_main .nav_item:hover .nav_link, .page_header .mobile_menu_dropdown .menu_secondary .nav_item:hover .nav_link {
  background-color: rgb(205, 0, 50);
  color: rgb(250, 250, 250);
}
.page_header .mobile_menu_dropdown .menu_main .nav_item:hover .nav_link i, .page_header .mobile_menu_dropdown .menu_secondary .nav_item:hover .nav_link i {
  color: rgb(250, 250, 250);
}
.page_header.sticky {
  position: sticky;
  top: 0;
  z-index: 1000;
  background-color: rgb(226, 226, 226);
  border-bottom: 2px solid rgb(250, 250, 250);
}
.page_header.sticky .page_header_main {
  height: 60px;
  align-items: center;
}
.page_header.sticky .page_header_main nav .btn_burger {
  background-color: rgb(250, 250, 250);
}
.page_header.sticky .page_header_main nav .btn_burger:hover {
  background-color: rgb(205, 0, 50);
  color: rgb(250, 250, 250);
}
.page_header.sticky .mobile_menu_dropdown {
  background-color: rgb(250, 250, 250);
  margin-bottom: 1rem;
}
.page_header.sticky .mobile_menu_dropdown .menu_main .nav_item, .page_header.sticky .mobile_menu_dropdown .menu_secondary .nav_item {
  background-color: rgb(250, 250, 250);
  border-bottom: 2px solid rgb(226, 226, 226);
}

.social_share {
  position: fixed;
  top: 200px;
  left: 0px;
  z-index: 1000;
}
.social_share a {
  background-color: rgb(205, 0, 50);
  color: rgb(250, 250, 250);
  display: block;
  line-height: 40px;
  text-align: center;
  width: 50px;
  font-size: 1.5rem;
  padding-bottom: 5px;
}
@media (min-width: 1500px) {
  .social_share a {
    line-height: 35px;
    text-align: center;
    width: 30px;
    font-size: 1rem;
  }
}
.social_share a span {
  pointer-events: none;
}
.social_share a:first-child {
  border-top-right-radius: 10px;
}
@media (max-width: 1500px) {
  .social_share a:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 0px;
  }
}
.social_share a:last-child {
  border-bottom-right-radius: 10px;
}
@media (max-width: 1500px) {
  .social_share a:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 0px;
  }
}
.social_share a:hover {
  background-color: rgb(246, 75, 118);
}
@media (max-width: 1500px) {
  .social_share {
    top: auto;
    bottom: 0;
    display: flex;
    margin: auto;
    min-width: 100px;
    width: 100%;
    align-items: center;
    justify-content: center;
    background-color: rgb(250, 250, 250);
  }
}

.button_field {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem 1rem 0 1rem;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .button_field > *:not(:last-child) {
    margin: 0 0 1rem 0;
  }
  .button_field > *:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 1500px) {
  .button_field {
    padding: 0;
  }
}
.button_field .head .title {
  color: rgb(205, 0, 50);
  font-family: "Museo 500";
  font-size: 1.39rem;
  line-height: 1.2;
  font-weight: 500;
}
@media (min-width: 992px) {
  .button_field .head .title {
    padding: 0 2rem;
  }
}
.button_field .body {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .button_field .body > * {
    margin-right: 1rem;
    margin-bottom: 1rem;
  }
  .button_field .body > *:last-child {
    margin-right: 0;
  }
}
@media (min-width: 1500px) {
  .button_field .body {
    padding: 0;
  }
}
.button_field .body .button {
  width: 100%;
  font-family: "Museo 500";
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 400;
}
@media (min-width: 600px) {
  .button_field .body .button {
    width: calc(50% - 0.5rem);
  }
}
@media (min-width: 992px) {
  .button_field .body .button {
    width: calc(33% - 0.5rem);
  }
}
@media (min-width: 1520px) {
  .button_field .body .button {
    width: calc(25% - 0.75rem);
  }
}
.button_field .body .button .text {
  flex: 1;
}
.button_field .body .button.project_management {
  background-color: hsl(334, 40%, 90%);
  color: hsl(334, 100%, 45%);
}
.button_field .body .button.project_management:hover {
  background-color: hsl(334, 100%, 45%);
}
.button_field .body .button.leadership {
  background-color: hsl(3, 40%, 90%);
  color: hsl(3, 80%, 40%);
}
.button_field .body .button.leadership:hover {
  background-color: hsl(3, 80%, 40%);
}
.button_field .body .button.time_management {
  background-color: hsl(17, 40%, 90%);
  color: hsl(17, 95%, 47%);
}
.button_field .body .button.time_management:hover {
  background-color: hsl(17, 95%, 47%);
}
.button_field .body .button.customer_service {
  background-color: hsl(47, 40%, 90%);
  color: hsl(47, 100%, 47%);
}
.button_field .body .button.customer_service:hover {
  background-color: hsl(47, 100%, 47%);
}
.button_field .body .button.telephone_training {
  background-color: hsl(66, 40%, 90%);
  color: hsl(66, 100%, 33%);
}
.button_field .body .button.telephone_training:hover {
  background-color: hsl(66, 100%, 33%);
}
.button_field .body .button.sales_training {
  background-color: hsl(89, 40%, 90%);
  color: hsl(89, 69%, 28%);
}
.button_field .body .button.sales_training:hover {
  background-color: hsl(89, 69%, 28%);
}
.button_field .body .button.conflict_management {
  background-color: hsl(181, 40%, 90%);
  color: hsl(181, 100%, 24%);
}
.button_field .body .button.conflict_management:hover {
  background-color: hsl(181, 100%, 24%);
}
.button_field .body .button.presentation_training {
  background-color: hsl(198, 40%, 90%);
  color: hsl(198, 100%, 34%);
}
.button_field .body .button.presentation_training:hover {
  background-color: hsl(198, 100%, 34%);
}
.button_field .body .button.communication_training {
  background-color: hsl(222, 40%, 90%);
  color: hsl(222, 72%, 30%);
}
.button_field .body .button.communication_training:hover {
  background-color: hsl(222, 72%, 30%);
}
.button_field .body .button.hr_training {
  background-color: hsl(290, 40%, 90%);
  color: hsl(290, 33%, 30%);
}
.button_field .body .button.hr_training:hover {
  background-color: hsl(290, 33%, 30%);
}
.button_field .body .button.catalog_button {
  flex: 1;
  background-color: rgb(226, 226, 226);
  color: rgb(80, 80, 80);
}
.button_field .body .button.catalog_button .catalog_icon {
  font-size: 2.6rem;
}
.button_field .body .button.catalog_button:hover {
  background-color: rgb(205, 0, 50);
  color: rgb(250, 250, 250);
}
.button_field .body .button:hover {
  color: rgb(250, 250, 250);
}

.icon_field {
  background-color: rgb(240, 240, 240);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1.5rem 1rem;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .icon_field > *:not(:last-child) {
    margin: 0 0 1.5rem 0;
  }
  .icon_field > *:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .icon_field {
    padding: 2rem;
  }
}
.icon_field .head {
  color: rgb(205, 0, 50);
  font-family: "Museo 500";
  font-size: 1.39rem;
  line-height: 1.2;
  font-weight: 500;
}
.icon_field .body {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1.5rem;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .icon_field .body > * {
    margin-right: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .icon_field .body > *:last-child {
    margin-right: 0;
  }
}
@media (min-width: 680px) {
  .icon_field .body {
    justify-content: center;
  }
}
.icon_field .body .token {
  flex: 1 1 100%;
  display: flex;
  gap: 1rem;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .icon_field .body .token > * {
    margin-right: 1rem !important;
  }
  .icon_field .body .token > *:last-child {
    margin-right: 0 !important;
  }
}
@media (min-width: 680px) {
  .icon_field .body .token {
    max-width: 300px;
  }
}
@media (min-width: 768px) {
  .icon_field .body .token {
    max-width: 350px;
  }
}
@media (min-width: 992px) {
  .icon_field .body .token {
    max-width: 380px;
  }
}
@media (min-width: 1200px) {
  .icon_field .body .token {
    max-width: 350px;
  }
}
@media (min-width: 1500px) {
  .icon_field .body .token {
    max-width: 420px;
  }
}
.icon_field .body .token i {
  color: rgb(205, 0, 50);
  padding-top: 2px;
  min-width: 50px;
  text-align: left;
}
.icon_field .body .token .caption {
  font-family: "Museo 500";
  font-size: 1.1rem;
  line-height: 1.52;
  font-weight: 400;
}
.icon_field .footer {
  text-align: right;
}
.icon_field .footer .more {
  font-family: "Museo 500";
  font-size: 1rem;
  line-height: 1.52;
  font-weight: 400;
}
.icon_field .footer .more .caption {
  text-decoration: underline;
}
.icon_field .footer .more i {
  color: rgb(205, 0, 50);
  transform: translateY(1px);
}
.icon_field .footer .more:hover {
  color: rgb(205, 0, 50);
}
@media (min-width: 992px) {
  .icon_field.desktop_small .body {
    justify-content: flex-start;
  }
  .icon_field.desktop_small .body .token {
    max-width: 450px;
  }
}

.review_field {
  background-color: rgb(240, 240, 240);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1.5rem 1rem;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .review_field > *:not(:last-child) {
    margin: 0 0 1.5rem 0;
  }
  .review_field > *:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .review_field {
    padding: 2rem;
  }
}
.review_field .head .title {
  color: rgb(205, 0, 50);
  font-family: "Museo 500";
  font-size: 1.39rem;
  line-height: 1.2;
  font-weight: 500;
}
.review_field .body .review {
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}
.review_field .body .review:not(:last-child) {
  border-bottom: 2px solid rgb(205, 0, 50);
  margin-bottom: 1.5rem;
  padding-bottom: 1.2rem;
}
.review_field .body .review:hover .short_text i {
  transform: scale(1.3);
}
.review_field .body .review .head {
  display: flex;
  margin-bottom: 0.5rem;
}
.review_field .body .review .head .rating {
  margin-right: 1rem;
}
.review_field .body .review .head .rating i.active {
  color: rgb(205, 0, 50);
}
.review_field .body .review .head .name {
  font-family: "Museo 500";
  font-size: 1.1rem;
  line-height: 1.2;
  font-weight: 400;
}
.review_field .body .review .short_text, .review_field .body .review .full_text {
  font-family: "Museo 500";
  font-size: 0.85rem;
  line-height: 1.52;
  font-weight: 400;
}
.review_field .body .review .short_text i, .review_field .body .review .full_text i {
  color: rgb(205, 0, 50);
}

@media (min-width: 768px) {
  .highlight_field {
    padding-left: 0;
    padding-right: 0;
  }
}
.highlight_field .highlight_head {
  font-family: "Museo 500";
  font-size: 1.39rem;
  line-height: 1.2;
  font-weight: 500;
  color: rgb(205, 0, 50);
  margin-bottom: max(10px, min(1.15vw, 15px));
  padding-left: max(15px, min(1.92vw, 25px));
}
@media (min-width: 768px) {
  .highlight_field .card_container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .highlight_field .card_container {
    grid-template-columns: repeat(3, 1fr);
  }
}
.highlight_field .card_container :nth-child(4) {
  display: block;
}
@media (min-width: 992px) {
  .highlight_field .card_container :nth-child(4) {
    display: none;
  }
}
.highlight_field .card_body {
  height: max(70px, min(9vw, 90px));
}

.rating_field {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  padding: 0 1rem;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .rating_field > * {
    margin-right: 1rem;
    margin-bottom: 1rem;
  }
  .rating_field > *:last-child {
    margin-right: 0;
  }
}
@media (min-width: 1500px) {
  .rating_field {
    padding: 0;
  }
}
.rating_field .aspect {
  flex: 1 0 350px;
  background-color: rgb(226, 226, 226);
  padding: 1rem;
  display: flex;
  flex-direction: column;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .rating_field .aspect > *:not(:last-child) {
    margin: 0 0 1rem 0;
  }
  .rating_field .aspect > *:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .rating_field .aspect {
    flex: 1 0 350px;
  }
}
@media (min-width: 992px) {
  .rating_field .aspect {
    flex: 1 0 350px;
  }
}
@media (min-width: 1500px) {
  .rating_field .aspect {
    flex: 1 0 200px;
  }
}
.rating_field .aspect .caption {
  flex: 1;
  font-family: "Museo 500";
  font-size: 1.1rem;
  line-height: 1.2;
  font-weight: 400;
}
.rating_field .aspect .gauge {
  width: 100%;
  max-width: 200px;
  margin: 0 auto;
}
.rating_field .aspect .gauge .stop_light {
  stop-color: rgb(250, 236, 236);
}
.rating_field .aspect .gauge .stop_dark {
  stop-color: rgb(235, 115, 145);
}
.rating_field .aspect .gauge .guage_needle_parts {
  fill: black;
}
.rating_field .aspect .note {
  text-align: center;
  font-family: "Museo 500";
  font-size: 1.74rem;
  line-height: 1.2;
  font-weight: 400;
  font-size: 4rem;
}
.rating_field .aspect .head {
  font-family: "Museo 500";
  font-size: 1.39rem;
  line-height: 1.2;
  font-weight: 500;
}
.rating_field .aspect:first-child {
  background-color: rgb(111, 111, 111);
  color: rgb(250, 250, 250);
}

.rating_field_portal .head {
  font-family: "Museo 500";
  font-size: 1.39rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: rgb(111, 111, 111);
  color: rgb(250, 250, 250);
  padding: max(15px, min(1.92vw, 25px));
  margin: 1rem;
  margin-top: 0;
  margin-bottom: 1rem;
}
@media (min-width: 1500px) {
  .rating_field_portal .head {
    margin-left: 0;
    margin-right: 0;
  }
}
.rating_field_portal .aspect_container {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  padding: 0 1rem;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .rating_field_portal .aspect_container > * {
    margin-right: 1rem;
    margin-bottom: 1rem;
  }
  .rating_field_portal .aspect_container > *:last-child {
    margin-right: 0;
  }
}
@media (min-width: 1500px) {
  .rating_field_portal .aspect_container {
    padding: 0;
  }
}
.rating_field_portal .aspect_container .aspect {
  flex: 1 0 229px;
  background-color: rgb(226, 226, 226);
  padding: 1rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .rating_field_portal .aspect_container .aspect {
    flex: 1 0 230px;
  }
}
@media (min-width: 992px) {
  .rating_field_portal .aspect_container .aspect {
    flex: 1 0 280px;
  }
}
@media (min-width: 1160px) {
  .rating_field_portal .aspect_container .aspect {
    flex: 1 0 350px;
  }
}
@media (min-width: 1500px) {
  .rating_field_portal .aspect_container .aspect {
    flex: 1 0 190px;
  }
}
.rating_field_portal .aspect_container .aspect .caption {
  flex: 1;
  font-family: "Museo 500";
  font-size: 1.1rem;
  line-height: 1.2;
  font-weight: 400;
}
.rating_field_portal .aspect_container .aspect .gauge {
  width: 100%;
  max-width: 200px;
  margin: 0 auto;
}
.rating_field_portal .aspect_container .aspect .gauge .stop_light {
  stop-color: rgb(250, 236, 236);
}
.rating_field_portal .aspect_container .aspect .gauge .stop_dark {
  stop-color: rgb(235, 115, 145);
}
.rating_field_portal .aspect_container .aspect .gauge .guage_needle_parts {
  fill: black;
}
.rating_field_portal .aspect_container .aspect .note {
  text-align: center;
  font-family: "Museo 500";
  font-size: 1.74rem;
  line-height: 1.2;
  font-weight: 400;
  font-size: 4rem;
}
.rating_field_portal .aspect_container .aspect:first-child {
  background-color: rgb(226, 226, 226);
  color: rgb(10, 10, 10);
}
.rating_field_portal .aspect_container > :nth-child(5) {
  display: none;
}

.page_footer {
  background-color: rgb(240, 240, 240);
}
.page_footer .footer_content .info {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  padding: 2rem 1rem 1rem;
  font-family: "Museo 500";
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 400;
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .page_footer .footer_content .info {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .page_footer .footer_content .info {
    grid-template-columns: repeat(3, 1fr);
    display: flex;
  }
}
.page_footer .footer_content .info .name_address {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  margin-bottom: 1.5rem;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .page_footer .footer_content .info .name_address > *:not(:last-child) {
    margin: 0 0 0.3rem 0;
  }
  .page_footer .footer_content .info .name_address > *:last-child {
    margin-bottom: 0;
  }
}
.page_footer .footer_content .info .name_address span {
  text-wrap: nowrap;
}
.page_footer .footer_content .info .contact {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .page_footer .footer_content .info .contact > *:not(:last-child) {
    margin: 0 0 0.3rem 0;
  }
  .page_footer .footer_content .info .contact > *:last-child {
    margin-bottom: 0;
  }
}
.page_footer .footer_content .info .contact span {
  text-wrap: nowrap;
}
.page_footer .footer_content .info .text {
  width: 100%;
  display: flex;
  gap: 10px;
  padding-right: 2rem;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .page_footer .footer_content .info .text > * {
    margin-right: 10px !important;
  }
  .page_footer .footer_content .info .text > *:last-child {
    margin-right: 0 !important;
  }
}
.page_footer .footer_content .social_follow {
  margin-top: max(15px, min(1.92vw, 25px));
}
@media (min-width: 768px) {
  .page_footer .footer_content .social_follow {
    margin-top: 0;
  }
}
.page_footer .footer_content .social_follow .caption {
  font-family: "Museo 500";
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 400;
  color: rgb(205, 0, 50);
  margin-bottom: 0.5rem;
  padding-left: 0px;
}
.page_footer .footer_content .social_follow .links {
  display: flex;
  gap: 1rem;
  margin-bottom: 0.3rem;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .page_footer .footer_content .social_follow .links > * {
    margin-right: 1rem !important;
  }
  .page_footer .footer_content .social_follow .links > *:last-child {
    margin-right: 0 !important;
  }
}
.page_footer .footer_content .social_follow .links i:hover {
  color: rgb(205, 0, 50);
}
.page_footer .footer_content .legal {
  border-top: 2px solid rgb(205, 0, 50);
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  margin-bottom: 5px;
  padding-top: 0;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .page_footer .footer_content .legal > * {
    margin-right: 0.5rem !important;
  }
  .page_footer .footer_content .legal > *:last-child {
    margin-right: 0 !important;
  }
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .page_footer .footer_content .legal > *:not(:last-child) {
    margin: 0 0 0.5rem 0;
  }
  .page_footer .footer_content .legal > *:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .page_footer .footer_content .legal {
    flex-direction: row;
    justify-content: center;
    gap: 1.5rem;
    margin-bottom: 5px;
    padding-top: 5px;
  }
  @supports (-webkit-touch-callout: none) and (not (translate: none)) {
    .page_footer .footer_content .legal > *:not(:last-child) {
      margin: 0 0 1.5rem 0;
    }
    .page_footer .footer_content .legal > *:last-child {
      margin-bottom: 0;
    }
  }
}
.page_footer .footer_content .legal a {
  font-family: "Museo 500";
  font-size: 1rem;
  line-height: 1.52;
  font-weight: 400;
  line-height: 2.5;
}
.page_footer .footer_content .legal a:hover {
  color: rgb(205, 0, 50);
}
.page_footer .footer_content .legal a i {
  color: rgb(205, 0, 50);
}
.page_footer .fa-fw {
  text-align: center;
  width: 2rem;
}

.aside_list {
  background-color: rgb(240, 240, 240);
}
.aside_list .head {
  background-color: rgb(226, 226, 226);
  color: rgb(205, 0, 50);
  padding: max(10px, min(1.15vw, 15px));
  font-family: "Museo 500";
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 500;
}
.aside_list .list .item {
  border-bottom: 2px solid rgb(250, 250, 250);
}
.aside_list .list .item:last-child {
  border-bottom: medium none currentColor;
}
.aside_list .list .item:nth-child(even) {
  background-color: rgb(226, 226, 226);
}
.aside_list .list .item .text, .aside_list .list .item .link {
  display: flex;
  gap: max(10px, min(1.15vw, 15px));
  padding: max(10px, min(1.15vw, 15px));
  user-select: none;
  -webkit-user-select: none;
  font-family: "Museo 500";
  font-size: 0.85rem;
  line-height: 1.52;
  font-weight: 400;
  font-size: 0.9rem;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .aside_list .list .item .text > *, .aside_list .list .item .link > * {
    margin-right: max(10px, min(1.15vw, 15px)) !important;
  }
  .aside_list .list .item .text > *:last-child, .aside_list .list .item .link > *:last-child {
    margin-right: 0 !important;
  }
}
.aside_list .list .item .text .icon, .aside_list .list .item .link .icon {
  color: rgb(205, 0, 50);
}
.aside_list .list .item .link.active {
  background-color: rgb(205, 0, 50);
  color: rgb(250, 250, 250);
}
.aside_list .list .item .link.active .icon {
  color: rgb(250, 250, 250);
}
.aside_list .list .item .link:hover {
  background-color: rgb(205, 0, 50);
  color: rgb(250, 250, 250);
}
.aside_list .list .item .link:hover .icon {
  color: rgb(250, 250, 250);
}
.aside_list.headless .list .item:nth-child(odd) {
  background-color: rgb(226, 226, 226);
}
.aside_list.headless .list .item:nth-child(even) {
  background-color: rgb(240, 240, 240);
}

.hero_image img {
  object-position: center;
  object-fit: cover;
  min-width: unset;
  max-height: 735px;
  object-position: 50% 20%;
}

.service_field .head {
  font-family: "Museo 500";
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: rgb(226, 226, 226);
  color: rgb(205, 0, 50);
  padding: max(10px, min(1.15vw, 15px));
}
.service_field .contact_partners .contact_person {
  padding: 10px;
  display: flex;
  gap: max(10px, min(1.15vw, 15px));
  background-color: rgb(240, 240, 240);
  border-bottom: 2px solid rgb(250, 250, 250);

    span{
    font-family: "Museo 500";
    font-size: 1rem;
    font-weight: 400;
   }
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .service_field .contact_partners .contact_person > * {
    margin-right: max(10px, min(1.15vw, 15px)) !important;
  }
  .service_field .contact_partners .contact_person > *:last-child {
    margin-right: 0 !important;
  }
}
.service_field .contact_partners .contact_person:nth-child(even) {
  background-color: rgb(226, 226, 226);
}
.service_field .contact_partners .contact_person img {
  height: max(4vw, 75px);
  width: max(4vw, 75px);
  object-fit: cover;
  object-position: 50% 10%;
}
.service_field .contact_partners .contact_person .title {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-family: "Museo 500";
  font-size: 0.85rem;
  line-height: 1.52;
  font-weight: 400;
  font-size: 0.9rem;
  line-height: 1.2;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .service_field .contact_partners .contact_person .title > *:not(:last-child) {
    margin: 0 0 2px 0;
  }
  .service_field .contact_partners .contact_person .title > *:last-child {
    margin-bottom: 0;
  }
}
.service_field .contact_partners .contact_person .title .name {
  color: rgb(205, 0, 50);
}
.service_field .contacts {
  background-color: rgb(226, 226, 226);
      span{
    font-family: "Museo 500";
    font-size: 1rem;
    font-weight: 400;
   }
}
.service_field .contacts a {
  padding: max(10px, min(1.15vw, 15px));
  display: flex;
  gap: max(10px, min(1.15vw, 15px));
  background-color: rgb(226, 226, 226);
  border-bottom: 2px solid rgb(250, 250, 250);
  font-family: "Museo 500";
  font-size: 0.85rem;
  line-height: 1.52;
  font-weight: 400;
  font-size: 0.9rem;
  line-height: 1.2;
  letter-spacing: 1px;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .service_field .contacts a > * {
    margin-right: max(10px, min(1.15vw, 15px)) !important;
  }
  .service_field .contacts a > *:last-child {
    margin-right: 0 !important;
  }
}
.service_field .contacts a .icon {
  color: rgb(205, 0, 50);
}
.service_field .contacts a:hover {
  background-color: rgb(205, 0, 50);
  color: rgb(250, 250, 250);
}
.service_field .contacts a:hover .icon {
  color: rgb(250, 250, 250);
}

.hero_bubbles {
  background-color: rgb(240, 240, 240);
  height: 500px;
  position: relative;
  margin-top: -20px;
  margin-bottom: -20px;
}
@media (min-width: 768px) {
  .hero_bubbles {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 560px) {
  .hero_bubbles {
    height: 450px;
  }
}
.hero_bubbles .hero_image {
  width: 100%;
  height: 100%;
}
.hero_bubbles.debug::after {
  content: "";
  display: block;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  position: absolute;
  top: 20px;
  left: 20px;
  border: 1px solid orange;
}
.hero_bubbles.debug .bubbles .bubble {
  background-color: lightcyan;
}
.hero_bubbles.small {
  max-height: 180px;
}
@media (min-width: 992px) {
  .hero_bubbles.small {
    max-height: none;
    height: auto;
  }
}
.hero_bubbles .body {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  background-color: rgba(250, 250, 250, 0.4);
}
.hero_bubbles .body .bubbles {
  position: relative;
  width: 100%;
}
@media (min-width: 992px) {
  .hero_bubbles .body .bubbles {
    width: 70%;
  }
}
.hero_bubbles .body .bubbles .portal_name {
  position: absolute;
  top: 43%;
  left: 40%;
  font-family: "Museo 500";
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 500;
  font-size: 2rem;
  color: rgba(111, 111, 111, 0.3);
  display: none;
}
@media (min-width: 560px) {
  .hero_bubbles .body .bubbles .portal_name {
    display: block;
  }
}
.hero_bubbles .body .bubbles .bubble {
  position: absolute;
  display: flex;
  transition: all 0.1s ease-in;
  animation: bouncingRunner 0.5s ease-in;
}
@keyframes bouncingRunner {
  50% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}
.hero_bubbles .body .bubbles .bubble:nth-child(1n) {
  animation-delay: 0.1s;
}
.hero_bubbles .body .bubbles .bubble:nth-child(2n) {
  animation-delay: 0.2s;
}
.hero_bubbles .body .bubbles .bubble:nth-child(3n) {
  animation-delay: 0.3s;
}
.hero_bubbles .body .bubbles .bubble:nth-child(4n) {
  animation-delay: 0.4s;
}
.hero_bubbles .body .bubbles .bubble:nth-child(5n) {
  animation-delay: 0.5s;
}
.hero_bubbles .body .bubbles .bubble:nth-child(6n) {
  animation-delay: 0.6s;
}
.hero_bubbles .body .bubbles .bubble:nth-child(7n) {
  animation-delay: 0.7s;
}
.hero_bubbles .body .bubbles .bubble:nth-child(8n) {
  animation-delay: 0.8s;
}
.hero_bubbles .body .bubbles .bubble:nth-child(9n) {
  animation-delay: 0.9s;
}
.hero_bubbles .body .bubbles .bubble:nth-child(10n) {
  animation-delay: 1s;
}
.hero_bubbles .body .bubbles .bubble:hover {
  transform: scale(1.15) !important;
}
@media (min-width: 560px) {
  .hero_bubbles .body .bubbles .bubble.flex_reverse {
    flex-direction: row-reverse;
  }
}
.hero_bubbles .body .bubbles .bubble.ar0 {
  top: 40%;
  left: 30%;
}
.hero_bubbles .body .bubbles .bubble.ar1 {
  top: 3%;
  right: 10%;
}
@media (min-width: 560px) {
  .hero_bubbles .body .bubbles .bubble.ar1 {
    right: auto;
    top: 10%;
    left: 7%;
  }
}
.hero_bubbles .body .bubbles .bubble.ar2 {
  top: 13%;
  left: 10%;
}
@media (min-width: 560px) {
  .hero_bubbles .body .bubbles .bubble.ar2 {
    top: 25%;
    left: 3%;
  }
}
.hero_bubbles .body .bubbles .bubble.ar3 {
  top: 23%;
  right: 15%;
}
@media (min-width: 560px) {
  .hero_bubbles .body .bubbles .bubble.ar3 {
    right: auto;
    top: 45%;
    left: 3%;
  }
}
.hero_bubbles .body .bubbles .bubble.ar4 {
  top: 33%;
  left: 5%;
}
@media (min-width: 560px) {
  .hero_bubbles .body .bubbles .bubble.ar4 {
    top: 60%;
    left: 17%;
  }
}
.hero_bubbles .body .bubbles .bubble.ar5 {
  top: 42%;
  right: 25%;
}
@media (min-width: 560px) {
  .hero_bubbles .body .bubbles .bubble.ar5 {
    right: auto;
    top: 75%;
    left: 25%;
  }
}
.hero_bubbles .body .bubbles .bubble.ar6 {
  top: 53%;
  left: 8%;
}
@media (min-width: 560px) {
  .hero_bubbles .body .bubbles .bubble.ar6 {
    top: 75%;
    left: 67%;
  }
}
.hero_bubbles .body .bubbles .bubble.ar7 {
  top: 53%;
  right: 10%;
}
@media (min-width: 560px) {
  .hero_bubbles .body .bubbles .bubble.ar7 {
    right: auto;
    top: 55%;
    left: 72%;
  }
}
.hero_bubbles .body .bubbles .bubble.ar8 {
  top: 67%;
  left: 10%;
}
@media (min-width: 560px) {
  .hero_bubbles .body .bubbles .bubble.ar8 {
    top: 38%;
    left: 60%;
  }
}
.hero_bubbles .body .bubbles .bubble.ar9 {
  top: 77%;
  right: 17%;
}
@media (min-width: 560px) {
  .hero_bubbles .body .bubbles .bubble.ar9 {
    right: auto;
    top: 20%;
    left: 67%;
  }
}
.hero_bubbles .body .bubbles .bubble.ar10 {
  top: 87%;
  right: 50%;
}
@media (min-width: 560px) {
  .hero_bubbles .body .bubbles .bubble.ar10 {
    right: auto;
    top: 10%;
    left: 50%;
  }
}
.hero_bubbles .body .bubbles .bubble .seminar_logo {
  align-self: start;
}
.hero_bubbles .body .bubbles .bubble .caption .bold {
  display: block;
  padding: 0 10px;
  font-family: "Museo 500";
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 400;
}
@media (min-width: 768px) {
  .hero_bubbles .body .bubbles .bubble .caption .bold {
    font-family: "Museo 500";
    font-size: 1.1rem;
    line-height: 1.2;
    font-weight: 400;
  }
}
.hero_bubbles .body .bubbles .bubble .caption .bold.text_right {
  text-align: left;
}
.hero_bubbles .body .bubbles .bubble .caption .light {
  display: block;
  padding: 0 10px;
  font-family: "Museo 500";
  font-size: 0.85rem;
  line-height: 1.52;
  font-weight: 400;
  text-align: left;
}
.hero_bubbles .body .bubbles .bubble .caption .light.text_left {
  text-align: left;
}
.hero_bubbles .body .bubbles .bubble .caption.align_start {
  align-self: self-start;
}
.hero_bubbles .body .bubbles .bubble .caption.align_center {
  align-self: center;
}
.hero_bubbles .body .bubbles .bubble .caption.align_end {
  align-self: center;
}
.hero_bubbles .body .bubbles .bubble .caption.project_management {
  color: hsl(334, 100%, 45%);
}
.hero_bubbles .body .bubbles .bubble .caption.leadership {
  color: hsl(3, 80%, 40%);
}
.hero_bubbles .body .bubbles .bubble .caption.time_management {
  color: hsl(17, 95%, 47%);
}
.hero_bubbles .body .bubbles .bubble .caption.customer_service {
  color: hsl(47, 100%, 47%);
}
.hero_bubbles .body .bubbles .bubble .caption.telephone_training {
  color: hsl(66, 100%, 33%);
}
.hero_bubbles .body .bubbles .bubble .caption.sales_training {
  color: hsl(89, 69%, 28%);
}
.hero_bubbles .body .bubbles .bubble .caption.conflict_management {
  color: hsl(181, 100%, 24%);
}
.hero_bubbles .body .bubbles .bubble .caption.presentation_training {
  color: hsl(181, 100%, 24%);
}
.hero_bubbles .body .bubbles .bubble .caption.communication_training {
  color: hsl(222, 72%, 30%);
}
.hero_bubbles .body .bubbles .bubble .caption.hr_training {
  color: hsl(290, 33%, 30%);
}
.hero_bubbles .body .hero_list {
  width: 30%;
  display: flex;
  flex-direction: column;
  background-image: linear-gradient(to left, rgb(240, 240, 240), rgb(240, 240, 240), rgb(240, 240, 240), transparent);
  padding: max(35px, min(3.85vw, 50px)) max(35px, min(3.85vw, 50px)) max(15px, min(1.92vw, 25px)) 0;
  display: none;
}
@media (min-width: 992px) {
  .hero_bubbles .body .hero_list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.hero_bubbles .body .hero_list .title {
  color: rgb(205, 0, 50);
  font-family: "Museo 500";
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 500;
}
.hero_bubbles .body .hero_list ul {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  font-family: "Museo 500";
  font-size: 1rem;
  line-height: 1.52;
  font-weight: 400;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .hero_bubbles .body .hero_list ul > *:not(:last-child) {
    margin: 0 0 0.3rem 0;
  }
  .hero_bubbles .body .hero_list ul > *:last-child {
    margin-bottom: 0;
  }
}
.hero_bubbles .body .hero_list ul li {
  display: flex;
  gap: max(15px, min(1.92vw, 25px));
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .hero_bubbles .body .hero_list ul li > * {
    margin-right: max(15px, min(1.92vw, 25px)) !important;
  }
  .hero_bubbles .body .hero_list ul li > *:last-child {
    margin-right: 0 !important;
  }
}
.hero_bubbles .body .hero_list ul li i {
  color: rgb(205, 0, 50);
  padding-top: 5px;
}
.hero_bubbles .body .hero_list ul li .caption {
  hyphens: auto;
  -webkit-hyphens: auto;
}
.hero_bubbles .body .hero_list .footer {
  text-align: right;
  width: 100%;
}
.hero_bubbles .body .hero_list .footer .more {
  font-family: "Museo 500";
  font-size: 1rem;
  line-height: 1.52;
  font-weight: 400;
}
.hero_bubbles .body .hero_list .footer .more .caption {
  text-decoration: underline;
}
.hero_bubbles .body .hero_list .footer .more i {
  color: rgb(205, 0, 50);
  transform: translateY(1px);
}
.hero_bubbles .body .hero_list .footer .more:hover {
  color: rgb(205, 0, 50);
}

.hero_date {
  position: relative;
}
.hero_date .hero_image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.hero_date .body {
  display: flex;
  height: 100%;
}
.hero_date .body .left {
  flex: 1 1 34%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: max(15px, min(1.92vw, 25px));
  display: none;
}
@media (min-width: 992px) {
  .hero_date .body .left {
    display: flex;
  }
}
.hero_date .body .left .seminar_bubble {
  display: flex;
}
.hero_date .body .left .seminar_bubble .caption {
  align-self: center;
  padding: 0 1.5rem;
  color: rgb(205, 0, 50);
}
.hero_date .body .left .seminar_bubble .caption .bold {
  display: block;
  font-family: "Museo 500";
  font-size: 1.1rem;
  line-height: 1.2;
  font-weight: 400;
}
.hero_date .body .left .seminar_bubble .caption .light {
  display: block;
  text-align: left;
  font-family: "Museo 500";
  font-size: 0.85rem;
  line-height: 1.52;
  font-weight: 400;
}
.hero_date .body .left .seminar_bubble .seminar_logo {
  width: 100px;
}
.hero_date .body .subtitle {
  padding-left: max(15px, min(1.92vw, 25px));
  font-family: "Museo 500";
  font-size: 1rem;
  line-height: 1.52;
  font-weight: 400;
  color: rgb(111, 111, 111);
}
@media (min-width: 992px) {
  .hero_date .body .subtitle {
    padding-left: 0;
  }
}
.hero_date .body .right {
  flex: 1 1 70%;
  padding: max(35px, min(3.85vw, 50px)) max(15px, min(1.92vw, 25px)) max(35px, min(3.85vw, 50px)) 0;
}
.hero_date .body .right .facts {
  padding-left: max(15px, min(1.92vw, 25px));
}
@media (min-width: 992px) {
  .hero_date .body .right .facts {
    padding-left: 0;
  }
}
.hero_date .body .right .facts .head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: max(15px, min(1.92vw, 25px));
  margin-bottom: max(15px, min(1.92vw, 25px));
  border-bottom: 2px solid rgb(205, 0, 50);
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .hero_date .body .right .facts .head > * {
    margin-right: max(15px, min(1.92vw, 25px)) !important;
  }
  .hero_date .body .right .facts .head > *:last-child {
    margin-right: 0 !important;
  }
}
.hero_date .body .right .facts .head .caption {
  color: rgb(205, 0, 50);
}
.hero_date .body .right .facts .head select {
  background-color: transparent;
  font-size: 0.95rem;
  color: rgb(80, 80, 80);
}
.hero_date .body .right .facts .body {
  display: grid;
  grid-template-columns: 1fr;
  gap: max(15px, min(1.92vw, 25px));
}
@media (min-width: 550px) {
  .hero_date .body .right .facts .body {
    grid-template-columns: repeat(2, 1fr);
  }
}
.hero_date .body .right .facts .body .fact {
  display: flex;
  gap: max(15px, min(1.92vw, 25px));
  align-items: center;
  color: rgb(80, 80, 80);
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .hero_date .body .right .facts .body .fact > * {
    margin-right: max(15px, min(1.92vw, 25px)) !important;
  }
  .hero_date .body .right .facts .body .fact > *:last-child {
    margin-right: 0 !important;
  }
}
.hero_date .body .right .facts .body .fact i {
  width: 2rem;
  height: 2rem;
  background-color: rgb(205, 0, 50);
  color: rgb(250, 250, 250);
  text-align: center;
  line-height: 2rem;
  font-size: 1.1rem;
}
.hero_date .body .right .facts .body .fact .caption {
  display: flex;
  flex-direction: column;
  gap: max(5px, min(0.7vw, 10px));
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .hero_date .body .right .facts .body .fact .caption > *:not(:last-child) {
    margin: 0 0 max(5px, min(0.7vw, 10px)) 0;
  }
  .hero_date .body .right .facts .body .fact .caption > *:last-child {
    margin-bottom: 0;
  }
}
.hero_date .body .right .facts .body .fact .caption p {
  margin-bottom: 0;
  line-height: 1.1rem;
}
.hero_date .body .right .facts .body .fact .caption small {
  font-size: 0.75rem;
  color: rgb(80, 80, 80);
}
.hero_date .body .right .title {
  padding-left: max(10px, min(1.15vw, 15px));
}
@media (min-width: 992px) {
  .hero_date .body .right .title {
    padding-left: 0;
  }
}

.project_management .hero_date .body .left .seminar_bubble .caption {
  color: hsl(334, 100%, 45%);
}
.project_management .hero_date .body .right {
  background: linear-gradient(270deg, rgb(247.35, 237.15, 241.57) 0%, rgba(247.35, 237.15, 241.57, 0.8) 50%, rgba(247.35, 237.15, 241.57, 0.5) 85%, rgba(255, 255, 255, 0) 100%);
  color: hsl(334, 100%, 45%);
}

.leadership .hero_date .body .left .seminar_bubble .caption {
  color: hsl(3, 80%, 40%);
}
.leadership .hero_date .body .right {
  background: linear-gradient(270deg, rgb(247.35, 237.66, 237.15) 0%, rgba(247.35, 237.66, 237.15, 0.8) 50%, rgba(247.35, 237.66, 237.15, 0.5) 85%, rgba(255, 255, 255, 0) 100%);
  color: hsl(3, 80%, 40%);
}

.time_management .hero_date .body .left .seminar_bubble .caption {
  color: hsl(17, 95%, 47%);
}
.time_management .hero_date .body .right {
  background: linear-gradient(270deg, rgb(247.35, 240.04, 237.15) 0%, rgba(247.35, 240.04, 237.15, 0.8) 50%, rgba(247.35, 240.04, 237.15, 0.5) 85%, rgba(255, 255, 255, 0) 100%);
  color: hsl(17, 95%, 47%);
}

.customer_service .hero_date .body .left .seminar_bubble .caption {
  color: hsl(47, 100%, 47%);
}
.customer_service .hero_date .body .right {
  background: linear-gradient(270deg, rgb(247.35, 245.14, 237.15) 0%, rgba(247.35, 245.14, 237.15, 0.8) 50%, rgba(247.35, 245.14, 237.15, 0.5) 85%, rgba(255, 255, 255, 0) 100%);
  color: hsl(47, 100%, 47%);
}

.telephone_training .hero_date .body .left .seminar_bubble .caption {
  color: hsl(66, 100%, 28%);
}
.telephone_training .hero_date .body .right {
  background: linear-gradient(270deg, rgb(246.33, 247.35, 237.15) 0%, rgba(246.33, 247.35, 237.15, 0.8) 50%, rgba(246.33, 247.35, 237.15, 0.5) 85%, rgba(255, 255, 255, 0) 100%);
  color: hsl(66, 100%, 28%);
}

.sales_training .hero_date .body .left .seminar_bubble .caption {
  color: hsl(89, 69%, 28%);
}
.sales_training .hero_date .body .right {
  background: linear-gradient(270deg, rgb(242.42, 247.35, 237.15) 0%, rgba(242.42, 247.35, 237.15, 0.8) 50%, rgba(242.42, 247.35, 237.15, 0.5) 85%, rgba(255, 255, 255, 0) 100%);
  color: hsl(89, 69%, 28%);
}

.conflict_management .hero_date .body .left .seminar_bubble .caption {
  color: hsl(181, 100%, 24%);
}
.conflict_management .hero_date .body .right {
  background: linear-gradient(270deg, rgb(237.15, 247.18, 247.35) 0%, rgba(237.15, 247.18, 247.35, 0.8) 50%, rgba(237.15, 247.18, 247.35, 0.5) 85%, rgba(255, 255, 255, 0) 100%);
  color: hsl(181, 100%, 24%);
}

.presentation_training .hero_date .body .left .seminar_bubble .caption {
  color: hsl(198, 100%, 34%);
}
.presentation_training .hero_date .body .right {
  background: linear-gradient(270deg, rgb(237.15, 244.29, 247.35) 0%, rgba(237.15, 244.29, 247.35, 0.8) 50%, rgba(237.15, 244.29, 247.35, 0.5) 85%, rgba(255, 255, 255, 0) 100%);
  color: hsl(198, 100%, 34%);
}

.communication_training .hero_date .body .left .seminar_bubble .caption {
  color: hsl(222, 72%, 30%);
}
.communication_training .hero_date .body .right {
  background: linear-gradient(270deg, rgb(237.15, 240.21, 247.35) 0%, rgba(237.15, 240.21, 247.35, 0.8) 50%, rgba(237.15, 240.21, 247.35, 0.5) 85%, rgba(255, 255, 255, 0) 100%);
  color: hsl(222, 72%, 30%);
}

.hr_training .hero_date .body .left .seminar_bubble .caption {
  color: hsl(290, 33%, 30%);
}
.hr_training .hero_date .body .right {
  background: linear-gradient(270deg, rgb(245.65, 237.15, 247.35) 0%, rgba(245.65, 237.15, 247.35, 0.8) 50%, rgba(245.65, 237.15, 247.35, 0.5) 85%, rgba(255, 255, 255, 0) 100%);
  color: hsl(290, 33%, 30%);
}

.seminar_topic_field {
  padding: 0 1rem 0 1rem;
}
@media (min-width: 1500px) {
  .seminar_topic_field {
    padding: 0;
  }
}
.seminar_topic_field .head .seminar_filter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: max(15px, min(1.92vw, 25px));
  margin-bottom: 1rem;
  font-family: "Museo 500";
  font-size: 1rem;
  line-height: 1.52;
  font-weight: 400;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .seminar_topic_field .head .seminar_filter > *:not(:last-child) {
    margin: 0 0 max(15px, min(1.92vw, 25px)) 0;
  }
  .seminar_topic_field .head .seminar_filter > *:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .seminar_topic_field .head .seminar_filter {
    flex-direction: row;
    align-items: center;
  }
  @supports (-webkit-touch-callout: none) and (not (translate: none)) {
    .seminar_topic_field .head .seminar_filter > * {
      margin-right: max(15px, min(1.92vw, 25px)) !important;
    }
    .seminar_topic_field .head .seminar_filter > *:last-child {
      margin-right: 0 !important;
    }
  }
}
.seminar_topic_field .head .seminar_filter .topic {
  width: 100%;
  background-color: rgb(111, 111, 111);
  color: rgb(250, 250, 250);
  padding: 0.6rem 0.5rem;
  font-family: "Museo 500";
  font-size: 0.85rem;
  line-height: 1.52;
  font-weight: 400;
  text-overflow: ellipsis;
  cursor: pointer;
}
@media (min-width: 768px) {
  .seminar_topic_field .head .seminar_filter .topic {
    max-width: 150px;
  }
}
.seminar_topic_field .head .seminar_filter .topic option {
  background-color: rgb(240, 240, 240);
  color: rgb(80, 80, 80);
}
.seminar_topic_field .head .seminar_filter .topic:hover {
  background-color: rgb(205, 0, 50);
}
.seminar_topic_field .head .seminar_filter .months {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: max(15px, min(1.92vw, 25px));
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .seminar_topic_field .head .seminar_filter .months > * {
    margin-right: max(15px, min(1.92vw, 25px));
    margin-bottom: max(15px, min(1.92vw, 25px));
  }
  .seminar_topic_field .head .seminar_filter .months > *:last-child {
    margin-right: 0;
  }
}
@media (min-width: 992px) {
  .seminar_topic_field .head .seminar_filter .months {
    gap: max(35px, min(3.85vw, 50px));
  }
  @supports (-webkit-touch-callout: none) and (not (translate: none)) {
    .seminar_topic_field .head .seminar_filter .months > * {
      margin-right: max(35px, min(3.85vw, 50px));
      margin-bottom: max(35px, min(3.85vw, 50px));
    }
    .seminar_topic_field .head .seminar_filter .months > *:last-child {
      margin-right: 0;
    }
  }
}
.seminar_topic_field .head .seminar_filter .months a {
  flex: 1;
}
.seminar_topic_field .head .seminar_filter .months a:hover {
  color: rgb(205, 0, 50);
  text-decoration: underline;
}
.seminar_topic_field .head .seminar_filter .months a.active {
  color: rgb(205, 0, 50);
}
.seminar_topic_field .head .seminar_filter .months .year_tag {
  background-color: rgb(205, 0, 50);
  color: rgb(250, 250, 250);
  font-size: 0.8rem;
  padding: 3px 5px;
  border-radius: 2px;
}
.seminar_topic_field .head .seminar_filter .months i {
  font-size: 0.8rem;
}
.seminar_topic_field .body {
  position: relative;
}
.seminar_topic_field .body::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  z-index: 20;
  background-color: rgb(240, 240, 240);
  animation: fade_illusion 1s ease forwards;
  animation-delay: 0.3s;
}
.seminar_topic_field .body .load_mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  z-index: 20;
  background-color: rgb(240, 240, 240);
}
.seminar_topic_field .body .load_mask.animate {
  animation: fade_illusion 0.5s ease forwards;
}
@keyframes fade_illusion {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    z-index: -1;
  }
}
.seminar_topic_field .body .card_container {
  display: grid;
  grid-template-columns: 1fr;
  gap: max(15px, min(1.92vw, 25px));
}
@media (min-width: 768px) {
  .seminar_topic_field .body .card_container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1080px) {
  .seminar_topic_field .body .card_container {
    grid-template-columns: repeat(3, 1fr);
  }
}
.seminar_topic_field .footer .description {
  font-family: "Museo 500";
  font-size: 0.85rem;
  line-height: 1.52;
  font-weight: 400;
  font-size: 0.8rem;
}
.seminar_topic_field .footer .description .asterisk {
  color: rgb(205, 0, 50);
  font-size: 1.1rem;
}
.seminar_topic_field .footer .description em {
  font-style: italic;
}

.seminar_date_field {
  padding: 1rem;
}
@media (min-width: 1500px) {
  .seminar_date_field {
    padding: 0;
  }
}
.seminar_date_field .head {
  margin-bottom: 1rem;
  justify-content: space-between;
}
.seminar_date_field .head .title {
  color: rgb(205, 0, 50);
  font-family: "Museo 500";
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 500;
}
@media (min-width: 992px) {
  .seminar_date_field .head .title {
    padding: 0 2rem;
  }
}
.seminar_date_field .body {
  display: grid;
  grid-template-columns: 1fr;
  gap: max(15px, min(1.92vw, 25px));
}
@media (min-width: 450px) {
  .seminar_date_field .body {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 768px) {
  .seminar_date_field .body {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .seminar_date_field .body {
    grid-template-columns: repeat(3, 1fr);
  }
}
.seminar_date_field .body .seminar_button {
  display: flex;
}
.seminar_date_field .body .seminar_button .button_date {
  width: 63%;
  font-weight: normal;
  padding: max(10px, min(1.15vw, 15px));
  white-space: nowrap;
  align-items: center;
  display: flex;
}
.seminar_date_field .body .seminar_button .button_date i {
  font-size: 1rem;
  padding-right: max(5px, min(0.7vw, 10px));
}
.seminar_date_field .body .seminar_button .button_price {
  width: 37%;
  font-weight: normal;
  padding: max(10px, min(1.15vw, 15px));
  white-space: nowrap;
  align-items: center;
  display: flex;
}
.seminar_date_field .body .seminar_button .button_price i {
  font-size: 1rem;
  padding-right: max(5px, min(0.7vw, 10px));
  white-space: nowrap;
}
.seminar_date_field .body .seminar_button .button_price .icon {
  float: right;
  font-size: 1rem;
}
.seminar_date_field .footer .description {
  display: block;
  font-family: "Museo 500";
  font-size: 0.85rem;
  line-height: 1.52;
  font-weight: 400;
  font-size: 0.8rem;
}
.seminar_date_field .footer .description .asterisk {
  color: rgb(205, 0, 50);
  font-size: 1.1rem;
}
.seminar_date_field .footer .description em {
  font-style: italic;
}

.project_management .seminar_date_field .body .seminar_button:hover .lighter_75, .project_management .seminar_date_field .body .seminar_button:hover .lighter_90 {
  background-color: hsl(334, 100%, 40%);
  color: rgb(250, 250, 250);
}

.leadership .seminar_date_field .body .seminar_button:hover .lighter_75, .leadership .seminar_date_field .body .seminar_button:hover .lighter_90 {
  background-color: hsl(3, 80%, 35%);
  color: rgb(250, 250, 250);
}

.time_management .seminar_date_field .body .seminar_button:hover .lighter_75, .time_management .seminar_date_field .body .seminar_button:hover .lighter_90 {
  background-color: hsl(17, 95%, 42%);
  color: rgb(250, 250, 250);
}

.customer_service .seminar_date_field .body .seminar_button:hover .lighter_75, .customer_service .seminar_date_field .body .seminar_button:hover .lighter_90 {
  background-color: hsl(47, 100%, 42%);
  color: rgb(250, 250, 250);
}

.telephone_training .seminar_date_field .body .seminar_button:hover .lighter_75, .telephone_training .seminar_date_field .body .seminar_button:hover .lighter_90 {
  background-color: hsl(66, 100%, 28%);
  color: rgb(250, 250, 250);
}

.sales_training .seminar_date_field .body .seminar_button:hover .lighter_75, .sales_training .seminar_date_field .body .seminar_button:hover .lighter_90 {
  background-color: hsl(89, 69%, 23%);
  color: rgb(250, 250, 250);
}

.conflict_management .seminar_date_field .body .seminar_button:hover .lighter_75, .conflict_management .seminar_date_field .body .seminar_button:hover .lighter_90 {
  background-color: hsl(181, 100%, 19%);
  color: rgb(250, 250, 250);
}

.presentation_training .seminar_date_field .body .seminar_button:hover .lighter_75, .presentation_training .seminar_date_field .body .seminar_button:hover .lighter_90 {
  background-color: hsl(198, 100%, 29%);
  color: rgb(250, 250, 250);
}

.communication_training .seminar_date_field .body .seminar_button:hover .lighter_75, .communication_training .seminar_date_field .body .seminar_button:hover .lighter_90 {
  background-color: hsl(222, 72%, 25%);
  color: rgb(250, 250, 250);
}

.hr_training .seminar_date_field .body .seminar_button:hover .lighter_75, .hr_training .seminar_date_field .body .seminar_button:hover .lighter_90 {
  background-color: hsl(290, 33%, 25%);
  color: rgb(250, 250, 250);
}

.seminar_detail_field {
  padding: 0 1rem;
  display: grid;
  gap: max(15px, min(1.92vw, 25px));
  grid-template-columns: 1fr;
  grid-template-areas: "a" "b" "c" "d" "e";
}
@media (min-width: 1500px) {
  .seminar_detail_field {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .seminar_detail_field {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .seminar_detail_field {
    grid-template-areas: "a b" "c d" "e d";
  }
}
.seminar_detail_field > div {
  flex: 1 1 45%;
  padding: max(35px, min(3.85vw, 50px));
}
.seminar_detail_field > div ul {
  list-style-type: square;
  margin-left: 1rem;
  margin-bottom: 1rem;
  font-family: "Museo 500";
  font-size: 1rem;
  line-height: 1.52;
  font-weight: 400;
}
.seminar_detail_field > div ul li {
  margin-bottom: 0.75rem;
}
.seminar_detail_field > div ul li::marker {
  color: rgb(205, 0, 50);
}
.seminar_detail_field > div ul .icon {
  margin-right: min(2vw, 15px);
}
.seminar_detail_field > div ul i {
  padding-right: max(15px, min(1.92vw, 25px));
}
.seminar_detail_field > div ol {
  list-style-type: decimal;
  margin-left: 1rem;
  margin-bottom: 1rem;
  font-family: "Museo 500";
  font-size: 1rem;
  line-height: 1.52;
  font-weight: 400;
}
.seminar_detail_field > div ol li {
  margin-bottom: 0.75rem;
}
.seminar_detail_field > div ol li::marker {
  font-weight: bold;
  color: rgb(205, 0, 50);
}
.seminar_detail_field > div ol ol:last-child {
  border-bottom: none;
}
.seminar_detail_field > div ol ol:last-child .icon {
  margin-right: min(2vw, 15px);
}
.seminar_detail_field > div ol ol:last-child .caption {
  font-family: "Museo 300";
  font-size: 0.8rem;
  line-height: 1.2;
  font-weight: 400;
  text-decoration: underline;
}
.seminar_detail_field .usefulness {
  grid-area: a;
}
.seminar_detail_field .learning_objectives {
  grid-area: b;
}
.seminar_detail_field .methods {
  grid-area: c;
}
.seminar_detail_field .seminar_content {
  grid-area: d;
}
.seminar_detail_field .features {
  grid-area: e;
}

.blog_container {
  column-count: 1;
  column-gap: max(15px, min(1.92vw, 25px));
}
@media (min-width: 768px) {
  .blog_container {
    column-count: 2;
  }
}
@media (min-width: 992px) {
  .blog_container {
    column-count: 3;
  }
}
.blog_container.two_column {
  column-count: 1;
}
@media (min-width: 992px) {
  .blog_container.two_column {
    column-count: 2;
  }
}
.blog_container .item_body {
  position: relative;
}
.blog_container .logo {
  column-count: 2;
  margin-bottom: max(15px, min(1.92vw, 25px));
  margin-left: max(10px, min(1.15vw, 15px));
}
@media (min-width: 768px) {
  .blog_container .logo {
    column-count: 1;
  }
  .blog_container .logo .logo_img {
    display: block;
  }
}
.blog_container img {
  grid-row: 1/-1;
  grid-column: 1;
  object-fit: cover;
  object-position: 50% 20%;
  max-height: 250px;
}
.blog_container .blog_item {
  display: grid;
  grid-template-rows: 1fr auto;
  break-inside: avoid;
  margin-bottom: max(15px, min(1.92vw, 25px));
  position: relative;
  box-shadow: 1px 1px 10px rgba(80, 80, 80, 0.4);
}
.blog_container .blog_item:hover .item_body .blog_teaser {
  color: rgb(250, 250, 250);
  opacity: 0.9;
}
.blog_container .blog_item:last-child {
  margin-bottom: 0;
}
.blog_container .blog_item a {
  color: black;
  text-decoration: none;
}
.blog_container .item_header {
  padding: max(15px, min(1.92vw, 25px));
  position: relative;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-bottom: max(10px, min(1.15vw, 15px));
  font-family: "Museo 500";
  font-size: 1rem;
  line-height: 1.52;
  font-weight: bold;
}
.blog_container .item_subheader {
  padding-left: max(15px, min(1.92vw, 25px));
  padding-bottom: max(15px, min(1.92vw, 25px));
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: max(10px, min(1.15vw, 15px));
}
.blog_container .blog_teaser {
  position: absolute;
  width: 100%;
  bottom: 0px;
  background: rgb(205, 0, 50);
  color: rgb(250, 250, 250);
  padding: max(15px, min(1.92vw, 25px));
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  font-family: "Museo 500";
  font-size: 0.85rem;
  line-height: 1.52;
  font-weight: 400;
  overflow: hidden;
}
.blog_container .blog_footer {
  padding: 0.5rem max(15px, min(1.92vw, 25px));
  display: flex;
  justify-content: space-between;
  font-size: 0.7rem;
}

.article_result_pagination {
  display: flex;
  justify-content: center;
}
.article_result_pagination .pagination {
  display: flex;
  gap: 2px;
  margin: max(15px, min(1.92vw, 25px));
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .article_result_pagination .pagination > * {
    margin-right: 2px !important;
  }
  .article_result_pagination .pagination > *:last-child {
    margin-right: 0 !important;
  }
}
.article_result_pagination .pagination .page-item {
  width: 2.3rem;
  height: 2.3rem;
  box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.35);
}
.article_result_pagination .pagination .page-item .page-link {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  background-color: rgb(111, 111, 111);
  color: rgb(250, 250, 250);
}
.article_result_pagination .pagination .page-item .page-link:hover {
  background-color: rgb(205, 0, 50);
}
.article_result_pagination .pagination .page-item.active .page-link {
  background-color: rgb(205, 0, 50);
}
.article_result_pagination .pagination .page-item.disabled .page-link {
  background-color: rgba(111, 111, 111, 0.5);
  cursor: default;
  pointer-events: none;
}

.hero_image_full {
  display: flex;
  flex-direction: column;
  position: relative;
}
.hero_image_full .image_full {
  position: relative;
  display: block;
  object-fit: cover;
}
.hero_image_full .image_full img {
  height: 400px;
  object-position: 50% 50%;
  display: block;
  object-fit: cover;
  width: 100%;
}
.hero_image_full .image_full:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.hero_image_full .image_full:after {
  background: linear-gradient(100deg, rgba(205, 0, 50, 0.9) 10%, rgba(254, 204, 216, 0.6) 60%);
}
.hero_image_full .hero_title {
  position: absolute;
  padding: min(1.82vw, 35px);
  max-width: 50%;
  bottom: 60px;
}
.hero_image_full .title {
  color: rgb(250, 250, 250);
  font-size: 2.5rem;
  padding-left: min(1.82vw, 35px);
}

.hero_text {
  position: relative;
}
.hero_text .hero_image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.hero_text .body {
  display: flex;
  height: 100%;
}
.hero_text .body .left {
  flex: 1 1 34%;
  display: flex;
  justify-content: center;
  align-items: center;
  visibility: collapse;
  margin-right: max(15px, min(1.92vw, 25px));
  display: none;
}
@media (min-width: 992px) {
  .hero_text .body .left {
    visibility: visible;
    display: flex;
  }
}
.hero_text .body .left .seminar_bubble {
  display: flex;
}
.hero_text .body .left .seminar_bubble .caption {
  align-self: center;
  padding: 0 1.5rem;
  color: rgb(205, 0, 50);
}
.hero_text .body .left .seminar_bubble .caption .bold {
  display: block;
  font-family: "Museo 500";
  font-size: 1.1rem;
  line-height: 1.2;
  font-weight: 400;
}
.hero_text .body .left .seminar_bubble .caption .light {
  display: block;
  text-align: left;
  font-family: "Museo 500";
  font-size: 0.85rem;
  line-height: 1.52;
  font-weight: 400;
}
.hero_text .body .left .seminar_bubble .seminar_logo {
  width: 100px;
}
.hero_text .body .right {
  flex: 1 1 70%;
  padding: max(35px, min(3.85vw, 50px)) max(15px, min(1.92vw, 25px)) max(35px, min(3.85vw, 50px)) 0;
  color: rgb(205, 0, 50);
  padding-left: max(15px, min(1.92vw, 25px));
}
.hero_text .body .right .head {
  margin-bottom: 1rem;
}
.hero_text .body .right .head .title {
  font-family: "Museo 500";
  font-size: 1.74rem;
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 0.3rem;
}
.hero_text .body .right .head .subtitle {
  font-family: "Museo 500";
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 400;
}
.hero_text .body .right .description {
  padding-right: max(5px, min(0.7vw, 10px));
}
.hero_text .body .right .description p {
  margin-bottom: 1rem;
  font-family: "Museo 500";
  font-size: 1rem;
  line-height: 1.52;
  font-weight: 400;
}
.hero_text .body .right .description p {
  color: rgb(80, 80, 80);
}

.project_management .hero_text .body .left .seminar_bubble .caption {
  color: hsl(334, 100%, 45%);
}
.project_management .hero_text .body .right {
  background: linear-gradient(270deg, rgb(247.35, 237.15, 241.57) 0%, rgba(247.35, 237.15, 241.57, 0.8) 50%, rgba(247.35, 237.15, 241.57, 0.5) 85%, rgba(255, 255, 255, 0) 100%);
  color: hsl(334, 100%, 45%);
}

.leadership .hero_text .body .left .seminar_bubble .caption {
  color: hsl(3, 80%, 40%);
}
.leadership .hero_text .body .right {
  background: linear-gradient(270deg, rgb(247.35, 237.66, 237.15) 0%, rgba(247.35, 237.66, 237.15, 0.8) 50%, rgba(247.35, 237.66, 237.15, 0.5) 85%, rgba(255, 255, 255, 0) 100%);
  color: hsl(3, 80%, 40%);
}

.time_management .hero_text .body .left .seminar_bubble .caption {
  color: hsl(17, 95%, 47%);
}
.time_management .hero_text .body .right {
  background: linear-gradient(270deg, rgb(247.35, 240.04, 237.15) 0%, rgba(247.35, 240.04, 237.15, 0.8) 50%, rgba(247.35, 240.04, 237.15, 0.5) 85%, rgba(255, 255, 255, 0) 100%);
  color: hsl(17, 95%, 47%);
}

.customer_service .hero_text .body .left .seminar_bubble .caption {
  color: hsl(47, 100%, 47%);
}
.customer_service .hero_text .body .right {
  background: linear-gradient(270deg, rgb(247.35, 245.14, 237.15) 0%, rgba(247.35, 245.14, 237.15, 0.8) 50%, rgba(247.35, 245.14, 237.15, 0.5) 85%, rgba(255, 255, 255, 0) 100%);
  color: hsl(47, 100%, 47%);
}

.telephone_training .hero_text .body .left .seminar_bubble .caption {
  color: hsl(66, 100%, 28%);
}
.telephone_training .hero_text .body .right {
  background: linear-gradient(270deg, rgb(246.33, 247.35, 237.15) 0%, rgba(246.33, 247.35, 237.15, 0.8) 50%, rgba(246.33, 247.35, 237.15, 0.5) 85%, rgba(255, 255, 255, 0) 100%);
  color: hsl(66, 100%, 28%);
}

.sales_training .hero_text .body .left .seminar_bubble .caption {
  color: hsl(89, 69%, 28%);
}
.sales_training .hero_text .body .right {
  background: linear-gradient(270deg, rgb(242.42, 247.35, 237.15) 0%, rgba(242.42, 247.35, 237.15, 0.8) 50%, rgba(242.42, 247.35, 237.15, 0.5) 85%, rgba(255, 255, 255, 0) 100%);
  color: hsl(89, 69%, 28%);
}

.conflict_management .hero_text .body .left .seminar_bubble .caption {
  color: hsl(181, 100%, 24%);
}
.conflict_management .hero_text .body .right {
  background: linear-gradient(270deg, rgb(237.15, 247.18, 247.35) 0%, rgba(237.15, 247.18, 247.35, 0.8) 50%, rgba(237.15, 247.18, 247.35, 0.5) 85%, rgba(255, 255, 255, 0) 100%);
  color: hsl(181, 100%, 24%);
}

.presentation_training .hero_text .body .left .seminar_bubble .caption {
  color: hsl(198, 100%, 34%);
}
.presentation_training .hero_text .body .right {
  background: linear-gradient(270deg, rgb(237.15, 244.29, 247.35) 0%, rgba(237.15, 244.29, 247.35, 0.8) 50%, rgba(237.15, 244.29, 247.35, 0.5) 85%, rgba(255, 255, 255, 0) 100%);
  color: hsl(198, 100%, 34%);
}

.communication_training .hero_text .body .left .seminar_bubble .caption {
  color: hsl(222, 72%, 30%);
}
.communication_training .hero_text .body .right {
  background: linear-gradient(270deg, rgb(237.15, 240.21, 247.35) 0%, rgba(237.15, 240.21, 247.35, 0.8) 50%, rgba(237.15, 240.21, 247.35, 0.5) 85%, rgba(255, 255, 255, 0) 100%);
  color: hsl(222, 72%, 30%);
}

.hr_training .hero_text .body .left .seminar_bubble .caption {
  color: hsl(290, 33%, 30%);
}
.hr_training .hero_text .body .right {
  background: linear-gradient(270deg, rgb(245.65, 237.15, 247.35) 0%, rgba(245.65, 237.15, 247.35, 0.8) 50%, rgba(245.65, 237.15, 247.35, 0.5) 85%, rgba(255, 255, 255, 0) 100%);
  color: hsl(290, 33%, 30%);
}

.button_bar {
  padding: 0 1rem 0 1.8rem;
  display: flex;
  flex-wrap: wrap;
  gap: max(35px, min(3.85vw, 50px));
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .button_bar > * {
    margin-right: max(35px, min(3.85vw, 50px));
    margin-bottom: max(35px, min(3.85vw, 50px));
  }
  .button_bar > *:last-child {
    margin-right: 0;
  }
}
@media (min-width: 1500px) {
  .button_bar {
    padding: 0 0 0 0.8rem;
  }
}
.button_bar .button {
  flex: 1 1 50%;
  background-color: rgb(226, 226, 226);
  color: rgb(80, 80, 80);
  justify-content: flex-start;
  padding-left: 4rem;
}
@media (min-width: 768px) {
  .button_bar .button {
    flex: 1 1 35%;
  }
}
@media (min-width: 992px) {
  .button_bar .button {
    flex: 1;
  }
}
.button_bar .button .text {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.button_bar .button .text .strong {
  font-size: 0.85rem;
}
.button_bar .button .text .weak {
  font-size: 0.75rem;
  font-weight: 400;
  text-align: left;
}
.button_bar .button.bulge i {
  border-color: rgb(205, 0, 50);
  border-radius: 5rem;
  background-color: rgb(205, 0, 50);
  color: rgb(250, 250, 250);
}
.button_bar .button.bulge:hover i {
  background-color: rgb(226, 226, 226);
  color: rgb(205, 0, 50);
}
.button_bar .button:hover {
  background-color: rgb(205, 0, 50);
  color: rgb(250, 250, 250);
}
.button_bar .leadership .button_bar .button.bulge i {
  background-color: hsl(3, 40%, 90%);
  color: hsl(3, 80%, 40%);
  border-color: hsl(3, 80%, 40%);
}
.button_bar .leadership .button_bar .button:hover {
  background-color: hsl(3, 80%, 40%);
  color: rgb(250, 250, 250);
}
.button_bar .time_management .button_bar .button.bulge i {
  background-color: hsl(17, 40%, 90%);
  color: hsl(17, 95%, 47%);
  border-color: rgb(225, 218, 208);
}
.button_bar .time_management .button_bar .button:hover {
  background-color: hsl(17, 95%, 47%);
  color: rgb(250, 250, 250);
}

.form .head {
  background-color: rgb(226, 226, 226);
  padding: max(10px, min(1.15vw, 15px)) max(15px, min(1.92vw, 25px));
  color: rgb(80, 80, 80);
  font-family: "Museo 500";
  font-size: 1.39rem;
  line-height: 1.2;
  font-weight: 500;
}
@media (min-width: 768px) {
  .form .head {
    padding: max(10px, min(1.15vw, 15px)) max(35px, min(3.85vw, 50px));
  }
}
.form .body {
  display: flex;
  flex-direction: column;
  gap: max(15px, min(1.92vw, 25px));
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .form .body > *:not(:last-child) {
    margin: 0 0 max(15px, min(1.92vw, 25px)) 0;
  }
  .form .body > *:last-child {
    margin-bottom: 0;
  }
}
.form .body .form_section {
  position: relative;
  background-image: url("/image/bg_bubbles.png");
  background-repeat: repeat-y;
  background-position: 100% 0%;
  padding: max(15px, min(1.92vw, 25px));
}
@media (min-width: 768px) {
  .form .body .form_section {
    padding: max(35px, min(3.85vw, 50px));
  }
}
.form .body .form_section::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0.85;
  background-color: rgb(240, 240, 240);
}
.form .body .form_section .section_heading, .form .body .form_section .section_sub_heading {
  position: relative;
  z-index: 10;
  font-family: "Museo 500";
  font-size: 1.1rem;
  line-height: 1.2;
  font-weight: 400;
  color: rgb(80, 80, 80);
  margin-bottom: 1.5rem;
  user-select: none;
  -webkit-user-select: none;
}
.form .body .form_section .section_heading.clickable, .form .body .form_section .section_sub_heading.clickable {
  display: inline-block;
  cursor: pointer;
}
.form .body .form_section .section_heading.clickable .icon, .form .body .form_section .section_sub_heading.clickable .icon {
  width: 33px;
  height: 33px;
  border-radius: 50%;
  border: 3px solid rgb(80, 80, 80);
  color: rgb(80, 80, 80);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}
.form .body .form_section .section_heading.clickable .icon i, .form .body .form_section .section_sub_heading.clickable .icon i {
  font-size: 1rem;
}
.form .body .form_section .section_heading.clickable:hover .icon, .form .body .form_section .section_sub_heading.clickable:hover .icon {
  background-color: rgb(205, 0, 50);
  color: rgb(250, 250, 250);
  border: 3px solid rgb(205, 0, 50);
}
.form .body .form_section .section_heading.zero_mr_bottom, .form .body .form_section .section_sub_heading.zero_mr_bottom {
  margin-bottom: 0;
}
.form .body .form_section .section_sub_heading {
  margin-top: 0.8rem;
  margin-bottom: 0.6rem;
}
.form .body .form_section .wrapper {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  gap: max(15px, min(1.92vw, 25px));
  margin-bottom: 1.2rem;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .form .body .form_section .wrapper > *:not(:last-child) {
    margin: 0 0 max(15px, min(1.92vw, 25px)) 0;
  }
  .form .body .form_section .wrapper > *:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .form .body .form_section .wrapper.is_horizontal {
    flex-direction: row;
    flex-wrap: wrap;
  }
  @supports (-webkit-touch-callout: none) and (not (translate: none)) {
    .form .body .form_section .wrapper.is_horizontal > *:not(:last-child) {
      margin: 0 0 max(15px, min(1.92vw, 25px)) 0;
    }
    .form .body .form_section .wrapper.is_horizontal > *:last-child {
      margin-bottom: 0;
    }
  }
}
.form .body .form_section .wrapper .field {
  flex: 45%;
  width: 100%;
}
.form .body .form_section .wrapper .field label {
  display: inline-flex;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  color: rgb(80, 80, 80);
  font-size: 0.95rem;
  margin-bottom: 5px;
  user-select: none;
  -webkit-user-select: none;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .form .body .form_section .wrapper .field label > * {
    margin-right: 10px !important;
  }
  .form .body .form_section .wrapper .field label > *:last-child {
    margin-right: 0 !important;
  }
}
.form .body .form_section .wrapper .field label.pointer {
  cursor: pointer;
}
.form .body .form_section .wrapper .field label .must_be_readable {
  background-color: rgb(240, 240, 240);
  opacity: 0.75;
  color: rgb(80, 80, 80);
  padding: 5px;
}
@media (min-width: 768px) {
  .form .body .form_section .wrapper .field label .must_be_readable {
    background-color: initial;
    opacity: 1;
    padding: 0;
    text-shadow: 2px 2px 1px rgb(250, 250, 250);
  }
}
.form .body .form_section .wrapper .field label a {
  color: rgb(205, 0, 50);
  text-decoration: none;
}
.form .body .form_section .wrapper .field label a:hover {
  text-decoration: underline;
}
.form .body .form_section .wrapper .field input,
.form .body .form_section .wrapper .field select,
.form .body .form_section .wrapper .field textarea {
  width: 100%;
  background-color: rgb(240, 240, 240);
  opacity: 0.75;
  color: rgb(80, 80, 80);
  outline: 0;
  border: 1px solid rgb(111, 111, 111);
  box-shadow: 0 0 2px 0px rgb(111, 111, 111);
  padding: 0.6rem 1rem;
}
.form .body .form_section .wrapper .field input:hover,
.form .body .form_section .wrapper .field select:hover,
.form .body .form_section .wrapper .field textarea:hover {
  background-color: rgb(250, 250, 250);
}
.form .body .form_section .wrapper .field input:focus, .form .body .form_section .wrapper .field textarea:focus {
  background-color: rgb(250, 250, 250);
}
.form .body .form_section .wrapper .field input[type=radio],
.form .body .form_section .wrapper .field input[type=checkbox] {
  width: auto;
  margin-top: 3px;
  cursor: pointer;
  box-shadow: none;
}
.form .body .form_section .wrapper .field select {
  cursor: pointer;
}
.form .body .form_section .wrapper .field textarea {
  height: 150px;
  resize: vertical;
  width: 100%;
}
.form .body .form_section .wrapper .field input[type=radio].radios + label {
  display: block;
  background-color: rgb(240, 240, 240);
  opacity: 0.75;
  color: rgb(80, 80, 80);
  padding: 0.6rem 1rem;
  text-align: center;
  border: 1px solid rgb(111, 111, 111);
  box-shadow: 0 0 2px 0px rgb(111, 111, 111);
  white-space: nowrap;
  min-width: 250px;
  cursor: pointer;
}
.form .body .form_section .wrapper .field input[type=radio].radios + label:hover {
  background-color: rgb(250, 250, 250);
  color: rgb(80, 80, 80);
}
.form .body .form_section .wrapper .field input[type=radio].radios:checked + label {
  background-color: rgb(111, 111, 111);
  color: rgb(250, 250, 250);
  box-shadow: none;
  opacity: 1;
  cursor: default;
}
.form .body .form_section .wrapper .submit {
  width: 100%;
  padding: 0.6rem 1rem;
}
@media (min-width: 768px) {
  .form .body .form_section .wrapper .submit {
    width: auto;
    align-self: flex-end;
  }
}
.form .body .form_section .wrapper .submit:hover {
  background-color: rgb(205, 0, 50);
}
.form.invalid input:invalid, .form.invalid select:invalid, .form.invalid textarea:invalid {
  border: 1px solid red !important;
}

.aside_spacer {
  min-height: 60px;
  background-color: rgb(240, 240, 240);
}

.job_offers .head {
  font-family: "Museo 500";
  font-size: 1.39rem;
  line-height: 1.2;
  font-weight: 500;
  color: rgb(205, 0, 50);
  margin-bottom: max(15px, min(1.92vw, 25px));
  padding-left: max(15px, min(1.92vw, 25px));
}

.industry_experience {
  display: flex;
  flex-direction: column;
  padding: 0 1rem;
}
@media (min-width: 768px) {
  .industry_experience {
    padding: 0;
  }
}
.industry_experience .head {
  font-family: "Museo 500";
  font-size: 1.39rem;
  line-height: 1.2;
  font-weight: 500;
  color: rgb(205, 0, 50);
  margin-bottom: max(10px, min(1.15vw, 15px));
  padding-left: max(15px, min(1.92vw, 25px));
}
@media (min-width: 768px) {
  .industry_experience .head {
    padding-left: max(35px, min(3.85vw, 50px));
  }
}
.industry_experience .body {
  display: flex;
  flex-direction: column;
  gap: max(15px, min(1.92vw, 25px));
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .industry_experience .body > *:not(:last-child) {
    margin: 0 0 max(15px, min(1.92vw, 25px)) 0;
  }
  .industry_experience .body > *:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .industry_experience .body {
    flex-direction: row;
  }
}
.industry_experience .body .accordion {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: max(10px, min(1.15vw, 15px));
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .industry_experience .body .accordion > *:not(:last-child) {
    margin: 0 0 max(10px, min(1.15vw, 15px)) 0;
  }
  .industry_experience .body .accordion > *:last-child {
    margin-bottom: 0;
  }
}
.industry_experience .body .accordion details summary {
  cursor: pointer;
  padding: 0.6rem max(15px, min(1.92vw, 25px));
  background-color: rgb(240, 240, 240);
  font-family: "Museo 500";
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 400;
  user-select: none;
  -webkit-user-select: none;
  list-style-type: none;
}
.industry_experience .body .accordion details summary::marker, .industry_experience .body .accordion details summary::-webkit-details-marker {
  display: none;
}
.industry_experience .body .accordion details summary:hover {
  color: rgb(250, 250, 250);
  background-color: rgb(205, 0, 50);
}
.industry_experience .body .accordion details summary .text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  pointer-events: none;
}
.industry_experience .body .accordion details summary .text span {
  pointer-events: none;
  padding-left: max(15px, min(1.92vw, 25px));
}
.industry_experience .body .accordion details .details {
  background-color: rgb(240, 240, 240);
  padding: 1rem max(15px, min(1.92vw, 25px));
}
@media (min-width: 992px) {
  .industry_experience .body .accordion details .details {
    padding: 1rem max(35px, min(3.85vw, 50px));
  }
}
.industry_experience .body .accordion details .details .list_normal {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: max(15px, min(1.92vw, 25px));
  font-size: 0.9rem;
  line-height: 1.52;
}
@media (min-width: 768px) {
  .industry_experience .body .accordion details .details .list_normal {
    grid-template-columns: 1fr 1fr;
  }
}
.industry_experience .body .accordion details[open] summary {
  color: rgb(250, 250, 250);
  background-color: rgb(205, 0, 50);
}
.industry_experience .body .button:hover {
  background-color: rgb(205, 0, 50);
}

.trainer_container {
  display: grid;
  grid-template-columns: repeat(1fr);
  gap: max(15px, min(1.92vw, 25px));
}
@media (min-width: 768px) {
  .trainer_container {
    grid-template-columns: repeat(2, 1fr);
  }
}
.trainer_container .profile {
  display: block;
  break-inside: avoid;
  box-shadow: 1px 1px 10px rgba(80, 80, 80, 0.4);
}
.trainer_container .profile:hover .profile_footer {
  opacity: 0.9;
  background: rgb(205, 0, 50);
  color: rgb(250, 250, 250);
}
.trainer_container .profile .profile_title {
  padding: max(15px, min(1.92vw, 25px));
  padding-top: 25px;
}
.trainer_container .profile .profile_body {
  width: 100%;
  position: relative;
}
.trainer_container .profile .profile_body img {
  display: block;
  width: 100%;
  max-height: 250px;
  background-size: cover;
  background-repeat: no-repeat;
  object-fit: cover;
  object-position: 53.31% 5.83%;
}
@media (min-width: 600px) {
  .trainer_container .profile .profile_body img {
    max-height: 300px;
  }
}
@media (min-width: 992px) {
  .trainer_container .profile .profile_body img {
    max-height: 250px;
    object-fit: cover;
  }
}
.trainer_container .profile .profile_footer {
  padding: max(15px, min(1.92vw, 25px));
}

.trainer_hero {
  padding: max(15px, min(1.92vw, 25px));
  flex: 1;
}
.trainer_hero img {
  max-width: 100%;
  display: block;
  min-width: 30%;
  object-fit: cover;
  object-position: 50% 15%;
  max-height: 300px;
  padding-bottom: 25px;
}
@media (min-width: 768px) {
  .trainer_hero img {
    display: block;
    max-height: 100%;
    padding-bottom: 0;
  }
}
.trainer_hero .trainer_img {
  display: block;
}
@media (min-width: 768px) {
  .trainer_hero .trainer_img {
    display: flex;
    gap: 25px;
    padding-bottom: 0;
  }
  @supports (-webkit-touch-callout: none) and (not (translate: none)) {
    .trainer_hero .trainer_img > * {
      margin-right: 25px !important;
    }
    .trainer_hero .trainer_img > *:last-child {
      margin-right: 0 !important;
    }
  }
}

.toggleText {
  cursor: pointer;
}
.toggleText:hover .toggle_button {
  transform: scale(1.3);
}
.toggleText .toggle_button {
  display: inline-block;
}