#popular-courses > div {
  padding-top: calc( 3rem - 6px );
}
#featured-1-text-container {
width: 50%;
color: #e1e1e1;
}
#featured-1-text-container > h4 {
margin-bottom: 1.5rem;
}
#featured-1-text-container > p {
margin-bottom: 2rem;
}
@media (max-width: 768px) {
#featured-1-text-container {
    display: flex;
    align-items: center;
    flex-direction: column;
}
#featured-1-text-container > h4, #featured-1-text-container > p {
    width: 100%;
}
}

/* Reviews */
#reviews_section {
--controls-button-width: 40px;
--controls-button-height: 40px;
--controls-width: var(--controls-button-width);
--controls-gap: 16px;
--controls-height: calc( 3 * var(--controls-button-height) + 2 * var(--controls-gap) );
--column-gap: 1.5rem;
--sides: 1.5rem;
--fadein-distance: 200px;
--fadeout-distance: -200px;
--fade-time: calc( var(--time_transition_seconds) * 1s );
--reviews-animation-status: running;
padding-top: 3rem;
background-color: var(--bg6);
column-gap: 1rem;
overflow: hidden;
}
#reviews_section > div {
position: relative;
overflow-x: visible;
overflow-y: visible;
}
#reviews_section > div::after {
content: "";
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
border: 1px solid transparent;
}
#reviews_container {
width: 700% !important;
max-width: unset;
min-height: 100px;
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
}
#reviews_container[data-engine="css"] > div * {
z-index: 1;
}
.review {
--space-for-controls: calc( var(--controls-width) + var(--column-gap) );
--width-normal: calc( 100vw - var(--scrollbar-width, 0px ) - var(--space-for-controls) - 2 * var(--sides) );
--width-max: calc( 1240px - var(--space-for-controls) - 1 * var(--sides) );
--width: min( var(--width-normal), var(--width-max) );
width: var(--width);
position: relative;
left: calc( -1 * var(--pos-x) * var(--width) );
display: flex;
align-items: stretch;
justify-content: flex-start;
gap: 2rem;
opacity: 0;
animation-play-state: var(--reviews-animation-status) !important;
z-index: -1;
}
#reviews_section:hover .review {
--reviews-animation-status: paused;
}
@media (max-width: 768px) {
#reviews_section {
  --sides: 1rem;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
#reviews_section {
  --sides: 3rem;
}
.review {
  --sides: 1rem;
  --space-for-controls: 0px;
  flex-direction: column;
}
}
.review.on {
transform: translateY( 0 );
opacity: 1;
animation: fadeIn var(--fade-time) ease-out;
z-index: 1;
}
.review.on-first {
opacity: 1;
z-index: 1;
}
.review.on-reverse {
transform: translateY( 0 );
opacity: 1;
animation: fadeIn-reverse var(--fade-time) ease-out;
z-index: 1;
}
.review.on *, .review.on-reverse * {
z-index: 1;
}
@keyframes fadeIn {
0% {
  transform: translateY( var(--fadein-distance) );
  opacity: 0;
}
100% {
  transform: translateY( 0 );
  opacity: 1;
}
}
@keyframes fadeIn-reverse {
0% {
  transform: translateY( calc( -1 * var(--fadein-distance) ) );
  opacity: 0;
}
100% {
  transform: translateY( 0 );
  opacity: 1;
}
}
.review.off {
opacity: 0;
transform: translateY( var(--fadeout-distance) );
z-index: -1;
animation: fadeOut var(--fade-time) ease-out;  
}
.review.off-reverse {
opacity: 0;
transform: translateY( calc( -1 * var(--fadeout-distance) ) );
z-index: -1;
animation: fadeOut-reverse var(--fade-time) ease-out;  
}
@keyframes fadeOut {
0% {
  transform: translateY( 0 );
  opacity: 1;
  z-index: 1;
}
99% {
  z-index: -1;
}
100% {
  transform: translateY( var(--fadeout-distance) );
  opacity: 0;
  z-index: -1;
}
}
@keyframes fadeOut-reverse {
0% {
  transform: translateY( 0 );
  opacity: 1;
  z-index: 1;
}
99% {
  z-index: -1;
}
100% {  
  transform: translateY( calc( -1 * var(--fadeout-distance) ) );
  opacity: 0;
  z-index: -1;
}
}
.fast {
--fade-time: 0.1s;
}
@media (prefers-reduced-motion) {
.reviews {
  --fade-time: 0 !important;
  transform: translateY( 0 ) !important;
}
}
.img-container {
width: var(--img-w) ;
min-width: var(--img-w);
max-width: var(--img-w);
height: 100%;
padding-top: 1rem;
}
.img-container > img {
height: 100%;
width: 100%;
display: block;
object-fit: contain;
object-position: left top;
}
.copy-container {
width: 100%;
font-size: 1.5rem;
}
.carousel-quote {
font-weight: 600;
font-size: 18px;
margin: 0.5rem 0 0 0;
text-align: right;
font-style: italic;
}
.carousel-quote > a:link, .carousel-quote > a:visited, .carousel-quote > a:hover, .carousel-quote > a:active {
color: var(--color2);
white-space: nowrap;
}
#review_controls {
width: var(--controls-width);
height: var(--controls-height);
position: absolute;
top: calc( 50% - 0.5 * var(--controls-height) );
right: 0;
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: column;
gap: var(--controls-gap);
z-index: 1;
}
#review_controls > a {
width: 100%;
height: calc( var(--controls-height) / 3 );
padding: 0;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
position: relative;
fill: var(--controls-color);
}
#review_controls > a:active {
top: 1px;
left: 1px;
}
a[data-action="up"] {
transform: rotate( 180deg );
align-items: flex-start;
height: auto;
}
a#review_pause > svg {
width: 14px;
height: auto;
margin: 0;
padding: 0;
}
#play_svg {
transform: rotate( 90deg );
}
#play_svg {
display: none;
}
#pause_svg {
display: block;
}
a#review_pause[aria-pressed="true"] > #play_svg {
display: block;
}
a#review_pause[aria-pressed="true"] > #pause_svg {
display: none;
}
a.direction > svg {
width: 20px;
height: auto;
margin: 0;
padding: 0;
fill: var(--controls-color);
}
#review_controls > a:hover > svg, #review_controls > a:active > svg {
fill: var(--controls-color-hover);
}

