/*
Theme Name: PASS Production
Author: PASS Ltd.
Description: pass.co.uk production theme
Version: 0.1
Requires at least: 6.8.1
Tested up to: 6.8.1
Requires PHP: 8.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pass.co.uk
*/

/*
$b00: 480px;
$b01: 576px;
$b02: 768px;
$b03: 992px;
$b04: 1240px;
$b05: 1440px;
*/

/* Placeholder ident - DELETE when not needed */
.placeholder{
    position: relative;
}
.placeholder::before{
    content:'';
    display: block;

    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;

    pointer-events: none;
    z-index: 13;

    border: 1px dotted rgba(128,128,128,0.5);
    border-width: 1px;
    border-style: dotted;
}
.placeholder::after{
    content:'placeholder';
    display: block;

    position: absolute;
    top: 1px;
    right: 1px;

    font: 10px monospace;
    color: #ffffff;

    pointer-events: none;
    z-index: 13;

    background-color: rgba(128,128,128,0.5);

    padding: 2px 2px 2px 4px;
}

.replace-me{
    position: relative;
}
.replace-me::before{
    content:'';
    display: block;

    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;

    pointer-events: none;
    z-index: 13;

    border: 1px dotted rgba(170,51,106,0.5);
    border-width: 1px;
    border-style: dotted;
}
.replace-me::after{
    content:'replace with core wp';
    display: block;

    position: absolute;
    top: 1px;
    right: 1px;

    font: 10px monospace;
    color: #ffffff;

    pointer-events: none;
    z-index: 13;

    background-color: rgba(170,51,106,0.5);

    padding: 2px 2px 2px 4px;
}
/* END Placeholder ident - DELETE when not needed */

/* WP specific */

div.entry-content{
  display: flex;
  flex-flow: column nowrap;
  gap: inherit;
}

div.entry-content > p{
  margin: 0px 0px 0px 0px;
}

div.pt-header-group{
  gap: 5px;
}

div.wp-block-pt-centre-grid{
  display: flex;
  flex-flow: column nowrap;
  gap: 30px;
  padding: 0px calc(2% + 50px) 0px calc(2% + 50px);
}

@media (max-width: 992px) {
  div.wp-block-pt-centre-grid{
    padding: 0px calc(1% + 40px) 0px calc(1% + 40px);
  }
}
@media (max-width: 768px) {
  div.wp-block-pt-centre-grid{
    padding: 0px 16px 0px 16px;
  }
}

div.wp-block-pt-course-grid{
  display: flex;
  flex-flow: column nowrap;
  gap: 30px;
}

div.wp-block-post-excerpt > p{
  color: var(--white);
}

.wp-block-embed{
  /* youtube embed fix */
  width: 100%;
}

/* END WP specific */

:root {
  --font-main: "Poppins", sans-serif;
  --pass_blue_dark: #121f32;
  --pass_blue_light: #3595d1;
  --pass_blue_light_ro: #2a77a7;
  --pass_blue_ltint: #c9e4ee;
  --pass_blue_ltint_ro: #b5cdd6;
  --pass_blue_tstint: #2d3548;
  --pass_blue_tstint_ro: #242a3a;
  --pass_yellow_electrical: #ecaa38;
  --pass_yellow_electrical_ro: #bd882d;
  --pass_blue_plumbing: #0247ac;
  --pass_blue_plumbing_ro: #02398a;
  --pass_mauve: #6264b6;
  --pass_mauve_ro: #4e5092;
  --pass_mauve_dark: #3b404f;
  --pass_green: #40a535;
  --pass_green_ro: #33842a;
  --pass_green_dark: #276321;
  --pass_green_seafoam: #5ca793;
  --pass_green_seafoam_ro: #4a8676;
  --pass_red: #c80c0d;
  --pass_magenta: #ff3333;
  --pass_magenta_hot: #c9284b;
  --pass_magenta_hot_ro: #a1203c;
  --pass_magenta_hot_tint: #f3d4da;
  --pass_orange: #f16c20;
  --pass_orange_ro: #c1561a;
  --pass_yellow: #fbbb22;
  --pass_grey_light: #fbfbfb;
  --pass_grey: #b7b7b7;
  --pass_grey_dark: #7f7f7f;
  --white: #ffffff;
  --black: #000000;
  --black-alpha20: rgba(0,0,0,0.2);
  --dark: #333333;
  --mid: #707070;
  --light: #e6e6e6;
  --pass_mnav_width: 400px;
  --pass_mnav_offscreen: -400px;
}

html {
  font-family: var(--font-main);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

*, *::before, *::after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  padding: 0;
  margin: 0;
}

body {
  padding: 0;
  margin: 0;
}

/* Core */
h1 {
  font: 42px var(--font-main);
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 20px 0px;
}

/* @media (max-width: $b04){
    h1{
        margin-bottom: 20px;
    }
} */
@media (max-width: 768px) {
  h1 {
    font-size: 38px;
  }
}
@media (max-width: 576px) {
  h1 {
    font-size: 30px;
  }
}
h2 {
  font: 34px var(--font-main);
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 20px 0px;
}

@media (max-width: 576px) {
  h2 {
    font-size: 30px;
  }
}
h3 {
  font: 26px var(--font-main);
  padding: 0px 0px -10px 0px;
  margin: 0px 0px 20px 0px;
}

h4 {
  font: 20px var(--font-main);
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 20px 0px;
}

h5 {
  font: 16px var(--font-main);
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 20px 0px;
}

h6 {
  font: 14px var(--font-main);
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 20px 0px;
}

h1, h2, h3, h4, h5{
  font-weight: 700;
  color: var(--black);
  line-height: 1.2;
}

h6{
  font-weight: 400;
  color: var(--black);
  line-height: 1.2;
}

.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 {
  color: var(--white);
}

h1.nomargin, h2.nomargin, h3.nomargin, h4.nomargin, h5.nomargin, h6.nomargin {
  margin: 0;
}

p {
  font: 14px var(--font-main);
  font-weight: 400;
  /* color: var(--pass_grey_dark); */
  color: var(--dark);
  line-height: 1.6;
  padding: 0px 0px 0px 0px;
  margin: 20px 0px 20px 0px;
}

p:last-child {
  margin-bottom: 0;
}

p:empty:not([class]){
  display: none;
}

p.nomargin {
  margin: 0;
}

a {
  /* color: var(--pass_blue_dark); */
  color: var(--black);
  transition: 0.2s;
}

a:hover {
  color: var(--pass_blue_light);
}

/* .dark p {
  color: var(--white);
}

.dark a {
  color: var(--white);
}

.dark a:hover {
  color: var(--pass_blue_light);
} */

.dark p:not([class]){
    color: var(--white);
}

.dark a:not([class]){
    color: var(--white);
}
.dark a:not([class]):hover{
    color: var(--pass_blue_light);
}


ul {
  font: 14px var(--font-main);
  font-weight: 400;
  color: var(--dark);
  line-height: 1.6;
  padding: 0px 0px 0px 24px;
  margin: 20px 0px 20px 0px;
}

ul li {
  padding: 0px 0px 0px 2px;
  margin: 6px 0px 6px 0px;
}

.dark ul {
  color: var(--white);
}

hr {
  width: 100%;
  height: 1px;
  background-color: var(--pass_grey);
  padding: 0;
  border: 0;
  margin: 0px 0px 0px 0px;
}

hr.wp-block-separator{
  border: none;
  border-top: none;
}

/* END Core */
/* Structure */
/*

div.pt-top-strip{
    width: 100%;

    background-color: var(--pass_blue_ltint);
}
@media (max-width: $b03){
    div.pt-top-strip{
        display: none;
    }
}

div.pt-top-strip-inner{
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;

    width: 100%;
    max-width: $b05;

    padding: 0px 102px 0px 102px;
    margin: 0 auto;
}

@media (max-width: $b04){
    div.pt-top-strip-inner{
        padding-left: 8%;
        padding-right: 8%;
    }
}

div.pt-ts-tabs{
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 26px;
}

div.pt-ts-tabs a{
    display: block;

    font: 13px var(--font-main);
    font-weight: 400;
    color: var(--black);
    line-height: 0.8;
    text-align: left;
    text-decoration: none;

    transition: 0.2s;

    padding: 10px 0px 10px 0px;
}
div.pt-ts-tabs a:hover{
    color: var(--pass_grey_dark);
}

div.pt-ts-tabs a.latch{
    font-weight: 700;
    color: var(--black);
    padding-bottom: 6px;
    border-bottom: 4px solid var(--pass_blue_light);
}

div.pt-ts-contact{
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 26px;
}

div.pt-ts-contact div{
    display: block;

    font: 13px var(--font-main);
    font-weight: 400;
    color: var(--black);
    line-height: 0.8;
    text-align: left;
    text-decoration: none;

    padding: 10px 0px 10px 0px;
}

div.pt-ts-contact a{
    display: block;

    font: 13px var(--font-main);
    font-weight: 700;
    color: var(--black);
    line-height: 0.8;
    text-align: left;
    text-decoration: none;

    transition: 0.2s;

    padding: 10px 0px 10px 0px;
}
div.pt-ts-contact a:hover{
    color: var(--pass_grey_dark);
}

*/
div.pt-top-strip-v2 {
  width: 100%;
  background-color: var(--pass_blue_tstint);
}

div.pt-top-strip-v2-inner {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0px;
  width: 100%;
  /* max-width: $b05; */
  max-width: 1240px;
  /* padding: 0px 102px 0px 102px; */
  padding: 0px 16px 0px 16px;
  margin: 0 auto;
}

/*
@media (max-width: $b04){
    div.pt-top-strip-v2-inner{
        padding-left: 8%;
        padding-right: 8%;
    }
}

@media (max-width: $b03){
    div.pt-top-strip-v2-inner{
        padding: 0;
    }
}
*/

#pt-tab-test-equipment{
  width: 142px;
}
#pt-tab-calibration{
  width: 116px;
}
#pt-tab-training{
  width: 99px;
}


a.pt-tsv2-tab {
  display: block;
  font: 12px var(--font-main);
  font-weight: 400;
  color: var(--white);
  line-height: 1.4;
  text-align: left;
  text-decoration: none;
  transition: 0.2s;
  padding: 6px 24px 6px 24px;
  border-left: 1px solid var(--pass_blue_dark);
}

a.pt-tsv2-tab:hover {
  color: var(--pass_blue_light);
}

a.pt-tsv2-tab:last-child {
  border: 1px solid var(--pass_blue_dark);
  border-top: 0;
  border-bottom: 0;
}

a.pt-tsv2-tab.latch {
  font-weight: 400;
  background-color: var(--pass_blue_dark);
}

a.pt-tsv2-tab.latch:hover {
  color: var(--white);
}

@media (max-width: 992px) {
  a.pt-tsv2-tab {
    flex-grow: 1;
    flex-shrink: 1;
    text-align: center;
    padding: 6px 6px 6px 6px;
  }
}
div.pt-nav-contain {
  position: sticky;
  width: 100%;
  /* z-index: 1; */
  /* z-index: 50; */
  z-index: 12;
  background-color: var(--pass_blue_dark);
  /* filter: drop-shadow(0px 14px 10px rgba(0,0,0,0.4)); */
  border-bottom: 1px solid var(--pass_blue_tstint);
}

div.pt-mnav-tray {
  position: fixed;
  top: 0;
  bottom: 0;
  left: var(--pass_mnav_offscreen);
  width: var(--pass_mnav_width);
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  z-index: 102;
  animation-duration: 0.2s;
  animation-fill-mode: forwards;
  animation-play-state: paused;
  overflow-y: scroll;
  scrollbar-width: thin;
  background-color: var(--white);
  padding: 30px 0px 0px 0px;
}

a.pt-mnav-tray-close {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  /* background-color: rgba(0,0,0,0.2); */
}

a.pt-mnav-tray-close::after {
  content: "";
  display: block;
  width: 20px;
  aspect-ratio: 1/1.1428;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--black);
  mask: var(--svg-x);
  mask-size: cover;
  mask-position: center center;
}

div.pt-mnav-tray-header {
  width: 100%;
  font: 18px var(--font-main);
  font-weight: 700;
  color: var(--pass_blue_dark);
  line-height: 1.2;
  text-align: left;
  text-decoration: none;
  padding: 0px 0px 0px 20px;
}

div.pt-mnav-search {
  width: calc(100% - 20px);
  flex-shrink: 0;
  overflow: hidden;
  background-color: var(--white);
  filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.4));
  padding: 0px 0px 0px 0px;
  border-radius: 18px;
  margin: 0px 10px 0px 10px;
}

div.pt-mnav-search form {
  width: 100%;
}

div.pt-mnav-search fieldset {
  display: block;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  padding: 0px 0px 0px 16px;
  border: 0;
}

div.pt-mnav-search input {
  width: 100%;
  flex-grow: 1;
  flex-shrink: 1;
  font: 12px var(--font-main);
  font-weight: 400;
  color: var(--black);
  line-height: 1;
  text-align: left;
  text-decoration: none;
  outline: 0;
  padding: 0px 0px 0px 0px;
  border: 0;
}

div.pt-mnav-search button {
  position: relative;
  display: block;
  width: 46px;
  height: 36px;
  cursor: pointer;
  background-color: var(--white);
  border: 0;
}

div.pt-mnav-search button::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 50%;
  left: 45%;
  transform: translate(-50%, -50%);
  background-color: var(--pass_blue_dark);
  mask: var(--svg-magnify);
  mask-size: cover;
  mask-position: center center;
}

div.pt-mnav-contain {
  width: 100%;
  border-top: 1px solid var(--pass_grey);
}

div.pt-mnav-wrapper-contain {
  position: relative;
  width: 100%;
  padding: 0px 0px 0px 0px;
  border-bottom: 1px solid var(--pass_grey);
}

div.pt-mnav-wrapper-contain.electrical::before {
  content: "";
  display: block;
  width: 30px;
  aspect-ratio: 1/1;
  position: absolute;
  top: 17px;
  left: 10px;
  pointer-events: none;
  z-index: 1;
  background-color: var(--pass_yellow);
  border-radius: 25px;
}

div.pt-mnav-wrapper-contain.electrical::after {
  content: "";
  display: block;
  width: 16px;
  aspect-ratio: 1/1.1428;
  position: absolute;
  top: 23px;
  left: 17px;
  z-index: 2;
  background-color: var(--white);
  mask: var(--svg-spark);
  mask-size: cover;
  mask-position: center center;
}

div.pt-mnav-wrapper-contain.high-voltage::before {
  content: "";
  display: block;
  width: 30px;
  aspect-ratio: 1/1;
  position: absolute;
  top: 17px;
  left: 10px;
  pointer-events: none;
  z-index: 1;
  background-color: var(--pass_orange);
  border-radius: 25px;
}

div.pt-mnav-wrapper-contain.high-voltage::after {
  content: "";
  display: block;
  width: 14px;
  aspect-ratio: 1/1.3333;
  position: absolute;
  top: 22px;
  left: 18px;
  z-index: 2;
  background-color: var(--white);
  mask: var(--svg-transformer);
  mask-size: cover;
  mask-position: center center;
}

div.pt-mnav-wrapper-contain.gas::before {
  content: "";
  display: block;
  width: 30px;
  aspect-ratio: 1/1;
  position: absolute;
  top: 17px;
  left: 10px;
  pointer-events: none;
  z-index: 1;
  background-color: var(--pass_green);
  border-radius: 25px;
}

div.pt-mnav-wrapper-contain.gas::after {
  content: "";
  display: block;
  width: 14px;
  aspect-ratio: 1/1.1428;
  position: absolute;
  top: 24px;
  left: 18px;
  z-index: 2;
  background-color: var(--white);
  mask: var(--svg-flame);
  mask-size: cover;
  mask-position: center center;
}

div.pt-mnav-wrapper-contain.plumbing::before {
  content: "";
  display: block;
  width: 30px;
  aspect-ratio: 1/1;
  position: absolute;
  top: 17px;
  left: 10px;
  pointer-events: none;
  z-index: 1;
  background-color: var(--pass_blue_plumbing);
  border-radius: 25px;
}

div.pt-mnav-wrapper-contain.plumbing::after {
  content: "";
  display: block;
  width: 15px;
  aspect-ratio: 1/1;
  position: absolute;
  top: 24px;
  left: 18px;
  z-index: 2;
  background-color: var(--white);
  mask: var(--svg-leaky-tap);
  mask-size: cover;
  mask-position: center center;
}

div.pt-mnav-wrapper-contain.pressure::before, div.pt-mnav-wrapper-contain.pressure-steam::before {
  content: "";
  display: block;
  width: 30px;
  aspect-ratio: 1/1;
  position: absolute;
  top: 17px;
  left: 10px;
  pointer-events: none;
  z-index: 1;
  background-color: var(--pass_green_seafoam);
  border-radius: 25px;
}

div.pt-mnav-wrapper-contain.pressure::after, div.pt-mnav-wrapper-contain.pressure-steam::after {
  content: "";
  display: block;
  width: 16px;
  aspect-ratio: 1/1;
  position: absolute;
  top: 24px;
  left: 17px;
  z-index: 2;
  background-color: var(--white);
  mask: var(--svg-gauge);
  mask-size: cover;
  mask-position: center center;
}

div.pt-mnav-wrapper-contain.thermography::before {
  content: "";
  display: block;
  width: 30px;
  aspect-ratio: 1/1;
  position: absolute;
  top: 17px;
  left: 10px;
  pointer-events: none;
  z-index: 1;
  background-color: var(--pass_magenta_hot);
  border-radius: 25px;
}

div.pt-mnav-wrapper-contain.thermography::after {
  content: "";
  display: block;
  width: 16px;
  aspect-ratio: 1/1;
  position: absolute;
  top: 24px;
  left: 17px;
  z-index: 2;
  background-color: var(--white);
  mask: var(--svg-polaroid);
  mask-size: cover;
  mask-position: center center;
}

div.pt-mnav-wrapper-contain.ultrasound::before {
  content: "";
  display: block;
  width: 30px;
  aspect-ratio: 1/1;
  position: absolute;
  top: 17px;
  left: 10px;
  pointer-events: none;
  z-index: 1;
  background-color: var(--pass_mauve);
  border-radius: 25px;
}

div.pt-mnav-wrapper-contain.ultrasound::after {
  content: "";
  display: block;
  width: 19px;
  aspect-ratio: 1/0.8;
  position: absolute;
  top: 24px;
  left: 16px;
  z-index: 2;
  background-color: var(--white);
  mask: var(--svg-pulse);
  mask-size: cover;
  mask-position: center center;
}

div.pt-mnav-wrapper-nocarat a.pt-mnav-wrapper-header::after {
  content: none;
}

a.pt-mnav-wrapper-header {
  position: relative;
  display: block;
  font: 16px var(--font-main);
  font-weight: 700;
  color: var(--black);
  line-height: 1;
  text-align: left;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  padding: 24px 10px 24px 22px;
  border: 0px;
}

a.pt-mnav-wrapper-header::after {
  content: "";
  display: block;
  width: 7px;
  aspect-ratio: 1/1.6;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  background-color: var(--black);
  mask: var(--svg-chevron-right);
  mask-size: cover;
  mask-position: center center;
}

a.pt-mnav-wrapper-header.pt-indent {
  padding-left: 54px;
}

a.pt-mnav-wrapper-header.pt-open {
  border-bottom: 1px solid var(--pass_grey);
}

a.pt-mnav-wrapper-header.pt-open::after {
  transform: translateY(-50%) rotate(90deg);
}

div.pt-mnav-wrapper-wrap {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s;
}

div.pt-mnav-wrapper-wrap.pt-open {
  grid-template-rows: 1fr;
}

div.pt-mnav-wrapper-content {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  overflow: hidden;
  padding: 0px 0px 0px 54px;
  padding-left: 22px;
}

div.pt-mnav-wrapper-content.pt-indent {
  padding-left: 54px;
}

div.pt-mnav-wrapper-content a {
  position: relative;
  display: block;
  width: 100%;
  font: 13px var(--font-main);
  font-weight: 400;
  color: var(--black);
  line-height: 1.4;
  text-align: left;
  text-decoration: none;
  transition: 0.2s;
  padding: 6px 2px 6px 2px;
}

/*
div.pt-mnav-wrapper-content a:hover{
    color: var(--pass_grey_dark);
}
*/
div.pt-mnav-wrapper-content a:first-child {
  margin-top: 12px;
}

div.pt-mnav-wrapper-content a:last-child {
  margin-bottom: 12px;
}

div.pt-mnav-wrapper-content p {
  color: var(--black);
}

div.pt-mnav-subnav {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 6px;
}

div.pt-mnav-subnav a {
  position: relative;
  display: block;
  font: 13px var(--font-main);
  font-weight: 400;
  color: var(--black);
  line-height: 1.4;
  text-align: left;
  text-decoration: none;
  /* background-color: rgba(0,0,0,0.2); */
  padding: 6px 0px 6px 32px;
}

div.pt-mnav-subnav a::before {
  content: "";
  display: block;
  position: absolute;
  background-color: var(--black);
}

div.pt-mnav-subnav a.pt-mn-sn-centres::before {
  width: 10px;
  aspect-ratio: 1/1.3333;
  top: 8px;
  left: 14px;
  mask: var(--svg-map-location);
  mask-size: cover;
  mask-position: center center;
}

div.pt-mnav-subnav a.pt-mn-sn-help::before {
  width: 12px;
  aspect-ratio: 1/1;
  top: 9px;
  left: 13px;
  mask: var(--svg-question);
  mask-size: cover;
  mask-position: center center;
}

div.pt-mnav-subnav a.pt-mn-sn-contact::before {
  width: 12px;
  aspect-ratio: 1/1;
  top: 9px;
  left: 13px;
  mask: var(--svg-envelope);
  mask-size: cover;
  mask-position: center center;
}

div.pt-mnav-about {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: center;
  gap: 12px;
  flex-shrink: 0;
  width: 90%;
  min-height: 200px;
  background-color: var(--pass_blue_ltint);
  padding: 60px 20px 20px 20px;
  border-radius: 10px;
  margin-top: 40px;
}

div.pt-mnav-about p {
  font: 14px var(--font-main);
  font-weight: 400;
  color: var(--black);
  line-height: 1.5;
  text-align: left;
  margin: 0;
}

div.pt-mnav-about-img {
  width: 88px;
  height: 88px;
  position: absolute;
  top: -38px;
  left: 50%;
  transform: translateX(-50%);
  background-image: url("./assets/media/why-pass.jpg");
  background-size: cover;
  background-position: left center;
  border-radius: 88px;
}

div.pt-nav-inner {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  /* max-width: $b05; */
  max-width: 1240px;
  /* padding: 0px 102px 0px 102px; */
  padding: 0px 16px 0px 16px;
  margin: 0 auto;
}

/* @media (max-width: $b04){
    div.pt-nav-inner{
        padding-left: 8%;
        padding-right: 8%;
    }
} */
@media (max-width: 992px) {
  div.pt-nav-inner {
    align-items: center;
  }
}
a.pt-logo {
  position: relative;
  display: block;
  width: 132px;
  aspect-ratio: 1/0.492424;
  /* background-image: url("./assets/media/pass-logo.png");
  background-size: cover;
  background-position: center center; */
  margin: 16px 0px 16px 0px;
}

a.pt-logo > img{
  width: 100%;
  height: 100%;

  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  object-fit: cover;
  object-position: center center;
  overflow-clip-margin: unset;
}

@media (max-width: 992px) {
  a.pt-logo {
    /*
    width: 88px;
    height: 43.3333px;
    */
    width: 70px;
    order: 3;
  }
}
div.pt-nav {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
  gap: 4%;
  flex-grow: 1;
  flex-shrink: 1;
}

/*
@media (max-width: $b04){
    div.pt-nav{
        gap: 1.75%;
    }
}
*/
@media (max-width: 992px) {
  div.pt-nav {
    display: none;
  }
}
div.pt-nav a {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  font: 16px var(--font-main);
  font-weight: 700;
  color: var(--white);
  line-height: 1.2;
  text-align: left;
  text-decoration: none;
  transition: 0.2s;
  padding: 10px 10px 10px 10px;
  /* border: 1px solid var(--pass_grey_dark); */
}

div.pt-nav a:hover {
  color: var(--pass_blue_light);
}

@media (max-width: 1240px) {
  div.pt-nav a {
    font-size: 13px;
  }
}
div.pt-nav a.parent {
  animation-name: chevron_rotate_fwd;
  animation-play-state: paused;
  padding-right: 24px;
}

div.pt-nav a.parent::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -16px;
  right: 0;
  width: 14px;
  height: 14px;
  transition: 0.2s;
  transform: translateY(-55%);
  background-color: var(--white);
  /* animation-name: chevron_rotate_fwd; */
  animation-name: inherit;
  animation-duration: 0.2s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-play-state: inherit;
  mask: var(--svg-chevron-down);
  mask-size: cover;
  mask-position: center center;
}

div.pt-nav a.parent:hover::after {
  background-color: var(--pass_blue_light);
}

/*
div.pt-nav a.parent.show::after{
    mask: var(--svg-chevron-up);
    mask-size: cover;
    mask-position: center center;
}
*/
/* a.search{
    display: block;
    width: 20px;
    height: 20px;

    transition: 0.2s;

    background-color: var(--white);

    mask: var(--svg-magnify);
    mask-size: cover;
    mask-position: center center;
}
a.search:hover{
    background-color: var(--pass_grey);
} */
div.pt-search {
  width: 228px;
  height: 36px;
  overflow: hidden;
  background-color: var(--white);
  padding: 0px 0px 0px 0px;
  border-radius: 18px;
}

div.pt-search form {
  width: 100%;
}

div.pt-search fieldset {
  display: block;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  padding: 0px 0px 0px 16px;
  border: 0;
}

div.pt-search input {
  width: 100%;
  flex-grow: 1;
  flex-shrink: 1;
  font: 12px var(--font-main);
  font-weight: 400;
  color: var(--black);
  line-height: 1;
  text-align: left;
  text-decoration: none;
  outline: 0;
  padding: 0px 0px 0px 0px;
  border: 0;
}

div.pt-search button {
  position: relative;
  display: block;
  width: 46px;
  height: 36px;
  cursor: pointer;
  background-color: var(--white);
  border: 0;
}

div.pt-search button::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 50%;
  left: 45%;
  transform: translate(-50%, -50%);
  /* background-color: var(--pass_blue_dark); */
  background-color: var(--black);
  mask: var(--svg-magnify);
  mask-size: cover;
  mask-position: center center;
}

div.pt-nav-dd {
  display: none;
  width: 100%;
  /* height: 400px; */
  position: absolute;
  top: 100%;
  z-index: 50;
  background-color: var(--white);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  filter: drop-shadow(0px 10px 10px rgba(0, 0, 0, 0.8));
}

/*
div.pt-nav-dd.show{
    display: block;
}
*/
@media (max-width: 992px) {
  div.pt-nav-dd {
    display: none !important;
  }
}
div.pt-nav-dd.about::before {
  content: "";
  display: block;
  width: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  background-color: var(--pass_blue_ltint);
}

div.pt-nav-dd-inner {
  position: relative;
  width: 100%;
  max-width: 1440px;
  height: 100%;
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  column-gap: 2%;
  row-gap: 20px;
  z-index: 1;
  /* background-color: rgba(0,0,0,0.2); */
  padding: 30px 102px 60px 102px;
  margin: 0 auto;
}

@media (max-width: 1240px) {
  div.pt-nav-dd-inner {
    padding-left: 8%;
    padding-right: 8%;
  }
}
div.pt-nav-dd-cell {
  position: relative;
  width: 23.5%;
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0px;
  flex-shrink: 0;
  flex-grow: 0;
  /* background-color: rgba(0,0,0,0.2); */
  padding: 40px 0px 0px 0px;
}

div.pt-nav-dd-cell::before {
  content: "";
  display: block;
  width: 30px;
  aspect-ratio: 1/1;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--pass_blue_dark);
  border-radius: 25px;
}

div.pt-nav-dd-cell.electrical::before {
  background-color: var(--pass_yellow_electrical);
}

div.pt-nav-dd-cell.electrical::after {
  content: "";
  display: block;
  width: 16px;
  aspect-ratio: 1/1.1428;
  position: absolute;
  top: 6px;
  left: 7px;
  background-color: var(--white);
  mask: var(--svg-spark);
  mask-size: cover;
  mask-position: center center;
}

div.pt-nav-dd-cell.high-voltage::before {
  background-color: var(--pass_orange);
}

div.pt-nav-dd-cell.high-voltage::after {
  content: "";
  display: block;
  width: 14px;
  aspect-ratio: 1/1.3333;
  position: absolute;
  top: 5px;
  left: 8px;
  background-color: var(--white);
  mask: var(--svg-transformer);
  mask-size: cover;
  mask-position: center center;
}

div.pt-nav-dd-cell.gas::before {
  background-color: var(--pass_green);
}

div.pt-nav-dd-cell.gas::after {
  content: "";
  display: block;
  width: 14px;
  aspect-ratio: 1/1.1428;
  position: absolute;
  top: 7px;
  left: 8px;
  background-color: var(--white);
  mask: var(--svg-flame);
  mask-size: cover;
  mask-position: center center;
}

div.pt-nav-dd-cell.plumbing::before {
  background-color: var(--pass_blue_plumbing);
}

div.pt-nav-dd-cell.plumbing::after {
  content: "";
  display: block;
  width: 15px;
  aspect-ratio: 1/1;
  position: absolute;
  top: 7px;
  left: 8px;
  background-color: var(--white);
  mask: var(--svg-leaky-tap);
  mask-size: cover;
  mask-position: center center;
}

div.pt-nav-dd-cell.pressure::before, div.pt-nav-dd-cell.pressure-steam::before {
  background-color: var(--pass_green_seafoam);
}

div.pt-nav-dd-cell.pressure::after, div.pt-nav-dd-cell.pressure-steam::after {
  content: "";
  display: block;
  width: 16px;
  aspect-ratio: 1/1;
  position: absolute;
  top: 7px;
  left: 7px;
  background-color: var(--white);
  mask: var(--svg-gauge);
  mask-size: cover;
  mask-position: center center;
}

div.pt-nav-dd-cell.thermography::before {
  background-color: var(--pass_magenta_hot);
}

div.pt-nav-dd-cell.thermography::after {
  content: "";
  display: block;
  width: 16px;
  aspect-ratio: 1/1; /*1 / 1.1428;*/
  position: absolute;
  top: 7px;
  left: 7px;
  background-color: var(--white);
  mask: var(--svg-polaroid);
  mask-size: cover;
  mask-position: center center;
}

div.pt-nav-dd-cell.ultrasound::before {
  background-color: var(--pass_mauve);
}

div.pt-nav-dd-cell.ultrasound::after {
  content: "";
  display: block;
  width: 19px;
  aspect-ratio: 1/0.8;
  position: absolute;
  top: 7px;
  left: 6px;
  background-color: var(--white);
  mask: var(--svg-pulse);
  mask-size: cover;
  mask-position: center center;
}

div.pt-nav-dd-cell a {
  position: relative;
  display: block;
  width: 100%;
  font: 13px var(--font-main);
  font-weight: 400;
  color: var(--black);
  line-height: 1.4;
  text-align: left;
  text-decoration: none;
  transition: 0.2s;
  padding: 6px 2px 6px 2px;
}

div.pt-nav-dd-cell a:hover {
  color: var(--pass_blue_light);
}

