[data-sal],
[data-sal][data-sal-duration="200"]  {
  transition-duration: .2s
}
[data-sal],
[data-sal][data-sal-easing=ease]  {
  transition-timing-function: ease
}
.tab,
.testimonial.light,
.testimonial.text-white.clean .author-info:before,
.testimonial.theme-bg .author-info:before  {
  background: #fff
}
[data-sal]  {
  transition-delay: 0s;
  transition-delay: var(--sal-delay, 0s);
  transition-duration: var(--sal-duration, .2s);
  transition-timing-function: var(--sal-easing, ease)
}
[data-sal][data-sal-duration="250"]  {
  transition-duration: .25s
}
[data-sal][data-sal-duration="300"]  {
  transition-duration: .3s
}
[data-sal][data-sal-duration="350"]  {
  transition-duration: .35s
}
[data-sal][data-sal-duration="400"]  {
  transition-duration: .4s
}
[data-sal][data-sal-duration="450"]  {
  transition-duration: .45s
}
[data-sal][data-sal-duration="500"]  {
  transition-duration: .5s
}
[data-sal][data-sal-duration="550"]  {
  transition-duration: .55s
}
[data-sal][data-sal-duration="600"]  {
  transition-duration: .6s
}
[data-sal][data-sal-duration="650"]  {
  transition-duration: .65s
}
[data-sal][data-sal-duration="700"]  {
  transition-duration: .7s
}
[data-sal][data-sal-duration="750"]  {
  transition-duration: .75s
}
[data-sal][data-sal-duration="800"]  {
  transition-duration: .8s
}
[data-sal][data-sal-duration="850"]  {
  transition-duration: .85s
}
[data-sal][data-sal-duration="900"]  {
  transition-duration: .9s
}
[data-sal][data-sal-duration="950"]  {
  transition-duration: .95s
}
[data-sal][data-sal-duration="1000"]  {
  transition-duration: 1s
}
[data-sal][data-sal-duration="1050"]  {
  transition-duration: 1.05s
}
[data-sal][data-sal-duration="1100"]  {
  transition-duration: 1.1s
}
[data-sal][data-sal-duration="1150"]  {
  transition-duration: 1.15s
}
[data-sal][data-sal-duration="1200"]  {
  transition-duration: 1.2s
}
[data-sal][data-sal-duration="1250"]  {
  transition-duration: 1.25s
}
[data-sal][data-sal-duration="1300"]  {
  transition-duration: 1.3s
}
[data-sal][data-sal-duration="1350"]  {
  transition-duration: 1.35s
}
[data-sal][data-sal-duration="1400"]  {
  transition-duration: 1.4s
}
[data-sal][data-sal-duration="1450"]  {
  transition-duration: 1.45s
}
[data-sal][data-sal-duration="1500"]  {
  transition-duration: 1.5s
}
[data-sal][data-sal-duration="1550"]  {
  transition-duration: 1.55s
}
[data-sal][data-sal-duration="1600"]  {
  transition-duration: 1.6s
}
[data-sal][data-sal-duration="1650"]  {
  transition-duration: 1.65s
}
[data-sal][data-sal-duration="1700"]  {
  transition-duration: 1.7s
}
[data-sal][data-sal-duration="1750"]  {
  transition-duration: 1.75s
}
[data-sal][data-sal-duration="1800"]  {
  transition-duration: 1.8s
}
[data-sal][data-sal-duration="1850"]  {
  transition-duration: 1.85s
}
[data-sal][data-sal-duration="1900"]  {
  transition-duration: 1.9s
}
[data-sal][data-sal-duration="1950"]  {
  transition-duration: 1.95s
}
[data-sal][data-sal-duration="2000"]  {
  transition-duration: 2s
}
[data-sal][data-sal-delay="50"]  {
  transition-delay: .05s
}
[data-sal][data-sal-delay="100"]  {
  transition-delay: .1s
}
[data-sal][data-sal-delay="150"]  {
  transition-delay: .15s
}
[data-sal][data-sal-delay="200"]  {
  transition-delay: .2s
}
[data-sal][data-sal-delay="250"]  {
  transition-delay: .25s
}
[data-sal][data-sal-delay="300"]  {
  transition-delay: .3s
}
[data-sal][data-sal-delay="350"]  {
  transition-delay: .35s
}
[data-sal][data-sal-delay="400"]  {
  transition-delay: .4s
}
[data-sal][data-sal-delay="450"]  {
  transition-delay: .45s
}
[data-sal][data-sal-delay="500"]  {
  transition-delay: .5s
}
[data-sal][data-sal-delay="550"]  {
  transition-delay: .55s
}
[data-sal][data-sal-delay="600"]  {
  transition-delay: .6s
}
[data-sal][data-sal-delay="650"]  {
  transition-delay: .65s
}
[data-sal][data-sal-delay="700"]  {
  transition-delay: .7s
}
[data-sal][data-sal-delay="750"]  {
  transition-delay: .75s
}
[data-sal][data-sal-delay="800"]  {
  transition-delay: .8s
}
[data-sal][data-sal-delay="850"]  {
  transition-delay: .85s
}
[data-sal][data-sal-delay="900"]  {
  transition-delay: .9s
}
[data-sal][data-sal-delay="950"]  {
  transition-delay: .95s
}
[data-sal][data-sal-delay="1000"]  {
  transition-delay: 1s
}
[data-sal][data-sal-easing=linear]  {
  transition-timing-function: linear
}
[data-sal][data-sal-easing=ease-in]  {
  transition-timing-function: ease-in
}
[data-sal][data-sal-easing=ease-out]  {
  transition-timing-function: ease-out
}
[data-sal][data-sal-easing=ease-in-out]  {
  transition-timing-function: ease-in-out
}
[data-sal][data-sal-easing=ease-in-cubic]  {
  transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}
