/* ============================================================================
   Monash homepage (front-page.php)
   Loaded only on the site front page (see functions.php → wp_enqueue_scripts).
   Plain CSS, no build step. Variables scoped to `.monash-home`.
   ============================================================================ */

/* ── Fonts ───────────────────────────────────────────────────────────────── */
/*
@font-face {
	font-family: "Albert Sans";
	src: url("../fonts/AlbertSans-Light.woff2") format("woff2");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Albert Sans";
	src: url("../fonts/AlbertSans-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Albert Sans";
	src: url("../fonts/AlbertSans-Italic.woff2") format("woff2");
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: "Albert Sans";
	src: url("../fonts/AlbertSans-Medium.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Albert Sans";
	src: url("../fonts/AlbertSans-SemiBold.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Albert Sans";
	src: url("../fonts/AlbertSans-Bold.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Albert Sans";
	src: url("../fonts/AlbertSans-Black.woff2") format("woff2");
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}
*/

/* ── Design tokens (scoped to the Monash home only) ──────────────────────── */
.monash-home {
	--white: #fff;
	--dark: #000;
	--charcoal: #2c2c2c;
	--cream: #ffffef;
	--cream-100: #e9e9cf;
	--monash-blue: #006dae;
	--light-blue: #5198c1;
	--secondary-green: #83a00a;
	--secondary-orange: #f86700;
	--secondary-yellow: #ffba00;
	--secondary-ruby: #cd2fb0;
	--grey-1: #969696;
	--grey-3: #e6e6e6;
	--duration: 0.1s;
	--ease: ease-out;
	font-family: "Albert Sans", sans-serif;
    overflow: hidden auto;
    overscroll-behavior: contain;
    position: relative;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: y mandatory;
}
@media (max-width: 1024px) {
	.monash-home {
    height: 100dvh;
	}
}
/* ── Make the homepage fill the viewport + scroll-snap ───────────────────── */
body.home {
	margin: 0;
	overflow: hidden;
	height: var(--monash-vh, 100dvh);
}
.monash-home::-webkit-scrollbar {
	display: none;
}

.monash-home [data-section] {
	height: var(--monash-shell-effective-height, 100dvh);
	scroll-snap-align: start;
}

@media (min-width: 1024px) {
	/* On desktop, full-screen sections follow the shell height variable. */
	.monash-home [data-section],
	
	body .monash-home .thinking-section {
		height: var(--monash-shell-effective-height, 100dvh);
	}
}

.monash-home *,
.monash-home *::before,
.monash-home *::after {
	box-sizing: border-box;
}
.monash-home img {
	display: block;
	max-width: 100%;
	height: auto;
	object-fit: cover;
}
.monash-home button {
	background: transparent;
	cursor: pointer;
	border: 0;
	color: inherit;
	font-family: inherit;
	-webkit-tap-highlight-color: transparent;
}
.monash-home h1,
.monash-home h2,
.monash-home h3,
.monash-home h4 {
	margin: 0;
}
.monash-home p {
	margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 128%;
    text-align: center;
}
.monash-home span {
	color: inherit;
}
.monash-home a {
	text-decoration: none;
	color: inherit;
	-webkit-tap-highlight-color: transparent;
}

/* ============================================================================
   1. BANNER
   ============================================================================ */
.monash-home .banner-section {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
    row-gap: 44px;
    padding: 30px 30px 70px;
	color: var(--cream);
	text-transform: uppercase;
}
.monash-home .banner-section__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}
.monash-home .banner-section__container {
	position: relative;
	z-index: 1;
	width: 100%;
	display: flex;
	flex-direction: column;
	row-gap: 0.875rem;
}
.monash-home .banner-section__title {
	max-width: 24.375rem;
	color: #121256;
	text-align: right;
	align-self: flex-end;
	font-family: var(--font7);
	font-weight: 900;
    font-size: 85px;
	line-height: 79%;
	letter-spacing: -0.05em;
	text-align: right;
}
.monash-home .banner-section__title span {
	color: #fff;
}
.monash-home .banner-section__desc {
	max-width: 8.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.31;
	margin-bottom: 0.875rem;
	align-self: flex-start;
}
.monash-home .thinking-section__swiper .scroll-down {
    transition: all 0.4s;
    right: 25px;
    left: auto;
    transform: none;
}
/*
@media (max-width: 575px) {
	.monash-home .banner-section__title {
		font-size: 5.25rem;
	}
}
@media (max-width: 419px) {
	.monash-home .banner-section__title {
		font-size: 4.125rem;
	}
}
*/
/* ============================================================================
   Banner video modal
   ============================================================================ */
