.hero h2,.page-title h1{font-size:2.75rem;font-weight:100;margin:0;color:var(--primary-color);margin-bottom:2rem;line-height:1;}@media all and (min-width:769px){.hero h2,.page-title h1{font-size:3.5rem;}}:root{--primary-color-background:#e5effe;--primary-color-light:#468ff8;--primary-color:#0060f7;--primary-color-dark:#0047b6;--primary-color-foreground:#001c4a;--secondary-color-background:#e7fafe;--secondary-color-light:#57dcfc;--secondary-color:#06cefb;--secondary-color-dark:#0698b9;--secondary-color-foreground:#053d4c;--accent-color-background:#fae7ed;--accent-color-light:#da5a7d;--accent-color:#cb1c48;--accent-color-dark:#961435;--accent-color-foreground:#3f0615;--system-text:#111;--system-foreground:#111;--system-foreground-offset:#222;--system-gray-darker:#666;--system-gray:#999;--system-gray-lighter:#ccc;--system-background-offset:#eee;--system-background:#fff;--green:#8cc63f;--orange:#f97821;--red:#f90623;font-size:14px;}[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak{display:none!important;}*{box-sizing:border-box;outline:0;}html{line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:none;text-size-adjust:none;}html,body,td,input,select,textarea{font-size:1rem;font-family:proxima-nova,sans-serif;}::-moz-selection{background:#b3d4fc;text-shadow:none;}::selection{background:#b3d4fc;text-shadow:none;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}a{cursor:pointer;}audio,canvas,iframe,img,svg,video{vertical-align:middle;}fieldset{border:0;margin:0;padding:0;}textarea{resize:vertical;}body{overflow-y:scroll;overflow-x:hidden;line-height:1.6;color:var(--system-text);background:var(--system-background);margin:0;cursor:default;}a{color:var(--accent-color);}p.feedback{margin:0;display:flex;padding:1.5rem;align-items:center;justify-content:center;}p.feedback i{margin-right:1rem;color:var(--accent-color);}p.feedback--warning{background:var(--accent-color-background);}p.feedback--warning i{color:var(--accent-color);}p.feedback--success{background:var(--primary-color-background);}p.feedback--success i{color:var(--primary-color);}.feedback-info,.feedback-error,.feedback-empty{margin:20px 0;font-size:24px;text-align:center;border:solid 1px #eee;padding:50px;border-radius:5px;}.feedback-info::before,.feedback-error::before,.feedback-empty::before{display:block;font-family:"Material Icons";content:"";font-size:48px;color:var(--accent-color);}.feedback-info .cancel,.feedback-error .cancel,.feedback-empty .cancel{font-size:11px;text-decoration:none;color:var(--system-text);}.feedback-info::before{content:"";}.feedback-error::before{content:"";color:var(--accent-color);}.button{background:var(--accent-color);color:#fff;text-align:center;border-radius:99px;padding:1.25rem 2rem;transition:all .4s ease;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;position:relative;text-transform:uppercase;font-size:.875rem;font-weight:600;text-shadow:0 0 2px rgba(0,0,0,.2);line-height:1;-webkit-appearance:none;appearance:none;}.button i{margin-right:10px;}.button:hover,.button:active,.button:focus{background:var(--system-text);}.button[disabled]{background:var(--system-gray-lighter);pointer-events:none;}.button[disabled]:hover,.button[disabled]:active,.button[disabled]:focus{background:var(--system-gray-lighter);cursor:not-allowed;}.button.button--outline{background:#fff;border:1px solid var(--accent-color);color:var(--accent-color);}.button.button--outline:hover,.button.button--outline:active,.button.button--outline:focus{background:var(--system-text);border-color:var(--system-text);color:#fff;}.button.button--outline[disabled]{border-color:var(--system-gray-lighter);pointer-events:none;color:var(--system-gray-lighter);text-shadow:none;}.button.button--outline[disabled]:hover,.button.button--outline[disabled]:active,.button.button--outline[disabled]:focus{border-color:var(--system-gray-lighter);cursor:not-allowed;color:var(--system-gray-lighter);}.md-16{font-size:16px;}.md-18{font-size:18px;}.md-24{font-size:24px;}.md-36{font-size:36px;}.md-48{font-size:48px;}.loader,.loader:after{border-radius:50%;width:5em;height:5em;}.loader{margin:0 auto;font-size:10px;position:relative;text-indent:-9999em;border-top:2px solid rgba(255,255,255,.2);border-right:2px solid rgba(255,255,255,.2);border-bottom:2px solid rgba(255,255,255,.2);border-left:2px solid #fff;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear;}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}.column{max-width:78rem;padding:0 1.5rem;width:100%;margin-left:auto;margin-right:auto;}h3{font-size:24px;color:var(--accent-color);font-weight:300;}h4{font-size:18px;color:var(--accent-color);font-weight:300;}h5{font-size:14px;color:var(--secondary-color);font-weight:700;}figure.media{margin:30px 0;}img{display:block;margin:0 auto;max-width:100%;}body.sticky .page-title{padding-top:16rem;}.page-title{padding-top:3rem;text-align:center;position:relative;margin-bottom:6rem;padding-bottom:1rem;}@media all and (min-width:769px){.page-title{padding-top:22rem;margin-bottom:12rem;}}.page-title>*{position:relative;z-index:1;}.page-title h1{margin-bottom:2rem;}.page-title p{font-size:1.25rem;color:var(--primary-color);font-weight:500;margin-left:auto;margin-right:auto;max-width:48.5rem;line-height:1.6;}.page-title::after{content:"";display:block;position:absolute;left:50%;bottom:-3rem;top:0;background:var(--primary-color-background);background-repeat:no-repeat;background-size:cover;opacity:1;transform:translateX(-50%);z-index:-1;width:100vw;-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 3rem),0 100%);clip-path:polygon(0 0,100% 0,100% calc(100% - 3rem),0 100%);}@media all and (min-width:769px){.page-title::after{bottom:-6rem;-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 6rem),0 100%);clip-path:polygon(0 0,100% 0,100% calc(100% - 6rem),0 100%);}}.hero{margin-left:auto;margin-right:auto;}@media all and (max-width:768px){.hero h2{margin-top:4rem;}}.hero p{font-size:1rem;line-height:1.6;}.hero .button{margin-top:2rem;}@media all and (max-width:768px){.hero .button{margin-left:auto;margin-right:auto;}}.hero .inner{position:relative;display:flex;align-items:center;flex-direction:row-reverse;}@media all and (max-width:768px){.hero .inner{flex-direction:column;text-align:center;}}.mobile-only{display:none;}@media all and (max-width:768px){.mobile-only{display:block;}}@media all and (max-width:768px){.hide-mobile{display:none;}}.select{background:var(--system-background);border-radius:99px;display:inline-flex;position:relative;font-size:.875rem;}.select::after{font-family:"Material Icons";content:"";color:var(--system-gray);position:absolute;font-size:2rem;right:1rem;}.select select{-webkit-appearance:none;appearance:none;background-color:transparent;border:0;padding:1rem 4rem 1rem 2rem;margin:0;width:100%;font-family:inherit;font-size:inherit;cursor:inherit;line-height:inherit;z-index:1;}.select select::-ms-expand{display:none;}.account-login main{padding-bottom:3rem;}@media all and (min-width:769px){.account-login main{padding-bottom:6rem;}}.ripple{display:inline-block;position:relative;width:80px;height:80px;}.ripple div{position:absolute;border:4px solid var(--primary-color);opacity:1;border-radius:50%;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;}.ripple div:nth-child(2){animation-delay:-.5s;border:4px solid var(-\2d accent-color);}@keyframes lds-ripple{0%{top:36px;left:36px;width:0;height:0;opacity:1;}100%{top:0;left:0;width:72px;height:72px;opacity:0;}}.feedback-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;text-align:center;}.feedback-modal>div{background:#fff;max-width:600px;padding:20px;border-radius:10px;width:100%;position:relative;}.feedback-modal .button{width:100%;margin-top:1rem;}.feedback-modal .close{position:absolute;top:0;right:0;padding:1em;background:none;border:0;cursor:pointer;margin:0;display:block;}.feedback-modal .close i{font-size:2.5rem;}.upload-component>div{position:relative;}.upload-component>div>ul{margin:0!important;padding:0!important;list-style:none;}.upload-component>div>ul li{display:flex;border:solid 1px var(--system-background-offset);border-radius:5px;padding:2px 20px 2px 2px;}.upload-component>div>ul li span{display:flex;align-items:center;justify-content:center;background-color:var(--system-background-offset);width:80px;height:80px;border-radius:3px;margin-right:10px;}.upload-component>div>ul li span i{margin-right:0!important;}.upload-component>div>ul li strong{flex:1;}.upload-component>div .upload-options{display:flex;align-items:center;justify-content:center;background:var(--system-background-offset);padding:10px;border-radius:5px;cursor:pointer;}.upload-component>div .upload-options i{margin-right:10px;}.upload-component>div .upload-options>strong{flex:1;display:flex;align-items:center;}.upload-component>div .upload-options>span{display:flex;align-items:center;}.upload-component>div span.progress{position:absolute;bottom:0;left:0;height:3px;background-color:var(--accent-color);}.upload-component .qr-code{position:fixed;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;top:0;left:0;bottom:0;right:0;z-index:999999;}.upload-component .qr-code>div{position:relative;width:450px;padding:20px;border-radius:5px;background:#fff;text-align:center;}.upload-component .qr-code>div a.close{position:absolute;top:20px;right:20px;cursor:pointer;}.upload-component .qr-code>div img{width:200px;height:200px;background:#eee;border-radius:3px;}
.bundle-detail .detail-header ul{padding:0;margin:0;list-style:none}.bundle-detail .page-title{margin-bottom:0;background-color:var(--primary-color-background)}.bundle-detail .page-title::after{display:none}.bundle-detail .page-title h1{margin-left:auto;margin-right:auto;max-width:900px}.bundle-detail .detail-header{position:relative;margin-top:.25rem;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:2rem 0 1rem 0;margin-bottom:2rem}.bundle-detail .detail-header::after{content:'';display:block;position:absolute;left:50%;right:0;top:0;bottom:0;background:var(--primary-color-background);background-repeat:no-repeat;background-size:cover;opacity:1;z-index:-1;transform:translateX(-50%);width:100vw;-webkit-clip-path:none;clip-path:none}.bundle-detail .detail-header img{max-height:3.375rem;width:auto}.bundle-detail .detail-header ul{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;margin-bottom:1rem}.bundle-detail .detail-header ul+div{margin-bottom:1rem}.bundle-detail .detail-header ul span{background:var(--system-background);color:var(--primary-color);text-align:center;border-radius:99px;padding:.7rem 1.125rem;transition:all .4s ease;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;position:relative;font-size:1.125rem;font-weight:600}.bundle-detail .detail-header ul small{font-size:.875rem;margin-left:.5em;font-weight:normal}.bundle-detail .detail-header ul li{margin-right:2rem;display:inline-flex;align-items:center;justify-content:center}.bundle-detail .detail-header ul i{color:var(--green);margin-right:.5rem}.bundle-detail .detail-header s{color:var(--accent-color);margin-right:1em}.bundle-detail .detail-header small{margin-left:1em}.bundle-detail .detail-header .select{margin-right:2rem}.bundle-detail .card-wrapper{margin-top:2rem;margin-bottom:2rem}.bundle-detail .descriptions{margin-bottom:3rem}.bundle-detail .descriptions.primary-content{position:relative}.bundle-detail .descriptions.secondary-content{position:relative;padding-bottom:6rem;padding-top:2rem}.bundle-detail .descriptions.secondary-content::after{content:'';display:block;position:absolute;left:50%;bottom:-3rem;top:0;background:var(--secondary-color-background);background-repeat:no-repeat;background-size:cover;opacity:1;transform:translateX(-50%);z-index:-1;width:100vw;-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 3rem),0 100%);clip-path:polygon(0 0,100% 0,100% calc(100% - 3rem),0 100%)}@media all and (min-width:769px){.bundle-detail .descriptions.secondary-content::after{bottom:-6rem;-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 6rem),0 100%);clip-path:polygon(0 0,100% 0,100% calc(100% - 6rem),0 100%)}}.bundle-detail .descriptions.secondary-content a{color:var(--secondary-color)}.bundle-detail .descriptions.secondary-content a:hover,.bundle-detail .descriptions.secondary-content a:active,.bundle-detail .descriptions.secondary-content a:focus{color:var(--system-background);background-color:var(--secondary-color);text-shadow:0 0 2px rgba(0,0,0,.2)}.bundle-detail .descriptions.secondary-content a.active{color:var(--system-background);background-color:var(--secondary-color);text-shadow:0 0 2px rgba(0,0,0,.2)}@media all and (min-width:769px){body.bundle-detail .footer-menu{margin-top:8rem}}
.ck-content h3{all:unset !important;display:block !important;margin:1em 0 !important;font-size:1.4em !important;font-weight:100 !important;color:var(--accent-color) !important}.ck-content h4{all:unset !important;display:block !important;margin:1em 0 !important;font-size:1.2em !important;font-weight:100 !important;color:var(--primary-color) !important}.ck-content h5{all:unset !important;display:block !important;margin:1em 0 !important;font-size:1em !important;color:var(--secondary-color) !important}.ck-content p.intro-paragraph{margin:1em 0 !important;font-size:1.2em !important;font-weight:100 !important}.ck-content ul:not(.todo-list){list-style:none;padding:0}.ck-content ul:not(.todo-list) li{margin-bottom:5px;position:relative;padding-left:30px}.ck-content ul:not(.todo-list) li:last-child{margin-bottom:0}.ck-content ul:not(.todo-list) li ul{flex:0 0 100%;margin-top:5px}.ck-content ul:not(.todo-list) li ul li::before{content:""}.ck-content ul:not(.todo-list) li::before{font-family:"Material Icons";content:"";color:var(--primary-color);position:absolute;left:0;top:0}.ck-content ul.todo-list{list-style:none;padding:0 0 0 35px}.ck-content ul.todo-list li{display:flex;margin-bottom:5px}.ck-content ul.todo-list li input[type=checkbox]{-webkit-appearance:none;display:inline-block;position:relative;width:16px;height:16px;vertical-align:middle;border:0;left:-25px;margin-right:-15px;right:0;margin-left:0}.ck-content ul.todo-list li input[type=checkbox]::before{display:block;font-family:"Material Icons";font-size:16px;line-height:1;position:absolute;content:"";width:100%;height:100%;border:0;color:var(--primary-color)}.ck-content ul.todo-list li input[type=checkbox]:checked::before{content:"";background:none}.ck-content ul.todo-list li input[type=checkbox]::after{display:none}.ck-content ul.todo-list li:last-child{margin-bottom:0}.ck-content ol{list-style:none;padding:0;counter-reset:li}.ck-content ol li{display:flex;margin-bottom:5px}.ck-content ol li:last-child{margin-bottom:0}.ck-content ol li:before{content:counter(li);counter-increment:li;color:#fff;background-color:var(--primary-color);margin-right:1rem;flex-shrink:0;text-align:center;width:1.5rem;height:1.5rem;border-radius:1.5rem}.ck-content blockquote{all:unset !important;background:var(--system-background-offset) !important;padding:20px !important;border-radius:10px !important;display:block !important;font-size:1.4em !important;font-style:italic !important;border-left:solid 10px var(--system-gray) !important;margin:1em 0 !important}.ck-content figure.table{margin:1em 0;display:block}.ck-content figure.table table{display:table;width:100%;border:solid 1px var(--system-gray-lighter);border-collapse:collapse}.ck-content figure.table table tbody{display:table-row-group;vertical-align:middle}.ck-content figure.table table tbody tr{display:table-row}.ck-content figure.table table td{display:table-cell;border:solid 1px var(--system-gray-lighter);padding:10px}.ck-content figure.media,.ck-content figure.image{margin:1em 0;margin-left:-30px;margin-right:-30px}@media all and (max-width:768px){.ck-content figure.media,.ck-content figure.image{margin-left:-15px;margin-right:-15px}}.ck-content figure.image img{display:block;width:100%}.ck-content .image-style-align-left{float:left;margin-right:0;width:50%;padding-right:30px;padding-bottom:30px;margin-top:.5em;margin-right:0;margin-left:-30px}.ck-content .image-style-align-right{float:right;margin-left:0;width:50%;padding-left:30px;padding-bottom:30px;margin-top:.5em;margin-left:0;margin-right:-30px}.ck-content section.info-box,.ck-content section.success-box,.ck-content section.warning-box{position:relative;margin:1em 0;padding:20px;border-radius:10px}.ck-content section.info-box::before,.ck-content section.success-box::before,.ck-content section.warning-box::before{position:absolute;font-family:"Material Icons";font-size:18px;top:-15px;left:-15px;background:var(--system-background);border-radius:9999px;line-height:1;padding:5px}.ck-content section.info-box>h6,.ck-content section.success-box>h6,.ck-content section.warning-box>h6{margin:0;margin-bottom:1em;font-size:12px;text-transform:uppercase;font-weight:700;position:relative;display:flex;align-items:center}.ck-content section.info-box>div p:first-child,.ck-content section.success-box>div p:first-child,.ck-content section.warning-box>div p:first-child{margin-top:0}.ck-content section.info-box>div p:last-child,.ck-content section.success-box>div p:last-child,.ck-content section.warning-box>div p:last-child{margin-bottom:0}.ck-content section.info-box{background:var(--primary-color-background) !important}.ck-content section.info-box::before{content:"";color:var(--primary-color)}.ck-content section.info-box>h6{color:var(--primary-color)}.ck-content section.success-box{background:var(--secondary-color-background) !important}.ck-content section.success-box::before{content:"";color:var(--secondary-color)}.ck-content section.warning-box{background:var(--accent-color-background) !important}.ck-content section.warning-box::before{content:"";color:var(--accent-color)}.ck-content .marker-primary-light,.ck-content .marker-primary-dark{padding:.25rem;color:var(--primary-color)}.ck-content .marker-primary-dark{background:var(--primary-color-foreground)}.ck-content .marker-primary-light{background:var(--primary-color-background)}.ck-content .marker-secondary-light,.ck-content .marker-secondary-dark{padding:.25rem;color:var(--secondary-color)}.ck-content .marker-secondary-dark{background:var(--secondary-color-foreground)}.ck-content .marker-secondary-light{background:var(--secondary-color-background)}.ck-content .marker-accent-light,.ck-content .marker-accent-dark{padding:.25rem;color:var(--accent-color)}.ck-content .marker-accent-dark{background:var(--accent-color-foreground)}.ck-content .marker-accent-light{background:var(--accent-color-background)}
.account-purchase .purchase-wrapper {
  display: grid;
  column-gap: 22px;
  margin-top: 268px;
}
.account-purchase .summary {
  display: flex;
  flex-direction: column !important;
}
@media (min-width: 768px) {
  .account-purchase .purchase-wrapper {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .account-purchase .purchase-content {
    grid-column: span 7/span 7;
    grid-column-start: 2;
  }
  .account-purchase .summary {
    grid-column: span 4/span 4;
    margin-top: 0;
    height: fit-content;
    margin-top: 125px;
  }
}
.account-purchase .restricted-steps {
  display: none;
}
.account-purchase .terms-heading {
  border-radius: 15px 15px 0px 0px;
  background: #b8c3cc;
  padding: 10px 14px;
  font-weight: 600;
}
.account-purchase .discount .two-cols > div:first-child {
  flex-direction: column !important;
  align-items: start;
}
.account-purchase .payment-logos {
  display: flex;
  flex-direction: row;
}
.account-purchase .purchase-wrapper ul {
  display: flex;
  list-style-type: none;
  padding-left: 12px;
}
.account-purchase .terms-content {
  margin-block: 0px !important;
  border-radius: 0px !important;
}
.account-purchase .terms-content + .checkbox {
  border: 1px solid var(--system-gray-lighter);
  border-top: none;
  border-radius: 0px 0px 15px 15px;
  margin: 0px !important;
  padding-left: 40px;
  padding-block: 25px;
}
.account-purchase .terms-content + .checkbox input {
  left: 12px !important;
  top: 50%;
  transform: translateY(-75%);
}
.account-purchase .terms-content strong {
  color: var(--accent-color);
}
.account-purchase #StripePaymentForm .two-cols div {
  display: block;
}

.account-purchase .purchase-wrapper{display:grid;column-gap:22px;margin-top:268px}.account-purchase .summary{display:flex;flex-direction:column!important}@media(min-width:768px){.account-purchase .purchase-wrapper{grid-template-columns:repeat(12,minmax(0,1fr))}.account-purchase .purchase-content{grid-column:span 7/span 7;grid-column-start:2}.account-purchase .summary{grid-column:span 4/span 4;margin-top:0;height:fit-content;margin-top:125px}}.account-purchase .restricted-steps{display:none}.account-purchase .terms-heading{border-radius:15px 15px 0 0;background:#b8c3cc;padding:10px 14px;font-weight:600}.account-purchase .discount .two-cols>div:first-child{flex-direction:column!important;align-items:start}.account-purchase .payment-logos{display:flex;flex-direction:row}.account-purchase .purchase-wrapper ul{display:flex;list-style-type:none;padding-left:12px}.account-purchase .terms-content{margin-block:0!important;border-radius:0!important}.account-purchase .terms-content+.checkbox{border:1px solid var(--system-gray-lighter);border-top:0;border-radius:0 0 15px 15px;margin:0!important;padding-left:40px;padding-block:25px}.account-purchase .terms-content+.checkbox input{left:12px!important;top:50%;transform:translateY(-75%)}.account-purchase .terms-content strong{color:var(--accent-color)}.account-purchase #StripePaymentForm .two-cols div{display:block}
/* Title: Gloo Framework
* Author: Bradley Searle (C2 Digital)
* Source: www.c2.co.zw
* License: CC BY 4.0 (https://creativecommons.org/licenses/by/4.0/legalcode)
*/
/* Variables */
/* Mix-ins */
.card-grid a[data-course=accredited]::after {
  content: "";
  display: block;
}

div.state-modal ul, .course-detail .detail-header ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.course-detail main {
  font-size: 1.2rem;
}
.course-detail .page-title {
  margin-bottom: 0;
  background-color: var(--primary-color-background);
}
.course-detail .page-title::after {
  display: none;
}
.course-detail .page-title h1 {
  margin-left: auto;
  margin-right: auto;
  max-width: 900px;
}
.course-detail .page-title p {
  color: var(--primary-color);
}
.course-detail .detail-header {
  position: relative;
  margin-top: 0.25rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 2rem 0 1rem 0;
}
.course-detail .detail-header::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  right: 0;
  top: 0;
  bottom: 0;
  background: var(--primary-color-background);
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 1;
  z-index: -1;
  transform: translateX(-50%);
  width: 100vw;
  -webkit-clip-path: none;
  clip-path: none;
}
.course-detail .detail-header img {
  max-height: 3.375rem;
  width: auto;
}
.course-detail .detail-header ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 1rem;
}
.course-detail .detail-header ul + div {
  margin-bottom: 1rem;
}
.course-detail .detail-header ul span {
  background: var(--system-background);
  color: var(--primary-color);
  text-align: center;
  border-radius: 99px;
  padding: 0.7rem 1.125rem;
  transition: all 0.4s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border: 0;
  position: relative;
  font-size: 1.125rem;
  font-weight: 600;
}
.course-detail .detail-header ul small {
  font-size: 0.875rem;
  margin-left: 0.5em;
  font-weight: normal;
}
.course-detail .detail-header ul li {
  margin-right: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.course-detail .detail-header ul i {
  color: var(--green);
  margin-right: 0.5rem;
}
.course-detail .detail-header .select {
  margin-right: 2rem;
}
.course-detail .descriptions {
  margin-bottom: 3rem;
}
.course-detail .descriptions.primary-content {
  position: relative;
}
.course-detail .descriptions.primary-content .controls {
  background-color: var(--primary-color-background);
}
.course-detail .descriptions .controls {
  position: relative;
  border-radius: 2rem;
  padding: 1rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 2rem;
}
.course-detail .descriptions .controls > * {
  z-index: 1;
}
@media all and (min-width: 769px) {
  .course-detail .descriptions .controls {
    margin-left: -1rem;
    margin-right: -1rem;
  }
}
.course-detail .descriptions .controls a {
  display: inline-block;
  cursor: pointer;
  font-size: 0.875rem;
  text-transform: uppercase;
  transition: 0.2s;
  background-color: transparent;
  color: var(--primary-color);
  border: none;
  padding: 0.25rem 0.75rem;
  line-height: 1.6;
  border-radius: 1rem;
  margin-right: 1rem;
}
.course-detail .descriptions .controls a:hover, .course-detail .descriptions .controls a:active, .course-detail .descriptions .controls a:focus {
  color: var(--system-background);
  background-color: var(--primary-color);
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
}
.course-detail .descriptions .controls a.active {
  color: var(--system-background);
  background-color: var(--primary-color);
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
}
.course-detail .descriptions .panels {
  position: relative;
  z-index: 1;
  display: none;
  padding: 1rem;
}
.course-detail .descriptions .panels.active {
  display: block;
}
.course-detail .descriptions.secondary-content {
  position: relative;
  padding-bottom: 6rem;
}
.course-detail .descriptions.secondary-content::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: -3rem;
  top: 0;
  background: var(--secondary-color-background);
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 1;
  transform: translateX(-50%);
  z-index: -1;
  width: 100vw;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 3rem), 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 3rem), 0 100%);
}
@media all and (min-width: 769px) {
  .course-detail .descriptions.secondary-content::after {
    bottom: -6rem;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 6rem), 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 6rem), 0 100%);
  }
}
.course-detail .descriptions.secondary-content .controls {
  position: relative;
}
.course-detail .descriptions.secondary-content .controls::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  right: 0;
  top: 0;
  bottom: 0;
  background: var(--system-background);
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 1;
  z-index: -1;
  transform: translateX(-50%);
  width: 100vw;
  -webkit-clip-path: none;
  clip-path: none;
  top: unset;
  height: 0.25rem;
  bottom: -0.25rem;
  z-index: 0;
}
.course-detail .descriptions.secondary-content a {
  color: var(--secondary-color);
}
.course-detail .descriptions.secondary-content a:hover, .course-detail .descriptions.secondary-content a:active, .course-detail .descriptions.secondary-content a:focus {
  color: var(--system-background);
  background-color: var(--secondary-color);
}
.course-detail .descriptions.secondary-content a.active {
  color: var(--system-background);
  background-color: var(--secondary-color);
}
.course-detail .descriptions.secondary-content .warning-box::before, .course-detail .descriptions.secondary-content .info-box::before, .course-detail .descriptions.secondary-content .success-box::before {
  background: var(--secondary-color-background);
}
.course-detail .descriptions.secondary-content .success-box {
  background: var(--system-background) !important;
}
.course-detail .descriptions.secondary-content .ck-content ul:not(.todo-list) li::before {
  color: var(--secondary-color);
}
.course-detail .descriptions.secondary-content .ck-content ul.todo-list li input[type=checkbox]::before {
  color: var(--secondary-color);
}
.course-detail .descriptions.secondary-content .ck-content ol li:before {
  background-color: var(--secondary-color);
}
.course-detail .bridging-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  background: rgba(0, 0, 0, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
}
.course-detail .bridging-modal > div {
  background: white;
  max-width: 600px;
  padding: 20px;
  border-radius: 10px;
  width: 100%;
}
.course-detail .bridging-modal .button {
  width: 100%;
  margin-top: 1rem;
}
.course-detail .card-wrapper {
  padding-bottom: 3rem;
  margin-bottom: 3rem;
}
@media all and (min-width: 769px) {
  .course-detail .card-wrapper {
    padding-bottom: 6rem;
    margin-bottom: 6rem;
  }
}

