@font-face {
    font-family: 'HelveticaNowRegular';
    src: url('../fonts/HelveticaNowDisplay-Regular.otf') format('otf'),
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowBold';
    src: url('../fonts/HelveticaNowDisplay-Bd.otf') format('otf'),
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	font-family: 'HelveticaNowBold', sans-serif;
}
section .bg-left {
	background: url(../assets/nz-image.jpg) no-repeat;
	background-size: cover;
	background-position: center top;
	-webkit-animation: slide-in-fwd-center 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	animation: slide-in-fwd-center 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}
section .bg-right {
	background: url(../assets/aus-image.jpg) no-repeat;
	background-size: cover;
	background-position: center top;
	height: 100%;
	-webkit-animation: slide-in-fwd-center 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	animation: slide-in-fwd-center 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}
section .bg-left2 {
	background: url(../assets/lp-nz.jpg) no-repeat;
	background-size: cover;
	background-position: center top;
	-webkit-animation: slide-in-fwd-center 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	animation: slide-in-fwd-center 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}
section .bg-right2 {
	background: url(../assets/lp-au.jpg) no-repeat;
	background-size: cover;
	background-position: center top;
	height: 100%;
	-webkit-animation: slide-in-fwd-center 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	animation: slide-in-fwd-center 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}
.white-box {
	max-width: 981px;
	width: 100%;
	margin: 0 auto;
	background-color: #fff;
	padding: 76px 40px 40px;
	border-radius: 20px;
}
.white-box2 {
	max-width: 981px;
	width: 100%;
	margin: 0 auto;
	background-color: #fff;
	padding: 76px 40px 40px;
	border-radius: 20px;
}
a.btn-default {
	display: block;
	font-size: 40px;
	color: #000;
	padding: 43px 27px;
	background: #8dc63f;
	border-radius: 10px;
	margin-top: 49px;
	font-weight: 500;
	text-decoration: none;
}
a.button-green.btn-default {
	box-shadow: 0px 7px 0px 0px #5f842c;
}
section a.btn-default:active, section a.button-green.btn-default:active, section a.button-blue.btn-default:active {
	box-shadow: none;
}
a.button-blue.btn-default {
	background: #003e7e;
	color: #fff;
	box-shadow: 0 7px 0 0 #012142;
}
a.button-orange.btn-default {
	background: #f9860b;
	box-shadow: 0 7px 0 0 #a95a07;
}
.bg-left .white-box {
	-webkit-animation: scale-in-hor-left 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: scale-in-hor-left 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.bg-left .white-box2 {
	-webkit-animation: scale-in-hor-left 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: scale-in-hor-left 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.bg-right .white-box {
	-webkit-animation: scale-in-hor-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: scale-in-hor-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.bg-right .white-box2 {
	-webkit-animation: scale-in-hor-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: scale-in-hor-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/*************
**Animation**
*************/
@-webkit-keyframes slide-in-fwd-center {
	0% {
		-webkit-transform: translateZ(-1400px);
		transform: translateZ(-1400px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
}
@keyframes slide-in-fwd-center {
	0% {
		-webkit-transform: translateZ(-1400px);
		transform: translateZ(-1400px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
}

@-webkit-keyframes scale-in-hor-left {
	0% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
		opacity: 1;
	}
	100% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		-webkit-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
		opacity: 1;
	}
}
@keyframes scale-in-hor-left {
	0% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
		opacity: 1;
	}
	100% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		-webkit-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
		opacity: 1;
	}
}
@-webkit-keyframes scale-in-hor-right {
	0% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: 100% 100%;
		transform-origin: 100% 100%;
		opacity: 1;
	}
	100% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		-webkit-transform-origin: 100% 100%;
		transform-origin: 100% 100%;
		opacity: 1;
	}
}
@keyframes scale-in-hor-right {
	0% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: 100% 100%;
		transform-origin: 100% 100%;
		opacity: 1;
	}
	100% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		-webkit-transform-origin: 100% 100%;
		transform-origin: 100% 100%;
		opacity: 1;
	}
}

/*****************
**Responsiveness**
*****************/
@media (max-width: 1920px) {
	.white-box {
		max-width: 700px;
	}
	.white-box img {
		width: 100%;
		object-fit: contain;
		padding: 0 30px;
	}
	.white-box2 {
		max-width: 700px;
		margin-top:100px;
	}
	.white-box2 img {
		width: 100%;
		object-fit: contain;
		padding: 0 30px;
	}
	a.btn-default {
		padding: 30px 15px;
		font-size: 28px;
		margin-top: 30px;
	}
}
@media (max-width: 1600px) {
	.white-box {
		max-width: 500px;
		padding-top: 40px;
	}
	a.btn-default {
		padding: 22px 10px;
		font-size: 18px;
		margin-top: 20px;
	}
	.white-box2 {
		max-width: 500px;
		padding-top: 40px;
	}

}
@media (max-width: 1200px) {
	.white-box {
		max-width: 440px;
		padding: 30px 20px 40px;
	}
	.white-box2 {
		max-width: 440px;
		padding: 30px 20px 40px;
	}
}
@media (max-width: 1024px) {
	section.row.vh-100 {
		flex-direction: column;
		display: block;
	}
	section .col-lg-6 {
		flex-basis: 100%;
		max-width: 100%;
		height: 50vh !important;
		min-height: 512px;
	}
	.white-box {
		max-width: 761px;
	}
	.white-box2 {
		max-width: 761px;
	}
	.row.buttons {
		flex-direction: column;
	}
	.row.buttons .col-md-6 {
		flex-basis: 100%;
		max-width: 100%;
	}
	a.btn-default {
		padding: 28px 20px;
		font-size: 34px;
	}
	.white-box img {
		margin-bottom: 20px;
	}
	.white-box2 img {
		margin-bottom: 20px;
	}
	a.button-blue.btn-default {
		margin-top: 40px;
	}
}
@media (max-width: 900px) {
	a.btn-default {
		padding: 20px;
		font-size: 36px;
	}
	.white-box {
		max-width: 80%;
	}
	.white-box2 {
		max-width: 80%;
	}

}
@media (max-width: 767px) {
	a.btn-default {
		padding: 20px;
		font-size: 16px;
		border-radius: 5px;
	}
	.white-box img {
		padding: 0 20px;
		margin: 0;
	}
	.white-box2 img {
		padding: 0 20px;
		margin: 0;
	}
	a.button-blue.btn-default {
		margin-top: 25px;
	}
	.white-box.text-center {
		border-radius: 5px;
	}
	.row.buttons .col-md-6:first-child a {
		margin: 0;
	}
	section .col-lg-6 {
		min-height: 375px;
	}
}
@media (max-width: 480px) {
	.white-box img {
		height: 60px;
	}
	.white-box2 img {
		height: 60px;
	}
	section .col-lg-6 {
		min-height: 333px;
	}
}
@media (max-width: 350px) {
	.white-box.text-center {
		padding: 2px 16px 22px;
	}
	.white-box2.text-center {
		padding: 2px 16px 22px;
	}
	section .col-lg-6 {
		min-height: 284px;
	}
}