div.pt-nav-dd-cell a.pt-nav-dd-head {
  font-size: 15px;
  font-weight: 700;
}

div.pt-nav-dd-cell a.pt-nav-dd-foot {
  width: initial;
  font-size: 13px;
  font-weight: 700;
  padding-right: 18px;
}

div.pt-nav-dd-cell a.pt-nav-dd-foot::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  transition: 0.2s;
  background-color: var(--black);
  mask: var(--svg-arrow-right);
  mask-size: cover;
  mask-position: center center;
}

div.pt-nav-dd-cell a.pt-nav-dd-foot:hover::after {
  background-color: var(--pass_blue_light);
}

div.pt-nav-dd-2col {
  position: relative;
  width: 100%;
  max-width: 1440px;
  height: 100%;
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  column-gap: 8%;
  row-gap: 20px;
  z-index: 1;
  padding: 30px 102px 60px 102px;
  /* border: 1px dotted var(--pass_grey_dark); */
  margin: 0 auto;
}

@media (max-width: 1240px) {
  div.pt-nav-dd-2col {
    padding-left: 8%;
    padding-right: 8%;
  }
}
div.pt-nav-dd-col {
  width: 46%;
  /* min-height: 400px; */
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6%;
  /* background-color: rgba(0,0,0,0.2); */
}

div.pt-nav-about-img {
  width: 25%;
  aspect-ratio: 1/1;
  background-image: url("./assets/media/why-pass.jpg");
  background-size: cover;
  background-position: left center;
  border-radius: 50%;
}

div.pt-nav-about-txt-70 {
  width: 75%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  /* background-color: rgba(0,0,0,0.2); */
}

div.pt-nav-about-txt-70 p {
  font: 15px var(--font-main);
  font-weight: 400;
  color: var(--black);
  line-height: 1.4;
  text-align: left;
  margin: 0;
}

div.pt-nav-about-txt-50 {
  width: 50%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  font: 13px var(--font-main);
  font-weight: 400;
  color: var(--black);
  line-height: 1.4;
  text-align: left;
}

div.pt-nav-about-txt-50 div {
  font-size: 15px;
  font-weight: 700;
}

div.pt-nav-about-txt-50 a {
  display: block;
  width: 100%;
  transition: 0.2s;
  text-decoration: none;
  color: var(--black);
}

div.pt-nav-about-txt-50 a:hover {
  color: var(--pass_blue_light);
}

/*
a.pt-burger{
    position: relative;
    display: none;
    width: 28px;
    height: 22px;

    background-color: var(--white);
}
a.pt-burger::before{
    content:'';
    position: absolute;
    top: 4px;
    left: 0;

    width: 100%;
    height: 3px;

    border-bottom: 5px solid var(--pass_blue_dark);
}
a.pt-burger::after{
    content:'';
    position: absolute;
    bottom: 4px;
    left: 0;

    width: 100%;
    height: 3px;

    border-top: 5px solid var(--pass_blue_dark);
}
@media (max-width: $b03){
    a.pt-burger{
        display: block;
    }
}
*/
a.pt-mob-btn {
  display: none;
}

@media (max-width: 992px) {
  a.pt-mob-btn {
    position: relative;
    display: block;
    width: 30px;
    height: 30px;
    /* background-color: rgba(255,255,255,0.1); */
  }
}
#pt-burger {
  order: 1;
}

#pt-burger::after {
  content: "";
  display: block;
  width: 20px;
  aspect-ratio: 1/1.1428;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--white);
  mask: var(--svg-burger);
  mask-size: cover;
  mask-position: center center;
}

a.pt-mob-btn.pt-locations {
  order: 2;
}

a.pt-mob-btn.pt-locations::after {
  content: "";
  display: block;
  width: 16px;
  aspect-ratio: 1/1.3333;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--white);
  mask: var(--svg-map-location);
  mask-size: cover;
  mask-position: center center;
}

a.pt-mob-btn.pt-about {
  order: 4;
}

a.pt-mob-btn.pt-about::after {
  content: "";
  display: block;
  width: 20px;
  aspect-ratio: 1/1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--white);
  mask: var(--svg-question);
  mask-size: cover;
  mask-position: center center;
}

a.pt-mob-btn.pt-contact {
  order: 5;
}

a.pt-mob-btn.pt-contact::after {
  content: "";
  display: block;
  width: 20px;
  aspect-ratio: 1/1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--white);
  mask: var(--svg-envelope);
  mask-size: cover;
  mask-position: center center;
}

div.pt-breadcrumbs {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 30px;
  width: 100%;
  max-width: 1240px;
  background-color: var(--pass_blue_dark);
  /* padding: 25px 16px 25px 16px;
  padding: 2.5% 16px 2.5% 16px; */
  padding: clamp(0px, 2.5%, 25px) 16px clamp(0px, 2.5%, 25px) 16px;
  /* padding: clamp(0px, 2.5%, 25px) 0px clamp(0px, 2.5%, 25px) 0px; */
  border-left: 1px solid var(--pass_blue_dark);
  border-right: 1px solid var(--pass_blue_dark);
  margin: 0 auto;
}

div.pt-breadcrumbs::before {
  content: "";
  max-width: 100vw;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -999999px;
  z-index: -1;
  box-shadow: 999999px 0 0 var(--pass_blue_dark);
  border-left: 999999px solid var(--pass_blue_dark);
}

@media (max-width: 576px) {
  div.pt-breadcrumbs > a:not(:last-child) {
        display: none;
    }

    div.pt-breadcrumbs a {
        padding-left: 16px;
    }   

    div.pt-breadcrumbs a::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0px;
        width: 6px;
        height: 8px;
        transform: translateY(-55%);
        background-color: var(--white);
        mask: var(--svg-chevron-left);
        mask-size: cover;
        mask-position: center center;
    }
  div.pt-breadcrumbs {
    padding: 5% 16px 5% 16px;
    /* padding: 5% 0px 5% 0px; */
  }
}
div.pt-breadcrumbs a {
  position: relative;
  display: block;
  font: 12px var(--font-main);
  font-weight: 400;
  color: var(--white);
  line-height: 1.2;
  text-align: left;
  text-decoration: none;
  transition: 0.2s;
}

div.pt-breadcrumbs a:hover {
  color: var(--pass_blue_light);
}

div.pt-breadcrumbs a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -18px;
  width: 6px;
  height: 8px;
  transform: translateY(-55%);
  background-color: var(--white);
  mask: var(--svg-chevron-right);
  mask-size: cover;
  mask-position: center center;
}

div.pt-breadcrumbs a:last-child::after {
  display: none;
}

div.pt-main-col {
  width: 100%;
  /* max-width: 1440px; */
  max-width: 1240px;
  display: flex;
  flex-flow: column nowrap;
  gap: 60px;
  margin: 0 auto;
  /* padding-bottom: 60px; */
  padding: 0px 16px 60px 16px;
}

@media (max-width: 768px) {
  div.pt-main-col {
    gap: 30px;
    padding-bottom: 30px;
  }
}

div.pt-mainv2-col {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  /* gap: 30px; */
  gap: 40px;
  width: 100%;
  max-width: 1240px;
  /* padding: 0px 16px 0px 16px; */
  margin: 0 auto;
}

div.pt-mainv2-col.nogap {
  gap: 0px;
}

div.pt-mainv2-col.narrow {
  padding: 0px calc(2% + 50px) 0px calc(2% + 50px);
}

@media (max-width: 992px) {
  div.pt-mainv2-col.narrow {
    padding: 0px calc(1% + 40px) 0px calc(1% + 40px);
  }
}
@media (max-width: 768px) {
  div.pt-mainv2-col.narrow {
    padding: 0px 16px 0px 16px;
  }
}

div.pt-mainv2-col > *{
  margin: 0px 0px 0px 0px;
}


div.pt-typo-example {
  position: relative;
  display: block;
  width: 100%;
  max-width: 1240px;
  padding: 32px 16px 32px 16px;
  border-top: 1px solid var(--pass_grey);
  border-bottom: 1px solid var(--pass_grey);
  margin: 0 auto;
}

div.pt-typo-example.dark {
  background-color: var(--pass_blue_dark);
}

a.pt-typo-mode {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  font: 12px var(--font-main);
  font-weight: 400;
  color: var(--white);
  line-height: 1.2;
  text-align: left;
  text-decoration: none;
  transition: 0.2s;
  background-color: var(--pass_grey_dark);
  padding: 10px 10px 10px 10px;
}

a.pt-typo-mode:hover {
  color: var(--white);
  background-color: var(--pass_grey);
}

div.pt-tint-test {
  width: 100%;
  height: 50px;
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: auto;
  background-color: var(--black);
}

div.pt-tint-test .a {
  opacity: 0.8;
  background-color: var(--pass_green);
}

div.pt-tint-test .b {
  opacity: 0.8;
  background-color: var(--pass_blue_light);
}

div.pt-tint-test .c {
  opacity: 0.9;
  background-color: var(--pass_blue_ltint);
}

div.pt-tint-test .d {
  opacity: 0.8;
  background-color: var(--pass_yellow_electrical);
}

div.pt-tint-test .e {
  opacity: 0.8;
  background-color: var(--pass_orange);
}

div.pt-tint-test .f {
  opacity: 0.8;
  background-color: var(--pass_blue_plumbing);
}

div.pt-tint-test .g {
  opacity: 0.8;
  background-color: var(--pass_green_seafoam);
}

div.pt-tint-test .h {
  opacity: 0.8;
  background-color: var(--pass_magenta_hot);
}

div.pt-tint-test .i {
  opacity: 0.8;
  background-color: var(--pass_mauve);
}

div.pt-tint-test .j {
  opacity: 0.8;
  background-color: var(--pass_blue_tstint);
}

/* END Structure */
/* Tax Mode Switch */
a.pt-price-mode {
  display: flex;
  width: 100%;
  font-size: 11px;
  line-height: 14px;
  font-weight: 700;
  text-decoration: none;
  padding: 0px 0px 0px 0px;
}

span.pt-price-mode-label-left {
  /* display: block;
  text-align: left; */
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: flex-start;
}

span.pt-price-mode-label-right {
  /* display: block;
  text-align: right; */
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: flex-end;
}

span.pt-price-mode-toggle {
  display: block;
  width: 28px;
  height: 14px;
  position: relative;
  padding: 0px 0px 0px 0px;
  border-radius: 19px;
  margin: 0px 6px 0px 6px;
}

span.pt-price-mode-toggle span {
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 2px;
  left: 3px;
  animation-duration: 0.2s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-play-state: paused;
  border-radius: 19px;
  --left: 3px;
  --right: 15px;
}

span.pt-cash span.ex-vat {
  display: inline;
}

span.pt-cash span.inc-vat {
  display: none;
}

/* END Tax Mode Switch*/
div.pt-header-block {
  position: relative;
  width: 100%;
  max-width: 1240px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  /* align-items: stretch; */
  align-items: flex-start;
  gap: 20px;
  background-color: var(--pass_blue_dark);
  /* padding: 0px 102px 70px 102px; */
  /* padding: 0px 16px 70px 16px; */
  padding: 0px 0px 70px 0px;
  border-left: 1px solid var(--pass_blue_dark);
  border-right: 1px solid var(--pass_blue_dark);
  margin: 0 auto;
}

div.pt-header-block::before {
  content: "";
  max-width: 100vw;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -999999px;
  z-index: -1;
  box-shadow: 999999px 0 0 var(--pass_blue_dark);
  border-left: 999999px solid var(--pass_blue_dark);
}

@media (max-width: 992px) {
  div.pt-header-block {
    flex-flow: column nowrap;
    gap: 40px;
    /* padding: 1% 8% 10% 8%; */
    /* padding: 1% 16px 10% 16px; */
    padding: 1% 0px 10% 0px;
  }
}
@media (max-width: 768px) {
  div.pt-header-block {
    /* padding: 0 8% 12% 8%; */
    /* padding: 0 16px 12% 16px; */
    padding: 0 0px 12% 0px;
  }
}
div.pt-header-content {
  width: 58%;
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
  padding: 0px 0px 0px 0px;
}

@media (max-width: 992px) {
  div.pt-header-content {
    width: 100%;
    padding: 0;
  }
}
div.pt-header-content h1 {
  color: var(--white);
  margin: 0;
}

div.pt-header-content p {
  font-size: 16px;
  color: var(--white);
  margin: 0;
}

@media (max-width: 768px) {
  div.pt-header-content p {
    font-size: 14px;
  }
}

div.pt-header-content a {
  color: var(--white);
}
div.pt-header-content a:hover {
  color: var(--pass_blue_light);
}

div.pt-hc-ident-pool {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  /* background-color: rgba(255,255,255,0.2); */
  /* border: 1px dotted var(--pass_grey); */
}

.pt-hc-awarding-body-ident {
  display: block;
  position: relative;
}

.pt-hc-awarding-body-ident > img {
  display: block;
	width: 100%;
	height: 100%;

	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

  z-index: 1;

	object-fit: cover;
	object-position: center center;
	overflow-clip-margin: unset;
}

.pt-hc-awarding-body-ident.city-and-guilds, .pt-hc-awarding-body-ident.city-guilds{
  width: 70px;
  aspect-ratio: 1/0.6;
  /* background-image: url("./assets/media/city-and-guilds-logo.png");
  background-position: center center;
  background-size: cover; */
}

.pt-hc-awarding-body-ident.city-guilds-accredited{
  height: 32px;
  aspect-ratio: 1/0.236;
  /* background-image: url("./assets/media/cg-ap-light.png");
  background-position: center center;
  background-size: cover; */
}

.pt-hc-awarding-body-ident.itc{
  height: 38px;
  aspect-ratio: 1 / 0.4581;
  /* background-image: url("./assets/media/itc-logo-light.png");
  background-position: center center;
  background-size: cover; */
}

.pt-hc-awarding-body-ident.lcl-awards{
  height: 38px;
  aspect-ratio: 1 / 0.4522;
  /* background-image: url("./assets/media/lcl-awards-light.png");
  background-position: center center;
  background-size: cover; */
}

.pt-hc-awarding-body-ident.pass{
  height: 36px;
  aspect-ratio: 1 / 0.4924;
  /* background-image: url("./assets/media/pass-logo.png");
  background-position: center center;
  background-size: cover; */
}

.pt-hc-awarding-body-ident.ue-systems{
  height: 36px;
  aspect-ratio: 1 / 0.388;
  /* background-image: url("./assets/media/ue-systems-light.png");
  background-position: center center;
  background-size: cover; */
}

.pt-hc-course-type {
  position: relative;
  display: block;
  font: 13px var(--font-main);
  font-weight: 400;
  color: var(--white);
  line-height: 0.8;
  text-align: center;
  text-decoration: none;
  background-color: var(--pass_grey_light);
  padding: 10px 20px 10px 32px;
  border-radius: 50px;
}

.pt-hc-course-type::before {
  content: "";
  display: block;
  width: 10px;
  aspect-ratio: 1/1;
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  /* background-color: var(--pass_blue_dark); */
  background-color: var(--white);
}

.pt-hc-course-type.electrical {
  background-color: var(--pass_yellow_electrical);
}

.pt-hc-course-type.electrical::before {
  width: 12px;
  aspect-ratio: 1/1.1428;
  mask: var(--svg-spark);
  mask-size: cover;
  mask-position: center center;
}

.pt-hc-course-type.high-voltage {
  background-color: var(--pass_orange);
}

.pt-hc-course-type.high-voltage::before {
  width: 12px;
  aspect-ratio: 1/1.3333;
  transform: translateY(-55%);
  mask: var(--svg-transformer);
  mask-size: cover;
  mask-position: center center;
}

.pt-hc-course-type.gas {
  background-color: var(--pass_green);
}

.pt-hc-course-type.gas::before {
  width: 14px;
  aspect-ratio: 1/1.1428;
  transform: translateY(-55%);
  mask: var(--svg-flame);
  mask-size: cover;
  mask-position: center center;
}

.pt-hc-course-type.plumbing {
  background-color: var(--pass_blue_plumbing);
}

.pt-hc-course-type.plumbing::before {
  width: 14px;
  aspect-ratio: 1/1;
  mask: var(--svg-leaky-tap);
  mask-size: cover;
  mask-position: center center;
}

.pt-hc-course-type.pressure, .pt-hc-course-type.pressure-steam {
  background-color: var(--pass_green_seafoam);
}

.pt-hc-course-type.pressure::before, .pt-hc-course-type.pressure-steam::before {
  width: 14px;
  aspect-ratio: 1/1;
  mask: var(--svg-gauge);
  mask-size: cover;
  mask-position: center center;
}

.pt-hc-course-type.thermography {
  background-color: var(--pass_magenta_hot);
}

.pt-hc-course-type.thermography::before {
  width: 14px;
  aspect-ratio: 1/1;
  mask: var(--svg-polaroid);
  mask-size: cover;
  mask-position: center center;
}

.pt-hc-course-type.ultrasound {
  background-color: var(--pass_mauve);
}

.pt-hc-course-type.ultrasound::before {
  width: 16px;
  aspect-ratio: 1/0.8;
  mask: var(--svg-pulse);
  mask-size: cover;
  mask-position: center center;
}

.pt-hc-package-courses{
  position: relative;
  display: block;

  font: 13px var(--font-main);
  font-weight: 400;
  line-height: 0.8;
  text-decoration: none;
  color: var(--black);

  background-color: var(--white);
  padding: 11px 20px 9px 19px;
  border-radius: 50px;
}


.pt-hc-badge {
  position: relative;
  display: block;
  font: 13px var(--font-main);
  font-weight: 400;
  color: var(--black);
  line-height: 0.8;
  text-align: center;
  text-decoration: none;
  background-color: var(--pass_grey_light);
  padding: 10px 20px 10px 20px;
  border-radius: 50px;
}

@media (max-width: 480px) {
  .pt-hc-badge {
    display: none;
  }
}

a.pt-hc-rm {
  position: relative;
  display: block;
  font: 16px var(--font-main);
  font-weight: 700;
  color: var(--white);
  line-height: 1.3;
  text-align: left;
  text-decoration: none;
  transition: 0.2s;
  padding: 2px 20px 2px 0px;
}

a.pt-hc-rm:hover {
  color: var(--pass_blue_light);
}

a.pt-hc-rm::after {
  content: "";
  display: block;
  width: 12px;
  aspect-ratio: 1/1.3333;
  position: absolute;
  top: 50%;
  right: 0;
  transition: 0.2s;
  transform: translateY(-50%);
  background-color: var(--white);
  mask: var(--svg-arrow-down);
  mask-size: cover;
  mask-position: center center;
}

a.pt-hc-rm:hover::after {
  background-color: var(--pass_blue_light);
}

div.pt-header-tablet {
  --rgap: 22px;
  --cgap: 12px;
  position: relative;
  width: 38%;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: flex-start;
  row-gap: var(--rgap);
  column-gap: var(--cgap);
  background-color: var(--white);
  /* padding: 10px 10px 10px 10px; */
  padding: 36px 36px 36px 36px;
  border-radius: 10px;
  border: 1px dotted var(--white);
}

@media (max-width: 992px) {
  div.pt-header-tablet {
    --rgap: 16px;
    --cgap: 9px;
    width: 100%;
    padding: 20px 20px 20px 20px;
  }
}
/*
div.pt-ht-price-block{
    width: 100%;

    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    gap: 13px;

    background-color: var(--pass_blue_light);

    padding: 26px 10px 26px 10px;

    border-radius: 10px;
}

div.pt-ht-pb-value{
    font: 40px var(--font-main);
    font-weight: 700;
    color: var(--pass_blue_dark);
    line-height: 0.8;
    text-align: center;
}

div.pt-ht-pb-switch{
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    gap: 0px;

    font: 14px var(--font-main);
    font-weight: 400;
    color: var(--pass_blue_dark);
    line-height: 0.8;
    text-align: center;
}

div.pt-ht-pb-switch a.pt-price-mode{
    color: var(--pass_blue_dark);
}

div.pt-ht-pb-switch span.pt-price-mode-toggle{
    background-color: var(--white);
}

div.pt-ht-pb-switch span.pt-price-mode-toggle span{
    background-color: var(--pass_blue_dark);
}
*/
div.pt-ht-price-block-v2 {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 0px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--pass_grey);
}

@media (max-width: 576px) {
  div.pt-ht-price-block-v2 {
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    padding-bottom: 10px;
  }
}
div.pt-ht-pbv2-col {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 12px;
}

div.pt-ht-pbv2-value {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 4px;
  font: 40px var(--font-main);
  font-weight: 700;
  color: var(--black);
  line-height: 0.8;
}

@media (max-width: 576px) {
  div.pt-ht-pbv2-value {
    text-align: center;
  }
}
div.pt-ht-pbv2-vat {
  font: 20px var(--font-main);
  font-weight: 400;
  color: var(--black);
  line-height: 0.8;
  padding: 0px 0px 3px 0px;
}

div.pt-ht-pbv2-deposit {
  font: 16px var(--font-main);
  font-weight: 700;
  /* color: var(--pass_blue_dark); */
  color: var(--black);
  line-height: 1.1;
}

div.pt-ht-paypal-msg{
  min-height: 30px;
}
@media (max-width: 576px) {
  div.pt-ht-paypal-msg{
    min-height: 43px;
  }
}

div.pt-ht-paypal-msg:not([data-pp-message]){
   min-height: 4px;
}

div.pt-ht-pbv2-switch {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  gap: 0px;
  font: 15px var(--font-main);
  font-weight: 400;
  /* color: var(--pass_blue_dark); */
  color: var(--black);
  line-height: 0.8;
  text-align: center;
}

div.pt-ht-pbv2-switch a.pt-price-mode {
  font-size: 12px;
  font-weight: 400;
  /* color: var(--pass_blue_dark); */
  color: var(--black);
}

div.pt-ht-pbv2-switch span.pt-price-mode-toggle {
  width: 30px;
  height: 16px;
  background-color: var(--white);
  /* border: 1px solid var(--pass_blue_dark); */
  border: 1px solid var(--black);
}

div.pt-ht-pbv2-switch span.pt-price-mode-toggle span {
  /* background-color: var(--pass_blue_dark); */
  background-color: var(--black);
}

div.pt-ht-row {
  /* width: 94%; */
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: stretch;
  gap: 0px;
  font: 16px var(--font-main);
  line-height: 1.2;
  /* padding: 0px var(--cgap) var(--rgap) var(--cgap); */
  padding: 0px 0px var(--rgap) 0px;
  border-bottom: 1px solid var(--pass_grey);
}

@media (max-width: 576px) {
  div.pt-ht-row {
    width: 100%;
    font-size: 14px;
  }
}
div.pt-ht-row div.pt-ht-row-left {
  position: relative;
  width: 50%;
  font-weight: 700;
  color: var(--black);
  text-align: left;
  padding-left: 34px;
}

@media (max-width: 576px) {
  div.pt-ht-row div.pt-ht-row-left {
    padding-left: 28px;
  }
}
div.row-duration div.pt-ht-row-left::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background-color: var(--black);
  mask: var(--svg-clock);
  mask-size: cover;
  mask-position: center center;
}

@media (max-width: 576px) {
  div.row-duration div.pt-ht-row-left::before {
    width: 18px;
    height: 18px;
  }
}
div.row-course div.pt-ht-row-left::before {
  content: "";
  position: absolute;
  top: 0;
  left: -4px;
  width: 25px;
  height: 20px;
  background-color: var(--black);
  mask: var(--svg-book);
  mask-size: cover;
  mask-position: center center;
}

@media (max-width: 576px) {
  div.row-course div.pt-ht-row-left::before {
    width: 22px;
    height: 18px;
  }
}
div.row-exam div.pt-ht-row-left::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 20px;
  background-color: var(--black);
  mask: var(--svg-exam);
  mask-size: cover;
  mask-position: center center;
}

@media (max-width: 576px) {
  div.row-exam div.pt-ht-row-left::before {
    width: 16px;
    height: 18px;
  }
}
div.row-award div.pt-ht-row-left::before {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  width: 20px;
  height: 20px;
  background-color: var(--black);
  mask: var(--svg-award);
  mask-size: cover;
  mask-position: center center;
}

@media (max-width: 576px) {
  div.row-award div.pt-ht-row-left::before {
    width: 18px;
    height: 18px;
  }
}
div.pt-ht-row div.pt-ht-row-right {
  width: 50%;
  font-weight: 400;
  color: var(--pass_grey_dark);
  text-align: right;
}

.pt-btn {
  /* display: inline-block; */
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  font: 14px var(--font-main);
  font-weight: 700;
  color: var(--white);
  line-height: 1.2;
  /* text-align: center; */
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  transition: 0.2s;
  /* padding: 16px 10px 16px 10px; */
  padding: 16px 32px 16px 32px;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0);
}

.pt-btn-40 {
  width: calc(40% - 6px);
}

@media (max-width: 576px) {
  .pt-btn-40 {
    width: 100%;
  }
}
.pt-btn-50 {
  width: calc(50% - 6px);
}

@media (max-width: 576px) {
  .pt-btn-50 {
    width: 100%;
  }
}
.pt-btn-60 {
  width: calc(60% - 6px);
}

@media (max-width: 576px) {
  .pt-btn-60 {
    width: 100%;
  }
}
.pt-btn-100 {
  width: 100% !important;
}

.pt-btn-rm {
  padding-left: 40px;
  padding-right: 60px;
}

.pt-btn-rm::after {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-55%);
  mask: var(--svg-arrow-right);
  mask-size: cover;
  mask-position: center center;
}

.pt-btn-wide {
  padding-left: 40px;
  padding-right: 40px;
}
@media (max-width: 576px) {
  .pt-btn-wide {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/*
.pt-btn-green{
    color: var(--white);
    background-color: var(--pass_green);
}
.pt-btn-green:hover{
    color: var(--white);
    background-color: var(--pass_magenta);
}
*/
.pt-btn-book-now {
  --txt_colour: var(--white);
  color: var(--white) !important;
  background-color: var(--pass_green);
}

.pt-btn-book-now::after {
  background-color: var(--white);
}

.pt-btn-book-now:hover {
  color: var(--white) !important;
  background-color: var(--pass_green_ro);
}

.pt-btn-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/*
.pt-btn-green-outline{
    color: var(--pass_green);
    background-color: var(--white);
    border: 1px solid var(--pass_green);
}
.pt-btn-green-outline:hover{
    color: var(--white);
    background-color: var(--pass_magenta);
    border: 1px solid rgba(0,0,0,0);
}
*/
.pt-btn-primary {
  --txt_colour: var(--white);
  color: var(--white) !important;
  background-color: var(--pass_blue_light);
}

.pt-btn-primary::after {
  background-color: var(--white);
}

.pt-btn-primary:hover {
  color: var(--white) !important;
  background-color: var(--pass_blue_light_ro);
}

/*
.pt-btn-blue{
    color: var(--white);
    background-color: var(--pass_blue_light);
}
.pt-btn-rm::after{
    background-color: var(--white);
}
.pt-btn-blue:hover{
    color: var(--white);
    background-color: var(--pass_magenta);
}

.pt-btn-blue-pale{
    color: var(--pass_blue_dark);
    background-color: var(--pass_blue_ltint);
}
.pt-btn-blue-pale:hover{
    color: var(--white);
    background-color: var(--pass_magenta);
}
.pt-btn-blue-pale::after{
    background-color: var(--pass_blue_dark);
}
.pt-btn-blue-pale:hover::after{
    background-color: var(--white);
}
*/
.pt-btn-general {
  /* color: var(--pass_blue_dark); */
  --txt_colour: var(--black);
  color: var(--black) !important;
  background-color: var(--pass_blue_ltint);
}

.pt-btn-general::after {
  /* background-color: var(--pass_blue_dark); */
  background-color: var(--black);
}

.pt-btn-general:hover {
  /* color: var(--pass_blue_dark); */
  color: var(--black) !important;
  background-color: var(--pass_blue_ltint_ro);
}

.pt-btn-vom span {
  position: relative;
  display: block;
  padding: 0px 0px 0px 22px;
}

.pt-btn-vom span::before {
  content: "";
  width: 12px;
  aspect-ratio: 1/1.4;
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-55%);
  /* background-color: var(--pass_blue_dark); */
  /* background-color: var(--black); */
  background-color: var(--txt_colour);
  mask: var(--svg-map-location);
  mask-size: cover;
  mask-position: center center;
}

.pt-btn-smd{
  /* --txt_colour: var(--white);
  color: var(--white);
  background-color: var(--pass_blue_dark); */
  --txt_colour: var(--black);
  color: var(--black);
  background-color: var(--white);
  border: 1px solid var(--pass_grey);
}
.pt-btn-smd:hover{
  --txt_colour: var(--black);
  color: var(--black);
  background-color: var(--light);
}

.pt-btn-smd span {
  position: relative;
  display: block;
  padding: 0px 22px 0px 0px;
}

.pt-btn-smd span::before {
  content: "";
  width: 12px;
  aspect-ratio: 1 / 1.3333;
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-55%);

  background-color: var(--txt_colour);
  mask: var(--svg-arrow-down);
  mask-size: cover;
  mask-position: center center;
}

.pt-btn-factsheet > span {
  position: relative;
  pointer-events: none;
  display: inline-block;
  padding: 0px 0px 0px 32px;
}

.pt-btn-factsheet > span::before {
  content: "";
  width: 20px;
  aspect-ratio: 1/1;
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-55%);
  /* background-color: var(--pass_blue_dark); */
  /* background-color: var(--black); */
  background-color: var(--txt_colour);
  mask: var(--svg-pdf);
  mask-size: cover;
  mask-position: center center;
}

.pt-btn-fah span {
  position: relative;
  display: block;
  white-space: nowrap;
  padding: 0px 0px 0px 30px;
}

.pt-btn-fah span::before {
  content: "";
  width: 20px;
  aspect-ratio: 1/0.8;
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-55%);
  background-color: var(--txt_colour);
  mask: var(--svg-bed);
  mask-size: cover;
  mask-position: center center;
}

.pt-btn-notify{
  color: var(--black) !important;
  text-transform: unset;
  text-decoration: underline;

  transition: 0.2s;

  background-color: unset;

  padding-top: 12px;
  padding-bottom: 12px;
  margin-top: 20px;
}

@media (max-width: 576px) {
  .pt-btn-notify{
    margin-top: 12px;
  }
}

.pt-btn-notify:hover{
  color: var(--pass_blue_light) !important;
  background-color: unset;
}

.pt-btn-notify > span{
  position: relative;
  pointer-events: none;
}

.pt-btn-notify > span::before{
  content:"";
  display: block;

  position: absolute;
  top: 50%;
  top: 1px;
  left: -26px;

  width: 16px;
  aspect-ratio: 1 / 1;

  background-color: var(--black);

  mask: var(--svg-bell);
  mask-size: cover;
  mask-position: center center;

  animation-name: wiggle;
  animation-duration: 1.8s;
  animation-iteration-count: infinite;
  animation-play-state: running;
  animation-fill-mode: forwards;
  animation-delay: 0s;
}

@keyframes wiggle {
  0% {
    transform: rotate(0deg);
  }
  80% {
    transform: rotate(0deg);
  }
  82% {
    transform: rotate(-15deg);
  }
  84% {
    transform: rotate(15deg);
  }
  86% {
    transform: rotate(-15deg);
  }
  88% {
    transform: rotate(15deg);
  }
  90% {
    transform: rotate(-15deg);
  }
  92% {
    transform: rotate(15deg);
  }
  94% {
    transform: rotate(-15deg);
  }
  96% {
    transform: rotate(15deg);
  }
  98% {
    transform: rotate(0deg);
  }
}