div.state-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  background: rgba(0, 0, 0, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
}
div.state-modal > div {
  background: white;
  max-width: 400px;
  padding: 30px;
  border-radius: 30px;
  text-align: center;
  position: relative;
}
div.state-modal .close {
  position: absolute;
  top: 20px;
  right: 20px;
  color: var(--system-gray);
  background-color: transparent;
  border: none;
  cursor: pointer;
}
div.state-modal a {
  width: 100%;
  margin: 10px;
  border: solid 2px var(--primary-color);
  padding: 10px;
  border-radius: 99px;
  text-transform: uppercase;
  color: var(--primary-color);
  cursor: pointer;
  display: block;
  text-decoration: none;
}
div.state-modal a:hover, div.state-modal a:active, div.state-modal a:focus {
  background: var(--primary-color);
  color: var(--system-background);
}
div.state-modal h2 {
  margin: 0;
  color: var(--accent-color);
}

@media all and (min-width: 769px) {
  body.course-detail .footer-menu {
    margin-top: 8rem;
  }
}

.card-wrapper .recognised {
  background-color: var(--primary-color-background);
  position: relative;
  border-radius: 1rem;
  padding: 1rem 2rem;
  color: var(--primary-color);
  line-height: 1.6;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
}
@media all and (min-width: 769px) {
  .card-wrapper .recognised {
    flex-direction: row;
  }
}
.card-wrapper .recognised img {
  max-width: 11rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
@media all and (min-width: 769px) {
  .card-wrapper .recognised img {
    margin-right: 2rem;
  }
}
.card-wrapper .recognised::before, .card-wrapper .recognised::after {
  content: "";
  display: block;
  clear: both;
}
.card-controls {
  background-color: var(--primary-color-background);
  position: relative;
  border-radius: 2rem;
  padding: 1rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.card-controls > * {
  z-index: 1;
}
@media all and (min-width: 769px) {
  .card-controls {
    margin-left: -1rem;
    margin-right: -1rem;
  }
}
.card-controls a, .card-controls button {
  display: inline-block;
  cursor: pointer;
  font-size: 0.875rem;
  text-transform: uppercase;
  transition: 0.2s;
}
.card-controls button {
  background-color: transparent;
  color: var(--primary-color);
  border: none;
  padding: 0.25rem 0.75rem;
  line-height: 1.6;
  border-radius: 1rem;
}
.card-controls button:hover, .card-controls button:active, .card-controls button:focus {
  color: var(--system-background);
  background-color: var(--primary-color);
}
.card-controls button.active {
  color: var(--system-background);
  background-color: var(--primary-color);
}
@media all and (max-width: 768px) {
  .card-controls button {
    display: none;
  }
}
@media all and (min-width: 769px) {
  .card-controls .select {
    display: none;
  }
}
.card-controls a {
  text-decoration: none;
  color: var(--system-text);
  display: flex;
  flex-direction: row;
  align-items: center;
  white-space: nowrap;
  margin-left: 1rem;
}
.card-controls a i {
  color: var(--accent-color);
  margin-left: 0.5rem;
}
.card-controls a:hover, .card-controls a:active, .card-controls a:focus {
  color: var(--accent-color);
  text-decoration: none;
}
.card-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 1.25rem;
  border-radius: 1rem;
  overflow: hidden;
  min-height: 30rem;
}
@media all and (min-width: 769px) {
  .card-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.card-grid a {
  display: flex;
  position: relative;
  overflow: hidden;
  flex-direction: column;
  justify-content: flex-end;
  background-color: var(--primary-color);
  padding: 1.5rem;
  transition: 0.2s;
  text-decoration: none;
  height: 30rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
}
.card-grid a::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  z-index: 0;
}
.card-grid a[data-course=accredited]::after {
  position: absolute;
  right: 1.5rem;
  bottom: 1.5rem;
  width: 3rem;
  height: 3rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("/Assets/Images/Nationally-Recognised-Training-Logo.png");
}
.card-grid a h5 {
  font-size: 1.125rem;
  font-weight: 900;
  margin: 0;
  line-height: 1;
  margin-bottom: 0.5rem;
  max-width: 80%;
}
.card-grid a small {
  font-size: 0.75rem;
  font-weight: 500;
}
.card-grid a span {
  font-size: 0.875rem;
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  background-color: var(--accent-color);
  border-radius: 9999px;
  padding: 10px 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  line-height: 1;
  justify-content: center;
  font-size: 1.125rem;
}
.card-grid a span small {
  font-size: 0.875rem;
  margin-left: 0.5em;
  font-weight: normal;
}
.card-grid a h5, .card-grid a small, .card-grid a span {
  z-index: 1;
  color: var(--system-background);
}

.course-detail-header {
  display: flex;
  justify-content: space-between;
  position: relative;
  color: #0e1972;
  padding-block: 35px;
  margin-top: 2px;
}
@media (max-width: 1024px) {
  .course-detail-header {
    flex-direction: column;
    align-items: center;
  }
}
.course-detail-header::after {
  content: "";
  position: absolute;
  left: 50%;
  right: 0;
  top: 0;
  bottom: 0;
  background: var(--primary-color-background);
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 1;
  z-index: -1;
  transform: translateX(-50%);
  width: 100vw;
  clip-path: none;
}
@media (max-width: 1024px) {
  .course-detail-header .course-checkpoints {
    margin-bottom: 24px;
  }
}
.course-detail-header .course-checkpoints ul {
  padding-left: 0;
  margin-block: 0;
}
@media (max-width: 1024px) {
  .course-detail-header .course-checkpoints ul {
    display: flex;
    column-gap: 24px;
    flex-wrap: wrap;
  }
}
.course-detail-header .course-checkpoints li {
  list-style-type: none;
}
.course-detail-header .course-checkpoints li:not(:last-child) {
  margin-bottom: 32px;
}
@media (max-width: 1024px) {
  .course-detail-header .course-checkpoints li:not(:last-child) {
    margin-bottom: 12px;
  }
}
.course-detail-header .course-checkpoints .material-icons {
  color: #8cc63f;
  font-size: 20px;
  vertical-align: middle;
  padding: 12px;
  background-color: white;
  border-radius: 50%;
  margin-right: 17.5px;
}
@media (max-width: 1024px) {
  .course-detail-header .course-checkpoints .material-icons {
    margin-right: 12px;
  }
}
.course-detail-header .course-logos {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 250px;
  gap: 30px;
  background-color: white;
  padding: 30px 17.5px;
  border-radius: 14px;
}
.course-detail-header .course-logos img {
  width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  .course-detail-header .course-logos {
    max-width: 100%;
  }
}
.course-detail-header .course-purchase-wrapper {
  display: flex;
  gap: 18px;
  height: 100%;
}
@media (max-width: 768px) {
  .course-detail-header .course-purchase-wrapper {
    flex-direction: column;
    gap: 24px;
  }
}
.course-detail-header .course-purchase-wrapper .course-cta {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.course-detail-header .course-purchase-wrapper .course-cta .select select {
  max-height: 47px;
  font-size: 18px;
}
.course-detail-header .course-price-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-wrap: wrap;
  text-align: center;
  line-height: 1;
  font-weight: 700;
  background-color: white;
  padding: 30px 17.5px;
  border-radius: 14px;
}
.course-detail-header .course-price-container div:first-child {
  font-size: 24px;
}
.course-detail-header .course-price-container .course-buttons {
  width: 100%;
}
@media (max-width: 1024px) {
  .course-detail-header .course-price-container {
    gap: 12px;
  }
}
.course-detail-header .course-price {
  font-size: 58px;
  margin-bottom: 12px;
  display: flex;
  flex-direction: column;
}
.course-detail-header .course-price small {
  font-size: 16px;
}
@media (max-width: 768px) {
  .course-detail-header .course-price {
    font-size: 44px;
  }
}
.course-detail-header .select select {
  border-radius: 99px;
  border: 1px solid #ccc;
}
.course-detail-header .select::after {
  top: 10px;
}

.course-purchase-sticky-wrapper {
  height: auto;
}

.course-purchase-wrapper.is-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: #e5f0ff;
  padding: 12px 24px;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  height: auto;
}
.course-purchase-wrapper.is-sticky .column {
  background-color: white;
  padding: 8px 17.5px;
  border-radius: 14px;
}
.course-purchase-wrapper.is-sticky .course-logos {
  display: none;
}
.course-purchase-wrapper.is-sticky .course-price-container {
  flex-direction: row;
  align-items: center;
  gap: 16px;
  text-align: left;
  font-weight: 700;
}
.course-purchase-wrapper.is-sticky .course-price-container .course-price {
  font-size: 40px;
  margin-right: auto;
}
.course-purchase-wrapper.is-sticky .course-price-container .course-price small {
  font-size: 14px;
}
.course-purchase-wrapper.is-sticky .course-price-container .select select {
  border-radius: 99px;
  border: 1px solid #ccc;
  max-width: 107px;
  padding-right: 24px;
}
.course-purchase-wrapper.is-sticky .course-price-container .course-cta {
  flex-direction: row;
}

.course-detail-header{display:flex;justify-content:space-between;position:relative;color:#0e1972;padding-block:35px;margin-top:2px}@media(max-width:1024px){.course-detail-header{flex-direction:column;align-items:center}}.course-detail-header::after{content:"";position:absolute;left:50%;right:0;top:0;bottom:0;background:var(--primary-color-background);background-repeat:no-repeat;background-size:cover;opacity:1;z-index:-1;transform:translateX(-50%);width:100vw;clip-path:none}@media(max-width:1024px){.course-detail-header .course-checkpoints{margin-bottom:24px}}.course-detail-header .course-checkpoints ul{padding-left:0;margin-block:0}@media(max-width:1024px){.course-detail-header .course-checkpoints ul{display:flex;column-gap:24px;flex-wrap:wrap}}.course-detail-header .course-checkpoints li{list-style-type:none}.course-detail-header .course-checkpoints li:not(:last-child){margin-bottom:32px}@media(max-width:1024px){.course-detail-header .course-checkpoints li:not(:last-child){margin-bottom:12px}}.course-detail-header .course-checkpoints .material-icons{color:#8cc63f;font-size:20px;vertical-align:middle;padding:12px;background-color:#fff;border-radius:50%;margin-right:17.5px}@media(max-width:1024px){.course-detail-header .course-checkpoints .material-icons{margin-right:12px}}.course-detail-header .course-logos{display:flex;flex-direction:column;justify-content:space-between;max-width:250px;gap:30px;background-color:#fff;padding:30px 17.5px;border-radius:14px}.course-detail-header .course-logos img{width:100%;height:auto}@media(max-width:768px){.course-detail-header .course-logos{max-width:100%}}.course-detail-header .course-purchase-wrapper{display:flex;gap:18px;height:100%}@media(max-width:768px){.course-detail-header .course-purchase-wrapper{flex-direction:column;gap:24px}}.course-detail-header .course-purchase-wrapper .course-cta{display:flex;flex-direction:column;gap:12px}.course-detail-header .course-purchase-wrapper .course-cta .select select{max-height:47px;font-size:18px}.course-detail-header .course-price-container{display:flex;flex-direction:column;justify-content:space-between;flex-wrap:wrap;text-align:center;line-height:1;font-weight:700;background-color:#fff;padding:30px 17.5px;border-radius:14px}.course-detail-header .course-price-container div:first-child{font-size:24px}.course-detail-header .course-price-container .course-buttons{width:100%}@media(max-width:1024px){.course-detail-header .course-price-container{gap:12px}}.course-detail-header .course-price{font-size:58px;margin-bottom:12px;display:flex;flex-direction:column}.course-detail-header .course-price small{font-size:16px}@media(max-width:768px){.course-detail-header .course-price{font-size:44px}}.course-detail-header .select select{border-radius:99px;border:1px solid #ccc}.course-detail-header .select::after{top:10px}.course-purchase-sticky-wrapper{height:auto}.course-purchase-wrapper.is-sticky{position:fixed;top:0;left:0;right:0;z-index:999;background:#e5f0ff;padding:12px 24px;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.1);height:auto}.course-purchase-wrapper.is-sticky .column{background-color:#fff;padding:8px 17.5px;border-radius:14px}.course-purchase-wrapper.is-sticky .course-logos{display:none}.course-purchase-wrapper.is-sticky .course-price-container{flex-direction:row;align-items:center;gap:16px;text-align:left;font-weight:700}.course-purchase-wrapper.is-sticky .course-price-container .course-price{font-size:40px;margin-right:auto}.course-purchase-wrapper.is-sticky .course-price-container .course-price small{font-size:14px}.course-purchase-wrapper.is-sticky .course-price-container .select select{border-radius:99px;border:1px solid #ccc;max-width:107px;padding-right:24px}.course-purchase-wrapper.is-sticky .course-price-container .course-cta{flex-direction:row}
.cta-card__container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}
.cta-card__container a {
  width: fit-content;
}
.cta-card__content {
  padding-block: 50px;
}
.cta-card__image img {
  margin: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 14px;
}
@media (max-width: 768px) {
  .cta-card__container {
    grid-template-columns: 1fr;
  }
  .cta-card__content {
    order: 2;
    padding-block: 20px;
  }
  .cta-card__image {
    order: 1;
  }
}