@media (max-width: 768px) {
#reviews_section {
  --controls-height: var(--controls-button-height);
  --controls-width: calc( 3 * var(--controls-button-width) + 2 * var(--controls-gap) );
}
#reviews_section > div {
  margin-bottom: var(--controls-height);
}
#review_controls {
  flex-direction: row;
  top: calc( 100% - 0 * var(--controls-height) );
  right: calc( 50% - 0.5 * var(--controls-width) );
}
#review_controls > a {
  height: var(--controls-button-height);
  width: var(--controls-button-width);
}
.review {
  align-items: center;
}
.img-container > img {
  object-position: center top;
}
}
@media (max-width: 500px) {
#reviews_section .nowrap, .carousel-quote > a {
  white-space: wrap !important;
}
}

#food_safety_culture {
padding-top: 3rem;
}
#food_safety_culture h3 {
margin-bottom: 3rem;
text-align: center;
}
#food_safety_culture_content {
--c1: 50%;
display: flex;
row-gap: 3rem;
column-gap: 1.5rem;
}
#food_safety_culture_content_list {
width: 50%;
margin-top: 2rem;
}
#food_safety_culture_content_image {
width: 50%;
}
#food_safety_culture_content_image > img {
width: 100%;
height: auto;
}
@media screen and (min-width: 992px) {
#food_safety_culture_content_list {
  margin-bottom: 2rem;
}
}
@media screen and (max-width: 768px) {
#food_safety_culture h3 {
  margin-bottom: 3rem;
}
#food_safety_culture_content {
  flex-direction: column;
}
#food_safety_culture_content_list {
  width: 100%;
  order: 2;
  min-width: 0;
  margin-top: 0;
}
#food_safety_culture_content_image {
  width: 100%;
  order: 1;
}
#food_safety_culture_content_image > img {

}
}
body {
--quote_svg_blue: url('data:image/svg+xml;utf8,<svg viewBox="0 96 448 320" preserveAspectRatio="xMidYMid meet" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M0,216C0,149.7,53.7,96,120,96h8c17.7,0,32,14.3,32,32s-14.3,32-32,32h-8c-30.9,0-56,25.1-56,56v8h64 c35.3,0,64,28.7,64,64v64c0,35.3-28.7,64-64,64H64c-35.3,0-64-28.7-64-64v-32v-32V216z M256,216c0-66.3,53.7-120,120-120h8 c17.7,0,32,14.3,32,32s-14.3,32-32,32h-8c-30.9,0-56,25.1-56,56v8h64c35.3,0,64,28.7,64,64v64c0,35.3-28.7,64-64,64h-64 c-35.3,0-64-28.7-64-64v-32v-32V216z"></path></svg>');
}


.review {
--space-for-controls: 0px;
}
#review_controls {
display: none;
}