.monash-home-video-modal {
	position: fixed;
	inset: 0;
	z-index: 12000;
	background: rgba(24, 24, 28, 0.92);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.625rem;
}
body.monash-home-video-open .monash-home-video-modal {
	display: flex ;
}
body.monash-home-video-open {
	overflow: hidden ;
}
.monash-home-video-modal[hidden] {
	display: none;
}
.monash-home-video-modal__dialog {
	position: relative;
	width: min(100%, 33.125rem);
	height: min(100svh - 1.25rem, 58rem);
	border: 1px solid rgba(255, 255, 255, 0.16);
	background: #0d121d;
	overflow: hidden;
}
@supports (height: 100dvh) {
	.monash-home-video-modal__dialog {
		height: min(100dvh - 1.25rem, 58rem);
	}
}
.monash-home-video-modal__video {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	background: #000;
}
.monash-home-video-modal__close {
	position: absolute;
	top: 0.5rem;
	right: 0.5rem;
	z-index: 2;
	width: 2.5rem;
	height: 2.5rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.75);
	background: rgba(0, 0, 0, 0.28);
	color: #fff;
	font-size: 1.75rem;
	line-height: 1;
	padding: 0;
}
.monash-home-video-modal__close:hover {
	background: rgba(0, 0, 0, 0.5);
}

/* ============================================================================
   2. THINKING — horizontal pair of scroll-snap panes
   ============================================================================ */
.monash-home .thinking-section {
	display: flex;
	width: 100%;
	height: var(--monash-vh, 100dvh);
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
/*	touch-action: pan-x;
	scrollbar-width: none;*/
}
.monash-home .thinking-section::-webkit-scrollbar {
	display: none;
}

.monash-home .thinking-section-banner,
.monash-home .thinking-section__swiper {
	width: 100%;
	min-width: 100%;
	height: 100%;
	flex: 0 0 100%;
	scroll-snap-align: start;
	scroll-snap-stop: always;
}
.monash-home .thinking-section__swiper {
	position: relative;
}

.monash-home .thinking-section-banner {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 7rem 1.25rem 4.375rem;
	background-color: var(--white);
	position: relative;
}
.monash-home .thinking-section-banner__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	row-gap: 3.125rem;
	color: var(--monash-blue);
	max-width: 19.0625rem;
	height: 100%;
}
.monash-home .thinking-section-banner__title {
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1.21;
}
.monash-home .thinking-section-banner__desc {
	font-size: 1.5rem;
	line-height: 1.33;
	color: var(--light-blue);
}
.monash-home .thinking-section-banner__span {
	color: var(--light-blue);
	font-size: 1.3125rem;
	font-weight: 300;
	line-height: 1.21;
    margin-top: 14px;
}
.monash-home .thinking-section-banner__scroll,
.monash-home .program-structure__scroll {
	position: absolute ;
	left: auto ;
	right: 0px ;
}
.monash-home .program-structure__scroll {
	bottom: 4rem;
    right: 20px ;
}
.monash-home .thinking-swiper {
	padding: 6.75rem 0;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	transition: background-color var(--duration) var(--ease);
	background-color: #006dae;
	color: var(--cream);
	touch-action: pan-x;
}
.monash-home .thinking-swiper .swiper-slide {
	padding-inline: 2.3125rem;
}
@media (max-width: 575px) {
	.monash-home .thinking-swiper {
		padding: 3.75rem 0;
	}
	.monash-home .thinking-swiper .swiper-slide {
		padding-inline: 1.5rem;
	}
}

/* Uniform background for all thinking slides. */