.cta-card__container{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.cta-card__container a{width:fit-content}.cta-card__content{padding-block:50px}.cta-card__image img{margin:0;width:100%;height:100%;object-fit:cover;border-radius:14px}@media(max-width:768px){.cta-card__container{grid-template-columns:1fr}.cta-card__content{order:2;padding-block:20px}.cta-card__image{order:1}}
body.faqs ul.faq-list{padding:0;list-style:none}body.faqs ul.faq-list li{background:#fff;box-shadow:rgba(0,0,0,.2) 0 0 20px;border-radius:20px;margin-bottom:2rem;overflow:hidden}body.faqs ul.faq-list li details summary{list-style:none;padding-top:2rem;padding-left:1rem;padding-right:1rem;padding-bottom:2rem;display:flex;align-items:center;text-decoration:none;color:#333;background-color:var(--primary-color-background);color:var(--primary-color);cursor:pointer}body.faqs ul.faq-list li details summary::-webkit-details-marker{display:none}body.faqs ul.faq-list li details summary i{color:var(--primary-color);margin-right:15px}body.faqs ul.faq-list li details .answer{padding-left:1rem;padding-right:1rem;padding-bottom:1rem}
/* Title: Gloo Framework
 * Author: Bradley Searle (C2 Digital)
 * Source: www.c2.co.zw
 * License: CC BY 4.0 (https://creativecommons.org/licenses/by/4.0/legalcode)
 */
/* Variables */
/* Mix-ins */
.footer ul, .footer-menu ul {
  padding: 0;
  margin: 0;
  list-style: none; }

.footer {
  background-color: var(--primary-color-foreground);
  color: var(--system-background);
  padding: 2rem 0; }
  .footer a {
    color: var(--system-background);
    text-decoration: none;
    transition: 0.2s; }
    .footer a:hover, .footer a:active, .footer a:focus {
      color: var(--accent-color);
      text-decoration: none; }
  .footer ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap; }
    @media all and (max-width: 768px) {
      .footer ul {
        flex-direction: column; } }
  @media all and (max-width: 768px) {
    .footer li {
      margin-top: 0.5rem; }
      .footer li:first-child {
        margin-top: 0; } }
  @media all and (min-width: 769px) {
    .footer li::before {
      content: '\2022';
      display: inline-block;
      padding: 0 0.5rem; }
    .footer li:first-child::before {
      display: none; } }
  .footer ul.social {
    margin-top: 0.5rem; }
    @media all and (max-width: 768px) {
      .footer ul.social {
        flex-direction: row; } }
    .footer ul.social a {
      display: block;
      padding: 0.25em 0.5em; }
    .footer ul.social svg {
      display: block;
      fill: #fff;
      width: 100%;
      max-height: 20px; }
    .footer ul.social .fb svg {
      max-height: 16px; }
    @media all and (max-width: 768px) {
      .footer ul.social li {
        margin-top: 0; } }
    @media all and (min-width: 769px) {
      .footer ul.social li::before {
        display: none; } }

.footer-menu {
  position: relative;
  background-color: var(--primary-color-background);
  padding-top: 1rem;
  margin-top: 6rem; }
  @media all and (min-width: 769px) {
    .footer-menu {
      margin-top: 12rem; } }
  .footer-menu::before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: -3rem;
    bottom: 0;
    background: var(--primary-color);
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
    transform: translateX(-50%);
    z-index: -1;
    width: 100vw;
    -webkit-clip-path: polygon(0 3rem, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 3rem, 100% 0, 100% 100%, 0 100%);
    top: -5rem; }
    @media all and (min-width: 769px) {
      .footer-menu::before {
        top: -6rem;
        -webkit-clip-path: polygon(0 6rem, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(0 6rem, 100% 0, 100% 100%, 0 100%); } }
    @media all and (min-width: 769px) {
      .footer-menu::before {
        top: -8rem; } }
  .footer-menu::after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: -3rem;
    bottom: 0;
    background: var(--primary-color-background);
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
    transform: translateX(-50%);
    z-index: -1;
    width: 100vw;
    -webkit-clip-path: polygon(0 3rem, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 3rem, 100% 0, 100% 100%, 0 100%); }
    @media all and (min-width: 769px) {
      .footer-menu::after {
        top: -6rem;
        -webkit-clip-path: polygon(0 6rem, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(0 6rem, 100% 0, 100% 100%, 0 100%); } }
  .footer-menu h5 {
    color: var(--primary-color);
    font-weight: bold;
    font-size: 0.75rem;
    text-transform: uppercase;
    margin: 0; }
    @media all and (max-width: 768px) {
      .footer-menu h5 {
        margin-bottom: 2rem 0 1rem; } }
    .footer-menu h5 i {
      vertical-align: middle;
      margin-right: 0.5rem; }
  .footer-menu a {
    color: var(--primary-color);
    text-decoration: none;
    font-size: 1rem;
    margin-top: 1rem;
    display: inline-block; }
    .footer-menu a:hover, .footer-menu a:active, .footer-menu a:focus {
      color: var(--accent-color);
      text-decoration: underline; }
  .footer-menu .course-menu {
    padding: 0;
    margin-left: 0;
    padding-bottom: 3rem; }
    .footer-menu .course-menu p {
      color: var(--primary-color);
      font-weight: bold;
      font-size: 0.75rem !important;
      text-transform: uppercase;
      margin: 0; }
      @media all and (max-width: 768px) {
        .footer-menu .course-menu p {
          margin-bottom: 2rem 0 1rem; } }
      .footer-menu .course-menu p i {
        vertical-align: middle;
        margin-right: 0.5rem; }
    .footer-menu .course-menu > ul {
      margin-top: 1rem;
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      grid-gap: 1rem; }
      @media all and (min-width: 500px) {
        .footer-menu .course-menu > ul {
          grid-template-columns: repeat(2, 1fr); } }
      @media all and (min-width: 769px) {
        .footer-menu .course-menu > ul {
          grid-template-columns: repeat(4, 1fr); } }
      .footer-menu .course-menu > ul > li {
        padding: 1rem; }
  .footer-menu .page-menu {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
    position: relative;
    z-index: 1; }
    .footer-menu .page-menu::after {
      content: '';
      display: block;
      position: absolute;
      left: 50%;
      right: 0;
      top: 0;
      bottom: 0;
      background: var(--primary-color);
      background-repeat: no-repeat;
      background-size: cover;
      opacity: 1;
      z-index: -1;
      transform: translateX(-50%);
      width: 100vw;
      -webkit-clip-path: none;
      clip-path: none; }
    .footer-menu .page-menu h5 {
      color: var(--system-background); }
    .footer-menu .page-menu a {
      color: var(--system-background); }
    @media all and (min-width: 769px) {
      .footer-menu .page-menu {
        padding-bottom: 6rem; } }
    @media all and (min-width: 769px) {
      .footer-menu .page-menu {
        grid-template-columns: repeat(1, 1fr); } }
    .footer-menu .page-menu > ul {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      grid-gap: 1rem; }
      @media all and (min-width: 500px) {
        .footer-menu .page-menu > ul {
          grid-template-columns: repeat(2, 1fr); } }
      @media all and (min-width: 769px) {
        .footer-menu .page-menu > ul {
          grid-template-columns: repeat(4, 1fr); } }
      .footer-menu .page-menu > ul > li {
        padding: 1rem; }
    .footer-menu .page-menu .dynamic > a {
      color: var(--system-background);
      font-weight: bold;
      font-size: 0.75rem;
      text-transform: uppercase;
      margin: 0;
      line-height: 1;
      display: block; }
      .footer-menu .page-menu .dynamic > a:hover, .footer-menu .page-menu .dynamic > a:active, .footer-menu .page-menu .dynamic > a:focus {
        color: var(--system-background);
        text-decoration: underline; }
      @media all and (max-width: 768px) {
        .footer-menu .page-menu .dynamic > a {
          margin-bottom: 2rem 0 1rem; } }
      .footer-menu .page-menu .dynamic > a i {
        display: none; }
      .footer-menu .page-menu .dynamic > a::before {
        font-size: 24px;
        font-family: 'Material Icons';
        display: inline-block;
        vertical-align: middle;
        margin-right: 0.5rem;
        content: '\e88e';
        font-weight: normal; }

.footer ul,.footer-menu ul{padding:0;margin:0;list-style:none}.footer{background-color:var(--primary-color-foreground);color:var(--system-background);padding:2rem 0}.footer a{color:var(--system-background);text-decoration:none;transition:.2s}.footer a:active,.footer a:focus,.footer a:hover{color:var(--accent-color);text-decoration:none}.footer ul{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap}@media all and (max-width:768px){.footer ul{flex-direction:column}}@media all and (max-width:768px){.footer li{margin-top:.5rem}.footer li:first-child{margin-top:0}}@media all and (min-width:769px){.footer li::before{content:'\2022';display:inline-block;padding:0 .5rem}.footer li:first-child::before{display:none}}.footer ul.social{margin-top:.5rem}@media all and (max-width:768px){.footer ul.social{flex-direction:row}}.footer ul.social a{display:block;padding:.25em .5em}.footer ul.social svg{display:block;fill:#fff;width:100%;max-height:20px}.footer ul.social .fb svg{max-height:16px}@media all and (max-width:768px){.footer ul.social li{margin-top:0}}@media all and (min-width:769px){.footer ul.social li::before{display:none}}.footer-menu{position:relative;background-color:var(--primary-color-background);padding-top:1rem;margin-top:6rem}@media all and (min-width:769px){.footer-menu{margin-top:12rem}}.footer-menu::before{content:'';display:block;position:absolute;left:50%;top:-3rem;bottom:0;background:var(--primary-color);background-repeat:no-repeat;background-size:cover;opacity:1;transform:translateX(-50%);z-index:-1;width:100vw;-webkit-clip-path:polygon(0 3rem,100% 0,100% 100%,0 100%);clip-path:polygon(0 3rem,100% 0,100% 100%,0 100%);top:-5rem}@media all and (min-width:769px){.footer-menu::before{top:-6rem;-webkit-clip-path:polygon(0 6rem,100% 0,100% 100%,0 100%);clip-path:polygon(0 6rem,100% 0,100% 100%,0 100%)}}@media all and (min-width:769px){.footer-menu::before{top:-8rem}}.footer-menu::after{content:'';display:block;position:absolute;left:50%;top:-3rem;bottom:0;background:var(--primary-color-background);background-repeat:no-repeat;background-size:cover;opacity:1;transform:translateX(-50%);z-index:-1;width:100vw;-webkit-clip-path:polygon(0 3rem,100% 0,100% 100%,0 100%);clip-path:polygon(0 3rem,100% 0,100% 100%,0 100%)}@media all and (min-width:769px){.footer-menu::after{top:-6rem;-webkit-clip-path:polygon(0 6rem,100% 0,100% 100%,0 100%);clip-path:polygon(0 6rem,100% 0,100% 100%,0 100%)}}.footer-menu h5{color:var(--primary-color);font-weight:700;font-size:.75rem;text-transform:uppercase;margin:0}@media all and (max-width:768px){.footer-menu h5{margin-bottom:2rem 0 1rem}}.footer-menu h5 i{vertical-align:middle;margin-right:.5rem}.footer-menu a{color:var(--primary-color);text-decoration:none;font-size:1rem;margin-top:1rem;display:inline-block}.footer-menu a:active,.footer-menu a:focus,.footer-menu a:hover{color:var(--accent-color);text-decoration:underline}.footer-menu .course-menu{padding:0;margin-left:0;padding-bottom:3rem}.footer-menu .course-menu p{color:var(--primary-color);font-weight:700;font-size:.75rem!important;text-transform:uppercase;margin:0}@media all and (max-width:768px){.footer-menu .course-menu p{margin-bottom:2rem 0 1rem}}.footer-menu .course-menu p i{vertical-align:middle;margin-right:.5rem}.footer-menu .course-menu>ul{margin-top:1rem;display:grid;grid-template-columns:repeat(1,1fr);grid-gap:1rem}@media all and (min-width:500px){.footer-menu .course-menu>ul{grid-template-columns:repeat(2,1fr)}}@media all and (min-width:769px){.footer-menu .course-menu>ul{grid-template-columns:repeat(4,1fr)}}.footer-menu .course-menu>ul>li{padding:1rem}.footer-menu .page-menu{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:1rem;padding-top:3rem;padding-bottom:3rem;position:relative;z-index:1}.footer-menu .page-menu::after{content:'';display:block;position:absolute;left:50%;right:0;top:0;bottom:0;background:var(--primary-color);background-repeat:no-repeat;background-size:cover;opacity:1;z-index:-1;transform:translateX(-50%);width:100vw;-webkit-clip-path:none;clip-path:none}.footer-menu .page-menu h5{color:var(--system-background)}.footer-menu .page-menu a{color:var(--system-background)}@media all and (min-width:769px){.footer-menu .page-menu{padding-bottom:6rem}}@media all and (min-width:769px){.footer-menu .page-menu{grid-template-columns:repeat(1,1fr)}}.footer-menu .page-menu>ul{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:1rem}@media all and (min-width:500px){.footer-menu .page-menu>ul{grid-template-columns:repeat(2,1fr)}}@media all and (min-width:769px){.footer-menu .page-menu>ul{grid-template-columns:repeat(4,1fr)}}.footer-menu .page-menu>ul>li{padding:1rem}.footer-menu .page-menu .dynamic>a{color:var(--system-background);font-weight:700;font-size:.75rem;text-transform:uppercase;margin:0;line-height:1;display:block}.footer-menu .page-menu .dynamic>a:active,.footer-menu .page-menu .dynamic>a:focus,.footer-menu .page-menu .dynamic>a:hover{color:var(--system-background);text-decoration:underline}@media all and (max-width:768px){.footer-menu .page-menu .dynamic>a{margin-bottom:2rem 0 1rem}}.footer-menu .page-menu .dynamic>a i{display:none}.footer-menu .page-menu .dynamic>a::before{font-size:24px;font-family:'Material Icons';display:inline-block;vertical-align:middle;margin-right:.5rem;content:'\e88e';font-weight:400}
div.form .password-feedback ul{padding:0;margin:0;list-style:none}div.form{max-width:600px;margin:0 auto}div.form div.info{background:var(--primary-color-background);border-radius:10px;padding:20px 30px;position:relative;margin:30px 0}div.form div.info i{color:var(--accent-color);margin-right:20px;background:var(--system-background);border-radius:99px;position:absolute;top:-16px;left:-16px;padding:5px}div.form div.error{background:var(--accent-color);color:var(--system-background);border-radius:10px;padding:20px;margin-bottom:20px}div.form div.row{display:flex;flex-direction:column;margin-bottom:20px}div.form div.row label{font-size:.8em;text-transform:uppercase;margin-bottom:5px;color:var(--system-gray)}div.form div.row input[type=text],div.form div.row input[type=password],div.form div.row input[type=date],div.form div.row input[type=email],div.form div.row input[type=tel],div.form div.row input[type=number],div.form div.row textarea,div.form div.row select{background:var(--system-background);border-radius:10px;border:solid 1px var(--system-gray-lighter);font-size:16px;padding:19px 20px;-webkit-appearance:none}div.form div.checkbox{position:relative;margin-left:1.5rem;margin-bottom:1rem}div.form div.checkbox input{position:absolute;left:-1.5rem;top:.125rem}div.form div.radio-group{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;margin-bottom:20px;border-radius:10px;border:solid 1px var(--system-gray-lighter);padding:20px}div.form div.radio-group input{margin-right:10px}div.form div.radio-group label{margin-right:20px}div.form div.group{margin-bottom:20px;border-radius:10px;border:solid 1px var(--system-gray-lighter);padding:20px}div.form .password-feedback{padding:0;background-color:var(--system-gray-offset);border-radius:10px}div.form .password-feedback li{color:var(--system-gray);font-size:.8rem;line-height:1;margin-top:.5rem}div.form .password-feedback li::before{font-size:1rem;font-family:'Material Icons';display:inline-block;vertical-align:text-bottom;margin-right:.25rem;content:'';font-weight:normal}div.form .password-feedback li.passed{color:var(--green)}div.form .password-feedback li.passed::before{content:''}div.form .password-feedback progress{width:100%}div.form div.row .mobile-number{border-radius:10px;border:solid 1px var(--system-gray-lighter);display:flex;flex-direction:row;overflow:hidden}div.form div.row .mobile-number .select{flex-shrink:0;background:unset;background-color:var(--system-background-offset);border-radius:0}div.form div.row .mobile-number .select::after{z-index:1;align-self:center}div.form div.row .mobile-number .select select{border:none;border-radius:0;background:unset;padding:1rem 4rem 1rem 2rem}div.form div.row .mobile-number .select+div{flex-grow:1}div.form div.row .mobile-number input[type=tel]{width:100%;border:none}span.validate[style*="visible"],span.validate[style*="inline"]{display:flex !important;font-size:.9em;align-items:center;color:var(--accent-color);margin:1px;background:rgba(255,0,0,.1);padding:5px 10px;border-radius:9999px}span.validate[style*="visible"]::before,span.validate[style*="inline"]::before{content:"";font-family:"Material Icons";flex:0 0 20px}.info-toggle{position:relative;margin:20px 0;border-radius:10px;display:block;cursor:pointer;background:var(--primary-color-background)}.info-toggle summary{list-style:none;padding:20px}.info-toggle::before{position:absolute;font-family:"Material Icons";font-size:18px;top:-15px;right:-15px;background:var(--system-background);border-radius:9999px;line-height:1;padding:5px;color:var(--primary-color);pointer-events:none}.info-toggle::before{content:""}.info-toggle[open]::before{content:""}.info-toggle .row{padding:0 20px 20px}.form .info-box{position:relative;margin:1em 0;padding:20px;border-radius:10px;background:var(--primary-color-background) !important}.form .info-box::before{position:absolute;font-family:"Material Icons";font-size:18px;top:-15px;left:-15px;background:var(--system-background);border-radius:9999px;line-height:1;padding:5px;content:"";color:var(--primary-color)}.form .info-box>h6{margin:0;margin-bottom:1em;font-size:12px;text-transform:uppercase;font-weight:700;position:relative;display:flex;align-items:center;color:var(--primary-color)}.form .info-box>div p:first-child{margin-top:0}.form .info-box>div p:last-child{margin-bottom:0}.form .lln .advert{padding:30px;background:var(--system-background-offset);border-radius:10px;margin:1em 0}.form .lln img{margin:0}
/* Title: Gloo Framework
* Author: Bradley Searle (C2 Digital)
* Source: www.c2.co.zw
* License: CC BY 4.0 (https://creativecommons.org/licenses/by/4.0/legalcode)
*/
/* Variables */
/* Mix-ins */
.header::after {
  content: "";
  display: block;
}

.course-menu .inner-menu ul, .course-menu, .help-menu ul, .help-menu, .support-header .support-menu {
  padding: 0;
  margin: 0;
  list-style: none;
}

.course-menu .inner-menu, .help-menu .inner-menu, .header .menu ul {
  list-style: none;
  margin: 0;
  background-color: var(--system-background);
}
@media all and (min-width: 769px) {
  .course-menu .inner-menu, .help-menu .inner-menu, .header .menu ul {
    position: absolute;
    background: var(--system-background);
    border-radius: 30px;
    padding: 30px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px;
  }
}

.returning-student {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  display: flex;
  padding: 1.5rem;
  align-items: center;
  justify-content: center;
  background: var(--primary-color-background);
  z-index: 8;
  line-height: 1;
  flex-direction: row;
  text-decoration: none;
  color: var(--primary-color);
}
@media all and (max-width: 990px) {
  .returning-student {
    flex-direction: column;
  }
}
.returning-student span {
  text-decoration: underline;
}
@media all and (min-width: 991px) {
  .returning-student span {
    margin-left: 0.5rem;
  }
}
.returning-student + .support-header {
  top: 4rem;
}
.returning-student + .support-header + .header {
  top: 12rem;
}
@media all and (max-width: 990px) {
  .returning-student + .support-header + .header {
    top: 5rem;
  }
}

.support-header {
  background-color: var(--primary-color-foreground);
  color: var(--system-text);
  z-index: 7;
  padding: 1.125rem 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
@media all and (max-width: 990px) {
  .support-header {
    display: none;
  }
}
.support-header .column {
  display: flex;
  flex-direction: row;
  position: relative;
  z-index: 1;
  justify-content: space-between;
  align-items: center;
}
.support-header .support-menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
.support-header .support-menu i {
  vertical-align: middle;
  margin-right: 0.5rem;
}
.support-header .support-menu a {
  margin-right: 2rem;
}
@media (max-width: 1080px) {
  .support-header .support-menu a {
    font-size: 12px;
  }
}
.support-header a {
  color: var(--system-background);
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
  text-decoration: none;
  transition: 0.2s;
  display: flex;
  align-items: center;
}
.support-header a:hover, .support-header a:active, .support-header a:focus {
  color: var(--accent-color);
  text-decoration: none;
}
.support-header .login {
  white-space: nowrap;
}
.support-header .login strong {
  text-transform: uppercase;
  font-size: 1.1em;
}
.support-header .login i {
  vertical-align: middle;
  margin-left: 0.5rem;
}

body.sticky .header {
  position: sticky;
  top: 0;
  background-color: var(--system-background);
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.2);
}
body.sticky .header::after {
  transform: translateY(-20rem);
  display: none;
}
@media all and (min-width: 991px) {
  body.sticky .header .logo {
    display: flex;
    width: 4rem;
    padding: 0.25rem;
    height: 4rem;
    margin: 1rem 0;
    border-radius: 2rem;
  }
  body.sticky .header .logo .lg {
    display: none;
  }
  body.sticky .header .logo .sm {
    display: block;
  }
  body.sticky .header .logo img {
    object-fit: contain;
  }
  body.sticky .header nav {
    width: 100%;
  }
  body.sticky .header .menu ul,
  body.sticky .header .course-menu .inner-menu {
    top: 5rem;
  }
}
body.sticky .header .help-menu {
  display: block;
}
body.sticky .returning-student {
  position: sticky;
}
body.sticky .returning-student ~ .header {
  top: 4rem;
}

.header {
  position: absolute;
  z-index: 6;
  left: 0;
  right: 0;
  top: 8rem;
  background-color: transparent;
}
.header::after {
  border-bottom-left-radius: 10rem;
  background-color: var(--system-background);
  height: 20rem;
  position: absolute;
  transform: translateY(4rem) rotate(-2deg);
  bottom: 0;
  right: 0;
  z-index: -1;
  left: calc((100vw - 1092px) / 2 - 100px); /* .column width 78rem @ 14px = 1092px */
}
.header a {
  color: var(--system-text);
}
.header .column {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.header .help-menu {
  display: none;
  flex-grow: 1;
  margin-left: 1rem;
}
.header .help-menu > li > a {
  text-transform: uppercase;
}
.header .help-menu > li a {
  text-decoration: none;
}
.header .help-menu > li a:hover span, .header .help-menu > li a:active span, .header .help-menu > li a:focus span {
  text-decoration: underline;
}
.header .logo {
  display: block;
  width: 280px;
  transition: width 0.2s;
}
.header .logo .sm {
  display: none;
}
.header .logo img {
  max-width: 100%;
  height: auto;
}
.header .menu-button {
  display: none;
  position: absolute;
  right: 1rem;
  border: none;
  background-color: var(--system-background-offset);
  color: var(--primary-color);
  cursor: pointer;
  transition: 0.2s;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 2.75rem;
  top: 50%;
  transform: translateY(-50%);
}
.header .menu-button i {
  font-size: 1.5rem;
}
.header .menu-button:hover, .header .menu-button:active, .header .menu-button:focus {
  color: var(--accent-color);
}
.header nav {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.header .menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.header .menu ul {
  min-width: 200px;
}
@media all and (min-width: 991px) {
  .header .menu ul {
    top: 4rem;
    display: none;
  }
  .header .menu ul::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent var(--system-background) transparent;
    position: absolute;
    top: -8px;
  }
  .header .menu ul li {
    margin-bottom: 1rem;
  }
  .header .menu ul li:last-child {
    margin-bottom: 0;
  }
}
.header .menu ul a {
  padding: 0;
}
.header .menu a {
  color: var(--primary-color);
  text-decoration: none;
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: bold;
  vertical-align: middle;
  padding: 1rem;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.header .menu a i {
  padding-left: 5px;
}
.header .menu a:hover, .header .menu a:active, .header .menu a:focus {
  color: var(--primary-color);
}
.header .menu a.active {
  color: var(--accent-color);
}
@media all and (min-width: 991px) {
  .header .menu > li.show-menu ul {
    display: block;
  }
}

.help-menu {
  position: relative;
  padding: 1.125rem 0;
}
.help-menu > li {
  margin: 0;
}
.help-menu > li a {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.help-menu > li a span {
  margin: 0 0.5rem;
}
.help-menu > li > a {
  font-weight: bold;
}
.help-menu .inner-menu i {
  color: var(--accent-color);
}
@media all and (min-width: 991px) {
  .help-menu .inner-menu {
    display: none;
    position: absolute;
    top: 4rem;
    left: 0;
  }
  .help-menu .inner-menu::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent var(--system-background) transparent;
    position: absolute;
    top: -8px;
  }
  .help-menu .inner-menu .live-chat {
    display: block;
    text-align: center;
    width: 200px;
    margin-left: 3rem;
    color: var(--system-text);
    white-space: initial;
  }
  .help-menu .inner-menu .live-chat i {
    font-size: 3rem;
    color: var(--system-background);
    background-color: var(--accent-color);
    border-radius: 3rem;
    margin-bottom: 2rem;
    display: block;
    padding: 1rem;
    width: 5rem;
    height: 5rem;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  .help-menu .inner-menu .live-chat strong {
    display: block;
  }
}
.help-menu ul li {
  margin-bottom: 1rem;
}
.help-menu ul li:last-child {
  margin-bottom: 0;
}
.help-menu ul a {
  color: var(--system-text);
  display: flex;
  flex-direction: row;
  align-items: center;
  white-space: nowrap;
}
.help-menu ul a i {
  margin-right: 0.75rem;
}
.help-menu .inner-menu > li {
  margin-bottom: 0;
}
@media all and (min-width: 991px) {
  .help-menu.show-menu .inner-menu {
    display: flex;
  }
}

.course-menu {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  margin-left: 1rem;
}
@media all and (min-width: 991px) {
  .course-menu.show-menu .inner-menu {
    display: flex;
  }
}
.course-menu > li > a {
  display: flex;
  align-items: center;
  text-decoration: none;
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: bold;
  white-space: nowrap;
  line-height: 1;
}
.course-menu > li > a i {
  vertical-align: middle;
  margin-left: 0.5rem;
}
@media all and (min-width: 991px) {
  .course-menu > li > a {
    color: var(--accent-color);
    border: 1px solid var(--accent-color);
    padding: 0.5rem 1rem 0.5rem 1.5rem;
    border-radius: 2rem;
  }
}
.course-menu .inner-menu {
  display: none;
  font-size: 0.875rem;
}
@media all and (min-width: 991px) {
  .course-menu .inner-menu {
    top: 4rem;
    right: 0;
    width: 100%;
    flex-direction: row;
  }
  .course-menu .inner-menu li {
    flex: 1;
  }
  .course-menu .inner-menu::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent var(--system-background) transparent;
    position: absolute;
    top: -8px;
    right: 3rem;
  }
}
.course-menu .inner-menu ul {
  margin-top: 1rem;
}
.course-menu .inner-menu ul li {
  margin-top: 0.5rem;
  padding-right: 2rem;
}
.course-menu .inner-menu ul li a {
  text-decoration: none;
}
.course-menu .inner-menu ul li a::before {
  font-family: "Material Icons";
  display: inline-block;
  content: "\e892";
  font-size: 1.25rem;
  color: var(--primary-color);
  vertical-align: middle;
  margin-right: 0.25rem;
  margin-top: -4px;
}
.course-menu .inner-menu ul li a:hover {
  text-decoration: underline;
}
.course-menu p {
  color: var(--accent-color);
  font-weight: bold;
  font-size: 0.75rem !important;
  text-transform: uppercase;
  margin: 0;
}
.course-menu p i {
  vertical-align: middle;
}

@media all and (max-width: 990px) {
  .header {
    position: sticky;
    top: 0;
    background-color: var(--system-background);
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.2);
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
  .header .column,
  .header .menu,
  .header nav {
    flex-direction: column;
    align-items: flex-start;
  }
  .header nav {
    overflow: hidden;
    display: none;
    position: absolute;
    background-color: #fff;
    left: 0.5rem;
    right: 0.5rem;
    padding: 1rem 1.5rem;
    border-radius: 1rem;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px;
    z-index: 7;
  }
  .header nav .help-menu > li > a,
  .header nav .menu a,
  .header nav a {
    display: flex;
    align-items: center;
    padding: 0.5rem;
    font-weight: 400;
    text-transform: none;
    font-size: 1rem;
    color: var(--system-gray-darker);
    position: relative;
  }
  .header nav .help-menu > li > a strong,
  .header nav .menu a strong,
  .header nav a strong {
    font-weight: 400;
  }
  .header nav .help-menu > li > a i,
  .header nav .menu a i,
  .header nav a i {
    margin-left: 0.5rem;
    pointer-events: none;
  }
  .header nav .menu ul {
    padding-left: 0;
  }
  .header nav .help-menu .inner-menu a,
  .header nav .menu ul a {
    padding-left: 2rem;
  }
  .header nav .help-menu .inner-menu,
  .header nav .menu ul {
    display: none;
  }
  .header nav .help-menu li:hover i, .header nav .help-menu li:active i, .header nav .help-menu li:focus i,
  .header nav .menu li:hover i,
  .header nav .menu li:active i,
  .header nav .menu li:focus i {
    transform: rotate(180deg);
  }
  .header nav .help-menu li:hover > ul, .header nav .help-menu li:active > ul, .header nav .help-menu li:focus > ul,
  .header nav .menu li:hover > ul,
  .header nav .menu li:active > ul,
  .header nav .menu li:focus > ul {
    display: block;
  }
  .header nav .menu-button {
    z-index: 1;
    color: var(--accent-color);
    top: 2.5rem;
    right: 0.5rem;
  }
  .header nav .course-menu {
    padding: 0;
    margin: 0;
  }
  .header nav .course-menu i {
    display: none;
  }
  .header nav .course-menu .mobile-account a {
    border: 1px solid var(--accent-color);
    color: var(--accent-color);
    border-radius: 2rem;
    padding: 0.75rem 2.5rem;
    line-height: 1;
    display: block;
    position: relative;
    transition: 0.2s;
    margin-top: 1rem;
  }
  .header nav .course-menu .mobile-account a::before, .header nav .course-menu .mobile-account a::after {
    font-family: "Material Icons";
    display: inline-block;
    position: absolute;
    font-size: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
  }
  .header nav .course-menu .mobile-account a::before {
    content: "\e853";
    color: var(--accent-color);
    left: 0.5rem;
  }
  .header nav .course-menu .mobile-account a::after {
    content: "\e5cc";
    color: var(--system-gray-darker);
    right: 0.5rem;
  }
  .header nav .course-menu .mobile-account a:hover, .header nav .course-menu .mobile-account a:active, .header nav .course-menu .mobile-account a:focus {
    background: var(--accent-color);
    color: var(--system-background);
  }
  .header nav .course-menu .mobile-account a:hover::before, .header nav .course-menu .mobile-account a:hover::after, .header nav .course-menu .mobile-account a:active::before, .header nav .course-menu .mobile-account a:active::after, .header nav .course-menu .mobile-account a:focus::before, .header nav .course-menu .mobile-account a:focus::after {
    color: var(--system-background);
  }
  .header::after {
    transform: translateY(-20rem);
  }
  .header .logo {
    max-width: 350px;
    width: calc(100% - 5rem);
    align-self: flex-start;
    padding: 0;
  }
  .header .logo .lg {
    display: block;
  }
  .header .logo .sm {
    display: none;
  }
  .header .menu-button {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .header .course-menu {
    padding: 0;
  }
  .header .help-menu {
    display: block;
    padding: 0;
    margin-left: 0;
  }
  .header .help-menu > li {
    margin-bottom: 0;
  }
  .header .help-menu > li > a span {
    padding-left: 0;
    margin: 0;
  }
  .header .help-menu > li > a:hover, .header .help-menu > li > a:active, .header .help-menu > li > a:focus {
    color: var(--primary-color);
  }
  .header .help-menu > li > a:hover span, .header .help-menu > li > a:active span, .header .help-menu > li > a:focus span {
    text-decoration: none;
  }
  .header .help-menu > li ul li {
    margin-bottom: 0;
  }
  .header .help-menu > li ul i {
    display: none;
  }
  .header .help-menu > li ul span {
    margin: 0;
  }
  .header .help-menu > li ul .live-chat span {
    display: none;
  }
  .header .help-menu > li ul a:hover, .header .help-menu > li ul a:active, .header .help-menu > li ul a:focus {
    color: var(--primary-color);
  }
  .header .help-menu > li ul a:hover span, .header .help-menu > li ul a:active span, .header .help-menu > li ul a:focus span {
    text-decoration: none;
  }
  .header .course-menu > li > a:hover, .header .course-menu > li > a:active, .header .course-menu > li > a:focus {
    color: var(--primary-color);
  }
  .header .course-menu > li > a:hover span, .header .course-menu > li > a:active span, .header .course-menu > li > a:focus span {
    text-decoration: none;
  }
  body.menu-open {
    overflow-y: hidden;
  }
  body.menu-open .header nav {
    display: block;
  }
  #weglot-language-en {
    max-width: 70px;
    margin-right: 10px;
  }
  .wg-drop.country-selector .wgcurrent:after {
    right: 4px;
  }
  #weglot-listbox {
    min-width: auto !important;
  }
  #weglot-language-en,
  #weglot-listbox li,
  #weglot-listbox a {
    max-width: 70px;
    margin-right: 10px;
  }
}

.header::after{content:"";display:block}.course-menu .inner-menu ul,.course-menu,.help-menu ul,.help-menu,.support-header .support-menu{padding:0;margin:0;list-style:none}.course-menu .inner-menu,.help-menu .inner-menu,.header .menu ul{list-style:none;margin:0;background-color:var(--system-background)}@media all and (min-width:769px){.course-menu .inner-menu,.help-menu .inner-menu,.header .menu ul{position:absolute;background:var(--system-background);border-radius:30px;padding:30px;box-shadow:rgba(0,0,0,.2) 0 0 10px}}.returning-student{position:sticky;top:0;left:0;right:0;margin:0;display:flex;padding:1.5rem;align-items:center;justify-content:center;background:var(--primary-color-background);z-index:8;line-height:1;flex-direction:row;text-decoration:none;color:var(--primary-color)}@media all and (max-width:990px){.returning-student{flex-direction:column}}.returning-student span{text-decoration:underline}@media all and (min-width:991px){.returning-student span{margin-left:.5rem}}.returning-student+.support-header{top:4rem}.returning-student+.support-header+.header{top:12rem}@media all and (max-width:990px){.returning-student+.support-header+.header{top:5rem}}.support-header{background-color:var(--primary-color-foreground);color:var(--system-text);z-index:7;padding:1.125rem 0;position:absolute;top:0;left:0;right:0}@media all and (max-width:990px){.support-header{display:none}}.support-header .column{display:flex;flex-direction:row;position:relative;z-index:1;justify-content:space-between;align-items:center}.support-header .support-menu{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap}.support-header .support-menu i{vertical-align:middle;margin-right:.5rem}.support-header .support-menu a{margin-right:2rem}@media(max-width:1080px){.support-header .support-menu a{font-size:12px}}.support-header a{color:var(--system-background);text-shadow:0 0 2px rgba(0,0,0,.2);text-decoration:none;transition:.2s;display:flex;align-items:center}.support-header a:hover,.support-header a:active,.support-header a:focus{color:var(--accent-color);text-decoration:none}.support-header .login{white-space:nowrap}.support-header .login strong{text-transform:uppercase;font-size:1.1em}.support-header .login i{vertical-align:middle;margin-left:.5rem}body.sticky .header{position:sticky;top:0;background-color:var(--system-background);box-shadow:0 10px 10px -10px rgba(0,0,0,.2)}body.sticky .header::after{transform:translateY(-20rem);display:none}@media all and (min-width:991px){body.sticky .header .logo{display:flex;width:4rem;padding:.25rem;height:4rem;margin:1rem 0;border-radius:2rem}body.sticky .header .logo .lg{display:none}body.sticky .header .logo .sm{display:block}body.sticky .header .logo img{object-fit:contain}body.sticky .header nav{width:100%}body.sticky .header .menu ul,body.sticky .header .course-menu .inner-menu{top:5rem}}body.sticky .header .help-menu{display:block}body.sticky .returning-student{position:sticky}body.sticky .returning-student~.header{top:4rem}.header{position:absolute;z-index:6;left:0;right:0;top:8rem;background-color:transparent}.header::after{border-bottom-left-radius:10rem;background-color:var(--system-background);height:20rem;position:absolute;transform:translateY(4rem) rotate(-2deg);bottom:0;right:0;z-index:-1;left:calc((100vw - 1092px)/2 - 100px)}.header a{color:var(--system-text)}.header .column{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.header .help-menu{display:none;flex-grow:1;margin-left:1rem}.header .help-menu>li>a{text-transform:uppercase}.header .help-menu>li a{text-decoration:none}.header .help-menu>li a:hover span,.header .help-menu>li a:active span,.header .help-menu>li a:focus span{text-decoration:underline}.header .logo{display:block;width:280px;transition:width .2s}.header .logo .sm{display:none}.header .logo img{max-width:100%;height:auto}.header .menu-button{display:none;position:absolute;right:1rem;border:0;background-color:var(--system-background-offset);color:var(--primary-color);cursor:pointer;transition:.2s;width:2.75rem;height:2.75rem;border-radius:2.75rem;top:50%;transform:translateY(-50%)}.header .menu-button i{font-size:1.5rem}.header .menu-button:hover,.header .menu-button:active,.header .menu-button:focus{color:var(--accent-color)}.header nav{display:flex;align-items:center;flex-direction:row}.header .menu{display:flex;flex-direction:row;align-items:center;margin:0;padding:0;list-style:none}.header .menu ul{min-width:200px}@media all and (min-width:991px){.header .menu ul{top:4rem;display:none}.header .menu ul::after{content:"";display:block;width:0;height:0;border-style:solid;border-width:0 8px 8px 8px;border-color:transparent transparent var(--system-background) transparent;position:absolute;top:-8px}.header .menu ul li{margin-bottom:1rem}.header .menu ul li:last-child{margin-bottom:0}}.header .menu ul a{padding:0}.header .menu a{color:var(--primary-color);text-decoration:none;font-size:1rem;text-transform:uppercase;font-weight:bold;vertical-align:middle;padding:1rem;white-space:nowrap;display:flex;align-items:center}.header .menu a i{padding-left:5px}.header .menu a:hover,.header .menu a:active,.header .menu a:focus{color:var(--primary-color)}.header .menu a.active{color:var(--accent-color)}@media all and (min-width:991px){.header .menu>li.show-menu ul{display:block}}.help-menu{position:relative;padding:1.125rem 0}.help-menu>li{margin:0}.help-menu>li a{display:flex;flex-direction:row;align-items:center}.help-menu>li a span{margin:0 .5rem}.help-menu>li>a{font-weight:bold}.help-menu .inner-menu i{color:var(--accent-color)}@media all and (min-width:991px){.help-menu .inner-menu{display:none;position:absolute;top:4rem;left:0}.help-menu .inner-menu::after{content:"";display:block;width:0;height:0;border-style:solid;border-width:0 8px 8px 8px;border-color:transparent transparent var(--system-background) transparent;position:absolute;top:-8px}.help-menu .inner-menu .live-chat{display:block;text-align:center;width:200px;margin-left:3rem;color:var(--system-text);white-space:initial}.help-menu .inner-menu .live-chat i{font-size:3rem;color:var(--system-background);background-color:var(--accent-color);border-radius:3rem;margin-bottom:2rem;display:block;padding:1rem;width:5rem;height:5rem;text-align:center;margin-left:auto;margin-right:auto}.help-menu .inner-menu .live-chat strong{display:block}}.help-menu ul li{margin-bottom:1rem}.help-menu ul li:last-child{margin-bottom:0}.help-menu ul a{color:var(--system-text);display:flex;flex-direction:row;align-items:center;white-space:nowrap}.help-menu ul a i{margin-right:.75rem}.help-menu .inner-menu>li{margin-bottom:0}@media all and (min-width:991px){.help-menu.show-menu .inner-menu{display:flex}}.course-menu{padding-top:.25rem;padding-bottom:.25rem;margin-left:1rem}@media all and (min-width:991px){.course-menu.show-menu .inner-menu{display:flex}}.course-menu>li>a{display:flex;align-items:center;text-decoration:none;font-size:.875rem;text-transform:uppercase;font-weight:bold;white-space:nowrap;line-height:1}.course-menu>li>a i{vertical-align:middle;margin-left:.5rem}@media all and (min-width:991px){.course-menu>li>a{color:var(--accent-color);border:1px solid var(--accent-color);padding:.5rem 1rem .5rem 1.5rem;border-radius:2rem}}.course-menu .inner-menu{display:none;font-size:.875rem}@media all and (min-width:991px){.course-menu .inner-menu{top:4rem;right:0;width:100%;flex-direction:row}.course-menu .inner-menu li{flex:1}.course-menu .inner-menu::after{content:"";display:block;width:0;height:0;border-style:solid;border-width:0 8px 8px 8px;border-color:transparent transparent var(--system-background) transparent;position:absolute;top:-8px;right:3rem}}.course-menu .inner-menu ul{margin-top:1rem}.course-menu .inner-menu ul li{margin-top:.5rem;padding-right:2rem}.course-menu .inner-menu ul li a{text-decoration:none}.course-menu .inner-menu ul li a::before{font-family:"Material Icons";display:inline-block;content:"";font-size:1.25rem;color:var(--primary-color);vertical-align:middle;margin-right:.25rem;margin-top:-4px}.course-menu .inner-menu ul li a:hover{text-decoration:underline}.course-menu p{color:var(--accent-color);font-weight:bold;font-size:.75rem!important;text-transform:uppercase;margin:0}.course-menu p i{vertical-align:middle}@media all and (max-width:990px){.header{position:sticky;top:0;background-color:var(--system-background);box-shadow:0 10px 10px -10px rgba(0,0,0,.2);padding-bottom:1rem;padding-top:1rem}.header .column,.header .menu,.header nav{flex-direction:column;align-items:flex-start}.header nav{overflow:hidden;display:none;position:absolute;background-color:#fff;left:.5rem;right:.5rem;padding:1rem 1.5rem;border-radius:1rem;box-shadow:rgba(0,0,0,.2) 0 0 10px;z-index:7}.header nav .help-menu>li>a,.header nav .menu a,.header nav a{display:flex;align-items:center;padding:.5rem;font-weight:400;text-transform:none;font-size:1rem;color:var(--system-gray-darker);position:relative}.header nav .help-menu>li>a strong,.header nav .menu a strong,.header nav a strong{font-weight:400}.header nav .help-menu>li>a i,.header nav .menu a i,.header nav a i{margin-left:.5rem;pointer-events:none}.header nav .menu ul{padding-left:0}.header nav .help-menu .inner-menu a,.header nav .menu ul a{padding-left:2rem}.header nav .help-menu .inner-menu,.header nav .menu ul{display:none}.header nav .help-menu li:hover i,.header nav .help-menu li:active i,.header nav .help-menu li:focus i,.header nav .menu li:hover i,.header nav .menu li:active i,.header nav .menu li:focus i{transform:rotate(180deg)}.header nav .help-menu li:hover>ul,.header nav .help-menu li:active>ul,.header nav .help-menu li:focus>ul,.header nav .menu li:hover>ul,.header nav .menu li:active>ul,.header nav .menu li:focus>ul{display:block}.header nav .menu-button{z-index:1;color:var(--accent-color);top:2.5rem;right:.5rem}.header nav .course-menu{padding:0;margin:0}.header nav .course-menu i{display:none}.header nav .course-menu .mobile-account a{border:1px solid var(--accent-color);color:var(--accent-color);border-radius:2rem;padding:.75rem 2.5rem;line-height:1;display:block;position:relative;transition:.2s;margin-top:1rem}.header nav .course-menu .mobile-account a::before,.header nav .course-menu .mobile-account a::after{font-family:"Material Icons";display:inline-block;position:absolute;font-size:1.5rem;top:50%;transform:translateY(-50%)}.header nav .course-menu .mobile-account a::before{content:"";color:var(--accent-color);left:.5rem}.header nav .course-menu .mobile-account a::after{content:"";color:var(--system-gray-darker);right:.5rem}.header nav .course-menu .mobile-account a:hover,.header nav .course-menu .mobile-account a:active,.header nav .course-menu .mobile-account a:focus{background:var(--accent-color);color:var(--system-background)}.header nav .course-menu .mobile-account a:hover::before,.header nav .course-menu .mobile-account a:hover::after,.header nav .course-menu .mobile-account a:active::before,.header nav .course-menu .mobile-account a:active::after,.header nav .course-menu .mobile-account a:focus::before,.header nav .course-menu .mobile-account a:focus::after{color:var(--system-background)}.header::after{transform:translateY(-20rem)}.header .logo{max-width:350px;width:calc(100% - 5rem);align-self:flex-start;padding:0}.header .logo .lg{display:block}.header .logo .sm{display:none}.header .menu-button{display:flex;align-items:center;justify-content:center}.header .course-menu{padding:0}.header .help-menu{display:block;padding:0;margin-left:0}.header .help-menu>li{margin-bottom:0}.header .help-menu>li>a span{padding-left:0;margin:0}.header .help-menu>li>a:hover,.header .help-menu>li>a:active,.header .help-menu>li>a:focus{color:var(--primary-color)}.header .help-menu>li>a:hover span,.header .help-menu>li>a:active span,.header .help-menu>li>a:focus span{text-decoration:none}.header .help-menu>li ul li{margin-bottom:0}.header .help-menu>li ul i{display:none}.header .help-menu>li ul span{margin:0}.header .help-menu>li ul .live-chat span{display:none}.header .help-menu>li ul a:hover,.header .help-menu>li ul a:active,.header .help-menu>li ul a:focus{color:var(--primary-color)}.header .help-menu>li ul a:hover span,.header .help-menu>li ul a:active span,.header .help-menu>li ul a:focus span{text-decoration:none}.header .course-menu>li>a:hover,.header .course-menu>li>a:active,.header .course-menu>li>a:focus{color:var(--primary-color)}.header .course-menu>li>a:hover span,.header .course-menu>li>a:active span,.header .course-menu>li>a:focus span{text-decoration:none}body.menu-open{overflow-y:hidden}body.menu-open .header nav{display:block}#weglot-language-en{max-width:70px;margin-right:10px}.wg-drop.country-selector .wgcurrent:after{right:4px}#weglot-listbox{min-width:auto!important}#weglot-language-en,#weglot-listbox li,#weglot-listbox a{max-width:70px;margin-right:10px}}
#CourseMenu h5 {
  color: var(--accent-color);
}

.support-menu {
  flex-wrap: nowrap !important;
}

#weglot-language-en {
  max-width: 70px !important;
  margin-right: 10px !important;
}

.wg-drop.country-selector .wgcurrent:after {
  right: 4px !important;
}

#weglot-listbox {
  width: 67px !important;
  min-width: 67px !important;
}

.wgcurrent a,
#weglot-listbox li,
#weglot-listbox a {
  max-width: 58px !important;
  margin-right: 7px !important;
  padding-right: 32px !important;
}

.wg-flags a img.wg-flag {
  margin-right: 3px !important;
  max-width: 16px !important;
}

.support-header .support-menu a {
  margin-right: 1.5rem !important;
}

.weglot_switcher {
  width: auto !important;
  max-width: 67px !important;
}

.wgcurrent {
  background: var(--primary-color-foreground) !important;
  border-color: var(--primary-color-foreground) !important;
  color: white;
}

.wgcurrent a {
  color: white !important;
}

.wg-drop.country-selector .wgcurrent:after {
  filter: brightness(0) invert(1);
}

#CourseMenu h5{color:var(--accent-color)}.support-menu{flex-wrap:nowrap!important}#weglot-language-en{max-width:70px!important;margin-right:10px!important}.wg-drop.country-selector .wgcurrent:after{right:4px!important}#weglot-listbox{width:67px!important;min-width:67px!important}.wgcurrent a,#weglot-listbox li,#weglot-listbox a{max-width:58px!important;margin-right:7px!important;padding-right:32px!important}.wg-flags a img.wg-flag{margin-right:3px!important;max-width:16px!important}.support-header .support-menu a{margin-right:1.5rem!important}.weglot_switcher{width:auto!important;max-width:67px!important}.wgcurrent{background:var(--primary-color-foreground)!important;border-color:var(--primary-color-foreground)!important;color:#fff}.wgcurrent a{color:#fff!important}.wg-drop.country-selector .wgcurrent:after{filter:brightness(0) invert(1)}
/* Title: Gloo Framework
* Author: Bradley Searle (C2 Digital)
* Source: www.c2.co.zw
* License: CC BY 4.0 (https://creativecommons.org/licenses/by/4.0/legalcode)
*/
/* Variables */
/* Mix-ins */
body.home .testimonial ul, body.home .industry ul, body.home .online-training ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

body.home .online-training h2 {
  font-size: 2.75rem;
  font-weight: 100;
  margin: 0;
  color: var(--primary-color);
  margin-bottom: 2rem;
  line-height: 1;
}
@media all and (min-width: 769px) {
  body.home .online-training h2 {
    font-size: 3.5rem;
  }
}

body.home.sticky .welcome {
  padding-top: 19rem;
}

body.home p {
  font-size: 1.25rem;
}
body.home div.page-title {
  display: none;
}
body.home .welcome {
  color: var(--system-background);
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
  position: relative;
  padding-top: 3rem;
  margin-bottom: 6rem;
  padding-bottom: 3rem;
  text-align: center;
}
@media all and (min-width: 769px) {
  body.home .welcome {
    padding-top: 25rem;
  }
}
body.home .welcome::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: -3rem;
  top: 0;
  background: var(--primary-color-background);
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 1;
  transform: translateX(-50%);
  z-index: -1;
  width: 100vw;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 5rem));
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 5rem));
}
@media all and (min-width: 769px) {
  body.home .welcome::before {
    bottom: -6rem;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 10rem));
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 10rem));
  }
}
body.home .welcome .welcome-canvas {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: -3rem;
  top: 0;
  background: transparent;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 1;
  transform: translateX(-50%);
  z-index: -1;
  width: 100vw;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 3rem), 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 3rem), 0 100%);
  overflow: hidden;
}
@media all and (min-width: 769px) {
  body.home .welcome .welcome-canvas {
    bottom: -6rem;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 6rem), 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 6rem), 0 100%);
  }
}
body.home .welcome .welcome-canvas canvas {
  width: 100vw;
  height: 100%;
}
body.home .welcome .hero {
  max-width: 750px;
}
body.home .welcome .hero .inner {
  z-index: 1;
}
body.home .welcome .hero h2 {
  font-size: 2.75rem;
  font-weight: 900;
  color: var(--system-background);
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
  line-height: 1;
  margin: 0;
}
@media all and (min-width: 769px) {
  body.home .welcome .hero h2 {
    font-size: 4rem;
  }
}
body.home .welcome .hero p {
  font-weight: 500;
  font-size: 1.25rem;
}
body.home .online-training {
  padding-top: 3rem;
  margin-top: 3rem;
  padding-bottom: 3rem;
  margin-bottom: 3rem;
  text-align: center;
}
body.home .online-training h2 {
  margin-left: auto;
  margin-right: auto;
  max-width: 43.75rem;
}
body.home .online-training img {
  border-radius: 9999px;
}
body.home .online-training ul {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin-top: 6rem;
}
@media all and (max-width: 768px) {
  body.home .online-training ul {
    flex-direction: column;
  }
}
body.home .online-training ul li {
  display: flex;
  flex-direction: column;
  max-width: 18.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  flex: 1;
}
@media all and (max-width: 768px) {
  body.home .online-training ul li {
    max-width: 100%;
    margin-bottom: 4rem;
  }
  body.home .online-training ul li img {
    max-width: 300px;
    width: 100%;
    border-radius: 9999px;
  }
}
body.home .online-training ul li:nth-child(2) {
  position: relative;
}
body.home .online-training ul li:nth-child(2)::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: -3rem;
  bottom: 0;
  background: linear-gradient(to bottom, var(--primary-color-background) 0, var(--system-background) 25%);
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 1;
  transform: translateX(-50%);
  z-index: -1;
  width: 100vw;
  -webkit-clip-path: polygon(0 3rem, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 3rem, 100% 0, 100% 100%, 0 100%);
}
@media all and (min-width: 769px) {
  body.home .online-training ul li:nth-child(2)::after {
    top: -6rem;
    -webkit-clip-path: polygon(0 6rem, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 6rem, 100% 0, 100% 100%, 0 100%);
  }
}
@media all and (min-width: 769px) {
  body.home .online-training ul li:nth-child(2)::after {
    top: 6rem;
  }
}
body.home .online-training p {
  font-weight: 500;
  margin: 0;
}
body.home .online-training i {
  font-size: 1.6rem;
  margin-bottom: 1.6rem;
}
body.home .online-training h5 {
  font-size: 1.6rem;
  font-weight: 400;
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
}
body.home .online-training h5, body.home .online-training i {
  color: var(--secondary-color-dark);
}
body.home .online-training strong {
  color: #fff;
  background-color: var(--secondary-color-dark);
  display: inline-block;
  margin: 0 0.25em;
  padding: 0 0.5em;
  border-radius: 1rem;
}
body.home .experience {
  color: var(--system-background);
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
  position: relative;
  padding-top: 3rem;
  margin-top: 3rem;
  padding-bottom: 3rem;
  margin-bottom: 3rem;
}
@media all and (min-width: 769px) {
  body.home .experience {
    padding-top: 6rem;
    margin-top: 6rem;
    padding-bottom: 6rem;
    margin-bottom: 6rem;
  }
}
body.home .experience::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: -3rem;
  bottom: 0;
  background: var(--primary-color-background);
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 1;
  transform: translateX(-50%);
  z-index: -1;
  width: 100vw;
  -webkit-clip-path: polygon(0 3rem, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 3rem, 100% 0, 100% 100%, 0 100%);
  top: -5rem;
}
@media all and (min-width: 769px) {
  body.home .experience::before {
    top: -6rem;
    -webkit-clip-path: polygon(0 6rem, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 6rem, 100% 0, 100% 100%, 0 100%);
  }
}
@media all and (min-width: 769px) {
  body.home .experience::before {
    top: -8rem;
  }
}
body.home .experience::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: -3rem;
  bottom: 0;
  background: var(--primary-color);
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 1;
  transform: translateX(-50%);
  z-index: -1;
  width: 100vw;
  -webkit-clip-path: polygon(0 3rem, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 3rem, 100% 0, 100% 100%, 0 100%);
}
@media all and (min-width: 769px) {
  body.home .experience::after {
    top: -6rem;
    -webkit-clip-path: polygon(0 6rem, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 6rem, 100% 0, 100% 100%, 0 100%);
  }
}
@media all and (min-width: 769px) {
  body.home .experience::after {
    bottom: -6rem;
  }
}
body.home .experience h2 {
  color: var(--system-background);
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
}
body.home .experience .hero {
  position: relative;
  z-index: 1;
}
body.home .experience .inner > div {
  flex: 1;
}
@media all and (min-width: 769px) {
  body.home .experience .inner > div:last-child {
    padding-right: 50px;
  }
}
body.home .experience .inner ul {
  line-height: 1.6;
  margin: 0 auto;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  padding: 0;
}
body.home .experience .inner ul li {
  display: flex;
  align-items: center;
  margin: 5px 0;
  line-height: 1.25;
  font-size: 1.25rem;
}
body.home .experience .inner ul li::before {
  content: "\e86c";
  font-family: "Material Icons";
  margin-right: 10px;
}
body.home .experience .inner .button::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: -3rem;
  bottom: 0;
  background: linear-gradient(to right, var(--primary-color-light) 0, var(--primary-color) 40%);
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 1;
  transform: translateX(-50%);
  z-index: -1;
  width: 100vw;
  -webkit-clip-path: polygon(0 3rem, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 3rem, 100% 0, 100% 100%, 0 100%);
  top: 0;
  bottom: -100vh;
  pointer-events: none;
}
@media all and (min-width: 769px) {
  body.home .experience .inner .button::before {
    top: -6rem;
    -webkit-clip-path: polygon(0 6rem, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 6rem, 100% 0, 100% 100%, 0 100%);
  }
}
@media all and (min-width: 769px) {
  body.home .experience .inner .button::before {
    top: -3.25rem;
    left: calc((100vw - 75rem) / -2);
  }
}
@media all and (min-width: 78rem) {
  body.home .experience .inner .button::before {
    left: calc((100vw - 75rem) / -2);
    transform: unset;
  }
}
body.home .app {
  position: relative;
  color: var(--system-background);
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
  text-align: right;
  z-index: 1;
}
body.home .app::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  right: 0;
  top: 0;
  bottom: 0;
  background: url("/Assets/Images/app_bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 1;
  z-index: -1;
  transform: translateX(-50%);
  width: 100vw;
  -webkit-clip-path: none;
  clip-path: none;
}
body.home .app h2 {
  color: var(--system-background);
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
}
body.home .app .inner {
  flex-direction: row;
}
@media all and (max-width: 768px) {
  body.home .app .inner {
    flex-direction: column-reverse;
  }
}
body.home .app .inner p {
  margin-top: 0;
  margin-bottom: 2rem;
}
body.home .app .inner img {
  max-height: 45rem;
}
@media all and (min-width: 769px) {
  body.home .app .inner img {
    margin-top: 9rem;
  }
}
body.home .app .inner > div:last-child {
  max-width: 500px;
}
body.home .app a {
  background-repeat: no-repeat;
  background-size: contain;
  height: 0;
  display: inline-block;
  width: 9.125rem;
  padding-top: 3.25rem;
  overflow: hidden;
}
@media all and (max-width: 768px) {
  body.home .app a {
    margin-bottom: 2rem;
  }
}
body.home .app a.android {
  background-image: url("/Assets/Images/Android.svg");
  margin-left: 1rem;
}
body.home .app a.apple {
  background-image: url("/Assets/Images/Apple.svg");
}
body.home .training {
  position: relative;
  padding-top: 3rem;
  padding-bottom: 3rem;
  margin-bottom: 3rem;
  z-index: 1;
}
@media all and (min-width: 769px) {
  body.home .training {
    padding-top: 6rem;
    padding-bottom: 6rem;
    margin-bottom: 6rem;
  }
}
body.home .training::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  right: 0;
  top: 0;
  bottom: 0;
  background: var(--secondary-color);
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 1;
  z-index: -1;
  transform: translateX(-50%);
  width: 100vw;
  -webkit-clip-path: none;
  clip-path: none;
}
body.home .training h2 {
  color: var(--system-background);
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
}
body.home .training .inner > div {
  flex: 1;
}
@media all and (min-width: 769px) {
  body.home .training .inner > div:last-child {
    max-width: 37.5rem;
    padding-right: 5rem;
  }
}
body.home .training .inner .button::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: -3rem;
  bottom: 0;
  background: linear-gradient(to right, var(--secondary-color-light) 0, var(--secondary-color) 40%);
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 1;
  transform: translateX(-50%);
  z-index: -1;
  width: 100vw;
  -webkit-clip-path: polygon(0 3rem, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 3rem, 100% 0, 100% 100%, 0 100%);
  top: 0;
  bottom: -100vh;
  pointer-events: none;
}
@media all and (min-width: 769px) {
  body.home .training .inner .button::before {
    top: -6rem;
    -webkit-clip-path: polygon(0 6rem, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 6rem, 100% 0, 100% 100%, 0 100%);
  }
}
@media all and (min-width: 769px) {
  body.home .training .inner .button::before {
    top: -3.25rem;
    left: calc((100vw - 75rem) / -2);
  }
}
@media all and (min-width: 78rem) {
  body.home .training .inner .button::before {
    left: calc((100vw - 75rem) / -2);
    transform: unset;
  }
}
body.home .training .inner i {
  color: var(--accent-color);
  font-size: 3.5rem;
  margin-bottom: 2rem;
}
body.home .charity {
  position: relative;
  color: var(--system-background);
  text-align: right;
  padding-bottom: 3rem;
  margin-bottom: 3rem;
  z-index: 1;
}
@media all and (min-width: 769px) {
  body.home .charity {
    padding-bottom: 6rem;
    margin-bottom: 6rem;
  }
}
body.home .charity::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  right: 0;
  top: 0;
  bottom: 0;
  background: #000;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 1;
  z-index: -1;
  transform: translateX(-50%);
  width: 100vw;
  -webkit-clip-path: none;
  clip-path: none;
  top: -3rem;
}
@media all and (min-width: 769px) {
  body.home .charity::before {
    top: -6rem;
  }
}
body.home .charity::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: -3rem;
  top: 0;
  background: #000;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 1;
  transform: translateX(-50%);
  z-index: -1;
  width: 100vw;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 3rem), 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 3rem), 0 100%);
}
@media all and (min-width: 769px) {
  body.home .charity::after {
    bottom: -6rem;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 6rem), 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 6rem), 0 100%);
  }
}
body.home .charity h2 {
  color: var(--system-background);
}
body.home .charity .inner {
  flex-direction: row;
}
@media all and (max-width: 768px) {
  body.home .charity .inner {
    flex-direction: column;
  }
}
body.home .charity .inner > div {
  flex: 1;
}
@media all and (min-width: 769px) {
  body.home .charity .inner > div:last-child {
    max-width: 34.375rem;
    padding-left: 5rem;
  }
}
@media all and (min-width: 769px) {
  body.home .charity img {
    transform: translateY(-10rem);
  }
}
body.home .charity .button {
  background: #f5802d;
}
body.home .charity .button:hover, body.home .charity .button:active, body.home .charity .button:focus {
  background: var(--system-text);
  color: #f5802d;
}
body.home .industry {
  text-align: center;
  padding-top: 3rem;
  margin-top: 3rem;
  padding-bottom: 3rem;
  margin-bottom: 3rem;
  position: relative;
  z-index: 1;
}
@media all and (min-width: 769px) {
  body.home .industry {
    padding-top: 6rem;
    margin-top: 6rem;
    padding-bottom: 6rem;
    margin-bottom: 6rem;
  }
}
body.home .industry::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  right: 0;
  top: 0;
  bottom: 0;
  background: var(--system-background);
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 1;
  z-index: -1;
  transform: translateX(-50%);
  width: 100vw;
  -webkit-clip-path: none;
  clip-path: none;
  top: -3rem;
}
@media all and (min-width: 769px) {
  body.home .industry::before {
    top: -6rem;
  }
}
body.home .industry .hero {
  max-width: 37.5rem;
}
body.home .industry .inner .button::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: -3rem;
  bottom: 0;
  background: linear-gradient(135deg, var(--system-gray-lighter) 12.5%, var(--system-background) 12.5%, var(--system-background) 50%, var(--system-gray-lighter) 50%, var(--system-gray-lighter) 62.5%, var(--system-background) 62.5%, var(--system-background) 100%);
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.5;
  transform: translateX(-50%);
  z-index: -1;
  width: 100vw;
  -webkit-clip-path: polygon(0 3rem, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 3rem, 100% 0, 100% 100%, 0 100%);
  top: -1.25rem;
  pointer-events: none;
  background-repeat: repeat;
  background-size: 0.625rem 0.625rem;
}
@media all and (min-width: 769px) {
  body.home .industry .inner .button::before {
    top: -6rem;
    -webkit-clip-path: polygon(0 6rem, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 6rem, 100% 0, 100% 100%, 0 100%);
  }
}
@media all and (max-width: 768px) {
  body.home .industry .inner .button::before {
    bottom: -120vh;
  }
}
@media all and (min-width: 769px) {
  body.home .industry .inner .button::before {
    top: -1.25rem;
    bottom: -60vw;
  }
}
@media all and (min-width: 1200px) {
  body.home .industry .inner .button::before {
    bottom: -40vw;
  }
}
body.home .industry i {
  color: var(--accent-color);
  font-size: 3.5rem;
  margin-bottom: 2rem;
}
body.home .industry h5, body.home .industry i, body.home .industry strong {
  color: var(--accent-color);
}
body.home .industry ul {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  margin-top: 6rem;
}
@media all and (min-width: 769px) {
  body.home .industry ul {
    flex-direction: row;
  }
}
body.home .industry ul li {
  max-width: 9.375rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1.25rem;
}
@media all and (max-width: 768px) {
  body.home .industry ul li {
    margin-bottom: 2rem;
  }
}
body.home .industry ul h5 {
  display: none;
}
body.home .industry ul img {
  min-width: 9.375rem;
}
body.home .testimonial {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 3rem;
  margin-bottom: 3rem;
}
@media all and (min-width: 769px) {
  body.home .testimonial {
    padding-bottom: 6rem;
    margin-bottom: 6rem;
  }
}
@media all and (max-width: 768px) {
  body.home .testimonial {
    flex-direction: column;
  }
}
body.home .testimonial .hero, body.home .testimonial > ul {
  flex: 1;
}
body.home .testimonial i {
  color: var(--accent-color);
  font-size: 3.5rem;
  margin-bottom: 2rem;
}
@media all and (min-width: 769px) {
  body.home .testimonial .hero {
    padding-right: 3rem;
    text-align: right;
  }
}
@media all and (max-width: 768px) {
  body.home .testimonial ul {
    margin-top: 3rem;
  }
}
@media all and (min-width: 769px) {
  body.home .testimonial ul {
    padding-left: 5rem;
    margin-left: 3rem;
    border-left: dashed 2px var(--system-gray-lighter);
  }
}
body.home .testimonial ul img {
  margin-left: 0;
  margin-right: 2rem;
  max-width: 7.5rem;
}
body.home .testimonial ul img + h5 {
  display: none;
}
body.home .testimonial ul li {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 2rem;
  font-size: 1.25rem;
}
body.home .testimonial ul li:first-child {
  margin-top: 0;
}
body.home .testimonial ul li h5 {
  color: var(--accent-color);
  font-weight: 900;
  font-size: 1.125rem;
  margin: 0;
  line-height: 1;
}
body.home .testimonial ul li p {
  margin: 0.5rem 0;
}
body.home .testimonial ul li p:last-child {
  display: inline-block;
  border-radius: 1rem;
  padding: 0.25rem 1rem;
  background-color: var(--system-background-offset);
  color: var(--system-gray-darker);
  text-transform: uppercase;
  font-size: 0.6875rem;
  font-weight: 900;
  margin: 0;
}
body.home .card-wrapper {
  padding-top: 3rem;
}
@media all and (min-width: 769px) {
  body.home .card-wrapper {
    padding-top: 6rem;
  }
}
body.home .card-wrapper h2 {
  font-size: 2.75rem;
  font-weight: 100;
  margin: 0;
  color: var(--primary-color);
  line-height: 1;
}
@media all and (max-width: 768px) {
  body.home .card-wrapper h2 {
    margin-bottom: 2rem;
  }
}
body.home .card-controls .select select {
  padding: 1rem 3rem 1rem 2rem;
}
@media all and (min-width: 769px) {
  body.home .card-controls .select {
    display: none;
  }
}
body.home .clients {
  padding: 0 0 200px 0;
  overflow-x: hidden;
}
body.home .clients h2 {
  font-size: 2.75rem;
  font-weight: 100;
  margin: 0;
  color: var(--primary-color);
  line-height: 1;
}
body.home .clients .client-list {
  position: relative;
  height: 500px;
}
body.home .clients .client-list > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  display: flex;
  z-index: 1;
  transform: translateX(200px);
}
body.home .clients .client-list > div img {
  display: block;
  margin: 0 auto;
  max-width: 200px;
}
body.home .clients .client-list > div p {
  text-align: center;
  max-width: 400px;
  margin: 1em auto;
}
body.home .clients .client-list > div.active {
  opacity: 1;
  z-index: 2;
  transform: translateX(0);
  transition: all 0.75s ease-in-out;
}
body.home .clients .client-list > div.inactive {
  opacity: 0;
  z-index: 1;
  transform: translateX(-300px);
  transition: all 0.75s ease-out;
}
body.home .jobs {
  position: relative;
  min-height: 38rem;
  padding-top: 3rem;
  margin-top: 3rem;
  padding-bottom: 6rem;
  margin-bottom: 3rem;
  z-index: 1;
}
@media all and (min-width: 769px) {
  body.home .jobs {
    padding-top: 6rem;
    margin-top: 6rem;
    padding-bottom: 12rem;
    margin-bottom: 6rem;
  }
}
body.home .jobs::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: -3rem;
  bottom: 0;
  background: var(--primary-color-background);
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 1;
  transform: translateX(-50%);
  z-index: -1;
  width: 100vw;
  -webkit-clip-path: polygon(0 3rem, 100% 0, 100% calc(100% - 3rem), 0 100%);
  clip-path: polygon(0 3rem, 100% 0, 100% calc(100% - 3rem), 0 100%);
}
@media all and (min-width: 769px) {
  body.home .jobs::after {
    top: -6rem;
    -webkit-clip-path: polygon(0 6rem, 100% 0, 100% calc(100% - 6rem), 0 100%);
    clip-path: polygon(0 6rem, 100% 0, 100% calc(100% - 6rem), 0 100%);
  }
}
body.home .jobs .job-board a {
  background-color: var(--primary-color);
  color: var(--system-background);
}
body.home .jobs .job-board a small, body.home .jobs .job-board a h5, body.home .jobs .job-board a p, body.home .jobs .job-board a li {
  color: var(--system-background);
}
body.home .jobs .job-board a:hover, body.home .jobs .job-board a:active, body.home .jobs .job-board a:focus {
  background-color: var(--system-background);
}
body.home .jobs .job-board a:hover small, body.home .jobs .job-board a:active small, body.home .jobs .job-board a:focus small {
  color: var(--system-gray);
}
body.home .jobs .job-board a:hover h5, body.home .jobs .job-board a:hover p, body.home .jobs .job-board a:hover li, body.home .jobs .job-board a:active h5, body.home .jobs .job-board a:active p, body.home .jobs .job-board a:active li, body.home .jobs .job-board a:focus h5, body.home .jobs .job-board a:focus p, body.home .jobs .job-board a:focus li {
  color: var(--system-text);
}
body.home .jobs .job-header h2 {
  font-size: 2.75rem;
  font-weight: 100;
  margin: 0;
  color: var(--primary-color);
  line-height: 1;
}
@media all and (max-width: 768px) {
  body.home .jobs .job-header h2 {
    margin-bottom: 2rem;
  }
}
body.home .jobs .job-controls {
  background-color: var(--system-background);
}
body.home .jobs .job-controls button {
  background-color: var(--system-background);
  color: var(--system-gray);
}
body.home .jobs .job-controls button:hover, body.home .jobs .job-controls button:active, body.home .jobs .job-controls button:focus {
  color: var(--system-background);
  background-color: var(--primary-color);
}
body.home .jobs .job-controls button.active {
  color: var(--system-background);
  background-color: var(--primary-color);
}
body.home .jobs .job-controls .select::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  right: 0;
  top: 0;
  bottom: 0;
  background: var(--primary-color);
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.1;
  z-index: -1;
  transform: translateX(-50%);
  width: 100vw;
  -webkit-clip-path: none;
  clip-path: none;
  z-index: 0;
  left: 0;
  right: 0;
  transform: none;
}
body.home .jobs .job-controls a {
  color: var(--system-text);
}
body.home .jobs .job-controls a i {
  color: var(--accent-color);
}
body.home .jobs .job-controls a:hover, body.home .jobs .job-controls a:active, body.home .jobs .job-controls a:focus {
  color: var(--accent-color);
}
body.home .footer-menu {
  margin-top: -1rem;
}
@media all and (min-width: 769px) {
  body.home .footer-menu {
    margin-top: -4rem;
  }
}

