html{scroll-behavior:smooth}
*{margin:0;padding:0}
body{font-family:Roboto,Helvetica,Arial,Verdana,sans-serif;font-size:18px;line-height:1.6em;font-weight:400;color:#333}
a{color:#254DEE;text-decoration:none}
a:hover{opacity:.9}
h1{font-size:2.4em;line-height:1.2em;font-weight:500;color:#254DEE;margin:0 0 .5em}
h2{font-size:1.8em;line-height:1.2em;font-weight:500;margin-bottom:.5em}
h3{font-size:1.6em;line-height:1.2em;font-weight:500}
#subheadline{font-size: 1.1rem;line-height: 1.6rem;}
p{margin-bottom:1em}
p:last-child{margin-bottom:0}
ol{padding-left: 1em}
ul li{margin: .5em 0;list-style-type:none;position: relative;padding-left: 2em}
ul li:before{
    position: absolute;
    left: 0;
    font-family: 'Material Symbols Rounded';
    font-size: 1.5em;
    line-height: 1em;
    content: '\e86c';
    color: #254DEE;
}
img{max-width: 100%}

section{padding: 2em 0}
.container{max-width:956px;margin:0 auto}
@media(max-width:992px) {
    .container{max-width:90%}
}
.pull-center{text-align:center}
.pull-center .frame{display:inline-block}
.pull-right{float:right}
.pull-left{float:left}
.fb-pull-right{float:right;width:320px;overflow:hidden}
.clearfix{clear:both}
.iframe-wrapper{
    position: relative;
    padding-top: 56.25%;
}
.iframe-wrapper iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top:0;
    border-radius: .5em;
}
.align-center{text-align:center}
.cta-btn{background:#FF9900;border:none;border-radius:.5em;padding:1em 1.5em;color:#fff;font-size:1em;line-height:1.2em;font-weight:400;display:inline-block;position:relative;text-transform: uppercase;transition: all 1s ease;box-shadow:0 .25em .5em -.25em rgba(0,0,0,.25);position:relative;z-index:0;text-align:center;min-width:200px}
.cta-btn:hover{box-shadow: 0 0 0 4px #E85300;cursor: pointer;opacity: 1}
header .cta-btn{display:block; margin:0 auto;width: 200px}
.green{background:#00A02D}
.red{background: #CB0000}
.application-form{margin: 3em 0 0 0;padding-bottom:2em}
.application-form input[type="text"],.application-form input[type="email"],.application-form input[type="date"],.application-form textarea{background-color:#F2F5FD;border:3px solid #E8EDFC;border-radius:.5em;display:block;font-size:1em;line-height:1.46;padding:.5em;width:100%;box-sizing:border-box;margin-bottom: .5em}
.application-form select{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;display:block;font-size:1em;line-height:1.46;padding:.2em 12px;margin-bottom:5px;box-sizing:border-box}
.application-form .field{margin-bottom:30px}
.application-form label{font-size:1em;line-height:1.2em;display:block;margin-bottom:.25em;color: #666}
.application-form label small{opacity: .5}
.application-form .reminder{background-color:#353345;color:#F2F5FD;padding:2em;border-radius:.5em;margin-top: 1.46em}
.application-form .radio-item{margin:.5em 0}
.application-form .radio-item input{display:inline-block;vertical-align:baseline}
.application-form .radio-item label{margin-left:.5em;display:inline-block;vertical-align:middle}
.application-form hr{border:0;border-bottom:3px solid #F2F5FD;margin:2em 0}
.application-form a{color:#1D63FF}
.application-form a:hover{color:#0043D9}
.NZLC-form{border:4px solid #F2F5FD;padding:2em 2em 0;border-radius:.5em;margin-bottom:2em;margin-top:2em}
.NZLC-form > h2{margin-top: -1.9em}
.NZLC-form > h2 span{background-color:#fff}
hr{border:0;border-top:1px solid rgba(103,107,109,0.15);margin:30px 0}
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fff;
    margin: 2em auto;
    padding: 2em;
    border-radius: .5em;
    max-width: 600px;
    z-index: 10000;
    position: relative;
}

.modal-content h2 {
    margin-bottom: .5em;
}

/* The Close Button */
.close-button{
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close-button:hover,
.close-button:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.col-2{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap:2em;
}
.col-3{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap:4em;
}
.col-4{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap:1em;
}

.col-2 .frame{
    background-size: cover;
    background-position: center;
    border-radius: .5em;
    padding-top: 100%;
}

input[type="checkbox"],input[type="radio"]{
    vertical-align: middle;
    margin-right: .5em;
}

header {
    position: relative;
    z-index: 1;
    background-color: #191352;
    border-top: .5em solid #254DEE;
    color: #fff;
    padding: 4em 0;
}
header iframe{
    box-shadow: 0 0 30em #254DEE;
    border-radius: .5em;
}
header h1{color: #fff;margin-bottom:.5em}
header img{border-radius: .5em;box-shadow: 0 0 30em #353345}

.courses{
    background-color: #353345;
    padding-bottom: 4em;
}
.courses h2{
    color: #32D7A6;
    margin-bottom: 1em;
    text-align: center;
}
.card{
    background-color: #fff;
    color: #333;
    padding: 2em;
    border-radius: .5em;
    overflow: hidden;
}

.col-4 .card {
    padding: 1em;
}

.card .frame {
    height: 6em;
    overflow: hidden;
    margin: .5em 0 1em 0;
}

.card h3 {
    padding: 1em;
    margin: -1.3em -1.3em 1em;
}

.card h3 strong{
    font-size: .8em;
    line-height: 1em;
    padding-bottom: .5em;
    margin-bottom: .5em;
    text-transform: uppercase;
    opacity: .75;
    display: block;
    border-bottom: 1px solid rgba(255,255,255,.5);
}

.material-symbols-rounded {
    font-variation-settings:
            'FILL' 0,
            'wght' 400,
            'GRAD' 0,
            'opsz' 48
}

#accordion{
    padding: 0 1.5em;
}

.ui-accordion-header {
    padding: 1.5em 0;
    border: 1px solid transparent;
    border-bottom: none;
    border-radius: .5em .5em 0 0;
    cursor: pointer;
}

.ui-accordion-header[aria-expanded="true"]{
    border-color: #254DEE;
}
.ui-accordion-content{
    border: 1px solid transparent;
    border-top:none;
    border-radius: 0 0 .5em .5em;
    padding: 0 2em 2em;
}
.ui-accordion-content[aria-hidden="false"]{
    border-color: #254DEE;

}

.ui-accordion-header h3{
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding-right: .5em;
    padding-left: 1.2em;
}
.ui-accordion-header h3 i{
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    font-size: .8em;
    line-height: 1.2em;
    color: #999;
    border-left: 1px solid #cccccc;
    padding-left: .5em;
    margin-left: .25em;
}
.ui-accordion-header h3:before{
    position: absolute;
    left: 0;
    top:.2em;
    font-family: 'Material Symbols Rounded';
    content: '\e145';
    display: inline-block;
    color: #000;
    background-color: #fff;
    width: 1.2em;
    border-radius: 1em;
    text-align: center;
    vertical-align: top;
    margin-right: 1em;
    margin-left: -.6em;
}
.ui-accordion-header:hover h3:before{box-shadow: 0 0 0 1px #254DEE;color:#254DEE}
.ui-accordion-header[aria-expanded="true"] h3:before{
    box-shadow: 0 0 0 1px #254DEE
}
.ui-accordion-header[aria-expanded="true"] h3:before{
    content: '\e15b';
}

div.bg {
    padding: 2em;
    border-radius: .5em;
}
.shadow{
    box-shadow: 0 1em 3em -1em rgba(0,0,0,.25);
}
.shadow-2{
    box-shadow: 0 1em 3em -1em #254DEE;
}
.color-1{
    background:  #C74993;
    color: #fff;
}
.color-2{
    background:  #00B6D7;
    color: #fff;
}
.color-2 h2 {
    color: #fff;
}

.color-3{
    background-color: #353345;
    color: #fff;
}

.color-4 {
    background-color: #254DEE;
    color: #fff;
}

.color-5{
    background-color: #191352;
    color: #fff;
}
.color-6 {
    background-color: #353345;
    color: #fff;
}
.light-gray{
    background-color: #f5f5f5;
}

.cta-btn[type="submit"] {
    padding: 1em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

footer{text-align:center;padding:2em 0;font-size:.8em;line-height:1em;color:#346585;background:#f4fbff}
footer a{color:#346585}
footer nav{margin-bottom:10px}
footer nav a{display:inline-block;color:#262b2e;white-space:nowrap}

.testimonials {
    background: #079BD8;
    text-align: center;
    padding: 2em 0;
}

.testimonials .container{
    overflow: hidden;
    position: relative;
}

.testimonials h2 {
    margin-bottom: 1em;
    color: #fff;
}
.testimonials-carousel .owl-item {
    background: #fff;
    border-radius: .5em;
    text-align: center;
}

.testimonials-carousel .owl-nav>.owl-prev,
.testimonials-carousel .owl-nav>.owl-next {
    position: absolute;
    bottom: -.5em;
}
.testimonials-carousel .owl-nav>.owl-prev {
    left: 0;
}

.testimonials-carousel .owl-nav>.owl-next {
    right: 0;
}

.owl-nav>button{
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
}

.owl-nav>button>span {
    font-size: 4em;
    line-height: .5em;
    color: #fff;
    font-weight: 200;
}

.avatar {
    width: 100px;
    height: 100px;
    border-radius: 150px;
    overflow: hidden;
    position: relative;
}

.testimonials .avatar{
    margin: 1em auto;
}
.trainers h3{font-size:1.25em}
.trainers .avatar{
    margin: 0 .25em 0 0;
    width: 2em;
    height: 2em;
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
}
.name {
    font-weight: 500;
    padding: 0 1em;
}
.quote {
    padding: 0 1em;
}

.read-more {
    display: inline-block;
    margin-bottom: 1em;
    color: #079BD8;
}
.owl-carousel .owl-stage {
    display: flex;
    flex-wrap: wrap;
}
.owl-carousel .owl-item .avatar img{
    width: 110%;
    margin-left: -5%;
    max-width: 110%;
    margin-top: -5%;
}

.owl-dots {
    margin: 2em 2em 0;
}

.owl-carousel button.owl-dot {
    width: 1.2em;
    height: 1.2em;
    border: 2px solid #fff;
    border-radius: 1em;
    margin: .5em;
}
.owl-carousel button.owl-dot.active {
    background: #079BD8;
}
@media(max-width:767px) {
    .owl-nav{
        display: none;
    }
}
.phone{position:fixed;top:.5em;right:.5em;z-index:10;background-color:#FF9900;border-radius:.5em;overflow:hidden;box-shadow:0 .25em .5em -.25em rgba(0,0,0,.25);transition:all .5s ease}
.phone a {color: #fff;font-size: 1.5em;line-height:1em;opacity:1;padding:.5em 1em;display:block}
.phone a span{vertical-align:middle;display:inline-block;font-size: .8em;font-variation-settings:'FILL' 1}
.phone a b{display: inline-block;vertical-align: middle}
.phone:hover{box-shadow: 0 0 0 4px #E85300}
td{padding:.5em;border: 1px solid #eee}
table{margin-bottom: 1em}
@media(max-width:768px) {
    h1{font-size:1.8em;line-height:1.2em}
    header h2{font-size:1.4em;line-height:1.2em}
    .col-2,.col-3,#ui-id-6 .col-2,.col-4{grid-template-columns: 1fr}
    .NZLC-form{border:0}
    .card{padding:1em}
    .card h3{margin: -.62em -.62em .5em}
    .card .frame{height: auto}
    .card .frame img{width:100%}
    .ui-accordion-header h3 i{margin:.25em 0 0 0;font-size:.7em;border: none;padding-left: 0}
    .ui-accordion-header h3{padding-left:1em}
    .ui-accordion-content{padding: 0 1.5em 2em;}
    .application-form .reminder{padding:1em}
    .NZLC-form{padding-left:1em;padding-right:1em}
}
#chat-widget-container{display:none}

.fees-comparison-section{background:#f8fbff;font-family:"Trebuchet MS","Avenir Next","Segoe UI",sans-serif}
.fees-comparison-header{max-width:780px;margin:0 auto 2em}
.fees-comparison-block{margin-bottom:2.5em}
.fees-comparison-block:last-child{margin-bottom:0}
.fees-comparison-label{font-size:.9em;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6a7fa2;margin-bottom:1em}
.fees-comparison-frame{background:#fff;border-radius:1.5em;overflow:hidden;box-shadow:0 1.5em 3.5em -2.25em #082a6659}
.fees-comparison-frame img{display:block;width:100%}
.course-fees-card{background:#fff;border-radius:1.5em;overflow:hidden;box-shadow:0 1.5em 3.5em -2.25em #082a6659}
.course-fees-banner{background:linear-gradient(180deg,#bce8df 0%,#85aef3 100%);clip-path:polygon(0 0,100% 0,100% 42%,50% 100%,0 42%);padding:1.5em 1.5em 5.2em}
.course-fees-banner-inner{max-width:760px;margin:0 auto;text-align:center}
.course-fees-banner h3{color:#082a66;font-size:41px;line-height:.92;font-weight:800;margin:0}
.course-fees-pricing,.course-fees-early-bird{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5em;padding:1em 2.25em 0;margin-top:-.75em;text-align:center}
.course-fees-early-bird{padding:1.7em 2.25em 0}
.course-fees-price{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.course-fees-plan{font-size:26px;line-height:1.1;font-weight:700;margin-bottom:.3em}
.course-fees-amount{font-size:63px;line-height:.95;font-weight:800;letter-spacing:-.03em;margin-bottom:.1em}
.course-fees-amount:last-child{margin-bottom:0}
.course-fees-plan-purple,.course-fees-amount-purple{color:#ad77bf}
.course-fees-plan-green,.course-fees-amount-green{color:#66c0a3}
.course-fees-plan-orange,.course-fees-amount-orange{color:#ff711f}
.course-fees-amount-strike{text-decoration:line-through;text-decoration-thickness:.08em}
.course-fees-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:1.7em 0 0}
.course-fees-column{color:#fff;text-align:center;padding:2.2em 1.1em 2.6em;font-size:27px;line-height:1.18;font-weight:700;position:relative}
.course-fees-column p{margin-bottom:2.1em}
.course-fees-column p:last-child{margin-bottom:0}
.course-fees-column-purple{background:linear-gradient(135deg,#a878bf 0%,#6167b9 100%)}
.course-fees-column-green{background:linear-gradient(135deg,#78c7b0 0%,#3786a9 100%)}
.course-fees-column-orange{background:linear-gradient(135deg,#f79539 0%,#ff5a3b 100%)}
.course-fees-footer-note{text-align:center;color:#6a7fa2;font-size:25px;line-height:1.2;font-weight:500;padding:1em 1em 1.1em}
@media(max-width:767px) {
    .fees-comparison-section{padding:1.5em 0}
    .fees-comparison-header{margin-bottom:1.5em}
    .course-fees-card{display:grid;grid-template-columns:1fr}
    .course-fees-banner{padding:1.1em 1em 3.2em}
    .course-fees-banner h3{font-size:31px}
    .course-fees-pricing,.course-fees-columns,.course-fees-early-bird{display:contents}
    .course-fees-pricing,.course-fees-early-bird{padding:0;margin-top:0}
    .course-fees-price{padding:1.25em 1.2em;background:#fff}
    .course-fees-pricing .course-fees-price{border-top:4px solid #d4deef}
    .course-fees-pricing .course-fees-price:nth-child(1){border-top:none;order:2}
    .course-fees-columns .course-fees-column:nth-child(1){order:3}
    .course-fees-early-bird .course-fees-price:nth-child(1){order:4}
    .course-fees-pricing .course-fees-price:nth-child(2){order:5}
    .course-fees-columns .course-fees-column:nth-child(2){order:6}
    .course-fees-early-bird .course-fees-price:nth-child(2){order:7}
    .course-fees-pricing .course-fees-price:nth-child(3){order:8}
    .course-fees-columns .course-fees-column:nth-child(3){order:9}
    .course-fees-early-bird .course-fees-price:nth-child(3){order:10}
    .course-fees-plan{font-size:22px}
    .course-fees-amount{font-size:52px}
    .course-fees-column{font-size:22px;padding:1.6em 1.1em 1.8em}
    .course-fees-column p{margin-bottom:1.8em}
    .course-fees-footer-note{font-size:22px;padding:1.1em .8em 1.3em;order:11}
}