/*
div.pt-grid-footer a.pt-gf-vom::before{
    content:'';

    width: 12px;
    height: 16px;

    position: absolute;
    top: 50%;
    left: 15px;

    transform: translateY(-50%);

    background-color: var(--pass_blue_dark);

    mask: var(--svg-map-location);
    mask-size: cover;
    mask-position: center center;
}
*/
div.pt-location-header {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 32px;
  width: 100%;
  padding: 12px 0px 0px 0px;
}

div.pt-location-header * {
  margin: 0;
}

div.pt-location-header h1 {
  text-align: center;
}

div.pt-location-header p {
  max-width: 992px;
  text-align: center;
}

@media (max-width: 576px) {
  div.pt-location-header p {
    text-align: left;
  }
}
div.pt-header-idents {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
}

div.pt-header-idents div.ident {
  position: relative;
  width: 30px;
  height: 30px;
  background-color: var(--white);
  border-radius: 15px;
}

div.pt-header-idents div.ident.electrical {
  background-color: var(--pass_yellow_electrical);
}

div.pt-header-idents div.ident.electrical::after {
  content: "";
  display: block;
  width: 16px;
  aspect-ratio: 1/1.1428;
  position: absolute;
  top: 6px;
  left: 7px;
  background-color: var(--white);
  mask: var(--svg-spark);
  mask-size: cover;
  mask-position: center center;
}

div.pt-header-idents div.ident.high-voltage {
  background-color: var(--pass_orange);
}

div.pt-header-idents div.ident.high-voltage::after {
  content: "";
  display: block;
  width: 14px;
  aspect-ratio: 1/1.3333;
  position: absolute;
  top: 5px;
  left: 8px;
  background-color: var(--white);
  mask: var(--svg-transformer);
  mask-size: cover;
  mask-position: center center;
}

div.pt-header-idents div.ident.gas {
  background-color: var(--pass_green);
}

div.pt-header-idents div.ident.gas::after {
  content: "";
  display: block;
  width: 14px;
  aspect-ratio: 1/1.1428;
  position: absolute;
  top: 7px;
  left: 8px;
  background-color: var(--white);
  mask: var(--svg-flame);
  mask-size: cover;
  mask-position: center center;
}

div.pt-header-idents div.ident.plumbing {
  background-color: var(--pass_blue_plumbing);
}

div.pt-header-idents div.ident.plumbing::after {
  content: "";
  display: block;
  width: 15px;
  aspect-ratio: 1/1;
  position: absolute;
  top: 7px;
  left: 8px;
  background-color: var(--white);
  mask: var(--svg-leaky-tap);
  mask-size: cover;
  mask-position: center center;
}

div.pt-header-idents div.ident.pressure, div.pt-header-idents div.ident.pressure-steam {
  background-color: var(--pass_green_seafoam);
}

div.pt-header-idents div.ident.pressure::after, div.pt-header-idents div.ident.pressure-steam::after {
  content: "";
  display: block;
  width: 16px;
  aspect-ratio: 1/1;
  position: absolute;
  top: 7px;
  left: 7px;
  background-color: var(--white);
  mask: var(--svg-gauge);
  mask-size: cover;
  mask-position: center center;
}

div.pt-header-idents div.ident.thermography {
  background-color: var(--pass_magenta_hot);
}

div.pt-header-idents div.ident.thermography::after {
  content: "";
  display: block;
  width: 16px;
  aspect-ratio: 1/1;
  position: absolute;
  top: 7px;
  left: 7px;
  background-color: var(--white);
  mask: var(--svg-polaroid);
  mask-size: cover;
  mask-position: center center;
}

div.pt-header-idents div.ident.ultrasound {
  background-color: var(--pass_mauve);
}

div.pt-header-idents div.ident.ultrasound::after {
  content: "";
  display: block;
  width: 19px;
  aspect-ratio: 1/0.8;
  position: absolute;
  top: 7px;
  left: 6px;
  background-color: var(--white);
  mask: var(--svg-pulse);
  mask-size: cover;
  mask-position: center center;
}

div.pt-header-contain {
  position: relative;
  width: 100%;
  max-width: 1240px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  z-index: 1;
  background-color: var(--pass_blue_dark);
  /* padding: 60px 16px 70px 16px; */
  /* padding: 6px 16px 60px 16px; */
  padding: 6px 0px 60px 0px;
  border-left: 1px solid var(--pass_blue_dark);
  border-right: 1px solid var(--pass_blue_dark);
  margin: 0 auto;
}

div.pt-header-contain::before {
  content: "";
  max-width: 100vw;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -999999px;
  z-index: -1;
  box-shadow: 999999px 0 0 var(--pass_blue_dark);
  border-left: 999999px solid var(--pass_blue_dark);
}

@media (max-width: 992px) {
  div.pt-header-contain {
    flex-flow: column nowrap;
    gap: 40px;
    /* padding: 6px 16px 7% 16px; */
    padding: 6px 0px 7% 0px;
  }
}
@media (max-width: 768px) {
  div.pt-header-contain {
    /* padding: 6px 16px 32px 16px; */
    padding: 6px 0px 32px 0px;
  }
}
div.pt-header {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 32px;
  padding: 0px 0px 0px 0px;
}

@media (max-width: 992px) {
  div.pt-header {
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
  }
}

div.pt-header div.wp-block-post-excerpt *{
  color: var(--white);
}

div.pt-header h1 {
  margin: 0;
}

div.pt-header p {
  font-size: 16px;
  margin: 0;
}

@media (max-width: 768px) {
  div.pt-header p {
    font-size: 14px;
  }
}

div.pt-header-50 {
  width: 50%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  /* background-color: rgba(255,255,255,0.1); */
  padding: 0px 0px 0px 0px;
  /* border: 1px solid rgba(255,255,255,0.1); */
}

@media (max-width: 992px) {
  div.pt-header-50 {
    width: 100%;
  }
}
div.pt-header-50.img {
  align-items: center;
}

div.pt-header-50 > div:not([class]){
  display: inherit;
  flex-flow: inherit;
  justify-content: inherit;
  align-items: inherit;
  gap: inherit;
}

/* div.pt-header-50.img div.temp-img{
  width: 100%;
  max-width: 304px;
  aspect-ratio: 1 / 1.638;
  background-image: url('./assets/media/pass-uk-map.webp');
} */

div.pt-header-contain.home {
  padding-top: 70px;
  padding-bottom: 66px;
}

@media (max-width: 992px) {
  div.pt-header-contain.home {
    flex-flow: column nowrap;
    gap: 40px;
    /* padding: 5% 16px 7% 16px; */
    padding: 5% 0px 7% 0px;
  }
}
@media (max-width: 768px) {
  div.pt-header-contain.home {
    /* padding: 24px 16px 32px 16px; */
    padding: 24px 0px 32px 0px;
  }
}
div.pt-home-header-left {
  width: 40%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  padding: 0px 0px 0px 0px;
}

@media (max-width: 992px) {
  div.pt-home-header-left {
    width: 100%;
    padding: 0px 50px 0px 50px;
  }
}
@media (max-width: 768px) {
  div.pt-home-header-left {
    padding: 0px 0px 0px 0px;
  }
}
div.pt-hero-search {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: flex-start;
  width: 75%;
  max-width: 400px;
  aspect-ratio: 1/0.15;
  overflow: hidden;
  background-color: var(--white);
  padding: 0px 0px 0px 0px;
  border-radius: 200px;
  margin: 12px 0px 0px 0px;
}

@media (max-width: 768px) {
  div.pt-hero-search {
    width: 100%;
  }
}
div.pt-hero-search form {
  width: 100%;
}

div.pt-hero-search fieldset {
  display: block;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  padding: 0px 0px 0px 16px;
  border: 0;
}

div.pt-hero-search input {
  width: 100%;
  flex-grow: 1;
  flex-shrink: 1;
  font: 16px var(--font-main);
  font-weight: 400;
  color: var(--black);
  line-height: 1;
  text-align: left;
  text-decoration: none;
  outline: 0;
  padding: 0px 0px 0px 0px;
  border: 0;
}

@media (max-width: 768px) {
  div.pt-hero-search input {
    font-size: 14px;
  }
}
div.pt-hero-search button {
  position: relative;
  display: block;
  width: 46px;
  height: 36px;
  cursor: pointer;
  background-color: var(--white);
  border: 0;
}

div.pt-hero-search button::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 45%;
  transform: translate(-50%, -50%);
  background-color: var(--black);
  mask: var(--svg-magnify);
  mask-size: cover;
  mask-position: center center;
}

div.pt-home-header-right {
  width: 56%;
}

@media (max-width: 992px) {
  div.pt-home-header-right {
    width: 100%;
  }
}
hr.pt-ht-hr {
  width: 100%;
  height: 1px;
  background-color: var(--pass_grey);
  padding: 0;
  border: 0;
  margin: 0;
}

@media (max-width: 768px) {
  #pt-quicklinks-contain {
    display: none;
  }
}

div.pt-quicklinks {
  max-width: 530px;

  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 40px;

  font: 14px var(--font-main);
  font-weight: 700;
  /* color: var(--pass_blue_dark); */
  color: var(--black);
  line-height: 1.4;

  overflow-x: auto;
  scrollbar-width: thin;

  padding: 0px 0px 20px 0px;
  border-bottom: 1px solid var(--pass_grey);
}

@media (min-width: 769px) {
  div.pt-quicklinks {
    flex-flow: row wrap;
    margin-top: -30px;
    margin-bottom: -30px;
  }
}

div.pt-quicklinks a {
  display: block;
  /* color: var(--pass_blue_dark); */
  color: var(--black);
  text-decoration: none;
  transition: 0.2s;
}

div.pt-quicklinks a:hover {
  color: var(--pass_blue_light);
}

/*
div.pt-mainv2-col{
    display: flex;
    flex-flow: column nowrap;
    gap: 30px;

    width: 100%;
    max-width: $b04;

    padding: 0px 16px 0px 16px;
    margin: 0 auto;
}
div.pt-mainv2-col.nogap{
    gap: 0px;
}
*/
div.pt-overview {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  justify-content: center;
  align-items: flex-start;
  gap: 3%;
}

@media (max-width: 768px) {
  div.pt-overview {
    flex-flow: column nowrap;
    gap: 26px;
  }
}
div.pt-overview-left {
  width: 45%;
}

@media (max-width: 768px) {
  div.pt-overview-left {
    width: 100%;
  }
}
a.pt-ol-thumb {
  position: relative;
  display: block;
  /* width: 45%; */
  width: 100%;
  aspect-ratio: 1/0.5625;
  overflow: hidden;
  /* background-image: url('../media/man-at-rack.jpg'); */
  background-size: cover;
  background-position: center center;
  border-radius: 10px;
  border: 1px solid var(--pass_grey);
}

a.pt-ol-thumb::before {
  content: "";
  display: block;
  width: 64px;
  height: 64px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  background-color: var(--pass_blue_light);
  border-radius: 64px;
  border: 3px solid var(--white);
}

a.pt-ol-thumb::after {
  content: "";
  display: block;
  width: 26px;
  height: 26px;
  position: absolute;
  top: 50%;
  left: calc(50% + 2px);
  z-index: 2;
  transform: translate(-50%, -50%);
  background-color: var(--white);
  mask: var(--svg-play);
  mask-size: auto;
  mask-position: center center;
  mask-repeat: no-repeat;
}

/* a.pt-ol-thumb.course {
  background-image: url("https://image.mux.com/ULX2FrZOuS9bc02ELAjoibDVd7IlkBd7DChEX4btjj4k/animated.gif?width=640&height=360&start=18&end=23&fps=25");
}

a.pt-ol-thumb.location {
  background-image: url("../media/atrium-01.jpg");
} */

a.pt-ol-thumb span {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  backdrop-filter: blur(1px);
  background-color: rgba(0, 0, 0, 0.3);
}

div.pt-ol-vid {
  display: none;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0px;
  width: 100%;
  line-height: 0px;
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid var(--pass_grey);
}

div.pt-overview-right {
  width: 55%;
}

@media (max-width: 768px) {
  div.pt-overview-right {
    width: 100%;
  }
}

div.pt-overview-1col{
  max-width: 1085px;
  padding: 0px 50px 0px 50px;
}
@media (max-width: 768px) {
  div.pt-overview-1col{
    padding: 0px 0px 0px 0px;
  }
}


/* div.pt-co-right p{
    font: 14px var(--font-main);
    font-weight: 400;
    color: var(--pass_grey_dark);
    line-height: 1.4;
}
div.pt-co-right p:last-child{
    margin-bottom: 0px;
} */
/*
div.pt-co-title{
    font: 40px var(--font-main);
    font-weight: 700;
    color: var(--pass_blue_dark);
    line-height: 1.1;
}
@media (max-width: $b02){
    div.pt-co-title{
        font-size: 30px;
    }
}
*/
/*
div.pt-course-location{
    position: relative;

    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: flex-start;

    width: 100%;
    max-width: 400px;
    min-height: 80px;

    background-color: var(--white);

    filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));

    padding: 0px 18px 0px 66px;
    border-radius: 14px;
    border: 1px solid var(--pass_blue_light);
    margin: 0 auto;
}
div.pt-course-location::before{
    content:'';

    position: absolute;
    top: 50%;
    left: 20px;

    width: 25px;
    height: 25px;

    transform: translateY(-50%);

    background-color: var(--pass_blue_light);

    mask: var(--svg-map-crosshairs);
    mask-size: cover;
    mask-position: center center;
}

div.pt-course-location form{
    width: 100%;
    padding: 0;
    border: 0;
    margin: 0;
}

div.pt-course-location fieldset{
    display: flex;
    flex-direction: row nowrap;
    justify-content: flex-start;
    align-items: center;

    width: 100%;

    padding: 0;
    border: 0;
    margin: 0;
}

#pt-loc-input{
    width: calc(100% - 30px);

    font: 18px var(--font-main);
    font-weight: 400;
    color: var(--black);
    line-height: 1.2;

    outline: 0;

    border: 0;
}
#pt-loc-input:disabled{
    color: var(--pass_blue_light);
    background-color: var(--white);
}

#pt-loc-btn{
    position: relative;
    display: block;
    width: 30px;
    height: 30px;
}
#pt-loc-btn::after{
    content:'';
    display: block;
    width: 20px;
    height: 20px;

    position: absolute;
    top: 50%;
    left: 50%;

    transform: translate(-50%,-50%);

    background-color: var(--black);

    mask: var(--svg-magnify);
    mask-size: cover;
    mask-position: center center;
}
#pt-loc-btn.cancel::after{
    width: 16px;
    height: 16px;

    mask: var(--svg-x);
    mask-size: cover;
    mask-position: center center;
}
*/

div.wp-block-pt-course-list{
  display: flex;
  flex-flow: column nowrap;
  gap: 30px;
}

div.pt-course-location-v2 {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 400px;
  min-height: 60px;
  background-color: var(--white);
  padding: 0px 14px 0px 24px;
  border-radius: 1000px;
  border: 2px solid var(--black);
  margin: 0 auto;
}

div.pt-course-location-v2.loading::after{
  content:"";

  position: absolute;
  bottom: -46px;
  left: 50%;

  display: block;
  width: 15px;
  aspect-ratio: 1;
  border-radius: 50%;

  animation: loading-dots 1s infinite linear alternate;
}

div.pt-course-location-v2.error{
  border-color: var(--pass_magenta_hot);
}

/*
div.pt-course-location-v2 > a.error-msg{
  display: none;
}

div.pt-course-location-v2.error > a.error-msg{
  display: block;

  position: absolute;
  top: calc(100% + 10px);
  left: 0;

  width: 100%;

  font: 14px var(--font-main);
  font-weight: 400;
  color: var(--pass_magenta_hot);
  line-height: 1.2;
  text-decoration: none;

  background-color: var(--pass_magenta_hot_tint);

  padding: 20px 20px 20px 20px;
  border-radius: 10px;
}
div.pt-course-location-v2.error > a.error-msg::before{
  content: '';

  position: absolute;
  top: -2px;
  right: 15px;

  width: 30px;
  height: 30px;

  opacity: 1;

  background-color: #f3d4da;

  transform: rotate(45deg);
}
*/

div.pt-course-location-v2 > a.error-msg{
  display: none;

  position: absolute;
  top: calc(100% + 10px);
  left: 0;

  width: 100%;

  font: 14px var(--font-main);
  font-weight: 400;
  color: var(--pass_magenta_hot);
  line-height: 1.2;
  text-decoration: none;

  background-color: var(--pass_magenta_hot_tint);

  padding: 20px 20px 20px 20px;
  border-radius: 10px;
}
div.pt-course-location-v2 > a.error-msg::before{
  content: '';

  position: absolute;
  top: -2px;
  right: 15px;

  width: 30px;
  height: 30px;

  opacity: 1;

  background-color: #f3d4da;

  transform: rotate(45deg);
}

div.pt-course-location-v2 form {
  width: 100%;
  padding: 0;
  border: 0;
  margin: 0;
}

div.pt-course-location-v2 fieldset {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 0;
  border: 0;
  margin: 0;
}

/*
#pt-loc-input-v2 {
  width: calc(100% - 30px);
  font: 18px var(--font-main);
  font-weight: 400;
  color: var(--black);
  line-height: 1.2;
  outline: 0;
  border: 0;
}

#pt-loc-input-v2:disabled {
  color: var(--pass_blue_light);
  background-color: var(--white);
}
*/

input.pt-filter-input{
  width: calc(100% - 30px);
  font: 18px var(--font-main);
  font-weight: 400;
  color: var(--black);
  line-height: 1.2;
  outline: 0;

  padding: 0px 0px 2px 0px;
  border: 0;
  margin: 0px 0px -2px 0px;
}
input.pt-filter-input:disabled{
  color: var(--pass_blue_light);
  background-color: var(--white);
}

@media (max-width: 480px) {
  input.pt-filter-input{
    font-size: 16px;
  }
}

/*
#pt-loc-btn-v2 {
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
}

#pt-loc-btn-v2::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--black);
  mask: var(--svg-map-crosshairs);
  mask-size: cover;
  mask-position: center center;
}
*/

a.pt-filter-btn{
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
}
a.pt-filter-btn::after{
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--black);
  mask: var(--svg-map-crosshairs);
  mask-size: cover;
  mask-position: center center;
}

div.pt-grid-top-strip {
  width: 100%;
  height: 34px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}

div.pt-grid-top-strip-digest {
  font: 14px var(--font-main);
  font-weight: 700;
  color: var(--black);
  line-height: 1.2;
}

@media (max-width: 1240px) {
  div.pt-grid-top-strip-digest {
    font-size: 12px;
  }
}
div.pt-grid-top-strip-cancel {
  display: block;
}

div.pt-grid-top-strip-cancel a {
  position: relative;
  display: block;
  font: 14px var(--font-main);
  font-weight: 400;
  color: var(--black);
  line-height: 1;
  text-decoration: none;
  transition: 0.2s;
  background-color: var(--pass_blue_ltint);
  padding: 8px 38px 9px 40px;
  border-radius: 100px;
}

div.pt-grid-top-strip-cancel a::before {
  content: "";
  display: block;
  width: 12px;
  aspect-ratio: 1/1.3333;
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-55%);
  background-color: var(--black);
  mask: var(--svg-map-location);
  mask-size: cover;
  mask-position: center center;
}

div.pt-grid-top-strip-cancel a::after {
  content: "";
  display: block;
  width: 8px;
  aspect-ratio: 1/1.1428;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-55%);
  background-color: var(--black);
  mask: var(--svg-x);
  mask-size: cover;
  mask-position: center center;
}

div.pt-grid-top-strip-cancel a:hover {
  background-color: var(--pass_blue_ltint_ro);
}

div.pt-grid-top-strip-cancel a span {
  font-weight: 700;
}

@media (max-width: 1240px) {
  div.pt-grid-top-strip-cancel a {
    font-size: 12px;
  }
}
div.pt-grid-top-strip-mode-switch a.pt-price-mode {
  /* font: 13px var(--font-main);
  font-weight: 700;
  line-height: 1.2;
  color: var(--black); */
  font: 12px var(--font-main);
  font-weight: 400;
  /* color: var(--pass_blue_dark); */
  color: var(--black);
}

/* @media (max-width: $b04){
    div.pt-grid-top-strip-mode-switch a.pt-price-mode{
        font-size: 12px;
    }
} */
div.pt-grid-top-strip-mode-switch span.pt-price-mode-toggle {
  /* background-color: var(--black); */
  width: 30px;
  height: 16px;
  background-color: var(--white);
  /* border: 1px solid var(--pass_blue_dark); */
  border: 1px solid var(--black);
}

div.pt-grid-top-strip-mode-switch span.pt-price-mode-toggle span {
  /* background-color: var(--white); */
  /* background-color: var(--pass_blue_dark); */
  background-color: var(--black);
}

div.pt-course-listing {
  width: 100%;
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  gap: 20px;
}

div.pt-course-listing.loading::before {
  content: "";
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  z-index: 1;
  background-color: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(2px);
}

a.pt-wrapper-header {
  position: relative;
  display: block;
  font: 18px var(--font-main);
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  /* color: var(--pass_blue_dark); */
  color: var(--black);
  transition: 0.2s;
  background-color: var(--pass_blue_ltint);
  padding: 20px 42px 20px 22px;
  border-radius: 8px;
}

a.pt-wrapper-header::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 17px;
  height: 17px;
  transform: translateY(-50%);
  /* background-color: var(--pass_blue_dark); */
  background-color: var(--black);
  mask: var(--svg-arrow-right);
  mask-size: cover;
  mask-position: center center;
}

a.pt-wrapper-header:hover {
  color: var(--white);
  background-color: var(--pass_blue_light);
}

a.pt-wrapper-header:hover::before {
  background-color: var(--white);
}

a.pt-wh-open {
  color: var(--white);
  background-color: var(--pass_blue_light);
}

a.pt-wh-open::before {
  transform: translateY(-50%) rotate(90deg);
  background-color: var(--white);
}

a.pt-wh-open:hover {
  background-color: var(--pass_blue_light_ro);
}

div.pt-wrapper-wrap {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s;
}

div.pt-wrapper-wrap.pt-ww-open {
  grid-template-rows: 1fr;
}

div.pt-wrapper-content {
  display: flex;
  flex-flow: column nowrap;
  gap: 30px;
  overflow: hidden;

  /* display: block; */

  /* border: 1px dotted var(--mid); */
}

div.pt-grid {
  display: grid;
  grid: 1fr/1fr 1fr 1fr 0.5fr minmax(0, max-content);
  align-items: stretch;
  row-gap: 10px;
  font: 14px var(--font-main);
  font-weight: 700;
  color: var(--black);
  line-height: 1.2;
  /* padding-top: 40px; */
  /* padding: 10px 0px 10px 0px; */
  margin: 30px 0px 0px 0px;
}

@media (max-width: 1240px) {
  div.pt-grid {
    grid: 1fr/1fr 1fr 1fr 1fr minmax(0, max-content);
  }
}
@media (max-width: 576px) {
  div.pt-grid {
    grid: 1fr/1fr 1fr;
  }
}
div.pt-grid div {
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  padding: 0px 0px 10px 0px;
  border-bottom: 1px solid var(--pass_grey);
}

div.pt-grid div::before {
  font: 12px var(--font-main);
  font-weight: 400;
  color: var(--mid);
  line-height: 1.2;
}

div.pt-grid div span {
  position: relative;
  display: block;
}

div.pt-grid div.header {
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--pass_grey_dark);
}

div.pt-grid div.header.price {
  grid-column: span 2;
}

div.pt-grid div.date {
  padding-left: 22px;
  padding-right: 10px;
}

div.pt-grid div.location {
  padding-right: 10px;
  padding-right: 10px;
}

div.pt-grid div.spaces span {
  line-height: 1;
  padding-left: 24px;
}

div.pt-grid div.spaces span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 12px;
  height: 12px;
  transform: translateY(-50%);
  border-radius: 20px;
  /* border: 1px solid var(--dark); */
}

div.pt-grid div.spaces.open span::before {
  background-color: var(--pass_green);
}

div.pt-grid div.spaces.limited span::before {
  /* animation-name: spaces-bg-fade;
  animation-duration: 1.6s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  animation-play-state: running; */
  background-color: var(--pass_yellow);
}

div.pt-grid div.spaces.full span::before {
  background-color: var(--pass_red);
}

/*

div.pt-grid div.price{
    padding-right: 10px;
}

div.pt-grid div.price span{
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 3px;
}

div.pt-grid div.price span span:last-child{
    display: flex;
    justify-content: center;
    flex-direction: column;

    font-size: 11px;
    text-transform: uppercase;
    line-height: 1;
    color: var(--mid);
}

*/
div.pt-grid div.price span.label {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 3px;
  padding-right: 10px;
}

div.pt-grid div.price span.deposit {
  display: flex;
  justify-content: center;
  flex-direction: row;
  gap: 3px;
  font-size: 11px;
  /* text-transform: uppercase; */
  font-weight: 400;
  line-height: 1;
  color: var(--pass_grey_dark);
}

div.pt-grid div.btn button {
  padding: 16px 32px 16px 32px;
}

@media (max-width: 576px) {
  div.pt-grid div {
    border: none;
  }
  div.pt-grid div.header {
    display: none;
  }
  div.pt-grid div.date {
    padding-left: 0px;
  }
  div.pt-grid div.date::before {
    content: "Date";
  }
  div.pt-grid div.location::before {
    content: "Location";
  }
  div.pt-grid div.spaces::before {
    content: "Spaces";
  }
  div.pt-grid div.spaces span {
    padding-left: 21px;
  }
  div.pt-grid div.price::before {
    content: "Price";
  }
  /*
  div.pt-grid div.price span{
      flex-direction: row;
      justify-content: flex-start;
      align-items: stretch;
      gap: 6px;
  }
  */
  div.pt-grid div.price span.label {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 6px;
  }
  div.pt-grid div.btn {
    grid-column: 1/span 2;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--light);
    margin-bottom: 10px;
  }
}

/* div.pt-grid div.pt-g-add{
  animation-name: pt-g-fadein;
  animation-duration: 0.35s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
@keyframes pt-g-fadein {
  0%      {opacity: 0}
  100%    {opacity: 1}
} */

.pt-g-add{
  animation-name: pt-g-fadein;
  animation-duration: 0.35s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
@keyframes pt-g-fadein {
  0%      {opacity: 0}
  100%    {opacity: 1}
}


div.pt-grid-footer {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  gap: 20px;
  padding: 0px 0px 20px 0px;
}

div.pt-grid-footer.smd{
  padding-bottom: 0px;
  margin-bottom: -10px;
}

div.pt-grid-footer a.pt-gf-smd {
  position: relative;
  display: block;
  font: 14px var(--font-main);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  color: var(--black);
  transition: 0.2s;
  padding: 2px 26px 2px 10px;
}

div.pt-grid-footer a.pt-gf-smd:hover {
  color: var(--pass_blue_light);
}

div.pt-grid-footer a.pt-gf-smd::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0px;
  width: 12px;
  /* height: 12px; */
  aspect-ratio: 1/1.3333;
  transition: 0.2s;
  transform: translateY(-50%);
  background-color: var(--black);
  /* mask: var(--svg-arrow-right); */
  mask: var(--svg-arrow-down);
  mask-size: cover;
  mask-position: center center;
}

div.pt-grid-footer a.pt-gf-smd:hover::after {
  background-color: var(--pass_blue_light);
}

/*
div.pt-grid-footer a.pt-gf-git{
    position: relative;
    display: block;

    font: 14px var(--font-main);
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    color: var(--white);

    background-color: var(--pass_blue_light);

    padding: 16px 28px 16px 28px;
    border-radius: 10px;
}

div.pt-grid-footer a.pt-gf-vom{
    position: relative;
    display: block;

    font: 14px var(--font-main);
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    color: var(--pass_blue_dark);

    background-color: var(--pass_blue_ltint);

    padding: 16px 28px 16px 40px;
    border-radius: 10px;
}
div.pt-grid-footer a.pt-gf-vom::before{
    content:'';

    width: 12px;
    height: 16px;

    position: absolute;
    top: 50%;
    left: 15px;

    transform: translateY(-50%);

    background-color: var(--pass_blue_dark);

    mask: var(--svg-map-location);
    mask-size: cover;
    mask-position: center center;
}
*/
div.pt-carousel {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  /* height: 380px; */
  overflow: visible;
  padding: 0px 50px 0px 50px;
  /* border: 1px dotted var(--mid); */
}

@media (max-width: 768px) {
  div.pt-carousel {
    padding: 0px 0px 0px 0px;
  }
}
a.pt-carousel-btn {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  transition: 0.2s;
  will-change: opacity;
  transform: translateY(-50%);
  z-index: 2;
  background-color: var(--pass_blue_dark);
  border-radius: 20px;
}

a.pt-carousel-btn::after {
  content: "";
  width: 10px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--white);
  mask-size: cover;
  mask-position: center center;
}

a.pt-carousel-btn.left {
  left: 0px;
}

a.pt-carousel-btn.left::after {
  mask: var(--svg-chevron-left);
}

a.pt-carousel-btn.right {
  right: 0px;
}

a.pt-carousel-btn.right::after {
  mask: var(--svg-chevron-right);
}

@media (max-width: 768px) {
  a.pt-carousel-btn {
    display: none;
  }
}
a.pt-carousel-btn.disabled {
  opacity: 0.5;
}

.dark a.pt-carousel-btn {
  background-color: rgba(0, 0, 0, 0);
}

div.pt-carousel-grid {
  --grid-gap: 2%;
  --grid-adjust: 1%;
  --columns-count: 100;
  width: calc(100% + var(--grid-gap));
  position: relative;
  display: grid;
  grid-template-columns: repeat(var(--columns-count), 23.5%);
  /* grid-template-rows: 1fr; */
  column-gap: var(--grid-gap);
  overflow-x: auto;
  overflow-y: hidden;
  will-change: transform;
  z-index: 1;
  /* scroll-snap-coordinate: 0 0; */
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-color: transparent transparent;
  -ms-overflow-style: none; /* Internet Explorer and Edge */
  scrollbar-width: none; /* Firefox */
  padding: var(--grid-adjust);
  margin: calc(0px - var(--grid-adjust));
}

div.pt-carousel-grid::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

@media (max-width: 992px) {
  div.pt-carousel-grid {
    grid-template-columns: repeat(var(--columns-count), 32%);
  }
}
@media (max-width: 768px) {
  div.pt-carousel-grid {
    --grid-gap: 3%;
    --grid-adjust: 1.5%;
    width: calc(100% + var(--grid-adjust));
    grid-template-columns: repeat(var(--columns-count), 38%);
  }
}
@media (max-width: 576px) {
  div.pt-carousel-grid {
    --grid-gap: 4%;
    --grid-adjust: 2%;
    grid-template-columns: repeat(var(--columns-count), 64%);
  }
}
div.pt-carousel-grid.pt-cg-3up {
  --grid-gap: 4%;
  --grid-adjust: 2%;
  width: calc(94% + var(--grid-gap));
  grid-template-columns: repeat(var(--columns-count), 30.6666%);
}