.monash-home .thinking-swiper .custom-pagination {
	padding: 0.625rem;
	width: fit-content;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.monash-home .thinking-swiper .custom-bullet {
	background-color: var(--cream);
}

.monash-home .thinking-swiper__actions {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding-inline: 1.6875rem;
	position: relative;
}
.monash-home .thinking-section__scroll {
	position: static ;
	transform: none ;
	margin-left: auto;
}

/* ============================================================================
   3. PROGRAM STRUCTURE
   ============================================================================ */
.monash-home .program-structure {
	--structure-card-width: 21.6875rem; /* 347px in 402px frame */
	--structure-card-height-max: 38.0625rem; /* 609px in 874px frame */
	--structure-arrow-gap: 40px;
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 0;
	background-color: var(--monash-blue);
}

/* min-width: 0 breaks the intrinsic-sizing loop that makes Swiper compute
   ~16.7M px slide widths when its parent is display:flex (nolimits4web/swiper#3599). */
.monash-home .structure-swiper {
	flex: 1;
	min-height: 0;
	width: 100%;
	min-width: 0;
	padding-block: 1.5rem;
}
.monash-home .structure-swiper .swiper-slide {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	padding-inline: 1.25rem;
}

.monash-home .program-structure__scroll {
	position: static;
	transform: none;
}
.monash-home .structure-swiper__actions {
	flex-shrink: 0;
	width: 100%;
	display: flex;
	justify-content: flex-end;
	padding: 0 1.875rem calc(1.125rem + env(safe-area-inset-bottom, 0px));
	margin-top: var(--structure-actions-gap, 0px);
}

.monash-home .card-structure__bottom .custom-pagination {
	display: flex;
	justify-content: center;
	gap: 0.5rem;
	padding: 0;
}
.monash-home .card-structure__bottom .custom-pagination .custom-bullet {
	background-color: var(--monash-blue);
	opacity: 0.2;
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	display: inline-block;
	margin: 0;
	cursor: default;
	transition: opacity 0.3s;
}
.monash-home .card-structure__bottom .custom-pagination .custom-bullet-active {
	opacity: 1;
}

/* ============================================================================
   4. STARTED
   ============================================================================ */
.monash-home .started-section {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 7.625rem 1.25rem;
	background-color: var(--monash-blue);
}
@media (max-width: 575px) {
	.monash-home .started-section {
		padding-block: 3.875rem;
	}
}

/* ============================================================================
   CARDS
   ============================================================================ */
.monash-home .card-think {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	row-gap: 1.5625rem;
	text-align: center;
	height: 100%;
}
.monash-home .card-think__title {
	font-size: 1.75rem;
	font-weight: 600;
	line-height: 1.21;
}
.monash-home .card-think__img {
	margin-bottom: 2.8125rem;
}
.monash-home .card-think__desc {
font-family: var(--font-family);
font-weight: 400;
font-size: 22px;
line-height: 145%;
color: var(--white);
}
@media (max-width: 575px) {
	.monash-home .card-think {
		row-gap: 2rem;
	}
}
@media (max-width: 419px) {
	.monash-home .card-think {
		row-gap: 1.5rem;
	}
	.monash-home .card-think__img {
		margin-bottom: 1.5625rem;
	}
}

.monash-home .decore-line {
	display: block;
	width: 2.5rem;
	height: 2px;
	background-color: currentColor;
	opacity: 0.6;
}

.monash-home .card-structure {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: clamp(24rem, 79svh, var(--structure-card-height-max));
    max-height: 100%;
    border-radius: 1.5625rem;
    padding: 4.125rem 1.8125rem 3.4375rem;
    font-size: 1.5rem;
    line-height: normal;
    text-align: center;
    max-width: 24.375rem;
    margin: 0 auto;
    background-color: var(--white);
    color: var(--monash-blue);
    border: 2px solid var(--grey-3);
}
.monash-home .card-structure::after {
    content: '';
    height: calc(100% + 4px);
    width: calc(100% + 4px);
    position: absolute;
    left: 2px;
    top: -6px;
    border: 2px solid var(--grey-3);
    z-index: 99;
    border-radius: 28px;
}
.monash-home .structure-swiper__actions .scroll-down {
    left: auto;
    transform: none;
}
@media (max-width: 575px) {
	.monash-home .card-structure {
		padding: 2.75rem 1.25rem 2.1875rem;
		font-size: 1.375rem;
	}
}
@media (max-width: 419px) {
	.monash-home .card-structure {
		font-size: 1.25rem;
		row-gap: 0.9375rem;
		padding: 1.5rem 1rem 1.5625rem;
	}
}

.monash-home .card-structure__top {
	display: flex;
	flex-direction: column;
	align-items: center;
	row-gap: 1.25rem;
}
.monash-home .card-structure__title {
	margin: 0;
	font-weight: 600;
}
.monash-home .card-structure__content {
	color: var(--light-blue);
	font-size: 1.125rem;
}
@media (max-width: 419px) {
	.monash-home .card-structure__content {
		font-size: 1rem;
	}
}
.monash-home .card-structure__bottom {
	position: absolute;
	bottom: 2rem;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	flex-direction: column;
	align-items: center;
    row-gap: 4.2dvh;
	width: 100%;
	padding-inline: 1.8125rem;
}
.monash-home .card-structure__hint {
	color: var(--light-blue);
	font-size: 0.9375rem;
	font-weight: 300;
	line-height: 1.06;
	text-align: center;
	opacity: 0.95;
}

/* ============================================================================
   START QUIZ CARD
   ============================================================================ */
.monash-home .start-quiz {
	padding: 5.125rem 1.875rem;
	margin-inline: 0.875rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	row-gap: 1lh;
	height: clamp(380px, calc(100svh - 20rem), 650px);
	max-width: 24.375rem;
	border-radius: 2rem;
	position: relative;
	color: var(--cream);
	z-index: 2;
	border: 2px solid rgba(255, 255, 255, 0.55);
	--structure-card-height-max: 38.0625rem;
	height: clamp(24rem, 79svh, var(--structure-card-height-max));
	max-height: 100%;
	padding: 4.125rem 1.8125rem 4.4375rem;
}
@media (max-width: 575px) {
	.monash-home .start-quiz {
		padding: 2rem 0.9375rem;
        row-gap: 1.6lh;
	}
}
.monash-home .start-quiz::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border: 2px solid rgba(255, 255, 255, 0.2);
	border-radius: inherit;
	pointer-events: none;
	transform: translate(-0.375rem, -0.5rem);
}
.monash-home .start-quiz__title {
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.2;
	margin-top: auto;
}
.monash-home .start-quiz__content {
	font-size: 1.375rem;
	font-weight: 300;
	line-height: normal;
	max-width: 18.75rem;
}
.monash-home .start-quiz__desc {
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.3;
	max-width: 13.125rem;
}
@media (max-width: 575px) {
	.monash-home .start-quiz__title {
		font-size: 1.5rem;
	}
	.monash-home .start-quiz__content {
		font-size: 1.375rem;
	}
	.monash-home .start-quiz__desc {
		font-size: 0.875rem;
	}
}