body.home .testimonial ul,body.home .industry ul,body.home .online-training ul{padding:0;margin:0;list-style:none;}body.home .online-training h2{font-size:2.75rem;font-weight:100;margin:0;color:var(--primary-color);margin-bottom:2rem;line-height:1;}@media all and (min-width:769px){body.home .online-training h2{font-size:3.5rem;}}body.home.sticky .welcome{padding-top:19rem;}body.home p{font-size:1.25rem;}body.home div.page-title{display:none;}body.home .welcome{color:var(--system-background);text-shadow:0 0 2px rgba(0,0,0,.2);position:relative;padding-top:3rem;margin-bottom:6rem;padding-bottom:3rem;text-align:center;}@media all and (min-width:769px){body.home .welcome{padding-top:25rem;}}body.home .welcome::before{content:"";display:block;position:absolute;left:50%;bottom:-3rem;top:0;background:var(--primary-color-background);background-repeat:no-repeat;background-size:cover;opacity:1;transform:translateX(-50%);z-index:-1;width:100vw;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 calc(100% - 5rem));clip-path:polygon(0 0,100% 0,100% 100%,0 calc(100% - 5rem));}@media all and (min-width:769px){body.home .welcome::before{bottom:-6rem;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 calc(100% - 10rem));clip-path:polygon(0 0,100% 0,100% 100%,0 calc(100% - 10rem));}}body.home .welcome .welcome-canvas{content:"";display:block;position:absolute;left:50%;bottom:-3rem;top:0;background:transparent;background-repeat:no-repeat;background-size:cover;opacity:1;transform:translateX(-50%);z-index:-1;width:100vw;-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 3rem),0 100%);clip-path:polygon(0 0,100% 0,100% calc(100% - 3rem),0 100%);overflow:hidden;}@media all and (min-width:769px){body.home .welcome .welcome-canvas{bottom:-6rem;-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 6rem),0 100%);clip-path:polygon(0 0,100% 0,100% calc(100% - 6rem),0 100%);}}body.home .welcome .welcome-canvas canvas{width:100vw;height:100%;}body.home .welcome .hero{max-width:750px;}body.home .welcome .hero .inner{z-index:1;}body.home .welcome .hero h2{font-size:2.75rem;font-weight:900;color:var(--system-background);text-shadow:0 0 2px rgba(0,0,0,.2);line-height:1;margin:0;}@media all and (min-width:769px){body.home .welcome .hero h2{font-size:4rem;}}body.home .welcome .hero p{font-weight:500;font-size:1.25rem;}body.home .online-training{padding-top:3rem;margin-top:3rem;padding-bottom:3rem;margin-bottom:3rem;text-align:center;}body.home .online-training h2{margin-left:auto;margin-right:auto;max-width:43.75rem;}body.home .online-training img{border-radius:9999px;}body.home .online-training ul{display:flex;flex-direction:row;justify-content:space-around;margin-top:6rem;}@media all and (max-width:768px){body.home .online-training ul{flex-direction:column;}}body.home .online-training ul li{display:flex;flex-direction:column;max-width:18.75rem;padding-left:1rem;padding-right:1rem;flex:1;}@media all and (max-width:768px){body.home .online-training ul li{max-width:100%;margin-bottom:4rem;}body.home .online-training ul li img{max-width:300px;width:100%;border-radius:9999px;}}body.home .online-training ul li:nth-child(2){position:relative;}body.home .online-training ul li:nth-child(2)::after{content:"";display:block;position:absolute;left:50%;top:-3rem;bottom:0;background:linear-gradient(to bottom,var(--primary-color-background) 0,var(--system-background) 25%);background-repeat:no-repeat;background-size:cover;opacity:1;transform:translateX(-50%);z-index:-1;width:100vw;-webkit-clip-path:polygon(0 3rem,100% 0,100% 100%,0 100%);clip-path:polygon(0 3rem,100% 0,100% 100%,0 100%);}@media all and (min-width:769px){body.home .online-training ul li:nth-child(2)::after{top:-6rem;-webkit-clip-path:polygon(0 6rem,100% 0,100% 100%,0 100%);clip-path:polygon(0 6rem,100% 0,100% 100%,0 100%);}}@media all and (min-width:769px){body.home .online-training ul li:nth-child(2)::after{top:6rem;}}body.home .online-training p{font-weight:500;margin:0;}body.home .online-training i{font-size:1.6rem;margin-bottom:1.6rem;}body.home .online-training h5{font-size:1.6rem;font-weight:400;margin-top:1.6rem;margin-bottom:1.6rem;}body.home .online-training h5,body.home .online-training i{color:var(--secondary-color-dark);}body.home .online-training strong{color:#fff;background-color:var(--secondary-color-dark);display:inline-block;margin:0 .25em;padding:0 .5em;border-radius:1rem;}body.home .experience{color:var(--system-background);text-shadow:0 0 2px rgba(0,0,0,.2);position:relative;padding-top:3rem;margin-top:3rem;padding-bottom:3rem;margin-bottom:3rem;}@media all and (min-width:769px){body.home .experience{padding-top:6rem;margin-top:6rem;padding-bottom:6rem;margin-bottom:6rem;}}body.home .experience::before{content:"";display:block;position:absolute;left:50%;top:-3rem;bottom:0;background:var(--primary-color-background);background-repeat:no-repeat;background-size:cover;opacity:1;transform:translateX(-50%);z-index:-1;width:100vw;-webkit-clip-path:polygon(0 3rem,100% 0,100% 100%,0 100%);clip-path:polygon(0 3rem,100% 0,100% 100%,0 100%);top:-5rem;}@media all and (min-width:769px){body.home .experience::before{top:-6rem;-webkit-clip-path:polygon(0 6rem,100% 0,100% 100%,0 100%);clip-path:polygon(0 6rem,100% 0,100% 100%,0 100%);}}@media all and (min-width:769px){body.home .experience::before{top:-8rem;}}body.home .experience::after{content:"";display:block;position:absolute;left:50%;top:-3rem;bottom:0;background:var(--primary-color);background-repeat:no-repeat;background-size:cover;opacity:1;transform:translateX(-50%);z-index:-1;width:100vw;-webkit-clip-path:polygon(0 3rem,100% 0,100% 100%,0 100%);clip-path:polygon(0 3rem,100% 0,100% 100%,0 100%);}@media all and (min-width:769px){body.home .experience::after{top:-6rem;-webkit-clip-path:polygon(0 6rem,100% 0,100% 100%,0 100%);clip-path:polygon(0 6rem,100% 0,100% 100%,0 100%);}}@media all and (min-width:769px){body.home .experience::after{bottom:-6rem;}}body.home .experience h2{color:var(--system-background);text-shadow:0 0 2px rgba(0,0,0,.2);}body.home .experience .hero{position:relative;z-index:1;}body.home .experience .inner>div{flex:1;}@media all and (min-width:769px){body.home .experience .inner>div:last-child{padding-right:50px;}}body.home .experience .inner ul{line-height:1.6;margin:0 auto;display:inline-flex;flex-direction:column;align-items:flex-start;text-align:left;padding:0;}body.home .experience .inner ul li{display:flex;align-items:center;margin:5px 0;line-height:1.25;font-size:1.25rem;}body.home .experience .inner ul li::before{content:"";font-family:"Material Icons";margin-right:10px;}body.home .experience .inner .button::before{content:"";display:block;position:absolute;left:50%;top:-3rem;bottom:0;background:linear-gradient(to right,var(--primary-color-light) 0,var(--primary-color) 40%);background-repeat:no-repeat;background-size:cover;opacity:1;transform:translateX(-50%);z-index:-1;width:100vw;-webkit-clip-path:polygon(0 3rem,100% 0,100% 100%,0 100%);clip-path:polygon(0 3rem,100% 0,100% 100%,0 100%);top:0;bottom:-100vh;pointer-events:none;}@media all and (min-width:769px){body.home .experience .inner .button::before{top:-6rem;-webkit-clip-path:polygon(0 6rem,100% 0,100% 100%,0 100%);clip-path:polygon(0 6rem,100% 0,100% 100%,0 100%);}}@media all and (min-width:769px){body.home .experience .inner .button::before{top:-3.25rem;left:calc((100vw - 75rem)/-2);}}@media all and (min-width:78rem){body.home .experience .inner .button::before{left:calc((100vw - 75rem)/-2);transform:unset;}}body.home .app{position:relative;color:var(--system-background);text-shadow:0 0 2px rgba(0,0,0,.2);text-align:right;z-index:1;}body.home .app::after{content:"";display:block;position:absolute;left:50%;right:0;top:0;bottom:0;background:url("/Assets/Images/app_bg.jpg");background-repeat:no-repeat;background-size:cover;opacity:1;z-index:-1;transform:translateX(-50%);width:100vw;-webkit-clip-path:none;clip-path:none;}body.home .app h2{color:var(--system-background);text-shadow:0 0 2px rgba(0,0,0,.2);}body.home .app .inner{flex-direction:row;}@media all and (max-width:768px){body.home .app .inner{flex-direction:column-reverse;}}body.home .app .inner p{margin-top:0;margin-bottom:2rem;}body.home .app .inner img{max-height:45rem;}@media all and (min-width:769px){body.home .app .inner img{margin-top:9rem;}}body.home .app .inner>div:last-child{max-width:500px;}body.home .app a{background-repeat:no-repeat;background-size:contain;height:0;display:inline-block;width:9.125rem;padding-top:3.25rem;overflow:hidden;}@media all and (max-width:768px){body.home .app a{margin-bottom:2rem;}}body.home .app a.android{background-image:url("/Assets/Images/Android.svg");margin-left:1rem;}body.home .app a.apple{background-image:url("/Assets/Images/Apple.svg");}body.home .training{position:relative;padding-top:3rem;padding-bottom:3rem;margin-bottom:3rem;z-index:1;}@media all and (min-width:769px){body.home .training{padding-top:6rem;padding-bottom:6rem;margin-bottom:6rem;}}body.home .training::before{content:"";display:block;position:absolute;left:50%;right:0;top:0;bottom:0;background:var(--secondary-color);background-repeat:no-repeat;background-size:cover;opacity:1;z-index:-1;transform:translateX(-50%);width:100vw;-webkit-clip-path:none;clip-path:none;}body.home .training h2{color:var(--system-background);text-shadow:0 0 2px rgba(0,0,0,.2);}body.home .training .inner>div{flex:1;}@media all and (min-width:769px){body.home .training .inner>div:last-child{max-width:37.5rem;padding-right:5rem;}}body.home .training .inner .button::before{content:"";display:block;position:absolute;left:50%;top:-3rem;bottom:0;background:linear-gradient(to right,var(--secondary-color-light) 0,var(--secondary-color) 40%);background-repeat:no-repeat;background-size:cover;opacity:1;transform:translateX(-50%);z-index:-1;width:100vw;-webkit-clip-path:polygon(0 3rem,100% 0,100% 100%,0 100%);clip-path:polygon(0 3rem,100% 0,100% 100%,0 100%);top:0;bottom:-100vh;pointer-events:none;}@media all and (min-width:769px){body.home .training .inner .button::before{top:-6rem;-webkit-clip-path:polygon(0 6rem,100% 0,100% 100%,0 100%);clip-path:polygon(0 6rem,100% 0,100% 100%,0 100%);}}@media all and (min-width:769px){body.home .training .inner .button::before{top:-3.25rem;left:calc((100vw - 75rem)/-2);}}@media all and (min-width:78rem){body.home .training .inner .button::before{left:calc((100vw - 75rem)/-2);transform:unset;}}body.home .training .inner i{color:var(--accent-color);font-size:3.5rem;margin-bottom:2rem;}body.home .charity{position:relative;color:var(--system-background);text-align:right;padding-bottom:3rem;margin-bottom:3rem;z-index:1;}@media all and (min-width:769px){body.home .charity{padding-bottom:6rem;margin-bottom:6rem;}}body.home .charity::before{content:"";display:block;position:absolute;left:50%;right:0;top:0;bottom:0;background:#000;background-repeat:no-repeat;background-size:cover;opacity:1;z-index:-1;transform:translateX(-50%);width:100vw;-webkit-clip-path:none;clip-path:none;top:-3rem;}@media all and (min-width:769px){body.home .charity::before{top:-6rem;}}body.home .charity::after{content:"";display:block;position:absolute;left:50%;bottom:-3rem;top:0;background:#000;background-repeat:no-repeat;background-size:cover;opacity:1;transform:translateX(-50%);z-index:-1;width:100vw;-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 3rem),0 100%);clip-path:polygon(0 0,100% 0,100% calc(100% - 3rem),0 100%);}@media all and (min-width:769px){body.home .charity::after{bottom:-6rem;-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 6rem),0 100%);clip-path:polygon(0 0,100% 0,100% calc(100% - 6rem),0 100%);}}body.home .charity h2{color:var(--system-background);}body.home .charity .inner{flex-direction:row;}@media all and (max-width:768px){body.home .charity .inner{flex-direction:column;}}body.home .charity .inner>div{flex:1;}@media all and (min-width:769px){body.home .charity .inner>div:last-child{max-width:34.375rem;padding-left:5rem;}}@media all and (min-width:769px){body.home .charity img{transform:translateY(-10rem);}}body.home .charity .button{background:#f5802d;}body.home .charity .button:hover,body.home .charity .button:active,body.home .charity .button:focus{background:var(--system-text);color:#f5802d;}body.home .industry{text-align:center;padding-top:3rem;margin-top:3rem;padding-bottom:3rem;margin-bottom:3rem;position:relative;z-index:1;}@media all and (min-width:769px){body.home .industry{padding-top:6rem;margin-top:6rem;padding-bottom:6rem;margin-bottom:6rem;}}body.home .industry::before{content:"";display:block;position:absolute;left:50%;right:0;top:0;bottom:0;background:var(--system-background);background-repeat:no-repeat;background-size:cover;opacity:1;z-index:-1;transform:translateX(-50%);width:100vw;-webkit-clip-path:none;clip-path:none;top:-3rem;}@media all and (min-width:769px){body.home .industry::before{top:-6rem;}}body.home .industry .hero{max-width:37.5rem;}body.home .industry .inner .button::before{content:"";display:block;position:absolute;left:50%;top:-3rem;bottom:0;background:linear-gradient(135deg,var(--system-gray-lighter) 12.5%,var(--system-background) 12.5%,var(--system-background) 50%,var(--system-gray-lighter) 50%,var(--system-gray-lighter) 62.5%,var(--system-background) 62.5%,var(--system-background) 100%);background-repeat:no-repeat;background-size:cover;opacity:.5;transform:translateX(-50%);z-index:-1;width:100vw;-webkit-clip-path:polygon(0 3rem,100% 0,100% 100%,0 100%);clip-path:polygon(0 3rem,100% 0,100% 100%,0 100%);top:-1.25rem;pointer-events:none;background-repeat:repeat;background-size:.625rem .625rem;}@media all and (min-width:769px){body.home .industry .inner .button::before{top:-6rem;-webkit-clip-path:polygon(0 6rem,100% 0,100% 100%,0 100%);clip-path:polygon(0 6rem,100% 0,100% 100%,0 100%);}}@media all and (max-width:768px){body.home .industry .inner .button::before{bottom:-120vh;}}@media all and (min-width:769px){body.home .industry .inner .button::before{top:-1.25rem;bottom:-60vw;}}@media all and (min-width:1200px){body.home .industry .inner .button::before{bottom:-40vw;}}body.home .industry i{color:var(--accent-color);font-size:3.5rem;margin-bottom:2rem;}body.home .industry h5,body.home .industry i,body.home .industry strong{color:var(--accent-color);}body.home .industry ul{display:flex;flex-direction:column;justify-content:space-around;align-items:center;margin-top:6rem;}@media all and (min-width:769px){body.home .industry ul{flex-direction:row;}}body.home .industry ul li{max-width:9.375rem;padding-left:1rem;padding-right:1rem;font-size:1.25rem;}@media all and (max-width:768px){body.home .industry ul li{margin-bottom:2rem;}}body.home .industry ul h5{display:none;}body.home .industry ul img{min-width:9.375rem;}body.home .testimonial{display:flex;flex-direction:row;align-items:center;padding-bottom:3rem;margin-bottom:3rem;}@media all and (min-width:769px){body.home .testimonial{padding-bottom:6rem;margin-bottom:6rem;}}@media all and (max-width:768px){body.home .testimonial{flex-direction:column;}}body.home .testimonial .hero,body.home .testimonial>ul{flex:1;}body.home .testimonial i{color:var(--accent-color);font-size:3.5rem;margin-bottom:2rem;}@media all and (min-width:769px){body.home .testimonial .hero{padding-right:3rem;text-align:right;}}@media all and (max-width:768px){body.home .testimonial ul{margin-top:3rem;}}@media all and (min-width:769px){body.home .testimonial ul{padding-left:5rem;margin-left:3rem;border-left:dashed 2px var(--system-gray-lighter);}}body.home .testimonial ul img{margin-left:0;margin-right:2rem;max-width:7.5rem;}body.home .testimonial ul img+h5{display:none;}body.home .testimonial ul li{display:flex;flex-direction:row;align-items:center;margin-top:2rem;font-size:1.25rem;}body.home .testimonial ul li:first-child{margin-top:0;}body.home .testimonial ul li h5{color:var(--accent-color);font-weight:900;font-size:1.125rem;margin:0;line-height:1;}body.home .testimonial ul li p{margin:.5rem 0;}body.home .testimonial ul li p:last-child{display:inline-block;border-radius:1rem;padding:.25rem 1rem;background-color:var(--system-background-offset);color:var(--system-gray-darker);text-transform:uppercase;font-size:.6875rem;font-weight:900;margin:0;}body.home .card-wrapper{padding-top:3rem;}@media all and (min-width:769px){body.home .card-wrapper{padding-top:6rem;}}body.home .card-wrapper h2{font-size:2.75rem;font-weight:100;margin:0;color:var(--primary-color);line-height:1;}@media all and (max-width:768px){body.home .card-wrapper h2{margin-bottom:2rem;}}body.home .card-controls .select select{padding:1rem 3rem 1rem 2rem;}@media all and (min-width:769px){body.home .card-controls .select{display:none;}}body.home .clients{padding:0 0 200px 0;overflow-x:hidden;}body.home .clients h2{font-size:2.75rem;font-weight:100;margin:0;color:var(--primary-color);line-height:1;}body.home .clients .client-list{position:relative;height:500px;}body.home .clients .client-list>div{position:absolute;top:0;left:0;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;opacity:0;display:flex;z-index:1;transform:translateX(200px);}body.home .clients .client-list>div img{display:block;margin:0 auto;max-width:200px;}body.home .clients .client-list>div p{text-align:center;max-width:400px;margin:1em auto;}body.home .clients .client-list>div.active{opacity:1;z-index:2;transform:translateX(0);transition:all .75s ease-in-out;}body.home .clients .client-list>div.inactive{opacity:0;z-index:1;transform:translateX(-300px);transition:all .75s ease-out;}body.home .jobs{position:relative;min-height:38rem;padding-top:3rem;margin-top:3rem;padding-bottom:6rem;margin-bottom:3rem;z-index:1;}@media all and (min-width:769px){body.home .jobs{padding-top:6rem;margin-top:6rem;padding-bottom:12rem;margin-bottom:6rem;}}body.home .jobs::after{content:"";display:block;position:absolute;left:50%;top:-3rem;bottom:0;background:var(--primary-color-background);background-repeat:no-repeat;background-size:cover;opacity:1;transform:translateX(-50%);z-index:-1;width:100vw;-webkit-clip-path:polygon(0 3rem,100% 0,100% calc(100% - 3rem),0 100%);clip-path:polygon(0 3rem,100% 0,100% calc(100% - 3rem),0 100%);}@media all and (min-width:769px){body.home .jobs::after{top:-6rem;-webkit-clip-path:polygon(0 6rem,100% 0,100% calc(100% - 6rem),0 100%);clip-path:polygon(0 6rem,100% 0,100% calc(100% - 6rem),0 100%);}}body.home .jobs .job-board a{background-color:var(--primary-color);color:var(--system-background);}body.home .jobs .job-board a small,body.home .jobs .job-board a h5,body.home .jobs .job-board a p,body.home .jobs .job-board a li{color:var(--system-background);}body.home .jobs .job-board a:hover,body.home .jobs .job-board a:active,body.home .jobs .job-board a:focus{background-color:var(--system-background);}body.home .jobs .job-board a:hover small,body.home .jobs .job-board a:active small,body.home .jobs .job-board a:focus small{color:var(--system-gray);}body.home .jobs .job-board a:hover h5,body.home .jobs .job-board a:hover p,body.home .jobs .job-board a:hover li,body.home .jobs .job-board a:active h5,body.home .jobs .job-board a:active p,body.home .jobs .job-board a:active li,body.home .jobs .job-board a:focus h5,body.home .jobs .job-board a:focus p,body.home .jobs .job-board a:focus li{color:var(--system-text);}body.home .jobs .job-header h2{font-size:2.75rem;font-weight:100;margin:0;color:var(--primary-color);line-height:1;}@media all and (max-width:768px){body.home .jobs .job-header h2{margin-bottom:2rem;}}body.home .jobs .job-controls{background-color:var(--system-background);}body.home .jobs .job-controls button{background-color:var(--system-background);color:var(--system-gray);}body.home .jobs .job-controls button:hover,body.home .jobs .job-controls button:active,body.home .jobs .job-controls button:focus{color:var(--system-background);background-color:var(--primary-color);}body.home .jobs .job-controls button.active{color:var(--system-background);background-color:var(--primary-color);}body.home .jobs .job-controls .select::before{content:"";display:block;position:absolute;left:50%;right:0;top:0;bottom:0;background:var(--primary-color);background-repeat:no-repeat;background-size:cover;opacity:.1;z-index:-1;transform:translateX(-50%);width:100vw;-webkit-clip-path:none;clip-path:none;z-index:0;left:0;right:0;transform:none;}body.home .jobs .job-controls a{color:var(--system-text);}body.home .jobs .job-controls a i{color:var(--accent-color);}body.home .jobs .job-controls a:hover,body.home .jobs .job-controls a:active,body.home .jobs .job-controls a:focus{color:var(--accent-color);}body.home .footer-menu{margin-top:-1rem;}@media all and (min-width:769px){body.home .footer-menu{margin-top:-4rem;}}
.jobs .job-board a ul{padding:0;margin:0;list-style:none}.jobs .job-board{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:1.25rem}@media all and (min-width:769px){.jobs .job-board{grid-template-columns:repeat(3,1fr)}}.jobs .job-board a{display:block;background-color:var(--primary-color-background);padding:2rem;border-radius:1rem;transition:.2s;color:var(--primary-color);text-decoration:none}.jobs .job-board a h5{font-size:1.5rem;font-weight:900;color:var(--primary-color);margin:0;line-height:1;transition:.2s}.jobs .job-board a h5 i{color:var(--accent-color);margin-left:.5rem;vertical-align:middle}.jobs .job-board a small{font-size:.75rem;font-weight:500;color:var(--primary-color);transition:.2s}.jobs .job-board a p{color:var(--primary-color);font-size:.875rem;transition:.2s}.jobs .job-board a ul li{display:inline-flex;flex-direction:row;align-items:center;color:var(--primary-color);font-size:.75rem;transition:.2s}.jobs .job-board a ul li i{margin-right:.5rem}.jobs .job-board a ul li+li{margin-left:1rem}.jobs .job-board a:hover,.jobs .job-board a:active,.jobs .job-board a:focus{background-color:var(--primary-color)}.jobs .job-board a:hover small,.jobs .job-board a:active small,.jobs .job-board a:focus small{color:var(--system-background)}.jobs .job-board a:hover h5,.jobs .job-board a:hover p,.jobs .job-board a:hover li,.jobs .job-board a:active h5,.jobs .job-board a:active p,.jobs .job-board a:active li,.jobs .job-board a:focus h5,.jobs .job-board a:focus p,.jobs .job-board a:focus li{color:var(--system-background)}@media all and (min-width:769px){.jobs .job-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-left:-1rem;margin-right:-1rem}}.jobs .job-header label{background-color:var(--system-background);display:flex;flex-direction:row;align-items:center;padding:1rem;border-radius:2rem}.jobs .job-header label input{background-color:var(--system-background);border:none;color:var(--system-text);font-size:.875rem}.jobs .job-header label i{color:var(--accent-color);margin-right:.5rem}.jobs .job-header p{font-size:.875rem;display:flex;flex-direction:row;align-items:flex-start;white-space:nowrap}.jobs .job-header p img{display:inline-block;max-width:4rem;margin-left:.25rem;margin-right:0}.jobs .job-controls{background-color:var(--primary-color-background);border-radius:2rem;padding:1rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:2rem;margin-bottom:2rem}@media all and (min-width:769px){.jobs .job-controls{margin-left:-1rem;margin-right:-1rem}}.jobs .job-controls a,.jobs .job-controls button{display:inline-block;cursor:pointer;font-size:.875rem;text-transform:uppercase;transition:.2s}.jobs .job-controls button{background-color:transparent;color:var(--primary-color);border:none;padding:.25rem .75rem;line-height:1.6;border-radius:1rem}.jobs .job-controls button:hover,.jobs .job-controls button:active,.jobs .job-controls button:focus{color:var(--system-background);background-color:var(--primary-color)}.jobs .job-controls button.active{color:var(--system-background);background-color:var(--primary-color)}@media all and (max-width:768px){.jobs .job-controls button{display:none}}.jobs .job-controls .select{overflow:hidden}@media all and (min-width:769px){.jobs .job-controls .select{display:none}}.jobs .job-controls a{text-decoration:none;color:var(--system-text);display:flex;flex-direction:row;align-items:center;white-space:nowrap;margin-left:1rem}.jobs .job-controls a i{color:var(--accent-color);margin-left:.5rem}.jobs .job-controls a:hover,.jobs .job-controls a:active,.jobs .job-controls a:focus{color:var(--accent-color);text-decoration:none}
.account-login #PageSubtitle {
  color: var(--accent-color);
  text-transform: uppercase;
  font-size: 1.2em;
  font-weight: bold;
}