@media (max-width: 992px) {
  div.pt-carousel-grid.pt-cg-3up {
    --grid-gap: 2%;
    --grid-adjust: 1%;
    width: calc(100% + var(--grid-adjust));
    grid-template-columns: repeat(var(--columns-count), 32%);
  }
}
@media (max-width: 768px) {
  div.pt-carousel-grid.pt-cg-3up {
    --grid-gap: 3%;
    --grid-adjust: 1.5%;
    width: calc(100% + var(--grid-adjust));
    grid-template-columns: repeat(var(--columns-count), 38%);
  }
}
@media (max-width: 576px) {
  div.pt-carousel-grid.pt-cg-3up {
    --grid-gap: 4%;
    --grid-adjust: 2%;
    grid-template-columns: repeat(var(--columns-count), 64%);
  }
}
div.pt-carousel-grid.pt-cg-half {
  --grid-gap: 4%;
  --grid-adjust: 2%;
  width: calc(100% + var(--grid-gap));
  grid-template-columns: repeat(var(--columns-count), 48%);
}

@media (max-width: 992px) {
  div.pt-carousel-grid.pt-cg-half {
    --grid-gap: 2%;
    --grid-adjust: 1%;
    grid-template-columns: repeat(var(--columns-count), 32%);
  }
}
@media (max-width: 768px) {
  div.pt-carousel-grid.pt-cg-half {
    --grid-gap: 3%;
    --grid-adjust: 1.5%;
    width: calc(100% + var(--grid-adjust));
    grid-template-columns: repeat(var(--columns-count), 38%);
  }
}
@media (max-width: 576px) {
  div.pt-carousel-grid.pt-cg-half {
    --grid-gap: 4%;
    --grid-adjust: 2%;
    grid-template-columns: repeat(var(--columns-count), 64%);
  }
}

.pt-cg-cell {
  position: relative;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: max-content 1fr;

  gap: 0px;
  /* width: 100%;
  display: flex;
  flex-flow: column nowrap;
  gap: 0px; */

  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

  aspect-ratio: 1/1.454;
  text-decoration: none;
  overflow: hidden;

  /* background-color: var(--white); */
  background: linear-gradient(to bottom, #ffffff, #ffffff) no-repeat;
  background-size: auto calc(100% - 10px);
  background-position: 0px 10px;

  filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.2));

  border-radius: 10px;
}
@media (max-width: 768px) {
  .pt-cg-cell {
    scroll-snap-stop: always;
    scroll-snap-align: start;
  }
}

.pt-cg-cell.pt-cgc-no-background{
  background: none;
  border: 1px solid rgba(255,255,255,0.04);
}

.pt-cg-cell.pt-cgc-no-href{
  cursor: default;
}

.pt-cg-cell.pt-cgc-square {
  aspect-ratio: 1/1;
}

.pt-cg-cell.pt-cgc-alt {
  aspect-ratio: 1/1.3;
}

.pt-cg-cell.pt-cgc-loc {
  aspect-ratio: 1/1.275;
  background-size: auto auto;
  background-position: 0px 0px;
}

@media (max-width: 992px) {
  .pt-cg-cell.pt-cgc-loc {
    aspect-ratio: 1/1.45;
  }
}
.pt-cg-cell.pt-cgc-border {
  border: 1px solid rgba(0, 0, 0, 0.05);
}

.pt-cg-cell.pt-cgc-img-background::after{
  content: "";
  display: block;

  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  z-index: 2;

  /* background-color: rgba(0,0,0,0.4); */
  background-color: rgba(0, 0, 0, var(--pt-scrim-opacity));

  backdrop-filter: blur(1px);
}

.pt-cg-cell.pt-cgc-img-background > img {
  display: block;
	width: 100%;
	height: 100%;

	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

  z-index: 1;

	object-fit: cover;
	object-position: center center;
	overflow-clip-margin: unset;
}

.pt-cg-cell.pt-cgc-img-background > span{
  z-index: 3;
}

.pt-cgc-package-course-count{
  display: block;

  position: absolute;
  top: 16px;
  right: 16px;

  z-index: 1;

  font: 13px var(--font-main);
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  color: var(--black);

  background-color: var(--white);

  padding: 6px 12px 6px 12px;
  border-radius: 50px;
}

/*
.single-pass_packages .pt-cgc-package-course-count {
  position: relative;
  top: auto;
  right: auto;
}
*/
div.pt-hc-ident-pool > span.pt-cgc-package-course-count {
  position: relative;
  top: auto;
  right: auto;
}

.pt-cgc-img {
  position: relative;
  max-width: 100%;

  aspect-ratio: 1/0.679;

  background-size: cover;
  
  background-color: var(--mid);
  border-bottom: 4px solid var(--black);
}

.pt-cgc-img.blog {
  border-bottom: 0;
}

.pt-cgc-img > img{
  width: 100%;
  height: 100%;

  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  object-fit: cover;
  object-position: center 20%;
  overflow-clip-margin: unset;
}

span.pt-cgc-img-icon {
  display: block;
  position: relative;
  width: 36px;
  height: 36px;
  position: absolute;
  bottom: -21px;
  left: 18px;
  background-color: var(--black);
  border-radius: 18px;
}

span.pt-cgc-img-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /*
  width: 16px;
  height: 18px;
  */
  height: 18px;
  background-color: var(--white);
  /* mask: none; */
  mask-size: auto;
  mask-position: center center;
  mask-repeat: no-repeat;

  aspect-ratio: 1/1;
  mask: var(--svg-tag);
}

.pt-cgc-img.electrical {
  border-color: var(--pass_yellow_electrical);
}

.pt-cgc-img.electrical span.pt-cgc-img-icon {
  background-color: var(--pass_yellow_electrical);
}

.pt-cgc-img.electrical span.pt-cgc-img-icon::after {
  aspect-ratio: 1/1.1;
  mask: var(--svg-spark);
}

.pt-cgc-img.gas {
  border-color: var(--pass_green);
}

.pt-cgc-img.gas span.pt-cgc-img-icon {
  background-color: var(--pass_green);
}

.pt-cgc-img.gas span.pt-cgc-img-icon::after {
  aspect-ratio: 1/1.1;
  mask: var(--svg-flame);
}

.pt-cgc-img.high-voltage {
  border-color: var(--pass_orange);
}

.pt-cgc-img.high-voltage span.pt-cgc-img-icon {
  background-color: var(--pass_orange);
}

.pt-cgc-img.high-voltage span.pt-cgc-img-icon::after {
  aspect-ratio: 1/1.3333;
  mask: var(--svg-transformer);
}

.pt-cgc-img.plumbing {
  border-color: var(--pass_blue_plumbing);
}

.pt-cgc-img.plumbing span.pt-cgc-img-icon {
  background-color: var(--pass_blue_plumbing);
}

.pt-cgc-img.plumbing span.pt-cgc-img-icon::after {
  aspect-ratio: 1/1;
  mask: var(--svg-leaky-tap);
}

.pt-cgc-img.pressure, .pt-cgc-img.pressure-steam {
  border-color: var(--pass_green_seafoam);
}

.pt-cgc-img.pressure span.pt-cgc-img-icon, .pt-cgc-img.pressure-steam span.pt-cgc-img-icon {
  background-color: var(--pass_green_seafoam);
}

.pt-cgc-img.pressure span.pt-cgc-img-icon::after, .pt-cgc-img.pressure-steam span.pt-cgc-img-icon::after {
  aspect-ratio: 1/1;
  mask: var(--svg-gauge);
}

.pt-cgc-img.thermography {
  border-color: var(--pass_magenta_hot);
}

.pt-cgc-img.thermography span.pt-cgc-img-icon {
  background-color: var(--pass_magenta_hot);
}

.pt-cgc-img.thermography span.pt-cgc-img-icon::after {
  aspect-ratio: 1/1.14;
  mask: var(--svg-polaroid);
}

.pt-cgc-img.ultrasound {
  border-color: var(--pass_mauve);
}

.pt-cgc-img.ultrasound span.pt-cgc-img-icon {
  background-color: var(--pass_mauve);
}

.pt-cgc-img.ultrasound span.pt-cgc-img-icon::after {
  aspect-ratio: 1.25/1;
  mask: var(--svg-pulse);
}

/* .pt-cgc-img.i01 {
  background-image: url("./assets/media/technicians.jpg");
}

.pt-cgc-img.i02 {
  background-image: url("./assets/media/equipment.jpg");
}

.pt-cgc-img.i03 {
  background-image: url("./assets/media/fluke-dude.jpg");
}

.pt-cgc-img.i04 {
  background-image: url("./assets/media/meeting.jpg");
}

.pt-cgc-img.i05 {
  background-image: url("./assets/media/thermal-imaging.jpg");
}

.pt-cgc-img.i06 {
  background-image: url("./assets/media/test-team.jpg");
}

.pt-cgc-img.i07 {
  background-image: url("./assets/media/multimeter.jpg");
}

.pt-cgc-img.i08 {
  background-image: url("./assets/media/solar-panel.jpg");
} */

.pt-cgc-course {
  max-width: 100%;
  /* flex-grow: 2; */
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-around;
  padding: 9% 6% 6% 6%;
}

.pt-cgc-title {
  /* height: 54px; */
  height: 68px;

  font: 14px var(--font-main);
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  color: var(--black);

  overflow: hidden;

  margin-bottom: -6px;
}

.pt-cgc-course-duration{
  font: 14px var(--font-main);
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  color: var(--black);
}

.pt-cgc-price {
  font: 18px var(--font-main);
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  /* color: var(--pass_blue_dark); */
  color: var(--black);
}

.pt-cgc-course-ctrl {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  gap: 5%;
}

.pt-cgc-course-icon {
  position: relative;
  width: 30%;
  aspect-ratio: 1/0.6;
}

.pt-cgc-course-icon > img {
  display: block;
	width: 100%;

	position: absolute;

  z-index: 1;

	object-fit: cover;
	object-position: center center;
	overflow-clip-margin: unset;
}

/* .pt-cgc-course-icon.city-guilds {
  background-image: url("./assets/media/city-and-guilds-logo-black-text.png");
  background-position: right center;
  background-size: 85%;
  background-repeat: no-repeat;
} */
.pt-cgc-course-icon.city-guilds > img{
  width: 84%;
  aspect-ratio: 1 / 0.6;

  top: 50%;
  right: 0;

  transform: translateY(-50%);
}

/* .pt-cgc-course-icon.city-guilds-accredited {
  background-image: url("./assets/media/cg-ap-dark.png");
  background-position: right center; 
  background-size: 100%;
  background-repeat: no-repeat;
} */
.pt-cgc-course-icon.city-guilds-accredited > img{
  width: 100%;
  aspect-ratio: 1 / 0.236;

  top: 50%;
  right: 0;

  transform: translateY(-50%);
}

/* .pt-cgc-course-icon.lcl-awards {
  background-image: url("./assets/media/lcl-awards-dark.png");
  background-position: center center;
  background-size: auto 75%;
  background-repeat: no-repeat;
} */
.pt-cgc-course-icon.lcl-awards > img {
  height: 75%;
  aspect-ratio: 1 / 0.4522;

  top: 50%;
  right: 0;
  left: 0;

  transform: translateY(-50%);
}

/* .pt-cgc-course-icon.itc {
  background-image: url("./assets/media/itc-logo.png");
  background-position: 0px center;
  background-size: contain;
  background-repeat: no-repeat;
} */
.pt-cgc-course-icon.itc > img {
  width: 100%;
  aspect-ratio: 1 / 0.4581;

  top: 50%;
  right: 0;

  transform: translateY(-50%);
}

/* .pt-cgc-course-icon.pass {
  background-image: url("./assets/media/pass-logo-reverse.png");
  background-position: right center;
  background-size: 90%;
  background-repeat: no-repeat;
} */
.pt-cgc-course-icon.pass > img {
  width: 92%;
  aspect-ratio: 1 / 0.4924;

  top: 50%;
  right: 0;

  transform: translateY(-50%);
}

/* .pt-cgc-course-icon.ue-systems {
  background-image: url("./assets/media/ue-systems-dark.png");
  background-position: right center;
  background-size: 90%;
  background-repeat: no-repeat;
} */
.pt-cgc-course-icon.ue-systems > img {
  width: 90%;
  aspect-ratio: 1 / 0.388;

  top: 50%;
  right: 0;

  transform: translateY(-50%);
}

.pt-cgc-course-btn {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  width: 70%;
  font: 12px var(--font-main);
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--white);
  transition: 0.2s;
  background-color: var(--pass_blue_light);
  border-radius: 10px;
}

.pt-cgc-course-btn:hover {
  background-color: var(--pass_blue_light_ro);
}

div.pt-mux-vid{
  background: none;
}

div.pt-mux-vid > div{
  display: none;
  aspect-ratio: inherit;
  overflow: hidden;
}

div.pt-mux-vid > div > mux-player{
  --media-object-fit: cover;
  --media-object-position: center;
  aspect-ratio: inherit;
}

.pt-overview-image {
  width: 100%;
  height: auto;

  filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.2));

  border-radius: 10px;
}

.pt-cgc-video {
  position: relative;
  display: block;
  aspect-ratio: inherit;
  overflow: hidden;
  /* background-color: var(--pass_grey_dark); */
  background-color: unset;
  /* background-image: url("./assets/media/lecturer.jpg"); */
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;

  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.pt-cgc-video::before {
  content: "";
  display: block;
  width: 64px;
  height: 64px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  transform: translate(-50%, -50%);
  background-color: var(--pass_blue_light);
  border-radius: 64px;
  border: 3px solid var(--white);
}

.pt-cgc-video::after {
  content: "";
  display: block;
  width: 26px;
  height: 26px;
  position: absolute;
  top: 50%;
  left: calc(50% + 2px);
  z-index: 4;
  transform: translate(-50%, -50%);
  background-color: var(--white);
  mask: var(--svg-play);
  mask-size: auto;
  mask-position: center center;
  mask-repeat: no-repeat;
}

.pt-cgc-video span {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}
.pt-cgc-video span::after{
  content:"";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  backdrop-filter: blur(1px);
}

.pt-cgc-review {
  position: relative;
  /* flex-grow: 2; */
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 5%;
  position: absolute;

  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  z-index: 0;
  background-color: var(--pass_blue_dark);
  padding: 8%;
}

.pt-cgc-review-v2{
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 5%;

  background: none;
  background-color: var(--pass_blue_dark);

  padding: 8%;
  border: 1px solid rgba(255,255,255,0.04);
}

span.pt-cgc-r-upper {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 100%;
}

span.pt-cgc-r-name {
  display: block;
  font: 22px var(--font-main);
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  color: var(--white);
}

span.pt-cgc-r-title {
  display: block;
  font: 13px var(--font-main);
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  color: var(--white);
}

span.pt-cgc-r-stars {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1%;
  margin-top: 3%;
}

span.pt-cgc-r-star {
  display: block;
  width: 10%;
  aspect-ratio: 1.2/1;
  background-color: var(--pass_yellow);
  mask: var(--svg-star);
  mask-size: auto;
  mask-position: center center;
  mask-repeat: no-repeat;
}

.pt-cgc-r-rule {
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--pass_grey);
}

span.pt-cgc-r-lower {
  position: relative;
  /* display: block; */
  display: flex;
  flex-flow: column nowrap;
  gap: 10px;
  flex-grow: 1;
  font: 14px var(--font-main);
  font-weight: 400;
  line-height: 1.6;
  text-decoration: none;
  color: var(--white);
  overflow: hidden;
  padding-right: 4%;
}
span.pt-cgc-r-lower::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  /* height: 26px; */
  height: 33px;
  background: linear-gradient(0deg, var(--pass_blue_dark), var(--pass_blue_dark), rgba(0, 0, 0, 0));
}

span.pt-cgc-r-lower > * {
  color: var(--white);
  margin: 0;
}

.pt-cgc-blog {
  max-width: 100%;
  /* flex-grow: 2; */
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  padding: 7% 6% 7% 6%;
}

.pt-cgc-alt .pt-cgc-img {
  aspect-ratio: 1/0.6;
}

/* span.pt-cgc-blog-hr{
    display: block;
    width: 20%;
    height: 1px;
    background-color: var(--pass_grey);
} */
.pt-cgc-blog-tags {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  gap: 6px;
}

.pt-cgc-blog-tags span {
  display: block;
  font: 11px var(--font-main);
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  color: var(--white);
  transition: 0.2s;
  background-color: var(--pass_blue_dark);
  padding: 6px 8px 6px 8px;
  border-radius: 10px;
}

.pt-cgc-blog-tags span.electrical {
  font-weight: 700;
  color: var(--white);
  background-color: var(--pass_yellow_electrical);
}

.pt-cgc-blog-tags span.gas {
  font-weight: 700;
  color: var(--white);
  background-color: var(--pass_green);
}

.pt-cgc-blog-tags span.thermography {
  font-weight: 700;
  color: var(--white);
  background-color: var(--pass_magenta_hot);
}

.pt-cgc-blog-tags span.ultrasound {
  font-weight: 700;
  color: var(--white);
  background-color: var(--pass_mauve);
}

.pt-cgc-blog-tags span.high-voltage {
  font-weight: 700;
  color: var(--white);
  background-color: var(--pass_orange);
}

.pt-cgc-blog-tags span.pressure, .pt-cgc-blog-tags span.pressure-steam {
  font-weight: 700;
  color: var(--white);
  background-color: var(--pass_green_seafoam);
}

.pt-cgc-blog-title {
  position: relative;
  display: block;
  /* height: 52px; */
  /* height: 70px; */
  height: 43%;
  max-height: 52px;
  font: 13px var(--font-main);
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
  color: var(--black);
  transition: 0.2s;
  overflow: hidden;
  margin-top: -5px;
}

.pt-cgc-blog-title::after {
  content: "";
  display: none;
  width: 100%;
  height: 16px;
  position: absolute;
  bottom: 0px;
  background: linear-gradient(0deg, var(--white), rgba(0, 0, 0, 0));
}

@media (max-width: 1240px) {
  .pt-cgc-blog-title::after {
    display: block;
  }
}

/* a.pt-cgc-blog-title:hover{
    color: var(--pass_grey_dark);
} */
/* .pt-cgc-blog-date{
    position: relative;

    font: 11px var(--font-main);
    font-weight: 400;
    line-height: 1.4;
    text-decoration: none;
    color: var(--pass_grey_dark);

    padding: 0px 0px 0px 0px;
} */
.pt-cgc-blog-btn {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  width: 70%;
  font: 12px var(--font-main);
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--white);
  transition: 0.2s;
  background-color: var(--pass_blue_light);
  padding: 5.5% 0px 5.5% 0px;
  border-radius: 10px;
}

.pt-cgc-blog-btn:hover {
  background-color: var(--pass_blue_light_ro);
}

/* page card */

.pt-cgc-page {
  max-width: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-around;
  padding: 9% 6% 6% 6%;
}

.pt-cgc-page-title {
  position: relative;
  display: block;
  /* height: 43%;
  max-height: 52px; */
  height: 68px;
  font: 14px var(--font-main);
  /* font: 20px var(--font-main); */
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  color: var(--black);
  transition: 0.2s;
  overflow: hidden;
  /* margin-top: -5px; */
  /* border: 1px dotted #cccccc; */
  margin-bottom: -6px;

  /*
  height: 60%;
  max-height: 84px;
  font-size: 20px;
  */
}

/* .pt-cgc-page-title::after {
  content: "";
  display: none;
  width: 100%;
  height: 16px;
  position: absolute;
  bottom: 0px;
  background: linear-gradient(0deg, var(--white), rgba(0, 0, 0, 0));
}

@media (max-width: 1240px) {
  .pt-cgc-page-title::after {
    display: block;
  }
} */

.pt-cgc-page-desc{
  height: 20px;

  font: 14px var(--font-main);
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  color: var(--black);

  overflow: hidden;

  /* border: 1px dotted #cccccc; */
}

.pt-cgc-page-btn {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  width: 70%;
  font: 12px var(--font-main);
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--white);
  transition: 0.2s;
  background-color: var(--pass_blue_light);
  padding: 5.5% 0px 5.5% 0px;
  border-radius: 10px;
}

.pt-cgc-page-btn:hover {
  background-color: var(--pass_blue_light_ro);
}

/* END page card */

.pt-cgc-location-intro {
  --pt-bg-color: var(--pass_blue_dark);
  --pt-txt-color: var(--white);
  --pt-txt-ro-color: var(--pass_blue_light);

  position: relative;
  /* flex-grow: 2; */
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 5%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  color: var(--pt-txt-color);
  background-color: var(--pt-bg-color);
  /* padding: 6%; */
  padding: 10%;
}

.pt-cgc-li-heading {
  font: 24px var(--font-main);
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  /* color: var(--white); */
  /* background-color: rgba(0,0,0,0.2); */
}

.pt-cgc-li-txt {
  position: relative;
  flex-grow: 2;
  font: 13px var(--font-main);
  font-weight: 400;
  line-height: 1.6;
  text-decoration: none;
  /* color: var(--white); */
  overflow: hidden;
  /* background-color: rgba(0,0,0,0.2); */
}

.pt-cgc-li-txt::after {
  content: "";
  display: block;
  width: 100%;
  height: 40px;
  position: absolute;
  bottom: 0px;
  background: linear-gradient(0deg, var(--pt-bg-color), var(--pt-bg-color), rgba(0, 0, 0, 0));
}

.pt-cgc-li-btn {
  position: relative;
  display: inline-block;
  font: 14px var(--font-main);
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
  /* color: var(--white); */
  transition: 0.2s;
  padding: 6px 24px 6px 0px;
}

.pt-cgc-li-btn::after {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
  transition: 0.2s;
  background-color: var(--pt-txt-color);
  mask: var(--svg-arrow-right);
  mask-size: cover;
  mask-position: center center;
}

.pt-cgc-li-btn:hover {
  color: var(--pt-txt-ro-color);
}

.pt-cgc-li-btn:hover::after {
  background-color: var(--pt-txt-ro-color);
}

.pt-cgc-location {
  position: relative;
  /* flex-grow: 2; */
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  padding: 6%;
}

.pt-cgc-l-video {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  will-change: transform;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  background-color: var(--mid);
  border-radius: 8px;
}

.pt-cgc-l-video > img{
  width: 100%;
  height: 100%;

  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  object-fit: cover;
  object-position: center center;
  overflow-clip-margin: unset;
}

/*
.pt-cgc-l-video::before{
    content:'';
    display: block;
    width: 22%;

    aspect-ratio: 1 / 1;

    position: absolute;
    top: 50%;
    left: 50%;

    z-index: 1;

    transform: translate(-50%, -50%);

    background-color: var(--pass_magenta);

    border-radius: 64px;
    border: 3px solid var(--white);
}
.pt-cgc-l-video::after{
    content:'';
    display: block;
    width: 8%;

    aspect-ratio: 1 / 1.3333;

    position: absolute;
    top: 50%;
    left: calc(50% + 2px);

    z-index: 2;

    transform: translate(-50%, -50%);

    background-color: var(--white);

    mask: var(--svg-play);
    mask-size: auto;
    mask-position: center center;
    mask-repeat: no-repeat;
}
*/

/* .pt-cgc-l-video.img01 {
  background-image: url("./assets/media/atrium-01.jpg");
}

.pt-cgc-l-video.img02 {
  background-image: url("./assets/media/atrium-02.jpg");
}

.pt-cgc-l-video.img03 {
  background-image: url("./assets/media/atrium-03.jpg");
} */

.pt-cgc-l-address {
  /* height: 42px; */
  /* height: 52px; */
  /* height: 35px; */
  flex-grow: 0;
  flex-shrink: 0;
  font: 13px var(--font-main);
  font-weight: 700;
  line-height: 1.4;
  /* text-transform: uppercase; */
  /* color: var(--pass_blue_dark); */
  color: var(--black);
  overflow: hidden;
  /* background-color: rgba(0,0,0,0.2); */
}

.pt-cgc-l-title {
  /* height: 24px; */
  flex-grow: 0;
  flex-shrink: 0;
  font: 18px var(--font-main);
  font-weight: 700;
  line-height: 1.2;
  color: var(--black);
  /* background-color: rgba(0,0,0,0.2); */
  overflow: hidden;
}

span.pt-cgc-l-distance {
  position: relative;
  display: block;
  font: 13px var(--font-main);
  font-weight: 400;
  line-height: 1.4;
  color: var(--black);
  padding: 0px 0px 0px 16px;
}

span.pt-cgc-l-distance::before {
  content: "";
  display: block;
  width: 10px;
  aspect-ratio: 1/1.3333;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-55%);
  background-color: var(--black);
  mask: var(--svg-map-location);
  mask-size: auto;
  mask-position: center center;
  mask-repeat: no-repeat;
}

span.pt-cgc-l-icons {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2%;
  gap: 14.5%;
  width: 100%;
  height: 30px;
  /* background-color: rgba(0,0,0,0.2); */
  padding: 6px 0px 0px 15px;
}

span.pt-cgc-l-icon {
  position: relative;
  display: block;
  width: 30px;
  width: 1px;
  height: 30px;
  flex-shrink: 0;
  flex-grow: 0;
}

span.pt-cgc-l-icon::before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  left: -15px;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 30px;
}

span.pt-cgc-l-icon.electrical::before {
  background-color: var(--pass_yellow_electrical);
}

span.pt-cgc-l-icon.electrical::after {
  content: "";
  display: block;
  width: 14px;
  aspect-ratio: 1/1.1428;
  position: absolute;
  top: 7px;
  left: -7px;
  background-color: var(--white);
  mask: var(--svg-spark);
  mask-size: cover;
  mask-position: center center;
}

span.pt-cgc-l-icon.high-voltage::before {
  background-color: var(--pass_orange);
}

span.pt-cgc-l-icon.high-voltage::after {
  content: "";
  display: block;
  width: 14px;
  aspect-ratio: 1/1.3333;
  position: absolute;
  top: 5px;
  left: -7px;
  background-color: var(--white);
  mask: var(--svg-transformer);
  mask-size: cover;
  mask-position: center center;
}

span.pt-cgc-l-icon.gas::before {
  background-color: var(--pass_green);
}

span.pt-cgc-l-icon.gas::after {
  content: "";
  display: block;
  width: 14px;
  aspect-ratio: 1/1.1428;
  position: absolute;
  top: 7px;
  left: -7px;
  background-color: var(--white);
  mask: var(--svg-flame);
  mask-size: cover;
  mask-position: center center;
}

span.pt-cgc-l-icon.plumbing::before {
  background-color: var(--pass_blue_plumbing);
}

span.pt-cgc-l-icon.plumbing::after {
  content: "";
  display: block;
  width: 15px;
  aspect-ratio: 1/1;
  position: absolute;
  top: 7px;
  left: -7px;
  background-color: var(--white);
  mask: var(--svg-leaky-tap);
  mask-size: cover;
  mask-position: center center;
}

span.pt-cgc-l-icon.pressure::before, span.pt-cgc-l-icon.pressure-steam::before {
  background-color: var(--pass_green_seafoam);
}

span.pt-cgc-l-icon.pressure::after, span.pt-cgc-l-icon.pressure-steam::after {
  content: "";
  display: block;
  width: 16px;
  aspect-ratio: 1/1;
  position: absolute;
  top: 7px;
  left: -8px;
  background-color: var(--white);
  mask: var(--svg-gauge);
  mask-size: cover;
  mask-position: center center;
}

span.pt-cgc-l-icon.thermography::before {
  background-color: var(--pass_magenta_hot);
}

span.pt-cgc-l-icon.thermography::after {
  content: "";
  display: block;
  width: 16px;
  aspect-ratio: 1/1;
  position: absolute;
  top: 7px;
  left: -8px;
  background-color: var(--white);
  mask: var(--svg-polaroid);
  mask-size: cover;
  mask-position: center center;
}

span.pt-cgc-l-icon.ultrasound::before {
  background-color: var(--pass_mauve);
}

span.pt-cgc-l-icon.ultrasound::after {
  content: "";
  display: block;
  width: 19px;
  aspect-ratio: 1/0.8;
  position: absolute;
  top: 7px;
  left: -9px;
  background-color: var(--white);
  mask: var(--svg-pulse);
  mask-size: cover;
  mask-position: center center;
}

.pt-cgc-l-txt {
  position: relative;
  flex-grow: 2;
  font: 13px var(--font-main);
  font-weight: 400;
  line-height: 1.6;
  color: var(--pass_grey_dark);
  overflow: hidden;
  /* background-color: rgba(0,0,0,0.2); */
}

.pt-cgc-l-txt::after {
  content: "";
  display: block;
  width: 100%;
  height: 50px;
  position: absolute;
  bottom: 0px;
  background: linear-gradient(0deg, rgb(255, 255, 255), rgb(255, 255, 255), rgba(255, 255, 255, 0));
}

.pt-cgc-l-btn {
  display: block;
  font: 13px var(--font-main);
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--white);
  transition: 0.2s;
  background-color: var(--pass_blue_light);
  padding: 12px 16px 12px 16px;
  border-radius: 8px;
}

.pt-cgc-l-btn:hover {
  background-color: var(--pass_blue_light_ro);
}

div.pt-fullwidth-tint {
  width: 100%;

  position: relative;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  /* gap: 50px; */
  gap: 30px;

  z-index: 1;

  background-color: var(--pt-e2e-color);

  padding-top: 60px;
  padding-bottom: 80px;
  border-left: 1px solid var(--pt-e2e-color);
  border-right: 1px solid var(--pt-e2e-color);
}

div.pt-fullwidth-tint::before {
  content: "";
  max-width: 100vw;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -999999px;
  z-index: -1;
  box-shadow: 999999px 0 0 var(--pt-e2e-color);
  border-left: 999999px solid var(--pt-e2e-color);
}

@media (max-width: 1240px) {
  div.pt-fullwidth-tint {
    gap: 30px;
    padding-top: 30px;
    padding-bottom: 40px;
  }
}
div.pt-fullwidth-tint.pale {
  background-color: var(--pass_blue_ltint);
  border-left: 1px solid var(--pass_blue_ltint);
  border-right: 1px solid var(--pass_blue_ltint);
}

div.pt-fullwidth-tint.pale::before {
  box-shadow: 999999px 0 0 var(--pass_blue_ltint);
  border-left: 999999px solid var(--pass_blue_ltint);
}

div.pt-fullwidth-tint.white {
  background-color: var(--white);
  border-left: 1px solid var(--white);
  border-right: 1px solid var(--white);
}

div.pt-fullwidth-tint.white::before {
  box-shadow: 999999px 0 0 var(--white);
  border-left: 999999px solid var(--white);
}

div.pt-fullwidth-tint.grey {
  background-color: var(--pass_grey_light);
  border-left: 1px solid var(--pass_grey_light);
  border-right: 1px solid var(--pass_grey_light);
}

div.pt-fullwidth-tint.grey::before {
  box-shadow: 999999px 0 0 var(--pass_grey_light);
  border-left: 999999px solid var(--pass_grey_light);
}

div.pt-block-heading {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;

  --pt-text-color: var(--wp--preset--color--black);
  color: var(--wp--preset--color--black);

  gap: 5px;
  padding: 0px 10px 0px 10px;
}

div.pt-block-heading.dark{
  --pt-text-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--white);
}

div.pt-block-sub-heading {
  font: 14px var(--font-main);
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  text-align: center;
  /* color: var(--pass_blue_dark); */
  /* color: var(--black); */
  color: var(--pt-text-color);
}

.pt-block-main-heading {
  font: 32px var(--font-main);
  font-weight: 700;
  line-height: 1.1;
  text-decoration: none;
  text-align: center;
  color: var(--pt-text-color);
  margin: 0;
}