/* ==========================================================================
   BUTTON (twin-border accordion style)
   ========================================================================== */

/* Layout */
.button-wrapper {
	position: relative;
	display: flex;
	align-items: center;
	justify-self: center;
	margin: 0 auto 0.75rem;
}

.start-quiz .button-wrapper {
	margin-top: auto;
}

.banner-section .button-wrapper {
	position: relative;
	z-index: 2;
    align-self: center;
	border-radius: 8px;
}

/* Wrapper modifiers */
.monash-home .button-wrapper.has-button-big {
	border-radius: 8px;
}

/* Twin border effect */
.monash-home .button-wrapper .button::before {
    content: "";
    position: absolute;
    display: block;
    width: calc(100% + 4px);
    bottom: 0px;
    border: 2px solid currentColor;
    border-radius: inherit;
    box-sizing: border-box;
    pointer-events: none;
    transition: transform var(--duration) var(--ease);
    z-index: 2;
    height: 100%;
    /* transform: translateY(-2px); */
}

.monash-home .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 18px 40px;
    border: 2px solid;
    border-radius: 12px;
    z-index: 1;
    font-family: var(--font7);
    font-size: 16px;
    font-weight: 300;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--white);
    position: relative;
		transition: all 0.4s;
}

.button-wrapper .button .button-bottom-line {
    position: absolute;
    display: block;
    width: calc(100% + 4px);
    border: 2px solid currentColor;
    border-radius: 12px;
    box-sizing: border-box;
    pointer-events: none;
    transition: transform var(--duration) var(--ease);
    z-index: 1;
    bottom: -4px;
    height: calc(100% - 12px);
    border-top-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    z-index: -1;
		transition: all 0.4s;
    /* transform: translateY(2px); */
}