[data-sal][data-sal-easing=ease-out-cubic]  {
  transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}
[data-sal][data-sal-easing=ease-in-out-cubic]  {
  transition-timing-function: cubic-bezier(.645, .045, .355, 1)
}
[data-sal][data-sal-easing=ease-in-circ]  {
  transition-timing-function: cubic-bezier(.6, .04, .98, .335)
}
[data-sal][data-sal-easing=ease-out-circ]  {
  transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}
[data-sal][data-sal-easing=ease-in-out-circ]  {
  transition-timing-function: cubic-bezier(.785, .135, .15, .86)
}
[data-sal][data-sal-easing=ease-in-expo]  {
  transition-timing-function: cubic-bezier(.95, .05, .795, .035)
}
[data-sal][data-sal-easing=ease-out-expo]  {
  transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}
[data-sal][data-sal-easing=ease-in-out-expo]  {
  transition-timing-function: cubic-bezier(1, 0, 0, 1)
}
[data-sal][data-sal-easing=ease-in-quad]  {
  transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}
[data-sal][data-sal-easing=ease-out-quad]  {
  transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}
[data-sal][data-sal-easing=ease-in-out-quad]  {
  transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}
[data-sal][data-sal-easing=ease-in-quart]  {
  transition-timing-function: cubic-bezier(.895, .03, .685, .22)
}
[data-sal][data-sal-easing=ease-out-quart]  {
  transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}
[data-sal][data-sal-easing=ease-in-out-quart]  {
  transition-timing-function: cubic-bezier(.77, 0, .175, 1)
}
[data-sal][data-sal-easing=ease-in-quint]  {
  transition-timing-function: cubic-bezier(.755, .05, .855, .06)
}
[data-sal][data-sal-easing=ease-out-quint]  {
  transition-timing-function: cubic-bezier(.23, 1, .32, 1)
}
[data-sal][data-sal-easing=ease-in-out-quint]  {
  transition-timing-function: cubic-bezier(.86, 0, .07, 1)
}
[data-sal][data-sal-easing=ease-in-sine]  {
  transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}
[data-sal][data-sal-easing=ease-out-sine]  {
  transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}
[data-sal][data-sal-easing=ease-in-out-sine]  {
  transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}
[data-sal][data-sal-easing=ease-in-back]  {
  transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}
[data-sal][data-sal-easing=ease-out-back]  {
  transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}
[data-sal][data-sal-easing=ease-in-out-back]  {
  transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}