@media (max-width: 1240px) {
  .pt-block-main-heading {
    font-size: 24px;
  }
}

div.pt-key-info {
  width: 100%;
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  /* grid-template-rows: repeat(5, min-content); */
  grid-template-rows: auto min-content;
  row-gap: 0px;
  column-gap: 3%;
}

@media (max-width: 992px) {
  div.pt-key-info {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}
a.pt-ki-btn {
  position: relative;
  display: block;
  font: 16px var(--font-main);
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  text-align: left;
  color: var(--black);
  transition: 0.2s;
  background-color: var(--white);
  padding: 20px 50px 20px 20px;
  border-radius: 8px;
  border: 1px solid var(--pass_grey);
  margin-bottom: 20px;
}

a.pt-ki-btn:hover {
  background-color: var(--light);
}

a.pt-ki-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 17px;
  height: 17px;
  transform: translateY(-50%);
  background-color: var(--black);
  mask: var(--svg-arrow-right);
  mask-size: cover;
  mask-position: center center;
}

a.pt-ki-btn:last-of-type {
  margin-bottom: 0px;
}

@media (max-width: 992px) {
  a.pt-ki-btn {
    margin: 0;
  }
}
a.pt-ki-btn.latch {
  color: var(--white);
  background-color: var(--pass_blue_dark);
  border-color: var(--pass_blue_dark);
}

a.pt-ki-btn.latch::after {
  background-color: var(--white);
}

@media (max-width: 992px) {
  a.pt-ki-btn.latch::after {
    transform: translateY(-50%) rotate(90deg);
  }
}
div.pt-ki-text {
  display: none;
  flex-flow: column wrap;
  gap: 20px;

  grid-column: 2;
  /* grid-row: 1 / span 5; */
  grid-row: 1 / span var(--ki_rows);
  transition: 0.2s;
  background-color: var(--white);
  filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.2));
  padding: 30px 30px 30px 30px;
  border: 1px solid var(--pass_grey);
  border-radius: 10px;
}

@media (max-width: 992px) {
  div.pt-ki-text {
    grid-column: unset;
    grid-row: unset;
    padding: 20px 20px 20px 20px;
  }
}
div.pt-ki-text.show {
  display: flex;
  /* flex-flow: column wrap;
  gap: 20px; */
}

/* div.pt-ki-text *:last-child {
  margin-bottom: 0;
} */

div.pt-ki-text *{
  margin-top: 0px;
  margin-bottom: 0px;
}

/*
div.pt-ki-text-title{
    font: 26px var(--font-main);
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    text-align: left;
    color: var(--black);

    margin-bottom: 12px;
}

div.pt-ki-text p{
    font: 14px var(--font-main);
    font-weight: 400;
    line-height: 1.4;
    text-decoration: none;
    text-align: left;
    color: var(--pass_grey_dark);

    padding: 0px 0px 0px 0px;
    margin: 0px 0px 12px 0px;
}
div.pt-ki-text p:last-child{
    margin-bottom: 0;
}

div.pt-ki-text ul{
    font: 14px var(--font-main);
    font-weight: 400;
    line-height: 1.4;
    text-decoration: none;
    text-align: left;
    color: var(--pass_grey_dark);

    padding: 0px 0px 0px 20px;
    margin: 0px 0px 12px 0px;
}

div.pt-ki-text ul li{
    margin: 0px 0px 6px 0px;
}

div.pt-ki-text a{
    font-weight: 700;
    color: var(--pass_grey_dark);
    transition: 0.2s;
}
div.pt-ki-text a:hover{
    color: var(--black);
}
*/

div.pt-stu-banner {
  --pt-text-color: var(--wp--preset--color--black);

  position: relative;
  width: 100%;

  display: grid;
  grid-template-columns: max-content 1fr max-content;
  grid-template-rows: 1fr;
  gap: 8%;

  /* display: flex;
  flex-flow: row nowrap;
  justify-content: stretch;
  align-items: center;
  gap: 4%; */

  color: var(--wp--preset--color--black);
  background-color: var(--pt-banner-color);
  padding: 30px 30px 30px 0px;
  border-radius: 12px;
}

div.pt-stu-banner.dark{
  --pt-text-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--white);
}

@media (max-width: 992px) {
  div.pt-stu-banner {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 26px;
    padding: 30px 30px 30px 30px;
  }
}
div.pt-stu-title {
  position: relative;

  /* flex-shrink: 0;
  flex-grow: 0;*/
  /* max-width: 450px;  */

  display: flex;
  flex-flow: column nowrap;
  justify-content: center;

  max-width: 33cqi;

  font: 28px var(--font-main);
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  text-align: left;
  padding: 0px 0px 0px 90px;
}

div.pt-stu-title::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 30px;
  width: 42px;
  height: 42px;
  transform: translateY(-50%);
  background-color: var(--pt-text-color);
  mask: var(--pt-svg-data);
  mask-size: cover;
  mask-position: center center;
}

@media (max-width: 992px) {
  div.pt-stu-title {
    max-width: unset;
    text-align: center;
    padding-top: 46px;
    padding-left: 0px;
  }
  div.pt-stu-title::before {
    /* left: -26px; */
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
div.pt-stu-text {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  font: 13px var(--font-main);
  font-weight: 400;
  line-height: 1.6;
  text-decoration: none;
  text-align: left;
}
@media (max-width: 992px) {
  div.pt-stu-text {
    text-align: center;
  }
}

div.pt-stu-btn {
  flex-shrink: 0;
  flex-grow: 0;

  position: relative;
  display: flex;
  flex-direction: column nowrap;
  align-items: center;
}



div.pt-sys-banner {
  width: 100%;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  grid-template-rows: max-content max-content max-content;
  gap: 30px;
  color: var(--black);
  /* background-color: var(--pass_yellow); */
  background-color: var(--pt-banner-color);
  padding: 40px 40px 40px 40px;
  border-radius: 12px;
}

div.pt-sys-banner.dark {
  color: var(--white);
  /* background-color: var(--pass_blue_dark); */
}

@media (max-width: 576px) {
  div.pt-sys-banner {
    grid-template-columns: 1fr;
    grid-template-rows: max-content max-content max-content max-content;
    gap: 20px;
    padding: 30px 30px 30px 30px;
  }
}
div.pt-sys-banner-title {
  font: 40px var(--font-main);
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  text-align: left;
  /* color: var(--black); */
}

@media (max-width: 576px) {
  div.pt-sys-banner-title {
    font-size: 32px;
  }
  div.pt-sys-banner-title br {
    display: none;
  }
}
div.pt-sys-banner-text {
  font: 14px var(--font-main);
  font-weight: 400;
  line-height: 1.6;
  text-decoration: none;
  text-align: left;
  /* color: var(--black); */
}

div.pt-sys-banner-img {
  position: relative;
  grid-column: 2;
  grid-row: 1/span 3;

  overflow: hidden;

  /* background-size: cover;
  background-position: center 20%;
  background-image: var(--pt-banner-img); */

  border-radius: 6px;
}

div.pt-sys-banner-img > img{
  display: block;
	width: 100%;
	height: 100%;

	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

	object-fit: cover;
	object-position: center center;
	overflow-clip-margin: unset;
}

/* div.pt-sys-banner-img.trainee {
  background-image: url("./assets/media/lass-working.jpg");
}

div.pt-sys-banner-img.warehouse {
  background-image: url("./assets/media/warehouse.jpg");
} */

@media (max-width: 576px) {
  div.pt-sys-banner-img {
    grid-column: unset;
    grid-row: unset;
    aspect-ratio: 1/1;
  }
}
div.pt-faq-contain {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  gap: 12px;
}

div.pt-faq-contain a.pt-wrapper-header {
  color: var(--black);
  background-color: var(--white);
  border: 1px solid var(--pass_grey);
}

div.pt-faq-contain a.pt-wrapper-header:hover {
  background-color: var(--light);
}

div.pt-faq-contain a.pt-wrapper-header:hover::before {
  background-color: var(--black);
}

div.pt-faq-contain a.pt-wrapper-header.pt-wh-open {
  color: var(--white);
  background-color: var(--pass_blue_dark);
  border: 1px solid var(--pass_blue_dark);
}

div.pt-faq-contain a.pt-wrapper-header.pt-wh-open::before {
  background-color: var(--white);
}

/*
div.pt-faq-contain div.pt-wrapper-content div.pt-wrapper-content-inner {
  display: flex;
  flex-flow: column nowrap;
  gap: 20px;
  padding: 0px 20px 0px 20px;
}
div.pt-faq-contain div.pt-wrapper-content div.pt-wrapper-content-inner::before{
  content:"";
  display: block;
  width: 100%;
  height: 0px;
  margin-top: 0px;
}
div.pt-faq-contain div.pt-wrapper-content div.pt-wrapper-content-inner::after{
  content:"";
  display: block;
  width: 100%;
  height: 0px;
  margin-top: -10px;
}

div.pt-faq-contain div.pt-wrapper-content div.pt-wrapper-content-inner > *{
  margin-top: 0px;
  margin-bottom: 0px;
}
*/

/*
div.pt-wrapper-content-inner {
  display: flex;
  flex-flow: column nowrap;
  gap: 20px;
  padding: 0px 20px 0px 20px;
}

div.pt-wrapper-content-inner > *{
  margin-top: 0px;
  margin-bottom: 0px;
}


div.pt-faq-contain div.pt-wrapper-content div.pt-wrapper-content-inner::before{
  content:"";
  display: block;
  width: 100%;
  height: 0px;
  margin-top: 0px;
}
div.pt-faq-contain div.pt-wrapper-content div.pt-wrapper-content-inner::after{
  content:"";
  display: block;
  width: 100%;
  height: 0px;
  margin-top: -10px;
}
*/

div.pt-wrapper-content-inner > div {
  display: flex;
  flex-flow: column nowrap;
  gap: 20px;
  padding: 0px 20px 10px 20px;
}

div.pt-wrapper-content-inner > div > *{
  margin-top: 0px;
  margin-bottom: 0px;
}

div.pt-faq-contain div.pt-wrapper-content-inner > div::before{
  content:"";
  display: block;
  width: 100%;
  height: 0px;
  margin-top: 0px;
}
div.pt-faq-contain div.pt-wrapper-content-inner > div::after{
  content:"";
  display: block;
  width: 100%;
  height: 0px;
  margin-top: -10px;
}


/* div.pt-faq-contain div.pt-wrapper-content *:first-child {
  margin-top: 20px;
} */

/* div.pt-faq-contain div.pt-wrapper-content > *:last-child {
  margin-bottom: 10px;
} */

/*
div.pt-faq-contain p{
    color: var(--pass_grey_dark);
}
div.pt-faq-contain p:first-of-type{
    margin-top: 12px;
}
div.pt-faq-contain p:last-of-type{
    margin-bottom: 0;
}
*/
div.pt-map {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: stretch;
  column-gap: 3%;
  row-gap: 16px;
}

@media (max-width: 768px) {
  div.pt-map {
    flex-flow: column nowrap;
  }
}
div.pt-map-left {
  --grid-adjust: 1%;
  width: 40%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 32px;
  padding: var(--grid-adjust);
  margin: calc(0px - var(--grid-adjust));
}

@media (max-width: 768px) {
  div.pt-map-left {
    --grid-adjust: 0%;
    width: 100%;
    gap: 16px;
  }
}
div.pt-map-right {
  width: 60%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: stretch;
}

@media (max-width: 768px) {
  div.pt-map-right {
    width: 100%;
    aspect-ratio: 1/1;
  }
}
div.pt-map-address {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  background-color: var(--white);
  filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.2));
  /* padding: 40px 40px 40px 40px; */
  padding: 7% 7% 7% 7%;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

div.pt-map-address * {
  margin: 0;
}

div.pt-map-title {
  font: 18px var(--font-main);
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
  text-align: left;
  color: var(--black);
}

div.pt-map-subtitle {
  font: 16px var(--font-main);
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
  text-align: left;
  color: var(--black);
}

div.pt-map-txt {
  font: 16px var(--font-main);
  font-weight: 400;
  line-height: 1.6;
  text-decoration: none;
  text-align: left;
  color: var(--dark);
}

div.pt-map-btns {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-items: flex-start;
  align-items: flex-start;
  gap: 12px;
}

div.pt-map-btns a.pt-btn {
  width: 50%;
}

@media (max-width: 992px) {
  div.pt-map-btns {
    flex-flow: column nowrap;
  }
  div.pt-map-btns a.pt-btn {
    width: 100%;
  }
}
@media (max-width: 768px) {
  div.pt-map-btns {
    flex-flow: row nowrap;
  }
  div.pt-map-btns a.pt-btn {
    width: 50%;
  }
}
@media (max-width: 576px) {
  div.pt-map-btns {
    flex-flow: column nowrap;
  }
  div.pt-map-btns a.pt-btn {
    width: 100%;
  }
}
div.pt-map-opening-times {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  background-color: var(--white);
  filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.2));
  /* padding: 40px 40px 40px 40px; */
  padding: 7% 7% 7% 7%;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

div.pt-map-ot-row {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
  column-gap: 0px;
  row-gap: 6px;
  font: 16px var(--font-main);
  font-weight: 400;
  line-height: 1.3;
  text-decoration: none;
  text-align: left;
  color: var(--black);
}

@media (max-width: 992px) {
  div.pt-map-ot-row {
    flex-flow: column nowrap;
  }
}
@media (max-width: 768px) {
  div.pt-map-ot-row {
    flex-flow: row nowrap;
  }
}
@media (max-width: 576px) {
  div.pt-map-ot-row {
    flex-flow: column nowrap;
  }
}
div.pt-map-ot-row span:first-child {
  display: block;
}

div.pt-map-ot-row span:last-child {
  display: block;
  color: var(--pass_grey_dark);
}

div.pt-map-gmap {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: var(--white);
  border-radius: 10px;
}

div.pt-google-map{
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 10px;
}

div.pt-map-marker {
  display: block;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--pass_blue_dark);
  z-index: 10;
  border-radius: 16px;
}

div.pt-map-marker::before {
  content: "";
  display: block;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--pass_blue_dark);
  z-index: 9;
  animation: marker_wave 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite forwards;
  border-radius: 16px;
}

div.pt-course-chips {
  width: 100%;
  /* display: flex; */
  display: none;
  flex-flow: row wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 12px;
  padding: 6px 0px 22px 0px;
}

a.pt-cc {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  gap: 12px;
  font: 13px var(--font-main);
  font-weight: 400;
  line-height: 1.1;
  text-decoration: none;
  text-align: left;
  color: var(--black);
  /* transition: 0s; */
  background-color: var(--white);
  padding: 7px 18px 7px 32px;
  border-radius: 50px;
  border: 1px solid var(--black);
}

/* */
a.pt-cc.electrical::before {
  content: "";
  display: block;
  width: 12px;
  aspect-ratio: 1/1.1428;
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  background-color: var(--black);
  mask: var(--svg-spark);
  mask-size: cover;
  mask-position: center center;
}

a.pt-cc.electrical.active {
  color: var(--white);
  background-color: var(--pass_yellow_electrical);
  padding: 7px 26px 7px 32px;
  border: 1px solid var(--pass_yellow_electrical);
}

a.pt-cc.electrical.active::before {
  background-color: var(--white);
}

a.pt-cc.electrical.active::after {
  content: "";
  display: block;
  width: 7px;
  aspect-ratio: 1/1.1428;
  position: absolute;
  top: 50%;
  right: 9px;
  transform: translateY(-50%);
  background-color: var(--white);
  mask: var(--svg-x);
  mask-size: cover;
  mask-position: center center;
}

/* */
a.pt-cc.high-voltage::before {
  content: "";
  display: block;
  width: 11px;
  aspect-ratio: 1/1.3333;
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-55%);
  background-color: var(--black);
  mask: var(--svg-transformer);
  mask-size: cover;
  mask-position: center center;
}

a.pt-cc.high-voltage.active {
  color: var(--white);
  background-color: var(--pass_orange);
  padding: 7px 26px 7px 32px;
  border: 1px solid var(--pass_orange);
}

a.pt-cc.high-voltage.active::before {
  background-color: var(--white);
}

a.pt-cc.high-voltage.active::after {
  content: "";
  display: block;
  width: 7px;
  aspect-ratio: 1/1.1428;
  position: absolute;
  top: 50%;
  right: 9px;
  transform: translateY(-50%);
  background-color: var(--white);
  mask: var(--svg-x);
  mask-size: cover;
  mask-position: center center;
}

/* */
a.pt-cc.gas::before {
  content: "";
  display: block;
  width: 12px;
  aspect-ratio: 1/1.1428;
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  background-color: var(--black);
  mask: var(--svg-flame);
  mask-size: cover;
  mask-position: center center;
}

a.pt-cc.gas.active {
  color: var(--white);
  background-color: var(--pass_green);
  padding: 7px 26px 7px 32px;
  border: 1px solid var(--pass_green);
}

a.pt-cc.gas.active::before {
  background-color: var(--white);
}

a.pt-cc.gas.active::after {
  content: "";
  display: block;
  width: 7px;
  aspect-ratio: 1/1.1428;
  position: absolute;
  top: 50%;
  right: 9px;
  transform: translateY(-50%);
  background-color: var(--white);
  mask: var(--svg-x);
  mask-size: cover;
  mask-position: center center;
}

/* */
a.pt-cc.plumbing::before {
  content: "";
  display: block;
  width: 13px;
  aspect-ratio: 1/1;
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  background-color: var(--black);
  mask: var(--svg-leaky-tap);
  mask-size: cover;
  mask-position: center center;
}

a.pt-cc.plumbing.active {
  color: var(--white);
  background-color: var(--pass_blue_plumbing);
  padding: 7px 26px 7px 32px;
  border: 1px solid var(--pass_blue_plumbing);
}

a.pt-cc.plumbing.active::before {
  background-color: var(--white);
}

a.pt-cc.plumbing.active::after {
  content: "";
  display: block;
  width: 7px;
  aspect-ratio: 1/1.1428;
  position: absolute;
  top: 50%;
  right: 9px;
  transform: translateY(-50%);
  background-color: var(--white);
  mask: var(--svg-x);
  mask-size: cover;
  mask-position: center center;
}

/* */
a.pt-cc.pressure::before, a.pt-cc.pressure-steam::before {
  content: "";
  display: block;
  width: 14px;
  aspect-ratio: 1/1;
  position: absolute;
  top: 50%;
  left: 9px;
  transform: translateY(-50%);
  background-color: var(--black);
  mask: var(--svg-gauge);
  mask-size: cover;
  mask-position: center center;
}

a.pt-cc.pressure.active, a.pt-cc.pressure-steam.active {
  color: var(--white);
  background-color: var(--pass_green_seafoam);
  padding: 7px 26px 7px 32px;
  border: 1px solid var(--pass_green_seafoam);
}

a.pt-cc.pressure.active::before, a.pt-cc.pressure-steam.active::before {
  background-color: var(--white);
}

a.pt-cc.pressure.active::after, a.pt-cc.pressure-steam.active::after {
  content: "";
  display: block;
  width: 7px;
  aspect-ratio: 1/1.1428;
  position: absolute;
  top: 50%;
  right: 9px;
  transform: translateY(-50%);
  background-color: var(--white);
  mask: var(--svg-x);
  mask-size: cover;
  mask-position: center center;
}

/* */
a.pt-cc.thermography::before {
  content: "";
  display: block;
  width: 13px;
  aspect-ratio: 1/1.1428;
  position: absolute;
  top: 50%;
  left: 9px;
  transform: translateY(-55%);
  background-color: var(--black);
  mask: var(--svg-polaroid);
  mask-size: cover;
  mask-position: center center;
}

a.pt-cc.thermography.active {
  color: var(--white);
  background-color: var(--pass_magenta_hot);
  padding: 7px 26px 7px 32px;
  border: 1px solid var(--pass_magenta_hot);
}

a.pt-cc.thermography.active::before {
  background-color: var(--white);
}

a.pt-cc.thermography.active::after {
  content: "";
  display: block;
  width: 7px;
  aspect-ratio: 1/1.1428;
  position: absolute;
  top: 50%;
  right: 9px;
  transform: translateY(-50%);
  background-color: var(--white);
  mask: var(--svg-x);
  mask-size: cover;
  mask-position: center center;
}

/* */
a.pt-cc.ultrasound::before {
  content: "";
  display: block;
  width: 16px;
  aspect-ratio: 1/0.8;
  position: absolute;
  top: 50%;
  left: 9px;
  transform: translateY(-55%);
  background-color: var(--black);
  mask: var(--svg-pulse);
  mask-size: cover;
  mask-position: center center;
}

a.pt-cc.ultrasound.active {
  color: var(--white);
  background-color: var(--pass_mauve);
  padding: 7px 26px 7px 32px;
  border: 1px solid var(--pass_mauve);
}

a.pt-cc.ultrasound.active::before {
  background-color: var(--white);
}

a.pt-cc.ultrasound.active::after {
  content: "";
  display: block;
  width: 7px;
  aspect-ratio: 1/1.1428;
  position: absolute;
  top: 50%;
  right: 9px;
  transform: translateY(-50%);
  background-color: var(--white);
  mask: var(--svg-x);
  mask-size: cover;
  mask-position: center center;
}

/* */


/*
div.pt-course-grid {
  --grid-gap: 4%;
  --grid-adjust: 2%;
  width: calc(100% + var(--grid-gap));
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 22%);
  grid-template-rows: 1fr;
  column-gap: var(--grid-gap);
  row-gap: 40px;
  padding: var(--grid-adjust);
  margin: calc(0px - var(--grid-adjust));
}

@media (max-width: 992px) {
  div.pt-course-grid {
    grid-template-columns: repeat(3, 29.3333%);
    row-gap: 32px;
  }
}
@media (max-width: 768px) {
  div.pt-course-grid {
    --grid-gap: 6%;
    --grid-adjust: 3%;
    width: calc(100% + var(--grid-adjust));
    grid-template-columns: repeat(2, 47%);
    row-gap: 24px;
  }
}
@media (max-width: 480px) {
  div.pt-course-grid {
    --grid-gap: 4%;
    --grid-adjust: 2%;
    grid-template-columns: repeat(1, 100%);
    row-gap: 16px;
  }
}
*/

div.pt-course-grid{
    width: 100%;
    min-height: 405px;

    display: grid;
    grid-template-columns: repeat(4, calc((100% - (32px * 3))/4));
    grid-template-rows: 1fr;
    gap: 32px;
}

@media (max-width: 1240px){
    div.pt-course-grid{
        grid-template-columns: repeat(4, calc((100% - (26px * 3))/4));
        gap: 26px;
    }
}

@media (max-width: 992px){
    div.pt-course-grid{
        grid-template-columns: repeat(3, calc((100% - (26px * 2))/3));
    }
}

@media (max-width: 768px){
    div.pt-course-grid{
        grid-template-columns: repeat(2, calc((100% - 26px)/2));
    }
}

@media (max-width: 480px){
    div.pt-course-grid{
        grid-template-columns: 100%;
        gap: 16px;
    }
}

div.pt-course-grid-footer {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: flex-start;
  padding: 10px 0px 0px 0px;
}

a.pt-cgf-sm {
  position: relative;
  /* display: block; */
  display: none;

  font: 14px var(--font-main);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  color: var(--black);
  /* opacity: 0.5; */
  /* transition: 0.2s; */
  padding: 2px 20px 2px 10px;
}

a.pt-cgf-sm:hover {
  color: var(--pass_blue_light);
}

a.pt-cgf-sm::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0px;
  width: 12px;
  aspect-ratio: 1/1.3333;
  transition: 0.2s;
  transform: translateY(-50%);
  background-color: var(--black);
  mask: var(--svg-arrow-down);
  mask-size: cover;
  mask-position: center center;
}

a.pt-cgf-sm:hover::after {
  background-color: var(--pass_blue_light);
}

/* a.pt-cgf-sm.enabled {
  opacity: 1;
} */

/* */
div.pt-course-type-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, calc((100% - 60px) / 4));
  grid-template-rows: repeat(2, 1fr);
  gap: 20px;
}

@media (max-width: 1240px) {
  div.pt-course-type-grid {
    grid-template-columns: repeat(4, calc((100% - 48px) / 4));
    gap: 16px;
  }
}
@media (max-width: 992px) {
  div.pt-course-type-grid {
    grid-template-columns: repeat(3, calc((100% - 28px) / 3));
    grid-template-rows: repeat(3, 1fr);
    gap: 14px;
  }
}
@media (max-width: 768px) {
  div.pt-course-type-grid {
    grid-template-columns: repeat(2 calc((100% - 12px) / 2));
    grid-template-rows: repeat(3, 1fr);
    gap: 12px;
  }
}
@media (max-width: 576px) {
  div.pt-course-type-grid {
    grid-template-columns: repeat(2, calc((100% - 10px) / 2));
    grid-template-rows: repeat(4, 1fr);
    gap: 10px;
  }
}
a.pt-ct-cell {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  gap: 15%;
  text-decoration: none;
  aspect-ratio: 1/0.5689;
  transition: 0.2s;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}

a.pt-ct-cell::before {
  content: "";
  display: block;
  height: 25%;
  background-color: var(--white);
}

a.pt-ct-cell.electrical {
  background-color: var(--pass_yellow_electrical);
}

a.pt-ct-cell.electrical::before {
  aspect-ratio: 1/1.1428;
  mask: var(--svg-spark);
  mask-size: cover;
  mask-position: center center;
}

a.pt-ct-cell.electrical:hover {
  background-color: var(--pass_yellow_electrical_ro);
}

a.pt-ct-cell.high-voltage {
  background-color: var(--pass_orange);
}

a.pt-ct-cell.high-voltage::before {
  aspect-ratio: 1/1.3333;
  mask: var(--svg-transformer);
  mask-size: cover;
  mask-position: center center;
}

a.pt-ct-cell.high-voltage:hover {
  background-color: var(--pass_orange_ro);
}

a.pt-ct-cell.gas {
  background-color: var(--pass_green);
}

a.pt-ct-cell.gas::before {
  aspect-ratio: 1/1.1428;
  mask: var(--svg-flame);
  mask-size: cover;
  mask-position: center center;
}

a.pt-ct-cell.gas:hover {
  background-color: var(--pass_green_ro);
}

a.pt-ct-cell.plumbing {
  background-color: var(--pass_blue_plumbing);
}

a.pt-ct-cell.plumbing::before {
  aspect-ratio: 1/1;
  mask: var(--svg-leaky-tap);
  mask-size: cover;
  mask-position: center center;
}

a.pt-ct-cell.plumbing:hover {
  background-color: var(--pass_blue_plumbing_ro);
}

a.pt-ct-cell.pressure, a.pt-ct-cell.pressure-steam  {
  background-color: var(--pass_green_seafoam);
}

a.pt-ct-cell.pressure::before, a.pt-ct-cell.pressure-steam::before {
  aspect-ratio: 1/1;
  mask: var(--svg-gauge);
  mask-size: cover;
  mask-position: center center;
}

a.pt-ct-cell.pressure:hover, a.pt-ct-cell.pressure-steam:hover {
  background-color: var(--pass_green_seafoam_ro);
}

a.pt-ct-cell.thermography {
  background-color: var(--pass_magenta_hot);
}

a.pt-ct-cell.thermography::before {
  aspect-ratio: 1/1.1428;
  mask: var(--svg-polaroid);
  mask-size: cover;
  mask-position: center center;
}

a.pt-ct-cell.thermography:hover {
  background-color: var(--pass_magenta_hot_ro);
}

a.pt-ct-cell.ultrasound {
  background-color: var(--pass_mauve);
}

a.pt-ct-cell.ultrasound::before {
  aspect-ratio: 1/0.8;
  mask: var(--svg-pulse);
  mask-size: cover;
  mask-position: center center;
}

a.pt-ct-cell.ultrasound:hover {
  background-color: var(--pass_mauve_ro);
}

a.pt-ct-cell.all {
  background-color: var(--white);
  border: var(--pass_blue_dark) 2px solid;
  color: var(--pass_blue_dark);
}

a.pt-ct-cell.all::before {
  aspect-ratio: 1 / 0.8;
  mask: var(--svg-book);
  mask-size: cover;
  mask-position: center center;
  background-color: var(--pass_blue_dark);
}

a.pt-ct-cell.all span {
  color: var(--pass_blue_dark);
}

a.pt-ct-cell.all:hover {
  border: var(--pass_blue_tstint) 2px solid;
  color: var(--pass_blue_tstint);
}

a.pt-ct-cell.all:hover::before {
  background-color: var(--pass_blue_tstint);
}


a.pt-ct-cell span {
  display: block;
  font: 20px var(--font-main);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  color: var(--white);
}

@media (max-width: 1240px) {
  a.pt-ct-cell span {
    font-size: 18px;
  }
}
@media (max-width: 992px) {
  a.pt-ct-cell span {
    font-size: 16px;
  }
}
@media (max-width: 576px) {
  a.pt-ct-cell span {
    font-size: 18px;
  }
}
@media (max-width: 480px) {
  a.pt-ct-cell span {
    font-size: 14px;
  }
}
/* */
div.pt-static-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, calc((100% - 96px) / 4));
  grid-template-rows: 1fr;
  gap: 32px;
}

@media (max-width: 1240px) {
  div.pt-static-grid {
    grid-template-columns: repeat(4, calc((100% - 78px) / 4));
    gap: 26px;
  }
}
@media (max-width: 992px) {
  div.pt-static-grid {
    grid-template-columns: repeat(3, calc((100% - 52px) / 3));
  }
}
@media (max-width: 768px) {
  div.pt-static-grid {
    grid-template-columns: repeat(2, calc((100% - 26px) / 2));
  }
}
@media (max-width: 480px) {
  div.pt-static-grid {
    grid-template-columns: 100%;
    gap: 16px;
  }
}
/* */
div.pt-location-grid {
  position: relative;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, calc((100% - 64px) / 3));
  grid-template-rows: 1fr;
  gap: 32px;
  /* padding: 0px calc(2% + 50px) 0px calc(2% + 50px); */
}

@media (max-width: 1240px) {
  div.pt-location-grid {
    grid-template-columns: repeat(3, calc((100% - 52px) / 3));
    gap: 26px;
  }
}
@media (max-width: 992px) {
  div.pt-location-grid {
    grid-template-columns: repeat(3, calc((100% - 52px) / 3));
    /* padding: 0px calc(1% + 40px) 0px calc(1% + 40px); */
  }
}
@media (max-width: 768px) {
  div.pt-location-grid {
    grid-template-columns: repeat(2, calc((100% - 26px) / 2));
    /* padding: 0px; */
  }
}
@media (max-width: 480px) {
  div.pt-location-grid {
    grid-template-columns: 100%;
    gap: 16px;
  }
}
div.pt-location-grid.loading::before {
  content: "";
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  z-index: 1;
  background-color: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(2px);
}
/* */

div.pt-2up-grid {
  position: relative;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, calc((100% - 32px) / 2));
  grid-template-rows: 1fr;
  gap: 32px;
}
@media (max-width: 1240px) {
  div.pt-2up-grid {
    grid-template-columns: repeat(2, calc((100% - 26px) / 2));
    gap: 26px;
  }
}
@media (max-width: 480px) {
  div.pt-2up-grid {
    grid-template-columns: 100%;
    gap: 16px;
  }
}

/* */

div.pt-3up-grid {
  position: relative;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, calc((100% - 64px) / 3));
  grid-template-rows: 1fr;
  gap: 32px;
}