.monash-home .button-wrapper .button .button-bottom-line::after {
    content: "";
    position: absolute;
    display: block;
    width: calc(100% + 4px);
    left: -2px;
    border: 2px solid currentColor;
    border-radius: 15px;
    box-sizing: border-box;
    pointer-events: none;
    transition: transform var(--duration) var(--ease);
    z-index: 1;
    bottom: -12px;
    height: calc(100% - 4px);
    border-top-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
		transition: all 0.4s;
}
.monash-home .button.button--transparent{
	border: 2px solid var(--monash-heritage-blue)
}
.monash-home .button {
	-webkit-tap-highlight-color: transparent;
}
.monash-home .button:active,
.monash-home .button.is-pressed {
  transform: translateY(8px);    
	background: #ffffff12;
}
.button-wrapper .button:active .button-bottom-line,
.button-wrapper .button.is-pressed .button-bottom-line {	
  bottom: 5px;
  border: 2px solid transparent;
}



/* Color modifiers */
.monash-home .button-wrapper:has(.button--orange)::before,
.monash-home .button-wrapper.has-button-orange::before {
	border-color: var(--secondary-orange);
}

.monash-home .button-wrapper:has(.button--orange)::after,
.monash-home .button-wrapper.has-button-orange::after {
	z-index: -1;
	border-color: var(--secondary-orange);
	background-color: var(--secondary-orange);
}


/* ==========================================================================
   BUTTON BASE
   ========================================================================== */

/* Size modifiers */
.monash-home .button--big {
	padding: 14px 30px;
	border-radius: 20px;
	font-size: 24px;
}
.button-wrapper .button.button--big .button-bottom-line {
    border-radius: 19px;
    bottom: -4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.monash-home .button-wrapper .button.button--big .button-bottom-line::after {
    border-radius: 20px;
    bottom: -18px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.monash-home .button.button--big:active,
.monash-home .button.button--big.is-pressed {
  transform: translateY(8px);
}
.button-wrapper .button.button--big:active .button-bottom-line,
.button-wrapper .button.button--big.is-pressed .button-bottom-line {	
	bottom: 12px;
  border: 2px solid transparent;
}


/* Style modifiers */
.monash-home .button--cream {
	color: var(--cream);
	border-color: var(--cream);
	background: transparent;
}

.monash-home .button--orange {
	color: var(--cream);
	border-color: var(--secondary-yellow);
	background-color: var(--secondary-yellow);
}



/* ============================================================================
   SCROLL-DOWN ARROW
   ============================================================================ */
.monash-home .scroll-down {
	position: absolute;
	bottom: 25px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 5;
	display: flex;
	align-items: center;
	flex-direction: column;
	padding: 0;
	transition: all 0.4s;
}
.monash-home .icon-round-arrow {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	position: relative;
	z-index: 2;
	transition:
	color var(--duration) var(--ease),
	background-color var(--duration) var(--ease),
	border-color var(--duration) var(--ease);
	transition: all 0.4s;
}

.monash-home .scroll-down.thinking-section-banner__scroll {
  left: auto;
}
.monash-home .icon-round-arrow::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
  border: 2px solid var(--light-blue);
	z-index: 1;
	transition: all 0.4s;
	border-radius: 50%;
}
.monash-home .icon-round-arrow::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
  border: 2px solid var(--white);
	z-index: 1;
	transition: inherit;
	transition: all 0.4s;
	border-radius: 50%;
}