.account-login #PageSubtitle{color:var(--accent-color);text-transform:uppercase;font-size:1.2em;font-weight:bold;}
.account-purchase main{padding-bottom:3rem}@media all and (min-width:769px){.account-purchase main{padding-bottom:6rem}.account-purchase main>.column{margin-top:-160px}}.account-purchase .summary{border-radius:15px;border:solid 1px var(--primary-color-light);display:flex;flex-direction:row;overflow:hidden;background:#fff}@media all and (max-width:768px){.account-purchase .summary{flex-direction:column}}.account-purchase .summary>div:first-child{flex:1;padding:30px}.account-purchase .summary>div:first-child strong{display:block;font-size:18px}.account-purchase .summary>div:last-child{padding:30px;background-color:var(--primary-color-light);color:#fff;text-shadow:0 0 2px rgba(0,0,0,.2);font-size:24px;display:flex;flex-direction:column;align-items:center;justify-content:center}.account-purchase .summary>div:last-child a{font-size:14px}.account-purchase .summary>div:last-child small{font-size:.6em}.account-purchase .summary>div:last-child big{font-size:1em}.account-purchase .summary>div:last-child small,.account-purchase .summary>div:last-child big{display:flex;width:100%}.account-purchase .summary>div:last-child small strong,.account-purchase .summary>div:last-child big strong{padding-right:10px}.account-purchase .summary>div:last-child small span,.account-purchase .summary>div:last-child big span{flex:1;text-align:right}.account-purchase table.radio-list{border:solid 1px var(--system-gray-lighter);border-radius:5px;padding:10px}.account-purchase table.radio-list label{color:var(--system-text) !important;font-size:14px !important}.account-purchase table.radio-list tr,.account-purchase table.radio-list td{display:flex;align-items:center;flex:1}.account-purchase table.radio-list label,.account-purchase table.radio-list input{margin:0 !important;padding:0 !important}.account-purchase table.radio-list input{margin-right:10px !important}.account-purchase .payment-form{position:relative;min-height:200px}.account-purchase .payment-form-loading{position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.5);display:flex;flex-direction:row;align-items:center;justify-content:center;padding-bottom:6rem}.account-purchase .payment-form .StripeElement{background:var(--system-background);border-radius:10px;border:solid 1px var(--system-gray-lighter);padding:20px;width:100%}@media all and (max-width:768px){.account-purchase .payment-form .two-cols>div:first-child{margin-bottom:20px}}@media all and (min-width:769px){.account-purchase .payment-form .two-cols{display:flex;flex-direction:row;justify-content:space-between}.account-purchase .payment-form .two-cols>div{flex-grow:1}.account-purchase .payment-form .two-cols>div:first-child{margin-right:1rem}}.account-purchase .terms-content{margin:1em 0;height:300px;overflow-y:scroll;overflow-x:hidden;border:1px solid var(--system-gray-lighter);border-radius:10px 0 0 10px;padding:10px 20px}.account-purchase .bully-zero{display:flex;flex-direction:column}.account-purchase .bully-zero img{max-width:300px}.account-purchase .no-discount{display:flex;justify-content:flex-end;align-items:center;text-decoration:none;margin:1em 0}.account-purchase .no-discount .material-icons{margin-left:.25em}.account-purchase .discount label{display:block}.account-purchase .discount input{width:100%}@media all and (max-width:768px){.account-purchase .discount .two-cols>div:first-child{margin-bottom:20px}}@media all and (min-width:769px){.account-purchase .discount .two-cols{display:flex;flex-direction:row;justify-content:space-between;max-width:465px}.account-purchase .discount .two-cols>div:first-child{margin-right:1rem;flex-grow:1}.account-purchase .discount .two-cols>div:last-child{display:flex;flex-direction:column;justify-content:flex-end}}.account-purchase .errors{background:var(--accent-color-background);color:var(--accent-color);border-radius:10px;padding:20px;margin-bottom:20px}
.quick-courses__wrapper {
  display: flex;
  justify-content: center;
  gap: 18px;
  position: relative;
  min-height: 175px;
  margin-top: 30px;
}
.quick-courses__outside {
  position: relative;
  width: 100%;
}
.quick-courses__inside {
  width: 100%;
  position: absolute;
  display: flex;
  padding: 8px 8px 16px 8px;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  align-self: stretch;
  border-radius: 16px;
  background: #e5effe;
  min-height: 310px;
  position: relative;
}
.quick-courses__inside img {
  border-radius: 8px;
  width: 100%;
  height: 150px;
  object-fit: cover;
}
.quick-courses__inside:after {
  content: "MOST POPULAR";
  font-size: 12px;
  font-weight: 700;
  position: absolute;
  top: 8px;
  right: 8px;
  border-radius: 8px;
  padding: 4px 12px;
  background: var(--accent-color);
}
.quick-courses__inside div {
  color: #0e1972;
  text-align: center;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  padding-inline: 16px;
}

@media (max-width: 768px) {
  .quick-courses__wrapper {
    flex-direction: column;
    align-items: center;
  }
  .quick-courses__inside {
    position: relative;
  }
}
a.secondary {
  color: var(--accent-color);
  border: 2px solid var(--accent-color);
  background-color: white;
  padding: 17.5px 20px;
  border-radius: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  text-transform: uppercase;
}

a.primary {
  color: white;
  border: 2px solid var(--accent-color);
  background-color: var(--accent-color);
  padding: 17.5px 20px;
  border-radius: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  text-transform: uppercase;
}

.quick-courses__wrapper{display:flex;justify-content:center;gap:18px;position:relative;min-height:175px;margin-top:30px}.quick-courses__outside{position:relative;width:100%}.quick-courses__inside{width:100%;position:absolute;display:flex;padding:8px 8px 16px 8px;flex-direction:column;align-items:center;gap:18px;align-self:stretch;border-radius:16px;background:#e5effe;min-height:310px;position:relative}.quick-courses__inside img{border-radius:8px;width:100%;height:150px;object-fit:cover}.quick-courses__inside:after{content:"MOST POPULAR";font-size:12px;font-weight:700;position:absolute;top:8px;right:8px;border-radius:8px;padding:4px 12px;background:var(--accent-color)}.quick-courses__inside div{color:#0e1972;text-align:center;font-size:22px;font-style:normal;font-weight:700;line-height:120%;padding-inline:16px}@media(max-width:768px){.quick-courses__wrapper{flex-direction:column;align-items:center}.quick-courses__inside{position:relative}}a.secondary{color:var(--accent-color);border:2px solid var(--accent-color);background-color:#fff;padding:17.5px 20px;border-radius:2rem;display:flex;justify-content:center;align-items:center;font-weight:700;text-transform:uppercase}a.primary{color:#fff;border:2px solid var(--accent-color);background-color:var(--accent-color);padding:17.5px 20px;border-radius:2rem;display:flex;justify-content:center;align-items:center;font-weight:700;text-transform:uppercase}
a,
button,
.select select {
  cursor: pointer;
}

.page-title:has(.step-container) {
  padding-top: 26rem;
}

.step-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2rem 1rem;
  flex-wrap: wrap;
  gap: 12px;
}
.step-container .step {
  position: relative;
  flex: 1 1 30%;
  text-align: center;
  font-size: 24px;
}
.step-container .step .circle {
  position: relative;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  margin: 0 auto;
  z-index: 1;
}
.step-container .step .circle.completed {
  background-color: #bd1937;
  color: white;
}
.step-container .step .circle.current {
  border: 5px solid #bd1937;
  background-color: white;
  color: #bd1937;
}
.step-container .step .circle.upcoming {
  border: 5px solid #6c7983;
  background-color: white;
  color: #6c7983;
}
.step-container .step .label {
  font-size: 17.5px;
  margin-top: 15px;
  color: #0e1972;
}
.step-container .step .label.bold {
  font-weight: bold;
}
.step-container .step .line {
  position: absolute;
  top: 20px;
  left: 50%;
  width: 100%;
  height: 8px;
  z-index: 0;
}
.step-container .step .line.complete-line {
  background-color: #bd1937;
}
.step-container .step .line.upcoming-line {
  background-color: #6c7983;
}

@media (max-width: 600px) {
  .step-container {
    flex-direction: column;
    align-items: center;
  }
  .step-container .step .line {
    display: none;
  }
}
.column .form {
  max-width: 100%;
}

.register-form:has(.llnd-form) .form-secondary-column {
  margin-top: 122px;
}

@media (min-width: 768px) {
  #Content_LLNPanel {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 22px;
  }
  #Content_LLNPanel .form,
  #Content_LLNPanel .row {
    grid-column: span 7/span 7;
    grid-column-start: 2;
  }
  #Content_LLNPanel .form-secondary-column {
    grid-column: span 4/span 4;
    margin-top: 122px;
  }
  #Content_LLNPanel .answer-subtext {
    opacity: 0.5;
    margin-top: 12px;
  }
  #Content_RegisterPanel {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 22px;
  }
  #Content_RegisterPanel .register-form {
    grid-column: span 7/span 7;
    grid-column-start: 2;
  }
  #Content_RegisterPanel .form-secondary-column {
    grid-column: span 4/span 4;
    margin-top: 186px;
  }
}
#Content_LLNPanel .information-box,
#Content_RegisterPanel .information-box {
  background: var(--primary-color-background);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  padding: 18px;
  color: #0e1972;
  margin-bottom: 30px;
}
#Content_LLNPanel .information-box .info-heading,
#Content_RegisterPanel .information-box .info-heading {
  font-size: 18px;
  font-weight: 600;
}
#Content_LLNPanel .information-box p,
#Content_RegisterPanel .information-box p {
  margin-block: 0;
}
#Content_LLNPanel .information-box p:not(.info-heading),
#Content_RegisterPanel .information-box p:not(.info-heading) {
  margin-bottom: 16px;
}
#Content_LLNPanel .information-box a,
#Content_RegisterPanel .information-box a {
  color: #0e1972;
}
#Content_LLNPanel .information-box ol,
#Content_LLNPanel .information-box ul,
#Content_RegisterPanel .information-box ol,
#Content_RegisterPanel .information-box ul {
  padding-left: 18px;
  margin-top: 0px;
}
#Content_LLNPanel .password-wrapper,
#Content_RegisterPanel .password-wrapper {
  position: relative;
  width: 100%;
}
#Content_LLNPanel .password-wrapper input,
#Content_RegisterPanel .password-wrapper input {
  width: 100%;
  padding-right: 44px;
  height: 44px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 16px;
}
#Content_LLNPanel .password-wrapper button,
#Content_RegisterPanel .password-wrapper button {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
#Content_LLNPanel .password-wrapper button .material-icons,
#Content_RegisterPanel .password-wrapper button .material-icons {
  font-size: 22px;
  color: #6c7983;
}
#Content_LLNPanel .button,
#Content_RegisterPanel .button {
  background: var(--accent-color);
}