@media (max-width: 1240px) {
  div.pt-3up-grid {
    grid-template-columns: repeat(3, calc((100% - 52px) / 3));
    gap: 26px;
  }
}

@media (min-width: 993px) {

  div.pt-3up-grid > .pt-cg-cell {
    aspect-ratio: 0.9405 / 1;
  }

  div.pt-3up-grid > .pt-cg-cell > span.pt-cgc-img {
    aspect-ratio: 1 / 0.48;
  }

  div.pt-3up-grid > .pt-cg-cell > span.pt-cgc-course {
    justify-content: space-between;
  }
  div.pt-3up-grid > .pt-cg-cell > span.pt-cgc-course > span.pt-cgc-title {
    height: 50px;
  }
  div.pt-3up-grid > .pt-cg-cell > span.pt-cgc-course > span.pt-cgc-course-ctrl {
    max-height: 50px;
  }
  div.pt-3up-grid > .pt-cg-cell > span.pt-cgc-course > span.pt-cgc-course-ctrl > span.pt-cgc-course-btn {
    font-size: 14px;
  }

  div.pt-3up-grid > .pt-cg-cell > span.pt-cgc-page {
    justify-content: space-between;
  }
  div.pt-3up-grid > .pt-cg-cell > span.pt-cgc-page > span.pt-cgc-page-title {
    height: 50px;
  }
  div.pt-3up-grid > .pt-cg-cell > span.pt-cgc-page > span.pt-cgc-page-btn {
    font-size: 14px;
  }

  div.pt-3up-grid > .pt-cg-cell > span.pt-cgc-blog > span.pt-cgc-blog-title {
    font-size: 14px;
  }
  div.pt-3up-grid > .pt-cg-cell > span.pt-cgc-blog > span.pt-cgc-blog-title.pt-big-mode {
    height: 60%;
    max-height: 84px;
    font-size: 20px;
  }

  div.pt-3up-grid > .pt-cg-cell > span.pt-cgc-blog > span.pt-cgc-blog-btn {
    max-height: 50px;
    font-size: 14px;
  }

  div.pt-3up-grid > .pt-cg-cell > span.pt-cgc-page > span.pt-cgc-page-title.pt-big-mode {
    font-size: 20px;
  }
}

@media (max-width: 992px) {
  div.pt-3up-grid {
    grid-template-columns: repeat(3, calc((100% - 52px) / 3));
  }
}

@media (max-width: 768px) {
  div.pt-3up-grid {
    grid-template-columns: repeat(2, calc((100% - 26px) / 2));
  }
}

@media (max-width: 480px) {
  div.pt-3up-grid {
    grid-template-columns: 100%;
    gap: 16px;
  }
}

/* */
div.pt-btn-grid {
  display: grid;
  grid-template-columns: repeat(4, calc((100% - 60px) / 4));
  grid-template-rows: auto;
  gap: 20px;
}

@media (max-width: 992px) {
  div.pt-btn-grid {
    grid-template-columns: repeat(3, calc((100% - 32px) / 3));
    gap: 16px;
  }
}
@media (max-width: 576px) {
  div.pt-btn-grid {
    grid-template-columns: repeat(2, calc((100% - 24px) / 2));
    gap: 12px;
  }
}
div.pt-btn-grid a {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  font: 18px var(--font-main);
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  color: var(--black);
  transition: 0.2s;
  background-color: var(--pass_blue_ltint);
  padding: 13% 6px 13% 6px;
  border-radius: 10px;
}

div.pt-btn-grid a:hover {
  background-color: var(--pass_blue_ltint_ro);
}

@media (max-width: 1240px) {
  div.pt-btn-grid a {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  div.pt-btn-grid a {
    font-size: 14px;
  }
}
*.dark div.pt-btn-grid a {
  color: var(--white);
  background-color: var(--pass_blue_tstint);
}

*.dark div.pt-btn-grid a:hover {
  background-color: var(--pass_blue_tstint_ro);
}

/* Contact */
div.pt-contact-contain {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 60px;
}

@media (max-width: 768px) {
  div.pt-contact-contain {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
  }
}
div.pt-contact-left {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  width: 35%;
}

@media (max-width: 768px) {
  div.pt-contact-left {
    width: 100%;
    gap: 12px;
  }
}
div.pt-contact-right {
  width: 65%;
  /* background-color: var(--pass_grey_light); */
  /* filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.4)); */
  /* padding: 26px 26px 26px 26px; */
  padding: 8px 0px 0px 0px;
  /* border-radius: 20px; */
  /* border: 1px solid var(--pass_grey); */
  /* border: 1px solid rgba(0,0,0,0.05); */
}

@media (max-width: 768px) {
  div.pt-contact-right {
    width: 100%;
  }
}
div.pt-contact-title {
  font: 38px var(--font-main);
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
  text-align: left;
  /* color: var(--pass_blue_dark); */
  color: var(--black);
}

div.pt-contact-title span {
  display: block;
  /* color: var(--pass_blue_light); */
}

@media (max-width: 768px) {
  div.pt-contact-title {
    font-size: 30px;
  }
}
div.pt-contact-txt {
  font: 13px var(--font-main);
  font-weight: 400;
  line-height: 1.6;
  text-decoration: none;
  text-align: left;
  /* color: var(--pass_grey_dark); */
  color: var(--dark);
}

div.pt-contact-phone {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0px;
}

div.pt-contact-phone span.pt-contact-phone-label {
  font: 13px var(--font-main);
  font-weight: 400;
  line-height: 1.3;
  text-decoration: none;
  text-align: left;
  text-transform: uppercase;
  /* color: var(--pass_grey_dark); */
  color: var(--dark);
}

div.pt-contact-phone a.pt-contact-phone-number {
  font: 30px var(--font-main);
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
  text-align: left;
  /* color: var(--black);  */
  color: var(--pass_blue_light);
}

form.pt-contact-form {
  width: 100%;
}

form.pt-contact-form fieldset {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  /* border: 1px dotted var(--pass_grey_dark); */
  border: 0;
}

div.pt-cf-input {
  width: 100%;
  background-color: var(--white);
  /* filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.4)); */
  padding: 10px 10px 10px 10px;
  border-radius: 10px;
  border: 1px solid var(--pass_grey);
}

div.pt-cf-2col{
  display: flex;
  flex-flow: row nowrap;
  gap: 16px;
}

div.pt-cf-input input {
  width: 100%;
  font: 13px var(--font-main);
  font-weight: 400;
  line-height: 1.3;
  text-decoration: none;
  text-align: left;
  color: var(--pass_grey_dark);
  outline: 0;
  border: 0;
}

div.pt-cf-input textarea {
  width: 100%;
  min-height: 160px;
  font: 13px var(--font-main);
  font-weight: 400;
  line-height: 1.3;
  text-decoration: none;
  text-align: left;
  color: var(--pass_grey_dark);
  resize: none;
  outline: 0;
  border: 0;
}

div.pt-cf-input textarea.short{
  min-height: 120px;
}

div.pt-contact-mini {
  gap: 30px;
  padding-bottom: 68px;
}

@media (max-width: 1240px) {
  div.pt-contact-mini {
    gap: 30px;
    padding-bottom: 34px;
  }
}
@media (max-width: 768px) {
  div.pt-contact-mini {
    gap: 20px;
  }
}
div.pt-contact-mini-txt {
  font: 14px var(--font-main);
  font-weight: 400;
  color: var(--dark);
  line-height: 1.6;
  text-align: center;
  padding: 0px 0px 8px 0px;
  margin: 0px 0px 0px 0px;
}

div.pt-contact-btn-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, calc((100% - 36px) / 2));
  grid-auto-rows: 1fr;
  gap: 36px;
}

@media (max-width: 1240px) {
  div.pt-contact-btn-grid {
    grid-template-columns: repeat(2, calc((100% - 20px) / 2));
    gap: 20px;
  }
}
@media (max-width: 768px) {
  div.pt-contact-btn-grid {
    grid-template-columns: repeat(1, 100%);
    gap: 20px;
  }
}
div.pt-contact-btn-grid a {
  position: relative;
  display: block;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 30px;
  overflow: hidden;
  text-decoration: none;
  background-color: var(--white);
  filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.2));
  padding: 30px 110px 32px 30px;
  border-radius: 10px;
  border: 1px solid var(--pass_grey);
}

div.pt-contact-btn-grid a:after {
  content: "";
  display: block;
  height: 50px;
  position: absolute;
  top: 30px;
  right: 30px;
  background-color: var(--pass_blue_dark);
}

div.pt-contact-btn-grid a.training:after {
  aspect-ratio: 1/0.8;
  mask: var(--svg-graduation-cap);
  mask-size: auto;
  mask-position: center center;
  mask-repeat: no-repeat;
}

div.pt-contact-btn-grid a.test-equipment:after {
  aspect-ratio: 1/0.8888;
  mask: var(--svg-basket);
  mask-size: auto;
  mask-position: center center;
  mask-repeat: no-repeat;
}

div.pt-contact-btn-grid a.calibration:after {
  aspect-ratio: 1/1;
  mask: var(--svg-gauge-invert);
  mask-size: auto;
  mask-position: center center;
  mask-repeat: no-repeat;
}

div.pt-contact-btn-grid a.about-us:after {
  aspect-ratio: 1/1;
  mask: var(--svg-users);
  mask-size: auto;
  mask-position: center center;
  mask-repeat: no-repeat;
}

div.pt-contact-btn-grid a.latch {
  border-color: var(--pass_blue_light);
}

div.pt-contact-btn-grid a span.radio {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  flex-grow: 0;
  border-radius: 100px;
  border: 2px solid var(--pass_grey);
  margin-top: 1px;
}

div.pt-contact-btn-grid a.latch span.radio {
  border-color: var(--pass_blue_light);
}

div.pt-contact-btn-grid a.latch span.radio:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: var(--pass_blue_light);
  border-radius: 100px;
}

div.pt-contact-btn-grid a span.title-block {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
}

div.pt-contact-btn-grid a span.title {
  font: 22px var(--font-main);
  font-weight: 700;
  color: var(--black);
  line-height: 1;
  text-align: left;
}

div.pt-contact-btn-grid a span.subtitle {
  font: 15px var(--font-main);
  font-weight: 400;
  color: var(--black);
  line-height: 1.4;
  text-align: left;
}

div.pt-contact-2col {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 30px;
}

@media (max-width: 768px) {
  div.pt-contact-2col {
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
div.pt-contact-2col-form {
  width: 60%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 30px;
}

@media (max-width: 768px) {
  div.pt-contact-2col-form {
    width: 100%;
    gap: 20px;
  }
}
div.pt-contact-2col-details {
  width: 40%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 30px;
}

@media (max-width: 768px) {
  div.pt-contact-2col-details {
    width: 100%;
    gap: 20px;
  }
}
a.pt-contact-phone-link {
  position: relative;
  display: block;
  font: 18px var(--font-main);
  font-weight: 700;
  color: var(--pass_blue_light);
  line-height: 1;
  text-align: left;
  text-decoration: underline;
  transition: 0.2s;
  padding: 0px 0px 0px 30px;
}

a.pt-contact-phone-link::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background-color: var(--black);
  mask: var(--svg-phone);
  mask-size: auto;
  mask-position: center center;
  mask-repeat: no-repeat;
}

a.pt-contact-phone-link:hover {
  color: var(--pass_blue_light_ro);
}

/* Accreditations */
div.pt-accreditations-grid-wrapper {
  width: 100%;
  overflow-x: auto;
  scrollbar-width: thin;
}

div.pt-accreditations-grid {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}

div.pt-acc {
  position: relative;
  width: 100px;
  position: relative;
  aspect-ratio: 1/1;
  will-change: transform;
  flex-shrink: 0;
  flex-grow: 0;
  /* background-color: rgba(0,0,0,0.2); */
}

div.pt-acc > img{
  width: 100%;
  height: 100%;

  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  object-fit: cover;
  object-position: center center;
  overflow-clip-margin: unset;
}

#pt-acc-city-and-guilds {
  width: 100px;
  aspect-ratio: 1/1;
  /*
  background-image: url("./assets/media/city-and-guilds-approved-centre-1x1.png"); 
  background-position: center center;
  background-size: cover;
  */
  /*https://wp.local:9443/wp-content/uploads/2025/10/city-and-guilds-2377-77-eet-pat-inservice-inspection-testing-course.webp*/
}

#pt-acc-maritime-coastguard {
  width: 148px;
  aspect-ratio: 1/0.4215;
  /* background-image: url("./assets/media/maritime-coastguard-agency.png");
  background-position: center center;
  background-size: cover; */
}

#pt-acc-iso-9001 {
  width: 90px;
  aspect-ratio: 1/1;
  /* background-image: url("./assets/media/iso-9001-accreditation.png");
  background-position: center center;
  background-size: cover; */
}

#pt-acc-itc {
  width: 128px;
  aspect-ratio: 1/0.4561;
  /* background-image: url("./assets/media/itc-training-approved-centre.png");
  background-position: center center;
  background-size: cover; */
}

#pt-acc-lcl {
  width: 120px;
  aspect-ratio: 1/0.5978;
  /* background-image: url("./assets/media/lcl-awards-approved-centre.png");
  background-position: center center;
  background-size: cover; */
}

#pt-acc-elc {
  width: 100px;
  aspect-ratio: 1/0.7618;
  /* background-image: url("./assets/media/elc-provider-3388.png");
  background-position: center center;
  background-size: cover; */
}

/* Footer */
footer.pt-footer-contain {
  width: 100%;
  background-color: var(--pass_blue_dark);
}

div.pt-footer {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 35px;
  width: 100%;
  max-width: 1240px;
  padding: 70px 16px 35px 16px;
  margin: 0 auto;
}

@media (max-width: 1240px) {
  div.pt-footer {
    gap: 26px;
    padding: 35px 16px 20px 16px;
  }
}
div.pt-footer-4col {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(min-content, 1fr));
  grid-template-rows: 1fr;
  column-gap: 4%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
}

@media (max-width: 1240px) {
  div.pt-footer-4col {
    max-width: 700px;
    display: grid;
    grid-template-columns: repeat(2, minmax(min-content, 1fr));
    grid-template-rows: 2fr;
    row-gap: 40px;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  div.pt-footer-4col {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 30px;
  }
}
div.pt-footer-col {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
}

@media (max-width: 768px) {
  div.pt-footer-col {
    width: 100%;
    align-items: center;
  }
}
div.pt-footer-col a {
  display: block;
  font: 14px var(--font-main);
  font-weight: 400;
  line-height: 1.3;
  text-decoration: none;
  text-align: left;
  color: var(--white);
  transition: 0.2s;
}

div.pt-footer-col a:hover {
  color: var(--pass_blue_light);
}

a.pt-footer-logo {
  display: block;
  width: 100%;
  width: 166px;
  max-width: 166px;
  aspect-ratio: 1/0.4924;
  flex-shrink: 0;
  flex-grow: 0;
  background-image: url("./assets/media/pass-logo.png");
  background-size: cover;
  background-position: center center;
}

@media (max-width: 768px) {
  a.pt-footer-logo {
    max-width: 100px;
  }
}
div.pt-footer-header {
  font: 16px var(--font-main);
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
  text-align: left;
  color: var(--white);
}

div.pt-footer-header.pt-sit {
  margin-top: 24px;
}

div.pt-footer-sm-contain {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4%;
}

@media (max-width: 768px) {
  div.pt-footer-sm-contain {
    justify-content: center;
  }
}
div.pt-footer-sm-contain a {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  flex-grow: 0;
  background-color: var(--pass_blue_light);
  border-radius: 20px;
}

#pt-sm-facebook::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
  aspect-ratio: 1/0.625;
  background-color: var(--white);
  mask: var(--svg-facebook);
  mask-size: auto;
  mask-position: center center;
  mask-repeat: no-repeat;
}

#pt-sm-instagram::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 26px;
  aspect-ratio: 1/0.875;
  background-color: var(--white);
  mask: var(--svg-instagram);
  mask-size: auto;
  mask-position: center center;
  mask-repeat: no-repeat;
}

#pt-sm-linkedin::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 26px;
  aspect-ratio: 1/0.875;
  background-color: var(--white);
  mask: var(--svg-linkedin);
  mask-size: auto;
  mask-position: center center;
  mask-repeat: no-repeat;
}

#pt-sm-youtube::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 26px;
  aspect-ratio: 1/1.125;
  background-color: var(--white);
  mask: var(--svg-youtube);
  mask-size: auto;
  mask-position: center center;
  mask-repeat: no-repeat;
}

div.pt-footer-sub {
  width: 100%;
  font: 11px var(--font-main);
  font-weight: 400;
  line-height: 1.3;
  text-decoration: none;
  text-align: center;
  color: var(--white);
  padding: 30px 16px 30px 16px;
  border-top: 1px solid var(--pass_blue_tstint);
}

div.pt-footer-sub a {
  color: var(--white);
  transition: 0.2s;
}

div.pt-footer-sub a:hover {
  color: var(--pass_blue_light);
}

@media (max-width: 992px) {
  div.pt-footer-sub {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: stretch;
    gap: 2px;
    padding: 16px 16px 16px 16px;
  }
  div.pt-footer-sub span {
    display: block;
  }
}
/* Follower - Desktop */
div.pt-follower-desktop {
  --f_start: -115px;
  --f_end: 0px;
  position: fixed;
  left: 0;
  top: var(--f_start);
  width: 100%;
  height: 100px;
  z-index: 50;
  animation-duration: 0.2s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  background-color: var(--white);
  filter: drop-shadow(0px 7px 5px rgba(0, 0, 0, 0.3));
}

@media (max-width: 992px) {
  div.pt-follower-desktop {
    display: none;
  }
}
div.pt-fd-inner {
  width: 100%;
  height: 100px;
  max-width: 1240px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 1px;
  padding: 0px 16px 0px 16px;
  margin: 0 auto;
}

div.pt-fd-inner-left {
  display: flex;
  flex-flow: column nowrap;

  /* justify-content: center; */
  justify-content: space-around;

  align-items: flex-start;
  
  /* gap: 16px; */
  gap: 0px;
  
  flex-grow: 2;

  /* padding: 0px 0px 2px 0px; */
  padding: 2px 0px 6px 0px;
}

div.pt-fd-inner-right {
  width: 38%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0px 36px 0px 36px;
}

div.pt-fd-inner-left-title {
  font: 18px var(--font-main);
  font-weight: 700;
  line-height: 1.4;
  color: var(--black);
}

div.pt-fd-inner-left-quicklinks {
  max-width: 530px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 40px;
  font: 14px var(--font-main);
  font-weight: 700;
  color: var(--black);
  line-height: 1.4;
  padding: 0px 0px 0px 0px;
}

div.pt-fd-inner-left-quicklinks a {
  display: block;
  /* color: var(--pass_blue_dark); */
  color: var(--black);
  text-decoration: none;
  white-space: nowrap;
  transition: 0.2s;
}

div.pt-fd-inner-left-quicklinks a:hover {
  color: var(--pass_blue_light);
}

/* Follower Mobile */
div.pt-follower-mobile {
  --fm_start: -90px;
  --fm_end: 0px;
  display: none;
  position: fixed;
  bottom: var(--fm_start);
  left: 0;
  width: 100%;
  height: 75px;
  z-index: 50;
  /* animation-name: fwrap_f; */
  animation-duration: 0.2s;
  animation-iteration-count: 1;
  /* animation-play-state: paused; */
  animation-fill-mode: forwards;
  background-color: var(--white);
  filter: drop-shadow(0px -7px 5px rgba(0, 0, 0, 0.3));
}

@media (max-width: 992px) {
  div.pt-follower-mobile {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 12px 12px 12px;
  }
}


/* Sidebar */

div.pt-sb-scrim{
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    cursor: pointer;
    z-index: 60;

    background-color: rgba(0,0,0,0.4);
    backdrop-filter: blur(1px);
}

div.pt-sb-contain{
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;

    width: 100%;
    max-width: 400px;

    --anim-offscreen: -430px;

    background-color: var(--white);

    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-width: thin;

    z-index: 70;
    filter: drop-shadow(0px -7px 15px rgba(0,0,0,0.8));

    animation-name: pt-sb-fwd;
    /* animation-duration: 0.4s; */
    animation-duration: 0.2s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-play-state: paused;
}

@keyframes pt-sb-fwd {
    0%  {
        right: var(--anim-offscreen);
    }
    100%{
      right: 0px;
    }
}
@keyframes pt-sb-rev {
    0%  {
      right: 0px;
    }
    100%{
        right: var(--anim-offscreen);
    }
}

div.pt-sb-inner{
    display: flex;
    flex-flow: column nowrap;
    gap: 20px;
    padding: 20px 30px 20px 30px;
}
div.pt-sb-inner.no-spacing{
    gap: 0px;
    padding: 0px;
}

div.pt-sb-inner > *{
    margin-top: 0px;
    margin-bottom: 0px;
}

a.pt-sb-close{
    display: block;

    position: absolute;
    top: 10px;
    right: 10px;

    width: 30px;
    height: 30px;
}
a.pt-sb-close::after{
    content:'';
    display: block;

    width: 20px;
    aspect-ratio: 1 / 1.1428;

    position: absolute;
    top: 50%;
    left: 50%;

    transform: translate(-50%,-50%);

    background-color: var(--black);

    mask: var(--svg-x);
    mask-size: cover;
    mask-position: center center;
}

div.pt-sb-title{
  font: 26px var(--font-main);
  font-weight: 700;
  color: var(--black);
  line-height: 1.2;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

div.pt-sb-subtitle{
  font: 20px var(--font-main);
  font-weight: 700;
  color: var(--black);
  line-height: 1.2;
  padding: 0px 0px 0px 0px;
  margin: 20px 0px 0px 0px;
}

a.pt-sb-phone{
  display: block;
  position: relative;

  font: 20px var(--font-main);
  font-weight: 700;
  color: var(--pass_blue_light);
  line-height: 1.2;
  text-decoration: underline;

  transition: 0.3s;

  padding: 0px 0px 0px 32px;
  margin: 0px 0px 0px 0px;
}
a.pt-sb-phone:hover{
  color: var(--pass_blue_light_ro);
}
a.pt-sb-phone::before{
  content:'';

  width: 20px;
  aspect-ratio: 1 / 1;

  position: absolute;
  top: 50%;
  left: 0;

  transform: translateY(-50%);

  background-color: var(--black);

  mask: var(--svg-phone);
  mask-size: cover;
  mask-position: center center;
}


/* tabs */

div.pt-tab-btn-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, calc((100% - 36px) / 2));
  grid-auto-rows: 1fr;
  gap: 36px;
}

@media (max-width: 1240px) {
  div.pt-tab-btn-grid {
    grid-template-columns: repeat(2, calc((100% - 20px) / 2));
    gap: 20px;
  }
}
@media (max-width: 768px) {
  div.pt-tab-btn-grid {
    grid-template-columns: repeat(1, 100%);
    gap: 20px;
  }
}
div.pt-tab-btn-grid a {

  --inline-svg: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"></svg>');
  --inline-svg-aspect-ratio: 1 / 1;

  position: relative;
  display: block;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 30px;
  overflow: hidden;
  text-decoration: none;
  background-color: var(--white);
  filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.2));
  padding: 30px 110px 32px 30px;
  border-radius: 10px;
  border: 1px solid var(--pass_grey);
}

@media (max-width: 768px) {
  div.pt-tab-btn-grid a {
    gap: 24px;
    padding: 18px 80px 20px 20px;
  }
}

div.pt-tab-btn-grid a::after {
  content: "";
  display: block;
  height: 50px;
  position: absolute;
  top: 30px;
  right: 30px;
  background-color: var(--pass_blue_dark);

  aspect-ratio: var(--inline-svg-aspect-ratio);

  mask: var(--inline-svg);
  mask-size: auto;
  mask-position: center center;
  mask-repeat: no-repeat;
}

@media (max-width: 768px) {
  div.pt-tab-btn-grid a::after {
    height: 26px;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
  }
}

div.pt-tab-btn-grid a.latch {
  border-color: var(--pass_blue_light);
}

div.pt-tab-btn-grid a span.radio {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  flex-grow: 0;
  border-radius: 100px;
  border: 2px solid var(--pass_grey);
  margin-top: 1px;
}

div.pt-tab-btn-grid a.latch span.radio {
  border-color: var(--pass_blue_light);
}

div.pt-tab-btn-grid a.latch span.radio::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: var(--pass_blue_light);
  border-radius: 100px;
}

div.pt-tab-btn-grid a span.title-block {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
}

@media (max-width: 768px) {
  div.pt-tab-btn-grid a span.title-block {
    justify-content: center;
  }
}

div.pt-tab-btn-grid a span.title {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: center;

  font: 22px var(--font-main);
  font-weight: 700;
  color: var(--black);
  line-height: 1;
  text-align: left;
}

@media (max-width: 768px) {
  div.pt-tab-btn-grid a span.title {
    height: 22px;
    font-size: 18px;
    line-height: 1.4;
  }
}

div.pt-tab-btn-grid a span.subtitle {
  font: 15px var(--font-main);
  font-weight: 400;
  color: var(--black);
  line-height: 1.4;
  text-align: left;
}

@media (max-width: 768px) {
  div.pt-tab-btn-grid a span.subtitle {
    display: none;
  }
}

div.pt-tab-content-contain{
  position: relative;
  width: 100%;

  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
}

div.pt-tab-content{
  display: none;
  width: 100%;
  height: 100%;

  flex-flow: column nowrap;
  gap: 20px;

  grid-column-start: 1;
  grid-row-start: 1;

  padding: 0px 16px 0px 16px;

}
div.pt-tab-content.latch{
  display: flex;
}

div.pt-tab-content > *{
  margin-top: 0px;
  margin-bottom: 0px;
}

/* top tab pages */

div.pt-main-col.dark{
    position: relative;
    background-color: var(--pass_blue_dark);
    box-shadow: -1px 0px 0 1px var(--pass_blue_dark); /* subpixel gap when zoomed fix */
}
div.pt-main-col.dark::before{
    content:'';

    max-width: 100vw;

    position: absolute;
    top: 0;
    bottom: 0;
    left: -999999px;

    z-index: -1;

    box-shadow: 999999px 0 0 var(--pass_blue_dark);
    border-left: 999999px solid var(--pass_blue_dark);
}

div.pt-main-col.nbp{
    padding-bottom: 0px;
}

div.pt-header-contain.nbp{
    padding-bottom: 6px;
}

div.pt-top-tab-masthead{
    width: 100%;
    height: 100%;
    min-height: 260px;

    background-color: var(--pass_blue_dark);

    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

div.pt-top-tab-masthead.equipment{
    background-image: url('./assets/media/pt-top-tab-masthead.png');
}

div.pt-top-tab-masthead.calibration{
    background-image: url('./assets/media/pt-top-tab-masthead-02.png');
}

div.pt-mainv2-col.centred{
    align-items: center;
}

div.pt-block-heading.light{
    color: var(--white);
}

div.pt-top-tab-btns-grid{
    width: 100%;

    display: grid;
    grid-template-columns: repeat(4, calc((100% - 60px)/4));
    grid-template-rows: repeat(2, 1fr);

    gap: 20px;
}

@media (max-width: 1240px) {
  div.pt-top-tab-btns-grid {
    grid-template-columns: repeat(4, calc((100% - 48px) / 4));
    gap: 16px;
  }
}
@media (max-width: 992px) {
  div.pt-top-tab-btns-grid {
    grid-template-columns: repeat(3, calc((100% - 28px) / 3));
    grid-template-rows: repeat(3, 1fr);
    gap: 14px;
  }
}
@media (max-width: 768px) {
  div.pt-top-tab-btns-grid {
    grid-template-columns: repeat(2 calc((100% - 12px) / 2));
    grid-template-rows: repeat(3, 1fr);
    gap: 12px;
  }
}
@media (max-width: 576px) {
  div.pt-top-tab-btns-grid {
    grid-template-columns: repeat(2, calc((100% - 10px) / 2));
    grid-template-rows: repeat(4, 1fr);
    gap: 10px;
  }
}

a.pt-ttb-cell{
    position: relative;

    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    gap: 15%;

    text-decoration: none;

    aspect-ratio: 1 / 0.32758;

    transition: 0.2s;

    background-color: var(--pass_blue_tstint);

    border-radius: 10px;
}
a.pt-ttb-cell:hover{
    background-color: var(--pass_blue_tstint_ro);
}

a.pt-ttb-cell span{
    display: block;

    font: 16px var(--font-main);
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    color: var(--white);
}

@media (max-width: 1240px) {
  a.pt-ttb-cell span {
    font-size: 16px;
  }
}
@media (max-width: 992px) {
  a.pt-ttb-cell span {
    font-size: 15px;
  }
}
@media (max-width: 576px) {
  a.pt-ttb-cell span {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  a.pt-ttb-cell span {
    font-size: 12px;
  }
}

div.pt-image{
    width: 100%;
    aspect-ratio: 16 / 9;
    background-color: var(--white);

    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    border-radius: 10px;
}
div.pt-image.a{
    background-image: url('./assets/media/fluke-dude.jpg');
}
div.pt-image.b{
    background-image: url('./assets/media/solar-panel.jpg');
}

div.pt-fullwidth-tint.blue_tstint{
    background-color: var(--pass_blue_tstint);
    border-left: 1px solid var(--pass_blue_tstint);
    border-right: 1px solid var(--pass_blue_tstint);
}
div.pt-fullwidth-tint.blue_tstint::before{
    box-shadow: 999999px 0 0 var(--pass_blue_tstint);
    border-left: 999999px solid var(--pass_blue_tstint);
}

div.pt-top-tab-cal-accreditations{
    display: flex;
    flex-flow: row wrap;
    gap: 20px;
    width: 100%;

    padding: 0px;
}

div.pt-top-tab-cal-accreditations > div{
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}
div.pt-top-tab-cal-accreditations > div.ukas{
    width: 57px;
    height: 88px;
    background-image: url('./assets/media/ukas-calibration-8239.png');
}
div.pt-top-tab-cal-accreditations > div.iso-9001{
    width: 88px;
    height: 88px;
    background-image: url('./assets/media/iso-9001.png');
}
div.pt-top-tab-cal-accreditations > div.achilles{
    width: 93px;
    height: 48px;
    background-image: url('./assets/media/achilles-uvdb-silver-plus.png');
}

div.pt-top-tab-accreds{
    position: relative;

    max-width: 1240px;

    background-color: var(--white);

    padding: 60px 16px 60px 16px;
    margin: 0 auto;
}
div.pt-top-tab-accreds::before{
    content:'';

    max-width: 100vw;

    position: absolute;
    top: 0;
    bottom: 0;
    left: -999999px;

    z-index: -1;

    box-shadow: 999999px 0 0 var(--white);
    border-left: 999999px solid var(--white);
}

@media (max-width: 768px) {
  div.pt-top-tab-accreds{
    padding: 30px 16px 30px 16px;
  }
}

/* course list contain */

div.pt-cl-master{
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}

div.pt-cl-master > div{
  grid-column-start: 1;
  grid-row-start: 1;
}

div.pt-cl-contain{
  display: none;
}

/* course list loader */

div.pt-cl-loading{
  width: 100%;
  height: 15px;

  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}
div.pt-cl-loading::after{
  content:"";

  display: block;
  width: 15px;
  aspect-ratio: 1;
  border-radius: 50%;

  animation: loading-dots 1s infinite linear alternate;
}

/* course list zero result */

div.pt-clzr-contain{
    width: 100%;

    display: none;
    flex-flow: column nowrap;
    align-items: center;
    gap: 24px;

    color: var(--black);

    padding: 32px 8px 32px 8px;
    background: var(--pass_blue_ltint);
    border-radius: 12px;
}

div.pt-clzr-icon{
    width: 75px;
    aspect-ratio: 1 / 0.8;

    background-color: var(--black);

    mask: var(--svg-group);
    mask-size: cover;
    mask-position: center center;
}

div.pt-clzr-title{
    font: 18px var(--font-main);
    font-weight: 700;
    text-decoration: none;
    text-align: center;
}

div.pt-clzr-strap{
    font: 14px var(--font-main);
    font-weight: 400;
    line-height: 1.2;
    text-decoration: none;
    text-align: center;
}

/* SkillsHub - Archive Page */

:root {
  --pt-archive-desktop: 1;
}

@media (max-width: 768px) {
  :root {
    --pt-archive-desktop: 0;
  }
}
div.pt-archive-2col-contain {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-items: flex-start;
  gap: 3%;
}

div.pt-archive-2col-menu {
  width: 25%;
  min-width: 250px;
  flex-grow: 0;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  div.pt-archive-2col-menu {
    display: none;
  }
}
div.pt-archive-2col-menu-head {
  font: 21px var(--font-main);
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  color: #323b40;
  padding: 0px 0px 18px 0px;
  border-bottom: 1px solid var(--pass_grey);
}

@media (max-width: 768px) {
  div.pt-archive-2col-menu-head {
    padding-top: 18px;
    padding-left: 12px;
  }
}
div.pt-archive-2col-content {
  flex-grow: 1;
  display: flex;
  flex-flow: column nowrap;
  gap: 32px;
}

a.pt-archive-filter-btn {
  display: none;
}

@media (max-width: 768px) {
  a.pt-archive-filter-btn {
    display: inline-flex;
  }
}
div.pt-archive-2col-grid {
  --grid-gap: 4%;
  --grid-adjust: 2%;
  flex-grow: 1;
  flex-shrink: 0;
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 30.6666%);
  grid-template-rows: 1fr;
  column-gap: var(--grid-gap);
  row-gap: 32px;
}

@media (max-width: 992px) {
  div.pt-archive-2col-grid {
    --grid-gap: 6%;
    --grid-adjust: 3%;
    grid-template-columns: repeat(2, 47%);
    row-gap: 24px;
  }
}
@media (max-width: 768px) {
  div.pt-archive-2col-grid {
    --grid-gap: 4%;
    --grid-adjust: 2%;
    grid-template-columns: repeat(1, 100%);
    row-gap: 16px;
  }
}
div.pt-archive-industry-contain {
  border-bottom: 1px solid var(--pass_grey);
}

a.pt-archive-industry {
  position: relative;
  display: block;
  width: 100%;
  font: 14px var(--font-main);
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  color: var(--black);
  background-color: var(--white);
  transition: 0.2s;
  padding: 18px 30px 17px 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}

@media (max-width: 768px) {
  a.pt-archive-industry {
    padding-left: 42px;
  }
}
a.pt-archive-industry.pt-open {
  border-bottom: 1px solid var(--pass_grey);
}

a.pt-archive-industry::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: #323b40;
}