[data-sal|=fade]  {
  opacity: 0;
  transition-property: opacity
}
[data-sal|=fade].sal-animate,
body.sal-disabled [data-sal|=fade]  {
  opacity: 1
}
[data-sal|=slide],
[data-sal|=zoom]  {
  opacity: 0;
  transition-property: opacity, transform
}
[data-sal=slide-up]  {
  transform: translateY(20%)
}
[data-sal=slide-down]  {
  transform: translateY(-20%)
}
[data-sal=slide-left]  {
  transform: translateX(20%)
}
[data-sal=slide-right]  {
  transform: translateX(-20%)
}
[data-sal|=slide].sal-animate,
[data-sal|=zoom].sal-animate,
body.sal-disabled [data-sal|=slide],
body.sal-disabled [data-sal|=zoom]  {
  opacity: 1;
  transform: none
}
[data-sal=zoom-in]  {
  transform: scale(.5)
}
[data-sal=zoom-out]  {
  transform: scale(1.1)
}
[data-sal|=flip]  {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition-property: transform
}
[data-sal=flip-left]  {
  transform: perspective(2000px) rotateY(-91deg)
}
[data-sal=flip-right]  {
  transform: perspective(2000px) rotateY(91deg)
}
[data-sal=flip-up]  {
  transform: perspective(2000px) rotateX(-91deg)
}
[data-sal=flip-down]  {
  transform: perspective(2000px) rotateX(91deg)
}
[data-sal|=flip].sal-animate,
body.sal-disabled [data-sal|=flip]  {
  transform: none
}
.warpper  {
  display: flex;
  flex-direction: column;
  align-items: center
}
.tab  {
  cursor: pointer;
  padding: 10px 20px;
  margin: 0 2px;
  display: inline-block;
  color: #000;
  border-radius: 3px 3px 0 0
}
.modal,
.panel,
.radio  {
  display: none
}
.panels  {
  background: #fffffff6;
  min-height: 200px;
  width: 100%;
  border-radius: 3px;
  overflow: hidden;
  padding: 20px
}
.panel  {
  animation: .8s fadein
}
@keyframes fadein  {
  from  {
    opacity: 0
  }
  to  {
    opacity: 1
  }
}
.panel-title  {
  text-align: center;
  font-size: 1.3em;
  font-weight: 700
}
#one:checked ~ .panels #one-panel,
#three:checked ~ .panels #three-panel,
#two:checked ~ .panels #two-panel  {
  display: block
}
#one:checked ~ .tabs #one-tab,
#three:checked ~ .tabs #three-tab,
#two:checked ~ .tabs #two-tab  {
  background: #fffffff6;
  color: #000;
  border-top: 3px solid #f68446;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc
}
.testimonial  {
  position: relative;
  background: #f9f9f9;
  padding: 85px 50px 0 70px;
  margin: 45px 0 4px;
  color: #656565;
  font-weight: 400;
  line-height: 24px;
  text-align: center
}
.testimonial-avatar  {
  position: absolute;
  left: 50%;
  margin-left: -40px;
  top: -45px;
  width: 100px;
  height: 100px
}
.author-info,
.button.small.flr,
.testimonial-info  {
  position: relative
}
.course-link,
.modal  {
  width: 100%
}
.testimonial-avatar img  {
  border: 4px solid #84ba3f;
  max-width: 100%;
  border-radius: 50%
}
.testimonial-info:before  {
  position: absolute;
  top: -15px;
  left: -35px;
  color: #84ba3f;
  content: "\201C";
  font-family: Georgia, serif;
  font-size: 100px
}
.author-info  {
  font-size: 16px;
  color: #323232;
  text-transform: uppercase;
  margin-top: 20px
}
.author-info strong  {
  font-weight: 500
}
.author-info span  {
  font-weight: 400;
  color: #84ba3f;
  text-transform: none
}
.course-link i  {
  float: right;
  margin-bottom: 30px
}
.flr  {
  float: right;
  margin-right: 30px
}
.button.small.flr  {
  z-index: 1
}
.testimonial.text-white,
.testimonial.text-white.clean .author-info span,
.testimonial.text-white.clean .testimonial-info:before,
.testimonial.theme-bg .author-info span,
.testimonial.theme-bg .testimonial-info:before,
.text-white .testimonial,
.text-white .testimonial .author-info  {
  color: #fff
}
.testimonial.clean  {
  background: 0 0;
  box-shadow: none;
  padding: 0 50px 25px 70px;
  margin-top: 0
}
.testimonial.clean .testimonial-avatar  {
  position: relative;
  top: 0;
  margin-bottom: 20px;
  margin-left: -65px
}
.testimonial.text-white.clean .author-info  {
  color: #84ba3f
}
.theme-bg .testimonial.clean  {
  padding-bottom: 10px;
  margin-bottom: 0
}
.theme-bg .testimonial.clean .author-info  {
  color: #323232
}
.theme-bg .testimonial.clean .testimonial-avatar img  {
  border-color: #fff
}
.testimonial.left_pos  {
  margin: 0 0 0 40px;
  padding: 60px 40px 40px 100px;
  text-align: left
}
.testimonial.left_pos .testimonial-avatar  {
  left: 0;
  margin-top: -50px;
  top: 50%
}
.testimonial.bottom_pos .author-info:before,
.testimonial.left_pos .author-info:before  {
  margin-left: 0;
  left: 0
}
.testimonial.bottom_pos  {
  padding: 60px 40px 40px 60px;
  text-align: left;
  margin-top: 0;
  margin-bottom: 70px
}
.testimonial.bottom_pos .testimonial-avatar  {
  bottom: -50px;
  top: inherit;
  left: 0;
  margin-left: 50px
}
.testimonial.bottom_pos .author-info  {
  margin-left: 125px
}
.testimonial.theme-bg  {
  background: #84ba3f;
  color: #fff
}
.testimonial.theme-bg .testimonial-avatar img  {
  border-color: #fff;
  color: #fff
}
.testimonial.audit-bg,
.testimonial.fsafe-bg,
.testimonial.haccp-bg,
.testimonial.spec-bg  {
  background: #f9f9f9;
  color: #656565
}
.testimonial.audit-bg .author-info span,
.testimonial.audit-bg .testimonial-info:before  {
  color: #f68446
}
.testimonial.audit-bg .testimonial-avatar img  {
  border-color: #f68446;
  color: #fff
}
.testimonial.audit-bg .author-info:before  {
  background: #f68446
}
.testimonial.haccp-bg .author-info span,
.testimonial.haccp-bg .testimonial-info:before  {
  color: #1c689c
}
.testimonial.haccp-bg .testimonial-avatar img  {
  border-color: #1c689c;
  color: #fff
}
.testimonial.haccp-bg .author-info:before  {
  background: #1c689c
}
.testimonial.fsafe-bg .author-info span,
.testimonial.fsafe-bg .testimonial-info:before  {
  color: #57abab
}
.testimonial.fsafe-bg .testimonial-avatar img  {
  border-color: #57abab;
  color: #fff
}
.testimonial.fsafe-bg .author-info:before  {
  background: #57abab
}
.testimonial.spec-bg .author-info span,
.testimonial.spec-bg .testimonial-info:before  {
  color: #9f8479
}
.testimonial.spec-bg .testimonial-avatar img  {
  border-color: #9f8479;
  color: #fff
}
.testimonial.spec-bg .author-info:before  {
  background: #9f8479
}
.modal  {
  position: fixed;
  z-index: 5000;
  left: 0;
  top: 0;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, .4)
}
.modal-content  {
  background-color: #fefefe;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  position: relative
}
.close-btn  {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: 700;
  position: absolute;
  top: 10px;
  right: 20px
}
.close-btn:focus,
.close-btn:hover  {
  color: #000;
  text-decoration: none;
  cursor: pointer
}
/* One CTA green through the whole journey — course page, basket and Dante
   checkout (client brief, 2026-08). Was #ffa500 with near-black text. White on
   this green is 4.65:1, which clears AA for the 15px/600 label. */