.monash-home .icon-round-arrow.icon-round-arrow--down::before {
	transform: translate(1.5px, 3px);
}
.monash-home .icon-round-arrow::before {
  border: 2px solid var(--white);
}
.monash-home .icon-round-arrow::after {
  border: 2px solid var(--white);
}


.monash-home .scroll-down-white .icon-round-arrow::before {
 border: 2px solid  var(--monash-blue);
}
.monash-home .scroll-down-white .icon-round-arrow::after {
  border: 2px solid var(--light-blue);
}

.monash-home .scroll-down-blue .icon-round-arrow::before {
 border: 2px solid var(--light-blue);
}

.monash-home .icon-round-arrow--blue {
	color: var(--button-light-blue);
}
.monash-home .icon-round-arrow--crema {
	color: var(--cream);
}
.monash-home .icon-round-arrow__svg {
	width: 1.25rem;
	height: 2.5rem;
	stroke: currentColor;
	transition: transform var(--duration) var(--ease);
}
.monash-home .scroll-down:active .icon-round-arrow {
  background: #5198c121;
}
.monash-home .scroll-down-blue.scroll-down:active .icon-round-arrow {
  background: #3098d1;
}

.monash-home .icon-round-arrow.icon-round-arrow--right::after {
    transform: translate(0px, 0px);
}
.monash-home .icon-round-arrow.icon-round-arrow--right::before {
    transform: translate(3px, -1.5px);
    z-index: 2;
}

.monash-home .scroll-down:active .icon-round-arrow.icon-round-arrow--right::after {
    transform: translate(3px, -1.5px);
    z-index: 2;
}
.monash-home .scroll-down:active .icon-round-arrow.icon-round-arrow--right::before {
    transform: translate(0px, 0px);
    z-index: 1;
    border: 2px solid #72838d;
}

.monash-home .scroll-down:active .icon-round-arrow.icon-round-arrow--down::before {    
	transform: translate(0px, 0px);
}
.monash-home .scroll-down:active .icon-round-arrow.icon-round-arrow--down::after {   
	transform: translate(1.5px, 3px);
}

.monash-home .icon-round-arrow.icon-round-arrow--right::after {
    transform: translate(0px, 0px);
}
.monash-home .icon-round-arrow.icon-round-arrow--right::before {
    transform: translate(3px, -1.5px);
    z-index: 2;
}

.monash-home .scroll-down:active .icon-round-arrow.icon-round-arrow--right::after {
    transform: translate(3px, -1.5px);
    z-index: 2;
}
.monash-home .scroll-down:active .icon-round-arrow.icon-round-arrow--right::before {
    transform: translate(0px, 0px);
    z-index: 1;
    border: 2px solid #72838d;
}

.monash-home .scroll-down:active .icon-round-arrow.icon-round-arrow--down::before {    
	transform: translate(0px, 0px);
}
.monash-home .scroll-down:active .icon-round-arrow.icon-round-arrow--down::after {   
	transform: translate(1.5px, 3px);
}
.monash-home .scroll-down:active .icon-round-arrow.icon-round-arrow--right::before {
    transform: translate(0px, 0px);
    z-index: 1;
    border: 2px solid #72838d;
}

.monash-home .scroll-down:active .icon-round-arrow.icon-round-arrow--down::before {    
	transform: translate(0px, 0px);
}
.monash-home .scroll-down:active .icon-round-arrow.icon-round-arrow--down::after {   
	transform: translate(1.5px, 3px);
}

.monash-home .icon-round-arrow--down .icon-round-arrow__svg {
	transform: rotate(0deg);
}
.monash-home .icon-round-arrow--right .icon-round-arrow__svg {
	transform: rotate(-90deg);
}

/* ============================================================================
   SWIPER PAGINATION
   ============================================================================ */
.monash-home .custom-pagination {
	text-align: center;
	padding: 0.625rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.monash-home .custom-bullet {
	display: inline-block;
	width: 0.5rem;
	height: 0.5rem;
	opacity: 0.3;
	transition: opacity var(--duration) var(--ease);
	border-radius: 50%;
	margin-inline: 0.25rem;
	cursor: pointer;
}
.monash-home .custom-bullet-active {
	opacity: 1;
	background-color: #006dae;
}