.wcf__nav-menu{display:none}.wcf__nav-menu svg{width:1em;height:1em}.wcf__nav-menu .wcf-submenu-indicator{display:inline-flex;justify-content:center;align-items:center;margin-left:auto;padding-left:5px}.wcf__nav-menu .wcf-menu-badge{display:none;font-size:12px;font-weight:500;line-height:1;position:absolute;right:15px;padding:5px 10px;border-radius:5px;background-color:var(--badge-bg);box-shadow:0 2px 5px 2px rgba(0,0,0,.1);margin-top:-22px}.wcf__nav-menu .wcf-menu-badge:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid var(--badge-bg);border-bottom-color:transparent!important;border-inline-end-color:transparent!important;border-inline-end-width:7px;border-inline-start-width:0}.wcf__nav-menu .wcf-menu-hamburger{margin-left:auto;cursor:pointer;font-size:25px;padding:4px 8px;border:1px solid #dee1e7;outline:0;background:0 0;line-height:1;display:inline-flex;align-items:center;justify-content:center}.wcf__nav-menu.mobile-menu-active{display:block}.wcf__nav-menu.mobile-menu-active .wcf-submenu-indicator{padding:8px 10px;margin:-8px -10px -8px auto}.wcf__nav-menu.mobile-menu-active .wcf-menu-hamburger{display:inline-block}.wcf__nav-menu.mobile-menu-active .wcf-menu-close{align-self:flex-end;margin:10px 10px 10px auto;padding:8px 10px;border:1px solid #555;outline:0;background:0 0;font-size:15px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;min-width:40px;min-height:40px}.wcf__nav-menu.mobile-menu-active .wcf-menu-overlay{position:fixed;top:0;left:0;z-index:1000;background-color:rgba(0,0,0,.5);height:100%;width:100%;transition:.4s;opacity:0;visibility:hidden;pointer-events:none}.wcf__nav-menu.mobile-menu-active.wcf-nav-is-toggled .wcf-nav-menu-container{transform:translateX(0)!important;opacity:1;visibility:visible;pointer-events:auto}.wcf__nav-menu.mobile-menu-active.wcf-nav-is-toggled .wcf-menu-overlay{opacity:1;visibility:visible;pointer-events:auto}.wcf__nav-menu.mobile-menu-active .wcf-nav-menu-container{display:flex;flex-direction:column;position:fixed;z-index:1001;top:0;bottom:0;width:250px;background-color:#fff;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;transition:.45s;left:0;height:100dvh;max-height:100dvh;transform:translateX(-100%);opacity:0;visibility:hidden;pointer-events:none}.wcf__nav-menu.mobile-menu-active .wcf-nav-menu-container .wcf-nav-menu-nav{flex:0 0 100%;padding:0;margin:0;order:1}.wcf__nav-menu.mobile-menu-active .menu-item{list-style:none}.wcf__nav-menu.mobile-menu-active .menu-item:not(:last-child) a{border-bottom:solid 1px #dee1e7}.wcf__nav-menu.mobile-menu-active .menu-item a{text-decoration:none;display:flex;padding:.5em 1em;font-size:1rem;line-height:1.5em;transition:.4s}.wcf__nav-menu.mobile-menu-active .menu-item-has-children .sub-menu{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;transform:translateX(100%);transition:.3s;visibility:hidden;padding:0;margin:0;flex:0 0 100%}.wcf__nav-menu.mobile-menu-active .menu-item-has-children .sub-menu .nav-back-link{display:flex;align-items:center;background-color:#064af3;color:#fff;border:none!important}.wcf__nav-menu.mobile-menu-active .menu-item-has-children.active>.sub-menu{transform:translateX(0);visibility:visible}.wcf__nav-menu.mobile-menu-active .wcf-mega-menu .sub-menu{display:none}.wcf__nav-menu.mobile-menu-active .wcf-mega-menu .wcf-mega-menu-panel{display:none;max-width:100%!important;transition:.3s;opacity:0;visibility:hidden}.wcf__nav-menu.mobile-menu-active .wcf-mega-menu.active>.wcf-mega-menu-panel{display:block;opacity:1;visibility:visible}.wcf__nav-menu.mobile-menu-active .wcf-mega-menu.mobile-wp-submenu .wcf-mega-menu-panel{display:none!important}.wcf__nav-menu.mobile-menu-active .wcf-mega-menu.mobile-wp-submenu .sub-menu{display:block}.wcf__nav-menu.mobile-menu-active.mobile-menu-right .wcf-nav-menu-container{transform:translateX(100%);right:0}.wcf__nav-menu.mobile-menu-active.mobile-menu-left .wcf-nav-menu-container{transform:translateX(-100%);left:0}.wcf__nav-menu.desktop-menu-active{display:block}.wcf__nav-menu.desktop-menu-active .wcf-menu-close,.wcf__nav-menu.desktop-menu-active .wcf-menu-hamburger{display:none}.wcf__nav-menu.desktop-menu-active .wcf-menu-badge{display:block}.wcf__nav-menu.desktop-menu-active .wcf-nav-menu-nav{display:flex;flex-wrap:wrap;margin:0;padding:0}.wcf__nav-menu.desktop-menu-active .wcf-nav-menu-nav.menu-layout-vertical{flex-direction:column}.wcf__nav-menu.desktop-menu-active .wcf-nav-menu-nav.menu-layout-vertical .menu-item-has-children .sub-menu,.wcf__nav-menu.desktop-menu-active .wcf-nav-menu-nav.menu-layout-vertical .wcf-mega-menu .wcf-mega-menu-panel{left:100%;top:auto}.wcf__nav-menu.desktop-menu-active .menu-item{list-style:none;position:relative;white-space:nowrap}.wcf__nav-menu.desktop-menu-active .menu-item a{position:relative;text-decoration:none;display:flex;padding:.5em 1em;transition:.4s;color:#1c1d20;fill:#1c1d20}.wcf__nav-menu.desktop-menu-active .menu-item a:after{content:"";position:absolute;left:0;transition:transform .25s ease-out;transform:scaleX(0);transform-origin:bottom right;height:2px;width:100%;background-color:#3f444b;z-index:2}.wcf__nav-menu.desktop-menu-active .menu-item-has-children .sub-menu{position:absolute;top:100%;left:0;transform:translateY(-10px);background:#fff;transition:.3s;padding:0;margin:0;box-shadow:2px 2px 6px rgba(0,0,0,.2);min-width:12em;z-index:99;opacity:0;visibility:hidden}.wcf__nav-menu.desktop-menu-active .menu-item-has-children .sub-menu a{border-top:solid 1px #dee1e7}.wcf__nav-menu.desktop-menu-active .menu-item-has-children .sub-menu .sub-menu{top:0;left:100%}.wcf__nav-menu.desktop-menu-active .menu-item-has-children:not(.wcf-mega-menu):hover>.sub-menu{transform:translateY(0);opacity:1;visibility:visible}.wcf__nav-menu.desktop-menu-active .wcf-mega-menu.mega-position-static{position:static!important}.wcf__nav-menu.desktop-menu-active .wcf-mega-menu .wcf-mega-menu-panel{position:absolute;top:100%;left:0;transform:translateY(-10px);transition:.3s;padding:0;margin:0;min-width:12em;z-index:99;opacity:0;visibility:hidden}.wcf__nav-menu.desktop-menu-active .wcf-mega-menu:hover>.wcf-mega-menu-panel{transform:translateY(0);opacity:1;visibility:visible}.wcf__nav-menu.desktop-menu-active.hover-pointer-dot a:after{width:6px;height:6px;border-radius:100px;bottom:0;left:50%;transform:translateX(-50%) scale(0);transform-origin:center}.wcf__nav-menu.desktop-menu-active.hover-pointer-dot a:hover:after{transform:translateX(-50%) scale(1)}.wcf__nav-menu.desktop-menu-active.hover-pointer-underline a:after{bottom:0}.wcf__nav-menu.desktop-menu-active.hover-pointer-underline a:hover:after{transform:scaleX(1);transform-origin:bottom left}.wcf__nav-menu.desktop-menu-active.hover-pointer-overline a:after{top:0}.wcf__nav-menu.desktop-menu-active.hover-pointer-overline a:hover:after{transform:scaleX(1);transform-origin:bottom left}.wcf__nav-menu.desktop-menu-active.hover-pointer-line-through a:after{top:50%;transform:translateY(-50%) scaleX(0)}.wcf__nav-menu.desktop-menu-active.hover-pointer-line-through a:hover:after{transform:translateY(-50%) scaleX(1);transform-origin:bottom left}.wcf__nav-menu.desktop-menu-active.hover-pointer-flip a .menu-text{position:relative;transition:transform .3s;transform-origin:50% 0;transform-style:preserve-3d}.wcf__nav-menu.desktop-menu-active.hover-pointer-flip a .menu-text:before{position:absolute;top:100%;left:0;width:100%;height:100%;content:attr(data-text);transform:rotateX(-90deg);transform-origin:50% 0;text-align:center}.wcf__nav-menu.desktop-menu-active.hover-pointer-flip a:hover .menu-text{transform:rotateX(90deg) translateY(-12px)}.wc-btn-wrapper {
display: inline-block;
}
.btn-text-flip svg,
.wc-btn-wrapper svg {
width: 1em;
height: 1em;
} .wc-btn-group {
display: flex;
width: fit-content;
}
.wc-btn-group .wc-btn-primary {
padding: 21px 40px;
font-weight: 600;
font-size: 16px;
line-height: 1;
color: #fff;
background-color: #0A1A3D;
text-transform: capitalize;
transition: all 0.3s;
display: inline-flex;
align-items: center;
overflow: hidden;
z-index: 1;
gap: 30px;
white-space: nowrap;
border-radius: 30px;
text-decoration: none;
}
.wc-btn-group .wc-btn-play {
color: #fff;
fill: #fff;
border-radius: 50px;
background-color: #0A1A3D;
border: 1px solid transparent;
height: 60px;
width: 60px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.5s;
}
.wc-btn-group > *:nth-child(2) {
transform: scale3d(1, 1, 1);
}
.wc-btn-group:hover > *:nth-child(2) {
transform: scale3d(1, 1, 1);
} .style-1 .wc-btn-group > *:nth-child(1) {
transform: scale3d(0.5, 0.5, 1);
margin-right: calc( var(--icon-width, 60px) * -1);
opacity: 0;
}
.style-1 .wc-btn-group > *:nth-child(3) {
transform: scale3d(1, 1, 1);
margin-left: 0;
opacity: 1;
}
.style-1 .wc-btn-group:hover > *:nth-child(1) {
transform: scale3d(1, 1, 1);
margin-right: 0;
opacity: 1;
}
.style-1 .wc-btn-group:hover > *:nth-child(3) {
transform: scale3d(0.5, 0.5, 1);
margin-left: calc( var(--icon-width, 60px) * -1);
opacity: 0;
} .style-2 .wc-btn-group > *:nth-child(1) {
transform: scale3d(1, 1, 1);
margin-right: 0;
opacity: 1;
}
.style-2 .wc-btn-group > *:nth-child(3) {
transform: scale3d(0.5, 0.5, 1);
margin-left: calc( var(--icon-width, 60px) * -1);
opacity: 0;
}
.style-2 .wc-btn-group:hover > *:nth-child(1) {
transform: scale3d(0.5, 0.5, 1);
margin-right: calc( var(--icon-width, 60px) * -1);
opacity: 0;
}
.style-2 .wc-btn-group:hover > *:nth-child(3) {
transform: scale3d(1, 1, 1);
margin-left: 0;
opacity: 1;
} .btn-text-flip {
perspective: 1000px;
text-decoration: none;
}
.btn-text-flip:hover {
color: #fff;
fill: #fff;
}
.btn-text-flip:hover span {
color: #fff;
transform: rotateX(90deg) translateY(-12px);
}
.btn-text-flip span {
position: relative;
display: inline-block;
padding: 0;
color: #121212;
transition: transform 0.3s;
transform-origin: 50% 0;
transform-style: preserve-3d;
}
.btn-text-flip span:before {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100%;
content: attr(data-text);
transition: color 0.3s;
transform: rotateX(-90deg);
transform-origin: 50% 0;
text-align: center;
} .style-4 .btn-border-crop {
display: inline-block;
}
.style-4 .btn-border-crop:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background-image: linear-gradient(105.52deg, var(--b-color-1, #FF856A) 0%,  var(--b-color-2, #FFED4E) 34%, var(--b-color-3, #4BFFF4) 69%, var(--b-color-4, #7F52FF) 100%);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
mask-image: var(--btn-bg, url(//ace.nsw.edu.au/wp-content/plugins/arolax-essential/assets/images/btn-image.webp));
mask-size: 100% 100%;
mask-repeat: no-repeat;
mask-position: center;
}
.arolax-btn-width-full .wc-btn-wrapper {
width: 100%;
}
.arolax-btn-width-full a {
width: 100%;
justify-content: center;
} .btn-border-divide {
gap: 10px;
display: flex;
align-items: flex-end;
overflow: hidden;
}
.btn-border-divide .text,
.btn-border-divide .icon {
border-bottom: 1px solid;
}
.btn-border-divide .icon {
padding-bottom: 3px;
position: relative;
}
.btn-border-divide .icon i:first-child,
.btn-border-divide .icon svg:first-child {
position: absolute;
transform: translate(-10px, 10px);
transition: all .3s;
opacity: 0;
}
.btn-border-divide .icon i:last-child,
.btn-border-divide .icon svg:last-child {
transition: all .3s;
opacity: 1;
} .btn-border-divide:hover .icon i:first-child,
.btn-border-divide:hover .icon svg:first-child {
transform: translate(0, 0);
opacity: 1;
}
.btn-border-divide:hover .icon i:last-child,
.btn-border-divide:hover .icon svg:last-child {
transform: translate(10px, -10px);
opacity: 0;
}.gallery--slider {
display: block;
position: relative;
overflow: hidden;
}
.gallery--slider svg {
width: 1em;
height: 1em;
}
.g-slider--title {
position: absolute;
width: 420px;
height: 420px;
background-color: #C8F31D;
border-radius: 100%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: none;
align-items: center;
justify-content: center;
z-index: 1;
}
.g-slider--title .g-title {
text-align: center;
}
.g-slider--one,
.g-slider--two {
display: flex;
flex-direction: column;
gap: 10px;
width: 150%;
}
.g-slider--one {
margin-bottom: 10px;
}
.gallery--slider .item {
flex: 1;
max-width: 100%;
position: relative;
transition: all 0.3s;
}
.gallery--slider .content-wrap {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 30px;
transition: all 0.3s;
}
.gallery--slider .content {
text-align: left;
}
.gallery--slider .icon-wrap {
text-align: right;
}
.gallery--slider .icon {
display: inline-block;
padding: 12px 24px;
border: 1px solid #ddd;
border-radius: 25px;
transition: all 0.5s;
opacity: 0;
visibility: hidden;
transform: translateY(30px);
}
.gallery--slider .title {
opacity: 0;
visibility: hidden;
transition: all 0.5s;
transform: translateY(30px);
}
.gallery--slider p {
opacity: 0;
visibility: hidden;
transition: all 0.5s;
transform: translateY(20px);
}
.gallery--slider .source {
height: 100%;
width: 100%;
}
.gallery--slider .source img,
.gallery--slider .source video {
width: 100%;
height: 100%;
object-fit: cover;
}
.gallery--slider .item:hover .content-wrap {
background-color: #FFFFFFE5;
}
.gallery--slider .item:hover p,
.gallery--slider .item:hover .icon,
.gallery--slider .item:hover .title {
opacity: 1;
visibility: visible;
transform: translateY(0);
} .g-slider--title .progress-circle @keyframes growProgressBar {
0%, 33% { --pgPercentage: 0; }
100% { --pgPercentage: var(--value); }
}
.g-slider--title .progress-circle {
--fg: #b0d02e;
--bg: transparent;
--bg-color: #C8F31D;
--pgPercentage: var(--value);
animation: growProgressBar 3s 1 forwards;
width: calc(100% - 60px);
height: calc(100% - 60px);
border-radius: 50%;
display: grid;
place-items: center;
background: radial-gradient(closest-side, var(--bg-color) 98%, transparent 0 99.9%, transparent 0), conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0);
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
opacity: 0;
transition: all 0.3s;
}
.g-slider--title .progress-circle::before {
counter-reset: percentage var(--value);
content: counter(percentage) '%';
}
@media (min-width: 768px) {
.g-slider--title{
display: flex;
}
.g-slider--one,
.g-slider--two {
flex-direction: row;
}
}
@media (max-width: 1199px) {
.gallery--slider .item p,
.gallery--slider .item .icon,
.gallery--slider .item .title {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.gallery--slider .item .content-wrap {
background-color: #FFFFFFE5;
}
}
@media (max-width: 991px) {
.g-slider--one,
.g-slider--two {
width: 200%;
}
}
@media (max-width: 767px) {
.g-slider--one,
.g-slider--two {
width: 100%;
}
}