.buybutt  {
  background: #4a8226;
  padding: 12px 25px;
  font-size: 15px;
  letter-spacing: 1px;
  border: 0;
  color: #ffffff !important;
  font-weight: 600;
  display: inline-block;
  border-radius: 8px;
  text-align: center;
}
.buybutt + .buybutt  {
  margin-left: 20px;
}
.buybutt:hover,
.buybutt:focus  {
  background: #3d6b1e;
  color: #ffffff !important;
}
.cubutt + .cubutt  {
  margin-left: 20px;
}
.cubutt:hover,
.cubutt:focus  {
  background: #353535;
  color: #ffffff !important;
}
.cubutt  {
  background: #ebe9e6;
  padding: 10px 20px;
  font-size: 15px;
  letter-spacing: 1px;
  border: 0;
  color: #010101 !important;
  font-weight: 400;
  display: inline-block;
  border-radius: 6px;
  text-align: center;
}
.cubutt + .cubutt  {
  margin-left: 20px;
}
.cubutt:hover,
.cubutt:focus  {
  background: #353535;
  color: #ffffff !important;
}
.text-white h3  {
  position: relative;
  padding-left: 35px;
  color: white;
  margin-bottom: 15px;
  text-align: left;
  display: block !important;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  clear: both;
}
.text-white h3::before  {
  content: "\f00c";
  color: #61A930;
  position: absolute;
  left: 0;
  top: 0;
  font-family: "Font Awesome 6 Duotone";
  font-weight: 900;
}