a.pt-archive-industry.electrical::before {
  height: 14px;
  aspect-ratio: 1/1.1428;
  mask: var(--svg-spark);
  mask-size: cover;
  mask-position: center center;
}

a.pt-archive-industry.high-voltage::before {
  height: 15px;
  aspect-ratio: 1/1.3333;
  mask: var(--svg-transformer);
  mask-size: cover;
  mask-position: center center;
}

a.pt-archive-industry.gas::before {
  height: 14px;
  aspect-ratio: 1/1.1428;
  mask: var(--svg-flame);
  mask-size: cover;
  mask-position: center center;
}

a.pt-archive-industry.plumbing::before {
  height: 14px;
  aspect-ratio: 1/1;
  mask: var(--svg-leaky-tap);
  mask-size: cover;
  mask-position: center center;
}

a.pt-archive-industry.pressure-steam::before {
  height: 14px;
  aspect-ratio: 1/1;
  mask: var(--svg-gauge);
  mask-size: cover;
  mask-position: center center;
}

a.pt-archive-industry.thermography::before {
  height: 13px;
  aspect-ratio: 1/1;
  mask: var(--svg-polaroid);
  mask-size: cover;
  mask-position: center center;
}

a.pt-archive-industry.ultrasound::before {
  height: 13px;
  aspect-ratio: 1/0.8;
  mask: var(--svg-pulse);
  mask-size: cover;
  mask-position: center center;
}

@media (max-width: 768px) {
  a.pt-archive-industry::before {
    left: 12px;
  }
}
a.pt-archive-industry::after {
  content: "";
  display: block;
  height: 13px;
  aspect-ratio: 1/1.1428;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  background-color: #323b40;
  mask: var(--svg-plus);
  mask-size: cover;
  mask-position: center center;
}

a.pt-archive-industry.pt-open::after {
  mask: var(--svg-minus);
  mask-size: cover;
  mask-position: center center;
}

div.pt-archive-wrap {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s;
}

div.pt-archive-wrap.pt-open {
  grid-template-rows: 1fr;
}

div.pt-archive-content {
  display: flex;
  flex-flow: column nowrap;
  overflow: hidden;
}

a.pt-archive-category {
  display: block;
  width: 100%;
  font: 14px var(--font-main);
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  color: var(--black);
  background-color: var(--white);
  transition: 0.2s;
  padding: 18px 30px 18px 30px;
}

@media (max-width: 768px) {
  a.pt-archive-category {
    padding-left: 42px;
  }
}
a.pt-archive-category:hover {
  background-color: #f8f8f8;
}

a.pt-archive-category.latch {
  font-weight: 700;
  background-color: #f8f8f8;
}

/* SkillsHub - Article Page */

:root {
  --pt-article-quicklinks: 1;
}

@media (max-width: 768px) {
  :root {
    --pt-article-quicklinks: 0;
  }
}

/* body{ */
div.wp-site-blocks {
  /* pin as container for cq units */
  container-type: inline-size;
}

div.pt-header-contain.pt-article-header {
  padding-bottom: 0px !important;  
}

@media (min-width: 769px) {
  div.pt-header-contain.pt-article-header {
    margin-bottom: 16px;
  }
}




div.pt-article-header-ctrls {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 20px;
  font: 14px var(--font-main);
  font-weight: 400;
  line-height: 1.1;
  text-decoration: none;
  text-align: center;
  color: var(--white);
  padding: 0px 0px 0px 0px;
}

div.pt-article-header-ctrls::before {
  content: "";
  display: block;
  width: 2px;
  height: 18px;
  order: 2;
  opacity: 0.2;
  background-color: var(--white);
}

div.pt-article-header-ctrls::after {
  content: "";
  display: block;
  width: 2px;
  height: 18px;
  order: 4;
  opacity: 0.2;
  background-color: var(--white);
}

div.pt-ahc-author {
  order: 1;
}

div.pt-ahc-date {
  order: 2;
}

div.pt-ahc-share-contain {
  position: relative;
  order: 5;
  z-index: 10;
}

a.pt-ahc-share {
  --pt-ahc-share-color: var(--white);
  position: relative;
  display: block;
  color: var(--pt-ahc-share-color);
  transition: 0.2s;
  padding: 0px 0px 0px 24px;
}

a.pt-ahc-share::before {
  content: "";
  display: block;
  width: 20px;
  aspect-ratio: 1/1;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: var(--pt-ahc-share-color);
  transition: inherit;
  mask: var(--svg-share);
  mask-size: cover;
  mask-position: center center;
}

a.pt-ahc-share:hover {
  --pt-ahc-share-color: var(--pass_blue_light);
}

div.pt-ahc-share-dd {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-end;
  align-content: flex-start;
  gap: 8px;
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  overflow: hidden;
  filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.2));
  animation-name: blog_share_dd_f;
  animation-duration: 0.2s;
  animation-iteration-count: 1;
  animation-play-state: paused;
}

@keyframes blog_share_dd_f {
  0% {
    transform: translate(-6px, 6px);
    opacity: 0;
  }
  100% {
    transform: translate(0px, 0px);
    opacity: 100;
  }
}
@keyframes blog_share_dd_r {
  0% {
    transform: translate(0px, 0px);
    opacity: 100;
  }
  100% {
    transform: translate(-6px, 6px);
    opacity: 0;
  }
}
div.twitter-share {
  height: 20px;
}

div.pt-article-main-img {
  position: relative;
  width: 100cqw;
  max-height: 541px;
  aspect-ratio: 1/0.2817;
  background-color: var(--black);
}

@media (max-width: 768px) {
  div.pt-article-main-img {
    aspect-ratio: 1/0.5634;
  }
}
div.pt-article-main-img > img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  object-fit: cover;
  object-position: center center;
  overflow-clip-margin: unset;
}

div.pt-article-2col-contain {
  position: relative;
  width: 100%;
  /* min-height: 600px; */
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  padding: 0px;
  margin-top: -40px;
}

@media (max-width: 768px) {
  div.pt-article-2col-contain {
    flex-flow: column nowrap;
    margin-top: -6px;
  }
}
div.pt-article-2col-quicklinks {
  position: sticky;
  top: 0;
  left: 0;

  width: 24%;
  min-width: 220px;
  max-height: 100vh;
  overflow-y: auto;
  scrollbar-width: thin;

  display: flex;
  flex-flow: column nowrap;
  gap: 16px;
  flex-shrink: 0;
  padding: 18px 0px 18px 0px;
  border-top: 2px solid var(--pass_grey);
}

@media (max-width: 768px) {
  div.pt-article-2col-quicklinks {
    position: initial;
    width: 100%;
    padding: 18px 0px 18px 0px;
    border-bottom: 2px solid var(--pass_grey);
  }
}
div.pt-article-2col-quicklinks-title {
  font: 16px var(--font-main);
  font-weight: 700;
  line-height: 1.1;
  color: var(--black);
}

div.pt-article-2col-quicklinks-pool {
  display: flex;
  flex-flow: column nowrap;
  gap: 10px;
}

div.pt-article-2col-quicklinks-pool > a {
  position: relative;
  display: block;
  line-height: 1.1;
  text-decoration: none;
  color: var(--dark);
  transition: 0.2s;
  padding: 0px 12px 0px 0px;
}

div.pt-article-2col-quicklinks-pool > a:hover {
  color: var(--pass_blue_light);
}

div.pt-article-2col-quicklinks-pool > a.pt-article-qlh02 {
  font: 13px var(--font-main);
  font-weight: 700;
}

div.pt-article-2col-quicklinks-pool > a.pt-article-qlh03 {
  font: 12px var(--font-main);
  font-weight: 400;
}

div.pt-article-2col-quicklinks-pool > a.active {
  color: var(--black);
}

div.pt-article-2col-quicklinks-pool > a.active::after {
  content: "";
  display: block;
  width: 2px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: var(--pass_blue_light);
}

div.pt-article-2col-content {
  width: 74%;
}

@media (max-width: 768px) {
  div.pt-article-2col-content {
    width: 100%;
  }
}

/* 404 page */