.llnd-title {
  color: #0060f7;
  font-size: 38.5px;
  font-style: normal;
  font-weight: 300;
  margin-bottom: 25px;
}

.payment-logos ul,
.payment-logos li {
  list-style-type: none !important;
}
.payment-logos ul ::before,
.payment-logos li ::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
}
.payment-logos p {
  text-align: center;
  font-weight: 600;
  margin-bottom: 0px;
}
.payment-logos svg {
  height: 48px;
  width: auto;
  background-color: none !important;
}
.payment-logos .visa-logo {
  height: 56px;
}

a,button,.select select{cursor:pointer}.page-title:has(.step-container){padding-top:26rem}.step-container{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem 1rem;flex-wrap:wrap;gap:12px}.step-container .step{position:relative;flex:1 1 30%;text-align:center;font-size:24px}.step-container .step .circle{position:relative;width:48px;height:48px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:bold;margin:0 auto;z-index:1}.step-container .step .circle.completed{background-color:#bd1937;color:#fff}.step-container .step .circle.current{border:5px solid #bd1937;background-color:#fff;color:#bd1937}.step-container .step .circle.upcoming{border:5px solid #6c7983;background-color:#fff;color:#6c7983}.step-container .step .label{font-size:17.5px;margin-top:15px;color:#0e1972}.step-container .step .label.bold{font-weight:bold}.step-container .step .line{position:absolute;top:20px;left:50%;width:100%;height:8px;z-index:0}.step-container .step .line.complete-line{background-color:#bd1937}.step-container .step .line.upcoming-line{background-color:#6c7983}@media(max-width:600px){.step-container{flex-direction:column;align-items:center}.step-container .step .line{display:none}}.column .form{max-width:100%}.register-form:has(.llnd-form) .form-secondary-column{margin-top:122px}@media(min-width:768px){#Content_LLNPanel{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:22px}#Content_LLNPanel .form,#Content_LLNPanel .row{grid-column:span 7/span 7;grid-column-start:2}#Content_LLNPanel .form-secondary-column{grid-column:span 4/span 4;margin-top:122px}#Content_LLNPanel .answer-subtext{opacity:.5;margin-top:12px}#Content_RegisterPanel{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:22px}#Content_RegisterPanel .register-form{grid-column:span 7/span 7;grid-column-start:2}#Content_RegisterPanel .form-secondary-column{grid-column:span 4/span 4;margin-top:186px}}#Content_LLNPanel .information-box,#Content_RegisterPanel .information-box{background:var(--primary-color-background);border-radius:10px;display:flex;flex-direction:column;padding:18px;color:#0e1972;margin-bottom:30px}#Content_LLNPanel .information-box .info-heading,#Content_RegisterPanel .information-box .info-heading{font-size:18px;font-weight:600}#Content_LLNPanel .information-box p,#Content_RegisterPanel .information-box p{margin-block:0}#Content_LLNPanel .information-box p:not(.info-heading),#Content_RegisterPanel .information-box p:not(.info-heading){margin-bottom:16px}#Content_LLNPanel .information-box a,#Content_RegisterPanel .information-box a{color:#0e1972}#Content_LLNPanel .information-box ol,#Content_LLNPanel .information-box ul,#Content_RegisterPanel .information-box ol,#Content_RegisterPanel .information-box ul{padding-left:18px;margin-top:0}#Content_LLNPanel .password-wrapper,#Content_RegisterPanel .password-wrapper{position:relative;width:100%}#Content_LLNPanel .password-wrapper input,#Content_RegisterPanel .password-wrapper input{width:100%;padding-right:44px;height:44px;border:1px solid #ccc;border-radius:6px;font-size:16px}#Content_LLNPanel .password-wrapper button,#Content_RegisterPanel .password-wrapper button{position:absolute;top:50%;right:12px;transform:translateY(-50%);background:none;border:0;padding:0;margin:0;cursor:pointer}#Content_LLNPanel .password-wrapper button .material-icons,#Content_RegisterPanel .password-wrapper button .material-icons{font-size:22px;color:#6c7983}#Content_LLNPanel .button,#Content_RegisterPanel .button{background:var(--accent-color)}.llnd-title{color:#0060f7;font-size:38.5px;font-style:normal;font-weight:300;margin-bottom:25px}.payment-logos ul,.payment-logos li{list-style-type:none!important}.payment-logos ul ::before,.payment-logos li ::before{content:"";display:inline-block;width:0;height:0}.payment-logos p{text-align:center;font-weight:600;margin-bottom:0}.payment-logos svg{height:48px;width:auto;background-color:none!important}.payment-logos .visa-logo{height:56px}
.thirdparty-observation .assessment-details ul{padding:0;margin:0;list-style:none}.thirdparty-observation .assessment-details{display:flex;flex-direction:row;border:solid 1px var(--system-gray-lighter);border-radius:10px}@media(max-width:768px){.thirdparty-observation .assessment-details{flex-direction:column}}.thirdparty-observation .assessment-details h4{margin:0 !important}.thirdparty-observation .assessment-details>div{flex:1;padding:20px;border-right:solid 1px var(--system-gray-lighter)}@media(max-width:768px){.thirdparty-observation .assessment-details>div{border-right:0;border-bottom:solid 1px var(--system-gray-lighter)}}.thirdparty-observation .assessment-details>div:last-child{border-right:0;border-bottom:0}.thirdparty-observation .assessment-details table{text-align:left;border:none}.thirdparty-observation .assessment-details table th,.thirdparty-observation .assessment-details table td{padding:0;padding-right:1em}.thirdparty-observation textarea{background:var(--system-background);border-radius:10px;border:solid 1px var(--system-gray-lighter);padding:20px;width:100%}.thirdparty-observation .assessment-item{padding:20px;margin:1rem 0;border-radius:10px;border:solid 1px var(--system-gray-lighter)}.thirdparty-observation .assessment-item .question>p:first-child{margin-top:0}.thirdparty-observation .assessment-item .question>p:last-child{margin-bottom:0}.thirdparty-observation .assessment-item label{display:flex;margin:1em 0;background:var(--system-background-offset);border-radius:9999px;align-items:center;padding:15px}.thirdparty-observation .assessment-item label input{margin-right:10px}.thirdparty-observation .assessment-item label:last-child{margin-bottom:0}.thirdparty-observation .declaration .checkbox>label{display:flex;background:var(--system-background-offset);border-radius:9999px;align-items:center;padding:15px}.thirdparty-observation .declaration .checkbox>label input{margin-right:10px}.thirdparty-observation .observation .assessment .question{padding:20px;margin:1rem 0;border-radius:10px;border:solid 1px var(--system-gray-lighter)}.thirdparty-observation .observation .assessment .question .q{margin-top:0}.thirdparty-observation .observation .assessment .question label{display:flex;margin:1em 0;background:var(--system-background-offset);border-radius:9999px;align-items:center;padding:15px}.thirdparty-observation .observation .assessment .question label input{margin-right:10px}.thirdparty-observation .observation .assessment .question label:last-child{margin-bottom:0}.thirdparty-observation .observation .assessment .question .b{border-top:dashed 1px var(--system-background-offset);padding-top:1rem;font-style:italic;margin-bottom:0}.thirdparty-observation .video-upload{margin-bottom:2rem}.thirdparty-observation .video-upload progress{width:100%}.thirdparty-observation .video-upload .button{width:100%;background:var(--primary-color)}.thirdparty-observation .video-upload .button:hover,.thirdparty-observation .video-upload .button:active,.thirdparty-observation .video-upload .button:focus{background:var(--system-text)}.thirdparty-observation .video-upload p{margin:0;display:flex;padding:1.5rem;align-items:center}.thirdparty-observation .video-upload p i{margin-right:1rem;color:var(--primary-color)}.thirdparty-observation .video-upload p span{flex:1}.thirdparty-observation .video-upload p button{border:none;background:none;background-color:transparent;text-transform:uppercase;font-size:.875rem;font-weight:600;cursor:pointer}.thirdparty-observation .controls{background-color:var(--primary-color-background);position:relative;border-radius:2rem;padding:1rem;display:flex;flex-direction:row;align-items:center;margin-top:2rem;margin-bottom:2rem}.thirdparty-observation .controls>*{z-index:1}@media all and (min-width:769px){.thirdparty-observation .controls{margin-left:-1rem;margin-right:-1rem}}.thirdparty-observation .controls button{display:inline-block;cursor:pointer;font-size:.875rem;text-transform:uppercase;transition:.2s;background-color:transparent;color:var(--primary-color);border:none;padding:.25rem .75rem;line-height:1.6;border-radius:1rem;margin-right:10px}.thirdparty-observation .controls button:hover,.thirdparty-observation .controls button:active,.thirdparty-observation .controls button:focus{color:var(--system-background);background-color:var(--primary-color)}.thirdparty-observation .controls button.active{color:var(--system-background);background-color:var(--primary-color)}@media all and (max-width:768px){.thirdparty-observation .controls button{display:none}}@media all and (min-width:769px){.thirdparty-observation .controls .select{display:none}}
.quick-courses__wrapper {
  display: flex;
  justify-content: center;
  gap: 18px;
  position: relative;
  min-height: 175px;
  margin-top: 30px;
}
.quick-courses__outside {
  position: relative;
  width: 100%;
}
.quick-courses__inside {
  width: 100%;
  position: absolute;
  display: flex;
  padding: 8px 8px 16px 8px;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  align-self: stretch;
  border-radius: 16px;
  background: #e5effe;
  min-height: 360px;
  justify-content: space-between;
}
.quick-courses__inside img {
  border-radius: 8px;
  width: 100%;
  height: auto;
  object-fit: cover;
  height: 185px;
}
.quick-courses__inside div {
  color: #0e1972;
  text-align: center;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  padding-inline: 16px;
}

@media (max-width: 768px) {
  .quick-courses__wrapper {
    flex-direction: column;
    align-items: center;
  }
  .quick-courses__inside {
    position: relative;
  }
}
.three-card__wrapper {
  margin-bottom: 32px;
}
.three-card__wrapper .material-icons {
  color: #0e1972;
}
.three-card__wrapper h2 {
  margin-bottom: 35px !important;
  text-align: center;
}
.three-card__container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 18px;
}
.three-card__single {
  display: flex;
  width: 338px;
  padding: 32px 17.5px;
  flex-direction: column;
  gap: 17px;
  align-items: center;
  align-self: stretch;
  border-radius: 14px;
  background: #e5effe;
}
.three-card__single div {
  color: #0e1972;
  text-align: center;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.three-card__single p {
  margin-block: 0;
  color: #0e1972;
  text-align: center;
  font-size: 17.5px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.three-card__button {
  display: flex;
  justify-content: center;
}
@media (max-width: 768px) {
  .three-card__container {
    flex-direction: column;
    align-items: center;
  }
  .three-card__single {
    width: 100%;
  }
}

button.secondary {
  color: var(--accent-color);
  border: 2px solid var(--accent-color);
  background-color: white;
  padding: 17.5px 20px;
  border-radius: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  text-transform: uppercase;
}

button.primary {
  color: white;
  border: 2px solid var(--accent-color);
  background-color: var(--accent-color);
  padding: 17.5px 20px;
  border-radius: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  text-transform: uppercase;
}

.cta-card__container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}
.cta-card__content {
  padding-block: 50px;
}
.cta-card__image img {
  margin: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 768px) {
  .cta-card__container {
    grid-template-columns: 1fr;
  }
  .cta-card__content {
    order: 2;
    padding-block: 20px;
  }
  .cta-card__image {
    order: 1;
  }
}

.quick-courses__wrapper{display:flex;justify-content:center;gap:18px;position:relative;min-height:175px;margin-top:30px}.quick-courses__outside{position:relative;width:100%}.quick-courses__inside{width:100%;position:absolute;display:flex;padding:8px 8px 16px 8px;flex-direction:column;align-items:center;gap:18px;align-self:stretch;border-radius:16px;background:#e5effe;min-height:360px;justify-content:space-between}.quick-courses__inside img{border-radius:8px;width:100%;height:auto;object-fit:cover;height:185px}.quick-courses__inside div{color:#0e1972;text-align:center;font-size:22px;font-style:normal;font-weight:700;line-height:120%;padding-inline:16px}@media(max-width:768px){.quick-courses__wrapper{flex-direction:column;align-items:center}.quick-courses__inside{position:relative}}.three-card__wrapper{margin-bottom:32px}.three-card__wrapper .material-icons{color:#0e1972}.three-card__wrapper h2{margin-bottom:35px!important;text-align:center}.three-card__container{display:flex;justify-content:center;align-items:center;gap:18px}.three-card__single{display:flex;width:338px;padding:32px 17.5px;flex-direction:column;gap:17px;align-items:center;align-self:stretch;border-radius:14px;background:#e5effe}.three-card__single div{color:#0e1972;text-align:center;font-size:28px;font-style:normal;font-weight:700;line-height:normal}.three-card__single p{margin-block:0;color:#0e1972;text-align:center;font-size:17.5px;font-style:normal;font-weight:400;line-height:28px}.three-card__button{display:flex;justify-content:center}@media(max-width:768px){.three-card__container{flex-direction:column;align-items:center}.three-card__single{width:100%}}button.secondary{color:var(--accent-color);border:2px solid var(--accent-color);background-color:#fff;padding:17.5px 20px;border-radius:2rem;display:flex;justify-content:center;align-items:center;font-weight:700;text-transform:uppercase}button.primary{color:#fff;border:2px solid var(--accent-color);background-color:var(--accent-color);padding:17.5px 20px;border-radius:2rem;display:flex;justify-content:center;align-items:center;font-weight:700;text-transform:uppercase}.cta-card__container{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.cta-card__content{padding-block:50px}.cta-card__image img{margin:0;width:100%;height:100%;object-fit:cover}@media(max-width:768px){.cta-card__container{grid-template-columns:1fr}.cta-card__content{order:2;padding-block:20px}.cta-card__image{order:1}}
body.tpo .assessment-form .left ul,body.tpo .assessment-details ul{padding:0;margin:0;list-style:none}body.tpo .feedback{display:flex;flex-direction:column;justify-content:center;align-items:center;border:solid 1px var(--system-gray-lighter);border-radius:10px;padding:50px}body.tpo .feedback i{font-size:48px;color:var(--accent-color);margin-bottom:10px}body.tpo .assessment-details{display:flex;flex-direction:row;border:solid 1px var(--system-gray-lighter);border-radius:10px;overflow:hidden;margin-bottom:20px}@media(max-width:768px){body.tpo .assessment-details{flex-direction:column}}body.tpo .assessment-details h4{margin:0 !important}body.tpo .assessment-details ul{margin-top:10px}body.tpo .assessment-details ul li{padding:5px 0}body.tpo .assessment-details>div{flex:1;padding:20px;border-right:solid 1px var(--system-gray-lighter)}@media(max-width:768px){body.tpo .assessment-details>div{border-right:0;border-bottom:solid 1px var(--system-gray-lighter)}}body.tpo .assessment-details>div:last-child{border-right:0;border-bottom:0;background:var(--system-background-offset)}body.tpo .assessment-form{display:flex;margin-top:50px}@media(max-width:768px){body.tpo .assessment-form{flex-direction:column}}body.tpo .assessment-form .left{flex:0 0 200px;margin-right:50px}body.tpo .assessment-form .left ul{margin:1em 0}body.tpo .assessment-form .left ul li a{display:flex;align-items:center;padding:10px 20px;border-radius:9999px}body.tpo .assessment-form .left ul li a i{font-size:16px;margin-left:10px}body.tpo .assessment-form .left ul li a.active{background:var(--system-background-offset);color:var(--system-foreground-offset)}body.tpo .assessment-form .left ul li a.disabled{pointer-events:none}body.tpo .assessment-form .left ul li strong{text-transform:uppercase;display:block;margin-top:10px;color:var(--system-gray-lighter);padding:10px 20px}body.tpo .assessment-form .right{flex:1}body.tpo .checkbox>label{display:flex;align-items:center}body.tpo .checkbox>label input{margin-right:15px}body.tpo .question{border:solid 1px var(--system-gray-lighter);border-radius:10px;margin-bottom:10px;overflow:hidden}body.tpo .question .q{padding:10px 20px;border-bottom:dashed 1px var(--system-gray-lighter)}body.tpo .question textarea{display:block;width:100%;border:0;padding:20px}body.tpo .question gl-multiple-choice ul{padding:0;list-style:none}body.tpo .question gl-multiple-choice ul label{display:flex !important;padding:10px 20px;cursor:pointer;align-items:center}body.tpo .question gl-multiple-choice ul label i{margin-right:10px;font-size:16px !important}body.tpo .question gl-multiple-choice ul label:hover{background:var(--system-background-offset)}body.tpo .tasks>div{display:none}body.tpo .tasks>div.active{display:block}body.tpo .tasks h2{font-size:18px;color:var(--accent-color);font-weight:300}body.tpo .tasks .observation-tabs{margin:40px 0 20px 0;padding:0;list-style:none;display:flex}body.tpo .tasks .observation-tabs li{text-transform:uppercase;font-size:11px;padding:10px 20px;color:var(--system-gray);cursor:pointer;display:flex;align-items:center}body.tpo .tasks .observation-tabs li i{font-size:16px;margin-right:10px}body.tpo .tasks .observation-tabs li.active{background:var(--system-background-offset);color:var(--system-foreground);border-radius:9999px}body.tpo .tasks .observation-tabs li.complete{pointer-events:none;cursor:default}body.tpo .tasks .observation{display:none}body.tpo .tasks .observation.active{display:block}body.tpo .tasks .textarea{display:flex;flex-direction:column}body.tpo .tasks .textarea label{padding:10px 0;text-transform:uppercase;font-weight:bold;font-size:11px}body.tpo .tasks .textarea textarea{padding:10px;border:solid 1px var(--system-gray);border-radius:5px}body.tpo .tasks .observation-question{margin:20px 0;border:solid 1px var(--system-background-offset);padding:20px;border-radius:5px}body.tpo .tasks .observation-question>p:first-child{margin-top:0}body.tpo .tasks .observation-question ul{padding:20px 0;list-style:none;border-top:dashed 1px var(--system-background-offset)}body.tpo .tasks .observation-question ul.did-not{display:flex;flex-direction:row;bottom:dashed 1px var(--system-background-offset)}body.tpo .tasks .observation-question ul.did-not li{margin-right:30px}body.tpo .tasks .observation-question ul li{margin:5px 0;display:flex;align-items:center;cursor:pointer}body.tpo .tasks .observation-question ul li i{margin-right:15px}body.tpo .error{border:solid 1px var(--accent-color) !important}
.validate-certificate .certificate{margin:0;font-family:proxima-nova,sans-serif;line-height:1.5;font-size:16px;position:relative;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;background:url("https://cdn.jta.dev/Assets/Certificates/background.png");background-size:cover;color:#0d1a7d}.validate-certificate .certificate td{font-size:16px}.validate-certificate .certificate h2{font-weight:100;font-size:3em;margin:0}.validate-certificate .certificate .verify{margin:50px 0;max-width:600px}.validate-certificate .certificate .verify img{width:100px}.validate-certificate .certificate .verify td{font-size:.8em;text-align:left}.validate-certificate .certificate .signature img{height:60px}.validate-certificate .certificate .signature hr{max-width:400px;border:solid 1px rgba(13,26,125,.2);border-width:1px 0 0 0;margin:20px auto}.validate-certificate .certificate .logos img{display:block;width:auto;max-width:100%}@media all and (min-width:769px){.validate-certificate .certificate .logos img{height:80px}}.validate-certificate .certificate-header{padding:50px}.validate-certificate .certificate-header h2{text-transform:uppercase;font-weight:700;margin:0}.validate-certificate .certificate-header p{margin:0;font-size:.8em;text-transform:uppercase}.validate-certificate .certificate-body{padding:50px 0}.validate-certificate .certificate-footer{padding:50px;font-size:.8em}