div.pt-404-main{
    position: relative;

    width: 100%;
    /* aspect-ratio: 1 / 0.2534; */
    aspect-ratio: 1 / 0.23;

    /* font: 196px var(--font-main);
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
    color: rgba(0, 0, 0, 0.5);
    color: transparent; */

    mask-image: url("./assets/media/404-ooops-txt.svg");
    mask-position: center center;
    mask-repeat: no-repeat;
    mask-size: 55.5%;

    transform: translate3d(0, 0, 0);

    z-index: 1;

    overflow: hidden;
}
div.pt-404-main::before{
    content:"";
    position: absolute;
    
    width: 100vw;
    height: 100vw;

    top: 0;
    left: 0;

    background-color: var(--white);
    background-image: url('./assets/media/404-background.webp');
    background-size: cover;
    background-position: 50% 50%;

    z-index: -1;

    animation-name: ooops_rotate;
    animation-duration: 40s;
    animation-fill-mode: forwards;
    animation-play-state: running;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@media (max-width: 576px){
    div.pt-404-main{
        /* aspect-ratio: 1 / 0.2534; */
        aspect-ratio: 1 / 0.28;
    }
}

div.pt-404-strap{
    width: 100%;

    font: 20px var(--font-main);
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    color: var(--white);

    padding: 0px 40px 0px 40px;
}

@media (max-width: 576px){
    div.pt-404-strap{
        font-size: 16px;
    }
}

.pt-header-content.v2 {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.pt-header-content.v2 .pt-header-excerpt {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.pt-header-content.v2 .pt-header-tablet-grid .pt-tablet-img.electrical {
    border-bottom: 6px solid var(--pass_yellow_electrical);
}

.pt-header-content.v2 .pt-header-tablet-grid .pt-tablet-img.high-voltage {
    border-bottom: 6px solid var(--pass_orange);
}

.pt-header-content.v2 .pt-header-tablet-grid .pt-tablet-img.gas {
    border-bottom: 6px solid var(--pass_green);
}

.pt-header-content.v2 .pt-header-tablet-grid .pt-tablet-img.plumbing {
    border-bottom: 6px solid var(--pass_blue_plumbing);
}

.pt-header-content.v2 .pt-header-tablet-grid .pt-tablet-img.pressure-steam {
    border-bottom: 6px solid var(--pass_green_seafoam);
}

.pt-header-content.v2 .pt-header-tablet-grid .pt-tablet-img.thermography {
    border-bottom: 6px solid var(--pass_magenta_hot);
}

.pt-header-content.v2 .pt-header-tablet-grid .pt-tablet-img.ultrasound {
    border-bottom: 6px solid var(--pass_mauve);
}

@media (min-width: 993px) {
    div.pt-header-image-area {
        display: none;
    }

    div.pt-header-content.v2 {
        display: grid;
        grid-template-columns: 58% 1fr;
        grid-template-rows: min-content min-content min-content min-content 1fr;
        width: 100%;
        margin-top: 0px;
        column-gap: 76px;
        row-gap: 20px;
    }


    div.pt-header-content.v2 .pt-hc-ident-pool {
        grid-column: 1 / 2;
        grid-row: 1 / 1;
    }

    div.pt-header-content.v2 .wp-block-post-title {
        grid-column: 1 / 2;
        grid-row: 2 / 2;
    }

    div.pt-header-content.v2 .pt-ht-course-details {
        grid-column: 1 / 2;
        grid-row: 3 / 3;
    }

    div.pt-header-content.v2 .pt-header-excerpt {
        grid-column: 1 / 2;
        grid-row: 4 / 4;
    }

    div.pt-header-content.v2 .pt-hc-rm {
        grid-column: 1 / 2;
        grid-row: 5 / 5;
        width: fit-content;
    }

    div.pt-header-content.v2 .pt-header-tablet-grid {
        grid-column: 2 / 3;
        grid-row: 1 / 6;
        width: 100%;
    }

}

.pt-header-image-area .pt-cgc-badge-text {
    display: block;
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 1;
    font: 13px var(--font-main);
    font-weight: 400;
    line-height: 1.2;
    text-decoration: none;
    color: var(--black);
    background-color: var(--white);
    padding: 6px 12px 6px 12px;
    border-radius: 50px;
}

div.pt-header-image-area {
    aspect-ratio: 1 / 0.3;
    position: relative;
    border: 0px;
    border-bottom: 6px solid;
}

@media (max-width: 768px) {
  div.pt-header-image-area {
    aspect-ratio: 1 / 0.4;
  }
}

@media (max-width: 576px) {
  div.pt-header-image-area {
    aspect-ratio: 1 / 0.5;
  }
}

div.pt-header-image-area img.pt-header-img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0px;
    left: 0;
    object-fit: cover;
    object-position: center 30%;
    overflow-clip-margin: unset;
}

@media (max-width: 768px) {
  div.pt-header-image-area img.pt-header-img {
    object-position: center 20%;
  }
}

div.pt-header-image-area .pt-header-img.high-voltage {
    background-color: var(--pass_orange);
    border-color: var(--pass_orange);
}

div.pt-header-image-area.ultrasound {
    background-color: var(--pass_mauve);
    border-color: var(--pass_mauve);
}

div.pt-header-image-area.electrical {
    background-color: var(--pass_yellow_electrical);
    border-color: var(--pass_yellow_electrical);
}

div.pt-header-image-area.high-voltage {
    background-color: var(--pass_orange);
    border-color: var(--pass_orange);
}

div.pt-header-image-area.gas {
    background-color: var(--pass_green);
    border-color: var(--pass_green);
}

div.pt-header-image-area.plumbing {
    background-color: var(--pass_blue_plumbing);
    border-color: var(--pass_blue_plumbing);
}

div.pt-header-image-area.pressure-steam {
    background-color: var(--pass_green_seafoam);
    border-color: var(--pass_green_seafoam);
}

div.pt-header-image-area.thermography {
    background-color: var(--pass_magenta_hot);
    border-color: var(--pass_magenta_hot);
}

div.pt-header-image-area.ultrasound {
    background-color: var(--pass_mauve);
}

div.pt-header-tablet {
    padding: 0px;
    border: 0px;
}

div.pt-header-tablet .pt-tablet-img {
    display: block;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

div.pt-header-tablet .pt-tablet-img img {
    width: 100%;
    height: auto;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.pt-ht-course-tablet {
    padding: 16px;
    width: 100%;

}

.pt-header-tablet-grid {
    position: relative;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: max-content 1fr;
    gap: 0px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    text-decoration: none;
    overflow: hidden;

    background: linear-gradient(to bottom, #ffffff, #ffffff) no-repeat;
    background-size: auto calc(100% - 10px);
    background-position: 0px 10px;

    border-radius: 10px;

    width: 38%;
}

.pt-header-tablet-grid .pt-cgc-badge-text {
    display: block;
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 1;
    font: 13px var(--font-main);
    font-weight: 400;
    line-height: 1.2;
    text-decoration: none;
    color: var(--black);
    background-color: var(--white);
    padding: 6px 12px 6px 12px;
    border-radius: 50px;
}

.pt-header-tablet-grid .pt-tablet-img {
    position: relative;
    max-width: 100%;
    aspect-ratio: 1 / 0.679;
    background-size: cover;
    background-color: var(--mid);
    border-bottom: 4px solid var(--black);
}

.pt-header-tablet-grid .pt-tablet-img.high-voltage {
    border-color: var(--pass_orange);
}

.pt-header-tablet-grid .pt-tablet-img>img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    object-fit: cover;
    object-position: center 20%;
    overflow-clip-margin: unset;
}

.pt-header-tablet-grid .pt-ht-course-cart-block-v2 {
    max-width: 100%;
    /* flex-grow: 2; */
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-around;
    padding: 9% 6% 6% 6%;
}

@media (max-width: 992px) {
  .pt-header-tablet-grid .pt-ht-course-cart-block-v2 {
    padding-top: 6%;
  }
}


div.pt-ht-price-block-v2 {
    border-bottom: none;
}

.pt-ht-cart-actions {
    display: flex;
    flex-flow: row nowrap;
    gap: 20px;
}

@media (max-width: 1240px) {
  .pt-ht-cart-actions {
      flex-flow: column nowrap;
  }
  .pt-ht-cart-actions > a.pt-btn-50{
    width: unset;
  }
}

.pt-btn-factsheet {
    margin-top: 20px;
}

@media (max-width: 992px) {
    .pt-ht-course-details {
        gap: 12px !important;
    }

    .pt-header-tablet-grid {
        width: 100% !important;
    }

    .pt-header-tablet-grid .pt-tablet-img,
    .pt-header-tablet-grid .pt-cgc-badge-text {
        display: none !important;
    }

    .pt-ht-cart-actions {
        flex-direction: column !important;
        gap: 12px !important;
    }

    .pt-btn-factsheet {
        margin-top: 12px !important;
    }
}

div.pt-ht-price-block-v2 {
    align-items: flex-start !important;
}

.pt-ht-course-details {
    display: flex;
    width: 100%;
    gap: 24px;
}

.pt-ht-course-details div.pt-ht-row {
    border: none;
}

.pt-ht-course-details div,
.pt-ht-course-details div {
    font-weight: 500;
    color: var(--white);
    text-align: left;
    display: flex;
    column-gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.pt-ht-course-details div::before {
    content: "";
    width: 16px;
    height: 16px;
    background-color: var(--white);
    mask-size: cover;
    mask-position: center center;
}

.pt-ht-course-details div.row-duration::before {
    mask: var(--svg-clock);
}

.pt-ht-course-details div.row-award::before {
    mask: var(--svg-award);
}

.pt-ht-course-details div.pt-ht-row div.pt-ht-row-left {
    color: var(--white);
}

.pt-ht-course-details-seperator {
    width: 1px;
    background-color: var(--pass_grey);
    opacity: 0.2;
}

@media (max-width: 992px) {
  .pt-header-tablet-grid {
      background-size: 100% 100% !important;
      background-position: 0px !important;
  }
}

/* Mobile card overrides */

@media (max-width: 480px) {

  div:not(.pt-carousel-grid) > a.pt-cg-cell{
    aspect-ratio: unset;
  }

  div:not(.pt-carousel-grid) > a.pt-cg-cell > span.pt-cgc-img{
    aspect-ratio: 1 / 0.5;
  }

  /* Intro card */

  div:not(.pt-carousel-grid) > a.pt-cg-cell > span.pt-cgc-location-intro{
    position: relative;
    gap: 16px;
  }

  div:not(.pt-carousel-grid) > a.pt-cg-cell > span.pt-cgc-location-intro > span.pt-cgc-li-txt::after{
    display: none;
  }

  /* Course card */

  div:not(.pt-carousel-grid) > a.pt-cg-cell > span.pt-cgc-course{
    justify-content: space-between;
    gap: 16px;
  }

  div:not(.pt-carousel-grid) > a.pt-cg-cell > span.pt-cgc-course > span.pt-cgc-title{
    height: unset;
    overflow: unset;
  }

  /* page card */

  div:not(.pt-carousel-grid) > a.pt-cg-cell > span.pt-cgc-page{
    justify-content: space-between;
    gap: 16px;
  }

  div:not(.pt-carousel-grid) > a.pt-cg-cell > span.pt-cgc-page > span.pt-cgc-page-title{
    height: unset;
    overflow: unset;
  }

  /* Location card */

  div:not(.pt-carousel-grid) > a.pt-cg-cell > span.pt-cgc-location {
    position: relative;
    gap: 10px;
  }

  div:not(.pt-carousel-grid) > a.pt-cg-cell > span.pt-cgc-location > span.pt-cgc-l-icons {
    padding-top: 0px;
  }

  /* Article card */

  div:not(.pt-carousel-grid) > a.pt-cg-cell > span.pt-cgc-blog {
    gap: 16px;
  }

  div:not(.pt-carousel-grid) > a.pt-cg-cell > span.pt-cgc-blog > span.pt-cgc-blog-title::after {
    display: none;
  }

}

/* Gallery */
div.pt-gallery-contain {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
}

div.pt-gallery-grid {
  --grid-gap: 4%;
  --grid-adjust: 2%;
  --columns-count: 100;
  width: calc(100% + var(--grid-gap));
  position: relative;
  display: grid;
  grid-template-columns: repeat(var(--columns-count), 100%);
  column-gap: var(--grid-gap);
  overflow-x: auto;
  overflow-y: hidden;
  will-change: transform;
  z-index: 1;
  scroll-snap-coordinate: 0 0;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-color: transparent transparent;
  -ms-overflow-style: none;
  scrollbar-width: none;
  padding: var(--grid-adjust);
  margin: calc(0px - var(--grid-adjust));
}

@media (max-width: 768px) {
  div.pt-gallery-grid {
    --grid-gap: 4%;
    --grid-adjust: 2%;
    grid-template-columns: repeat(var(--columns-count), 90%);
  }
  div.pt-gallery-grid:has(div.pt-cg-cell.pt-gallery-elem:first-child:last-child){
    grid-template-columns: repeat(var(--columns-count), 100%);
  }
}
@media (max-width: 576px) {
  div.pt-gallery-grid {
    --grid-gap: 6%;
    --grid-adjust: 3%;
  }
}
div.pt-gallery-elem {
  position: relative;
  width: 100%;
  aspect-ratio: 1/0.5625;
  overflow: hidden;
  filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.2));
  border-radius: 10px;
}

div.pt-gallery-elem > img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  object-fit: cover;
  object-position: center 20%;
  overflow-clip-margin: unset;
}

div.pt-gallery-elem > a.pt-ol-thumb {
  border: 0;
  border-radius: 0;
}

div.pt-gallery-elem > div.pt-ol-vid {
  border: 0;
  border-radius: 0;
}

div.pt-gallery-controls {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
}

@media (max-width: 768px) {
  div.pt-gallery-controls {
    display: none;
  }
}
div.pt-gallery-index {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  gap: 3px;
  font: 14px var(--font-main);
  font-weight: 400;
  line-height: 1.2;
  text-align: center;
  color: var(--dark);
}

div.pt-gallery-index::after {
  content: "";
  display: block;
  width: 14px;
  aspect-ratio: 1 / 1.1428;
  position: absolute;
  top: 45%;
  left: -20px;
  transform: translateY(-50%);
  background-color: var(--black);
  mask: var(--svg-img);
  mask-size: cover;
  mask-position: center center;
}

div.pt-gallery-index > span {
  display: inline-block;
  width: 18px;
}

div.pt-gallery-index > span.current {
  text-align: right;
}

div.pt-gallery-index > span.total {
  text-align: left;
}

div.pt-gallery-btns {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 90px;
  height: 40px;
}

/* Tables */

figure.wp-block-table{
  width: 100%;
  color: var(--wp--preset--color--pass-grey-vdark);
}

figure.wp-block-table th, td {
  min-width: 100px;
  vertical-align: top;
  text-align: left;
}

@media (max-width: 768px) {
  figure.wp-block-table > table > thead > tr > th:not(:first-child),
  figure.wp-block-table > table > tbody > tr > td:not(:first-child){
    min-width: 180px;
  }
}

/* v2 Contact Page */

div.pt-contact-grid-v2{
    width: 100%;

    display: grid;
    grid-template-columns: repeat(3, calc((100% - 72px)/3));
    grid-auto-rows: 1fr;
    gap: 36px;
}

@media (max-width: 992px){
    div.pt-contact-grid-v2{
        grid-template-columns: repeat(2, calc((100% - 20px)/2));
        gap: 20px;
    }
}

@media (max-width: 768px){
    div.pt-contact-grid-v2{
        grid-template-columns: repeat(1, 100%);
        gap: 20px;
    }
}

div.pt-contact-grid-v2-cell{
    position: relative;

    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;

    min-height: 100px;

    background-color: var(--white);

    filter: drop-shadow(rgba(0, 0, 0, 0.2) 3px 3px 3px);

    padding: 0px 30px 0px 100px;

    border-radius: 10px;
    border: 1px solid var(--pass_grey);
}
div.pt-contact-grid-v2-cell::before{
    content:'';
    display: block;

    position: absolute;
    top: 50%;
    left: 26px;

    width: 46px;
    aspect-ratio: 1 / 1;

    transform: translateY(-50%);

    background-color: var(--pass_blue_dark);
    mask-size: cover;
    mask-position: center center;
}

div.pt-contact-grid-v2-cell.training::before{
    left: 24px;
    width: 52px;
    aspect-ratio: 1 / 0.8;  
    mask: var(--svg-graduation-cap);
}

div.pt-contact-grid-v2-cell.test-equipment::before{
    width: 47px;
    aspect-ratio: 1 / 0.8888;
    mask: var(--svg-basket);
}

div.pt-contact-grid-v2-cell.calibration::before{
    width: 44px;
    aspect-ratio: 1 / 1;
    mask: var(--svg-gauge-invert);
}

div.pt-contact-grid-v2-cell-inner{
    width: 100%;

    display: flex;
    flex-flow: column nowrap;
    gap: 8px;
}

div.pt-contact-grid-v2-cell-inner > div.title{
    font: 22px var(--font-main);
    font-weight: 700;
    line-height: 1.2;
    text-align: left;
    color: var(--black);  
}

div.pt-contact-grid-v2-cell-inner > a.phone{
    position: relative;
    display: block;

    font: 16px var(--font-main);
    font-weight: 700;
    line-height: 1.2;
    text-align: left;
    color: var(--pass_blue_light);

    transition: 0.2s;

    padding: 0px 0px 0px 26px;
}
div.pt-contact-grid-v2-cell-inner > a.phone::before{
    content: '';

    position: absolute;
    top: 50%;
    left: 0;

    width: 18px;
    aspect-ratio: 1 / 1;

    transform: translateY(-50%);

    background-color: var(--pass_blue_dark);
    mask: var(--svg-phone);
    mask-size: cover;
    mask-position: center center;
}
div.pt-contact-grid-v2-cell-inner > a.phone:hover{
    color: var(--pass_blue_light_ro);
}

div.pt-cf-input.caret{
    position: relative;
    padding: 4px 2px 4px 2px;
}
div.pt-cf-input.caret::after{
    content:"";
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;

    transform: translateY(-50%);

    width: 21px;
    aspect-ratio: 1 / 1;

    pointer-events: none;

    background-color: var(--pass_grey_dark);
    mask: var(--svg-angle-down);
    mask-size: cover;
    mask-position: center center;
}

div.pt-cf-input select{
    position: relative;

    width: 100%;

    font: 13px var(--font-main);
    font-weight: 400;
    line-height: 1.3;
    text-decoration: none;
    text-align: left;
    color: var(--pass_grey_dark);

    background-color: var(--white);

    outline: 0;

    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;

    padding: 8px 8px 7px 8px;
    border: 0;
}

div.pt-cf-input select option:disabled{
    color: var(--pass_grey);
}

div.pt-cf-input select option:not(:disabled){
    color: var(--pass_grey_dark);
}

/* Sitewide banner */

div.pt-sitewide-banner{
  width: 100%;

  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;

  background-color: var(--pass_blue_ltint);

  padding: 9px 0px 10px 0px;
}

div.pt-sitewide-banner > div{
    font: 13px var(--font-main);
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    text-align: left;
    color: var(--black);
}


/* Keyframes */
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes pulse {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes spaces-bg-fade {
  0% {
    background-color: var(--white);
  }
  50% {
    background-color: var(--pass_yellow);
  }
  100% {
    background-color: var(--white);
  }
}
@keyframes toggle_position_fwd {
  0% {
    left: var(--left);
  }
  100% {
    left: var(--right);
  }
}
@keyframes toggle_position_rev {
  0% {
    left: var(--right);
  }
  100% {
    left: var(--left);
  }
}
@keyframes icon_centered_rotate_90_clock_fwd {
  0% {
    transform: translateY(-50%) rotate(0deg);
  }
  100% {
    transform: translateY(-50%) rotate(90deg);
  }
}
@keyframes icon_centered_rotate_90_clock_rev {
  0% {
    transform: translateY(-50%) rotate(90deg);
  }
  100% {
    transform: translateY(-50%) rotate(0deg);
  }
}
@keyframes mnav_unwrap {
  0% {
    left: var(--pass_mnav_offscreen);
  }
  100% {
    left: 0px;
  }
}
@keyframes mnav_wrap {
  0% {
    left: 0px;
  }
  100% {
    left: var(--pass_mnav_offscreen);
  }
}
@keyframes fwrap_f {
  0% {
    top: var(--f_start);
  }
  100% {
    top: var(--f_end);
  }
}
@keyframes fwrap_r {
  0% {
    top: var(--f_end);
  }
  100% {
    top: var(--f_start);
  }
}
@keyframes fmwrap_f {
  0% {
    bottom: var(--fm_start);
  }
  100% {
    bottom: var(--fm_end);
  }
}
@keyframes fmwrap_r {
  0% {
    bottom: var(--fm_end);
  }
  100% {
    bottom: var(--fm_start);
  }
}
@keyframes chevron_rotate_fwd {
  0% {
    transform: translateY(-53%) rotate(0deg);
  }
  100% {
    transform: translateY(-53%) rotate(180deg);
  }
}
@keyframes chevron_rotate_rev {
  0% {
    transform: translateY(-53%) rotate(180deg);
  }
  100% {
    transform: translateY(-53%) rotate(0deg);
  }
}
@keyframes marker_wave {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }
  20% {
    opacity: 0.8;
  }
  100% {
    transform: scale(5.5);
    opacity: 0;
  }
}
@keyframes loading-dots {
    0%  {
      box-shadow: 20px 0 var(--black), -20px 0 var(--black-alpha20);
      background: var(--black);
    }
    33% {
      box-shadow: 20px 0 var(--black), -20px 0 var(--black-alpha20);
      background: var(--black-alpha20);
    }
    66% {
      box-shadow: 20px 0 var(--black-alpha20),-20px 0 var(--black);
      background: var(--black-alpha20)
    }
    100%{
      box-shadow: 20px 0 var(--black-alpha20),-20px 0 var(--black);
      background: var(--black)
    }
}
@keyframes ooops_rotate {
  0%      {transform: translateY(-50%) rotate(0deg)}
  100%    {transform: translateY(-50%) rotate(360deg)}
}
/* SVGs */
:root {
  --svg-clock: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M464 256A208 208 0 1 1 48 256a208 208 0 1 1 416 0zM0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM232 120l0 136c0 8 4 15.5 10.7 20l96 64c11 7.4 25.9 4.4 33.3-6.7s4.4-25.9-6.7-33.3L280 243.2 280 120c0-13.3-10.7-24-24-24s-24 10.7-24 24z"/></svg>');
  /* 1 / 1 */
  --svg-book: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M512 337.2l0-284.8L344 77l0 296 168-35.8zM296 373l0-296L128 52.4l0 284.8L296 373zM523.4 2.2C542.7-.7 560 14.3 560 33.8l0 316.3c0 15.1-10.6 28.1-25.3 31.3l-201.3 43c-8.8 1.9-17.9 1.9-26.7 0l-201.3-43C90.6 378.3 80 365.2 80 350.1L80 33.8C80 14.3 97.3-.7 116.6 2.2L320 32 523.4 2.2zM38.3 23.7l10.2 2c-.3 2.7-.5 5.4-.5 8.1l0 40.7 0 267.6 0 66.7 265.8 54.5c2 .4 4.1 .6 6.2 .6s4.2-.2 6.2-.6L592 408.8l0-66.7 0-267.6 0-40.7c0-2.8-.2-5.5-.5-8.1l10.2-2C621.5 19.7 640 34.8 640 55l0 366.9c0 15.2-10.7 28.3-25.6 31.3L335.8 510.4c-5.2 1.1-10.5 1.6-15.8 1.6s-10.6-.5-15.8-1.6L25.6 453.2C10.7 450.2 0 437.1 0 421.9L0 55C0 34.8 18.5 19.7 38.3 23.7z"/></svg>');
  /* 1 / 0.8 */
  --svg-exam: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M384 48c8.8 0 16 7.2 16 16l0 384c0 8.8-7.2 16-16 16L64 464c-8.8 0-16-7.2-16-16L48 64c0-8.8 7.2-16 16-16l320 0zM64 0C28.7 0 0 28.7 0 64L0 448c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-384c0-35.3-28.7-64-64-64L64 0zM80 112l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16L96 96c-8.8 0-16 7.2-16 16zM96 352c-8.8 0-16 7.2-16 16l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0zm80-224c0 13.3 10.7 24 24 24l144 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-144 0c-13.3 0-24 10.7-24 24zm32 128c0 13.3 10.7 24 24 24l112 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-112 0c-13.3 0-24 10.7-24 24zM176 384c0 13.3 10.7 24 24 24l144 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-144 0c-13.3 0-24 10.7-24 24zm-4.7-140.7c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L112 257.4 99.3 244.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l24 24c6.2 6.2 16.4 6.2 22.6 0l48-48z"/></svg>');
  /* 1 / 1.1428 */
  --svg-award: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M448 464l-224 0 0 32c0 5.5-1 10.9-2.7 16L448 512c35.3 0 64-28.7 64-64l0-293.5c0-17-6.7-33.3-18.7-45.3L402.7 18.7C390.7 6.7 374.5 0 357.5 0L192 0c-35.3 0-64 28.7-64 64l0 71.1 .1-.1c1.5-.7 4-2 6.6-3c13.6-5.5 28.3-5.4 41.3-.5L176 64c0-8.8 7.2-16 16-16l160 0 0 80c0 17.7 14.3 32 32 32l80 0 0 288c0 8.8-7.2 16-16 16zM109.2 161.6c-10-4.1-21.5-1-28.1 7.5L70.6 182.6c-1.3 1.7-3.2 2.7-5.2 3l-16.9 2.3c-10.7 1.5-19.1 9.9-20.5 20.5l-2.3 16.9c-.3 2.1-1.4 4-3 5.2L9.1 241.1c-8.5 6.6-11.6 18.1-7.5 28.1L8 285c.8 1.9 .8 4.1 0 6.1L1.6 306.8c-4.1 10-1 21.5 7.5 28.1l13.5 10.5c1.7 1.3 2.7 3.2 3 5.2l2.3 16.9c1.5 10.7 9.9 19.1 20.5 20.6L64 390.2 64 496c0 5.9 3.2 11.3 8.5 14.1s11.5 2.5 16.4-.8L128 483.2l39.1 26.1c4.9 3.3 11.2 3.6 16.4 .8s8.5-8.2 8.5-14.1l0-105.8 15.5-2.1c10.7-1.5 19.1-9.9 20.5-20.6l2.3-16.9c.3-2.1 1.4-4 3-5.2l13.5-10.5c8.5-6.6 11.6-18.1 7.5-28.1L248 291c-.8-1.9-.8-4.1 0-6.1l6.5-15.8c4.1-10 1-21.5-7.5-28.1l-13.5-10.5c-1.7-1.3-2.7-3.2-3-5.2l-2.3-16.9c-1.5-10.7-9.9-19.1-20.5-20.5l-16.9-2.3c-2.1-.3-4-1.4-5.2-3l-10.5-13.5c-6.6-8.5-18.1-11.6-28.1-7.5L131 168c-1.9 .8-4.1 .8-6.1 0l-15.8-6.5zM64 288a64 64 0 1 1 128 0A64 64 0 1 1 64 288z"/></svg>');
  /* 1 / 1 */
  --svg-arrow-right: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg>');
  /* 1 / 1.1428 */
  --svg-arrow-down: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M169.4 470.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 370.8 224 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 306.7L54.6 265.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg>');
  /* 1 / 1.3333 */
  --svg-map-crosshairs: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 0c17.7 0 32 14.3 32 32l0 34.7C368.4 80.1 431.9 143.6 445.3 224l34.7 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-34.7 0C431.9 368.4 368.4 431.9 288 445.3l0 34.7c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-34.7C143.6 431.9 80.1 368.4 66.7 288L32 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l34.7 0C80.1 143.6 143.6 80.1 224 66.7L224 32c0-17.7 14.3-32 32-32zM128 256a128 128 0 1 0 256 0 128 128 0 1 0 -256 0zm128-80a80 80 0 1 1 0 160 80 80 0 1 1 0-160z"/></svg>');
  /* 1 / 1 */
  --svg-map-location: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z"/></svg>');
  /* 1 / 1.3333 */
  --svg-chevron-right: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>');
  /* 1 / 1.6 */
  --svg-chevron-left: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"/></svg>');
  /* 1 / 1.6 */
  --svg-chevron-down: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
  /* 1 / 1 */
  --svg-chevron-up: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"/></svg>');
  /* 1 / 1 */
  --svg-spark: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M349.4 44.6c5.9-13.7 1.5-29.7-10.6-38.5s-28.6-8-39.9 1.8l-256 224c-10 8.8-13.6 22.9-8.9 35.3S50.7 288 64 288l111.5 0L98.6 467.4c-5.9 13.7-1.5 29.7 10.6 38.5s28.6 8 39.9-1.8l256-224c10-8.8 13.6-22.9 8.9-35.3s-16.6-20.7-30-20.7l-111.5 0L349.4 44.6z"/></svg>');
  /* 1 / 1.1428 */
  --svg-flame: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M159.3 5.4c7.8-7.3 19.9-7.2 27.7 .1c27.6 25.9 53.5 53.8 77.7 84c11-14.4 23.5-30.1 37-42.9c7.9-7.4 20.1-7.4 28 .1c34.6 33 63.9 76.6 84.5 118c20.3 40.8 33.8 82.5 33.8 111.9C448 404.2 348.2 512 224 512C98.4 512 0 404.1 0 276.5c0-38.4 17.8-85.3 45.4-131.7C73.3 97.7 112.7 48.6 159.3 5.4zM225.7 416c25.3 0 47.7-7 68.8-21c42.1-29.4 53.4-88.2 28.1-134.4c-4.5-9-16-9.6-22.5-2l-25.2 29.3c-6.6 7.6-18.5 7.4-24.7-.5c-16.5-21-46-58.5-62.8-79.8c-6.3-8-18.3-8.1-24.7-.1c-33.8 42.5-50.8 69.3-50.8 99.4C112 375.4 162.6 416 225.7 416z"/></svg>');
  /* 1 / 1.1428 */
  --svg-transformer: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M136 24l0 8 24 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-48 0L64 64c-8.8 0-16-7.2-16-16s7.2-16 16-16l24 0 0-8C88 10.7 98.7 0 112 0s24 10.7 24 24zm160 0l0 8 24 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-48 0-48 0c-8.8 0-16-7.2-16-16s7.2-16 16-16l24 0 0-8c0-13.3 10.7-24 24-24s24 10.7 24 24zM48 112c0-8.8 7.2-16 16-16l96 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-96 0c-8.8 0-16-7.2-16-16zm160 0c0-8.8 7.2-16 16-16l96 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-96 0c-8.8 0-16-7.2-16-16zM0 192c0-17.7 14.3-32 32-32l320 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l0 224c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 512c-17.7 0-32-14.3-32-32s14.3-32 32-32l0-224c-17.7 0-32-14.3-32-32zm232.9 34.7c-6-4-13.9-3.6-19.3 1.1l-112 96c-5.1 4.4-6.9 11.4-4.6 17.7s8.3 10.4 15 10.4l57.8 0-25 74.9c-2.3 6.8 .3 14.3 6.3 18.3s13.9 3.6 19.3-1.1l112-96c5.1-4.4 6.9-11.4 4.6-17.7s-8.3-10.4-15-10.4l-57.8 0 25-74.9c2.3-6.8-.3-14.3-6.3-18.3z"/></svg>');
  /* 1 / 1.3333 */
  --svg-gauge: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM288 96a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zM256 416c35.3 0 64-28.7 64-64c0-3.7-.3-7.3-.9-10.8l117.5-72.8c11.3-7 14.7-21.8 7.8-33s-21.8-14.8-33-7.8L293.8 300.4C283.2 292.6 270.1 288 256 288c-35.3 0-64 28.7-64 64s28.7 64 64 64zM176 144a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zM96 288a32 32 0 1 0 0-64 32 32 0 1 0 0 64zM400 144a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"/></svg>');
  /* 1 / 1 */
  --svg-gauge-invert: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 464a208 208 0 1 0 0-416 208 208 0 1 0 0 416zM256 0a256 256 0 1 1 0 512A256 256 0 1 1 256 0zm32 112a32 32 0 1 1 -64 0 32 32 0 1 1 64 0zM256 408c-30.9 0-56-25.1-56-56s25.1-56 56-56c10.3 0 19.9 2.8 28.2 7.6l110.2-75.4c10.9-7.5 25.9-4.7 33.4 6.3s4.7 25.9-6.3 33.4L311.3 343.2c.4 2.9 .7 5.8 .7 8.8c0 30.9-25.1 56-56 56zM384 160a32 32 0 1 1 -64 0 32 32 0 1 1 64 0zM112 224a32 32 0 1 1 0 64 32 32 0 1 1 0-64zm80-64a32 32 0 1 1 -64 0 32 32 0 1 1 64 0z"/></svg>');
  /* 1 / 1 */
  --svg-polaroid: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32zM96 96l256 0c17.7 0 32 14.3 32 32l0 192c0 17.7-14.3 32-32 32L96 352c-17.7 0-32-14.3-32-32l0-192c0-17.7 14.3-32 32-32zm152 64c-5.3 0-10.2 2.6-13.2 6.9l-52.4 76.3-9.6-12.8c-3-4-7.8-6.4-12.8-6.4s-9.8 2.4-12.8 6.4l-48 64c-3.6 4.8-4.2 11.3-1.5 16.8s8.3 8.8 14.3 8.8l48 0 48 0 40 0 88 0c5.9 0 11.4-3.3 14.2-8.6s2.4-11.6-1-16.5l-88-128c-3-4.3-7.9-6.9-13.2-6.9zM128 192a32 32 0 1 0 0-64 32 32 0 1 0 0 64z"/></svg>');
  /* 1 / 1.1428 */
  --svg-pulse: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M319.1 0c14.8-.4 27.9 9.3 31.8 23.6l74 271.2 17.7-35.4c10.8-21.7 33-35.4 57.2-35.4L608 224c17.7 0 32 14.3 32 32s-14.3 32-32 32l-108.2 0L444.6 398.3c-5.9 11.9-18.6 18.8-31.8 17.5s-24.2-10.6-27.7-23.4L323.7 167.3 255.3 486.7c-3.1 14.4-15.5 24.8-30.2 25.3s-27.8-9.1-31.8-23.2L135.9 288 32 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l103.9 0c28.6 0 53.7 18.9 61.5 46.4L219.6 348 288.7 25.3C291.8 10.9 304.4 .4 319.1 0z"/></svg>');
  /* 1 / 0.8 */
  --svg-play: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>');
  /* 1 / 1.3333 */
  --svg-star: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M310.9 16.7C307.7 6.8 298.5 0 288 0s-19.7 6.8-22.9 16.7L214.5 176 56 176c-10.3 0-19.4 6.5-22.7 16.2s-.1 20.4 8 26.7L172.1 320.7 121.1 480.7c-3.2 10 .5 21 9.1 27s20.2 5.7 28.5-.7L288 406.4 417.3 506.9c8.3 6.5 19.8 6.8 28.5 .7s12.3-16.9 9.1-27L403.9 320.7 534.7 218.9c8.1-6.3 11.3-17 8-26.7s-12.4-16.2-22.7-16.2l-158.5 0L310.9 16.7z"/></svg>');
  /* 1 / 0.8888 */
  --svg-magnify: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"/></svg>');
  /* 1 / 1 */
  --svg-facebook: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M80 299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4 .4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z"/></svg>');
  /* 1 / 1.6 */
  --svg-instagram: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg>');
  /* 1 / 1.1428 */
  --svg-linkedin: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M100.3 448H7.4V148.9h92.9zM53.8 108.1C24.1 108.1 0 83.5 0 53.8a53.8 53.8 0 0 1 107.6 0c0 29.7-24.1 54.3-53.8 54.3zM447.9 448h-92.7V302.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V448h-92.8V148.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V448z"/></svg>');
  /* 1 / 1.1428 */
  --svg-youtube: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M549.7 124.1c-6.3-23.7-24.8-42.3-48.3-48.6C458.8 64 288 64 288 64S117.2 64 74.6 75.5c-23.5 6.3-42 24.9-48.3 48.6-11.4 42.9-11.4 132.3-11.4 132.3s0 89.4 11.4 132.3c6.3 23.7 24.8 41.5 48.3 47.8C117.2 448 288 448 288 448s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zm-317.5 213.5V175.2l142.7 81.2-142.7 81.2z"/></svg>');
  /* 1 / 1.125 */
  --svg-phone: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z"/></svg>');
  /* 1 / 1 */
  --svg-phone-speech: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M280 0C408.1 0 512 103.9 512 232c0 13.3-10.7 24-24 24s-24-10.7-24-24c0-101.6-82.4-184-184-184c-13.3 0-24-10.7-24-24s10.7-24 24-24zm8 192a32 32 0 1 1 0 64 32 32 0 1 1 0-64zm-32-72c0-13.3 10.7-24 24-24c75.1 0 136 60.9 136 136c0 13.3-10.7 24-24 24s-24-10.7-24-24c0-48.6-39.4-88-88-88c-13.3 0-24-10.7-24-24zM117.5 1.4c19.4-5.3 39.7 4.6 47.4 23.2l40 96c6.8 16.3 2.1 35.2-11.6 46.3L144 207.3c33.3 70.4 90.3 127.4 160.7 160.7L345 318.7c11.2-13.7 30-18.4 46.3-11.6l96 40c18.6 7.7 28.5 28 23.2 47.4l-24 88C481.8 499.9 466 512 448 512C200.6 512 0 311.4 0 64C0 46 12.1 30.2 29.5 25.4l88-24z"/></svg>');
  /* 1 / 1 */
  --svg-leaky-tap: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M224 0c17.7 0 32 14.3 32 32l0 12 96-12c17.7 0 32 14.3 32 32s-14.3 32-32 32L256 84l-31-3.9-1-.1-1 .1L192 84 96 96C78.3 96 64 81.7 64 64s14.3-32 32-32l96 12 0-12c0-17.7 14.3-32 32-32zM0 224c0-17.7 14.3-32 32-32l96 0 22.6-22.6c6-6 14.1-9.4 22.6-9.4l18.7 0 0-43.8 32-4 32 4 0 43.8 18.7 0c8.5 0 16.6 3.4 22.6 9.4L320 192l32 0c88.4 0 160 71.6 160 160c0 17.7-14.3 32-32 32l-64 0c-17.7 0-32-14.3-32-32s-14.3-32-32-32l-36.1 0c-20.2 29-53.9 48-91.9 48s-71.7-19-91.9-48L32 320c-17.7 0-32-14.3-32-32l0-64zM436.8 423.4c1.9-4.5 6.3-7.4 11.2-7.4s9.2 2.9 11.2 7.4l18.2 42.4c1.8 4.1 2.7 8.6 2.7 13.1l0 1.2c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-1.2c0-4.5 .9-8.9 2.7-13.1l18.2-42.4z"/></svg>');
  /* 1 / 1 */
  --svg-burger: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"/></svg>');
  /* 1 / 1.1428 */
  --svg-question: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM169.8 165.3c7.9-22.3 29.1-37.3 52.8-37.3l58.3 0c34.9 0 63.1 28.3 63.1 63.1c0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.9 23.6-24 23.6c-13.3 0-24-10.7-24-24l0-13.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1c0-8.4-6.8-15.1-15.1-15.1l-58.3 0c-3.4 0-6.4 2.1-7.5 5.3l-.4 1.2c-4.4 12.5-18.2 19-30.6 14.6s-19-18.2-14.6-30.6l.4-1.2zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"/></svg>');
  /* 1 / 1 */
  --svg-envelope: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48L48 64zM0 176L0 384c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-208L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"/></svg>');
  /* 1 / 1 */
  --svg-x: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M393.4 41.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3L269.3 256 438.6 425.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L224 301.3 54.6 470.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L178.7 256 9.4 86.6C-3.1 74.1-3.1 53.9 9.4 41.4s32.8-12.5 45.3 0L224 210.7 393.4 41.4z"/></svg>');
  /* 1 / 1.1428 */
  --svg-pdf: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M0 64C0 28.7 28.7 0 64 0L224 0l0 128c0 17.7 14.3 32 32 32l128 0 0 144-208 0c-35.3 0-64 28.7-64 64l0 144-48 0c-35.3 0-64-28.7-64-64L0 64zm384 64l-128 0L256 0 384 128zM176 352l32 0c30.9 0 56 25.1 56 56s-25.1 56-56 56l-16 0 0 32c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-48 0-80c0-8.8 7.2-16 16-16zm32 80c13.3 0 24-10.7 24-24s-10.7-24-24-24l-16 0 0 48 16 0zm96-80l32 0c26.5 0 48 21.5 48 48l0 64c0 26.5-21.5 48-48 48l-32 0c-8.8 0-16-7.2-16-16l0-128c0-8.8 7.2-16 16-16zm32 128c8.8 0 16-7.2 16-16l0-64c0-8.8-7.2-16-16-16l-16 0 0 96 16 0zm80-112c0-8.8 7.2-16 16-16l48 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0 0 32 32 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0 0 48c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-64 0-64z"/></svg>');
  /* 1 / 1 */
  --svg-bed: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M32 32c17.7 0 32 14.3 32 32l0 256 224 0 0-160c0-17.7 14.3-32 32-32l224 0c53 0 96 43 96 96l0 224c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-32-224 0-32 0L64 416l0 32c0 17.7-14.3 32-32 32s-32-14.3-32-32L0 64C0 46.3 14.3 32 32 32zm144 96a80 80 0 1 1 0 160 80 80 0 1 1 0-160z"/></svg>');
  /* 1 / 0.8 */
  --svg-graduation-cap: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M320 80c2.5 0 5 .4 7.4 1.3l218 78.7-218 78.7c-2.4 .9-4.9 1.3-7.4 1.3s-5-.4-7.4-1.3L184.9 192.6l140.8-52.8c8.3-3.1 12.5-12.3 9.4-20.6s-12.3-12.5-20.6-9.4L154.9 169.6c-5.2 2-10.3 4.2-15.3 6.6L94.7 160l218-78.7c2.4-.9 4.9-1.3 7.4-1.3zM15.8 182.6l77.4 27.9c-27.2 28.7-43.7 66.7-45.1 107.7c-.1 .6-.1 1.2-.1 1.8c0 28.4-10.8 57.8-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7c-3.2-14-7.5-28.3-13.4-41.5c1.9-37 19.2-70.9 46.7-94.2l169.5 61.2c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32s-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6zm480.8 80l-46.5 16.8 12.7 120.5c-4.8 3.5-12.8 8-24.6 12.6C410 423.6 368 432 320 432s-90-8.4-118.3-19.4c-11.8-4.6-19.8-9.2-24.6-12.6l12.7-120.5-46.5-16.8L128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6zM467.4 396c0 0-.1 .1-.3 .4c.2-.3 .3-.4 .3-.4zm-294.8 0c0 0 .1 .1 .3 .4c-.2-.3-.3-.4-.3-.4z"/></svg>');
  /* 1 / 0.8 */
  --svg-basket: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M243.1 2.7c11.8 6.1 16.3 20.6 10.2 32.4L171.7 192l232.6 0L322.7 35.1c-6.1-11.8-1.5-26.3 10.2-32.4s26.2-1.5 32.4 10.2L458.4 192l36.1 0 49.5 0 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-20 0L476.1 463.5C469 492 443.4 512 414 512L162 512c-29.4 0-55-20-62.1-48.5L44 240l-20 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l8 0 49.5 0 36.1 0L210.7 12.9c6.1-11.8 20.6-16.3 32.4-10.2zM93.5 240l53 211.9c1.8 7.1 8.2 12.1 15.5 12.1L414 464c7.3 0 13.7-5 15.5-12.1l53-211.9-389 0zM224 312l0 80c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-80c0-13.3 10.7-24 24-24s24 10.7 24 24zm64-24c13.3 0 24 10.7 24 24l0 80c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-80c0-13.3 10.7-24 24-24zm112 24l0 80c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-80c0-13.3 10.7-24 24-24s24 10.7 24 24z"/></svg>');
  /* 1 / 0.8888 */
  --svg-users: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M144 160A80 80 0 1 0 144 0a80 80 0 1 0 0 160zm368 0A80 80 0 1 0 512 0a80 80 0 1 0 0 160zM0 298.7C0 310.4 9.6 320 21.3 320l213.3 0c.2 0 .4 0 .7 0c-26.6-23.5-43.3-57.8-43.3-96c0-7.6 .7-15 1.9-22.3c-13.6-6.3-28.7-9.7-44.6-9.7l-42.7 0C47.8 192 0 239.8 0 298.7zM405.3 320l213.3 0c11.8 0 21.3-9.6 21.3-21.3C640 239.8 592.2 192 533.3 192l-42.7 0c-15.9 0-31 3.5-44.6 9.7c1.3 7.2 1.9 14.7 1.9 22.3c0 38.2-16.8 72.5-43.3 96c.2 0 .4 0 .7 0zM320 176a48 48 0 1 1 0 96 48 48 0 1 1 0-96zm0 144a96 96 0 1 0 0-192 96 96 0 1 0 0 192zm-58.7 80l117.3 0c39.8 0 73.2 27.2 82.6 64l-282.6 0c9.5-36.8 42.9-64 82.6-64zm0-48C187.7 352 128 411.7 128 485.3c0 14.7 11.9 26.7 26.7 26.7l330.7 0c14.7 0 26.7-11.9 26.7-26.7C512 411.7 452.3 352 378.7 352l-117.3 0z"/></svg>');
  /* 1 / 0.8 */
  --svg-tag: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M96.5 160L96.5 309.5C96.5 326.5 103.2 342.8 115.2 354.8L307.2 546.8C332.2 571.8 372.7 571.8 397.7 546.8L547.2 397.3C572.2 372.3 572.2 331.8 547.2 306.8L355.2 114.8C343.2 102.7 327 96 310 96L160.5 96C125.2 96 96.5 124.7 96.5 160zM208.5 176C226.2 176 240.5 190.3 240.5 208C240.5 225.7 226.2 240 208.5 240C190.8 240 176.5 225.7 176.5 208C176.5 190.3 190.8 176 208.5 176z"/></svg>');
  /* 1 / 1 */
  --svg-group: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M335.5 4l288 160c15.4 8.6 21 28.1 12.4 43.5s-28.1 21-43.5 12.4L320 68.6 47.5 220c-15.4 8.6-34.9 3-43.5-12.4s-3-34.9 12.4-43.5L304.5 4c9.7-5.4 21.4-5.4 31.1 0zM320 160a40 40 0 1 1 0 80 40 40 0 1 1 0-80zM144 256a40 40 0 1 1 0 80 40 40 0 1 1 0-80zm312 40a40 40 0 1 1 80 0 40 40 0 1 1 -80 0zM226.9 491.4L200 441.5l0 38.5c0 17.7-14.3 32-32 32l-48 0c-17.7 0-32-14.3-32-32l0-38.5L61.1 491.4c-6.3 11.7-20.8 16-32.5 9.8s-16-20.8-9.8-32.5l37.9-70.3c15.3-28.5 45.1-46.3 77.5-46.3l19.5 0c16.3 0 31.9 4.5 45.4 12.6l33.6-62.3c15.3-28.5 45.1-46.3 77.5-46.3l19.5 0c32.4 0 62.1 17.8 77.5 46.3l33.6 62.3c13.5-8.1 29.1-12.6 45.4-12.6l19.5 0c32.4 0 62.1 17.8 77.5 46.3l37.9 70.3c6.3 11.7 1.9 26.2-9.8 32.5s-26.2 1.9-32.5-9.8L552 441.5l0 38.5c0 17.7-14.3 32-32 32l-48 0c-17.7 0-32-14.3-32-32l0-38.5-26.9 49.9c-6.3 11.7-20.8 16-32.5 9.8s-16-20.8-9.8-32.5l36.3-67.5c-1.7-1.7-3.2-3.6-4.3-5.8L376 345.5l0 54.5c0 17.7-14.3 32-32 32l-48 0c-17.7 0-32-14.3-32-32l0-54.5-26.9 49.9c-1.2 2.2-2.6 4.1-4.3 5.8l36.3 67.5c6.3 11.7 1.9 26.2-9.8 32.5s-26.2 1.9-32.5-9.8z"/></svg>');
  /* 1 / 0.8 */
  --svg-plus: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M256 64l0-32-64 0 0 192-192 0 0 64 192 0 0 192 64 0 0-192 192 0 0-64-192 0 0-160z"/></svg>');
  /* 1 / 1.1428 */
  --svg-minus: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M0 224l448 0 0 64-448 0 0-64z"/></svg>');
  /* 1 / 1.1428 */
  --svg-share: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M496 160C496 133.5 474.5 112 448 112C421.5 112 400 133.5 400 160C400 186.5 421.5 208 448 208C474.5 208 496 186.5 496 160zM544 160C544 213 501 256 448 256C420.6 256 395.9 244.5 378.4 226.1L252.9 295.8C254.9 303.5 256 311.6 256 320C256 328.4 254.9 336.5 252.9 344.2L378.4 413.9C395.9 395.5 420.6 384 448 384C501 384 544 427 544 480C544 533 501 576 448 576C395 576 352 533 352 480C352 471.7 353.1 463.5 355.1 455.8L229.6 386.1C212.1 404.5 187.4 416 160 416C107 416 64 373 64 320C64 267 107 224 160 224C187.4 224 212.1 235.5 229.6 253.9L355.1 184.2C353.1 176.5 352 168.4 352 160C352 107 395 64 448 64C501 64 544 107 544 160zM208 320C208 293.5 186.5 272 160 272C133.5 272 112 293.5 112 320C112 346.5 133.5 368 160 368C186.5 368 208 346.5 208 320zM448 528C474.5 528 496 506.5 496 480C496 453.5 474.5 432 448 432C421.5 432 400 453.5 400 480C400 506.5 421.5 528 448 528z"/></svg>');
  /* 1 / 1 */
  --svg-img: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32zm64 80a48 48 0 1 1 0 96 48 48 0 1 1 0-96zM272 224c8.4 0 16.1 4.4 20.5 11.5l88 144c4.5 7.4 4.7 16.7 .5 24.3S368.7 416 360 416L88 416c-8.9 0-17.2-5-21.3-12.9s-3.5-17.5 1.6-24.8l56-80c4.5-6.4 11.8-10.2 19.7-10.2s15.2 3.8 19.7 10.2l26.4 37.8 61.4-100.5c4.4-7.1 12.1-11.5 20.5-11.5z"/></svg>');
  /* 1 / 1.1428 */
  --svg-bell: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M224 0l64 0 0 35.2C361 50 416 114.6 416 192l0 96 80 128-480 0 80-128 0-96c0-77.4 55-142 128-156.8L224 0zm32 512c-29.8 0-54.9-20.4-62-48l124 0c-7.1 27.6-32.2 48-62 48zM48 192L0 192C0 119.1 30.5 53.2 79.4 6.6l33.1 34.8C72.8 79.3 48 132.7 48 192zM399.4 41.4L432.6 6.6C481.5 53.2 512 119.1 512 192l-48 0c0-59.3-24.8-112.7-64.6-150.6z"/></svg>');
  /* 1 / 1 */
  --svg-angle-down: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M297.4 438.6C309.9 451.1 330.2 451.1 342.7 438.6L502.7 278.6C515.2 266.1 515.2 245.8 502.7 233.3C490.2 220.8 469.9 220.8 457.4 233.3L320 370.7L182.6 233.4C170.1 220.9 149.8 220.9 137.3 233.4C124.8 245.9 124.8 266.2 137.3 278.7L297.3 438.7z"/></svg>');
  /* 1 / 1 */
}

/*# sourceMappingURL=pass-training.css.map */