@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Covered+By+Your+Grace&display=swap");

/* -------------------------- common css start-------------------------- */
:root {
	--fontMontserrat: "Montserrat", sans-serif;
	--fontGrace: "Covered By Your Grace", cursive;

	--richmaroon: #6e0662;
	--white: #ffffff;
	--black: #000000;
	--darkblue: #011a42;
	--lightblue: #e8f1ff;

	--fontweight700: 700;
	--fontweight600: 600;
	--fontweight500: 500;
	--fontweight400: 400;
	--fontstylenormal: normal;

	--font150: 150px;
	--font100: 100px;
	--font80: 80px;
	--font75: 75px;
	--font50: 50px;
	--font40: 40px;
	--font36: 36px;
	--font24: 24px;
	--font20: 20px;
	--font18: 18px;
	--font16: 16px;
	--font14: 14px;

	--section-top-padding: 90px;
	--section-bottom-padding: 90px;

	--textCapital: capitalize;
	--textUppercase: uppercase;
}

html {
	font-size: 16px !important;
}

.container {
	max-width: 1600px !important;
}

a {
	text-decoration: unset;
}

a,
li,
p {
	font-family: var(--fontMontserrat);
}

h1,
h2,
h3 {
	font-family: var(--fontMontserrat);
	font-weight: var(--fontweight700);
}

h1 {
	font-size: var(--font100);
}

h2 {
	font-size: var(--font50);
}

* {
	margin: 0;
	padding: 0;
	font-family: var(--fontMontserrat);
	box-sizing: border-box;
	scroll-behavior: smooth;
}

html body {
	font-family: var(--fontMontserrat);
	scroll-behavior: smooth;
}

/* -------------------------- common css end-------------------------- */

.holiday-btn {
	background-color: var(--darkblue) !important;
	font-size: var(--font16) !important;
	font-weight: var(--fontweight700) !important;
	line-height: 34px !important;
	color: var(--white) !important;
	padding: 10px 24px !important;
	text-transform: var(--textCapital) !important;
	border: 1px solid var(--darkblue) !important;
	transition: 0.5s all ease-in-out !important;
}

.holiday-btn:hover {
	border: 1px solid var(--darkblue) !important;
	background-color: var(--white) !important;
	color: var(--darkblue) !important;
}

/* Header css*/
body.scrolled nav.navbar {
	background-color: var(--lightblue);
}

.top-header-section {
	position: fixed;
	top: 0;
	z-index: 9;
	width: 100%;
	box-shadow: unset;
}

.top-header-section .header-top .top-div .top-title {
	gap: 0px;
}

.top-header-section .main-content-box a,
.top-header-section .header-top .top-div .top-title {
	font-size: var(--font16);
	text-decoration: unset;
	gap: 8px;
	font-weight: var(--fontweight700);
}

.top-header-section .main-content-box a i {
	width: 42px;
	height: 42px;
	background-color: var(--white);
	color: var(--richmaroon);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
}

.top-header-section .right-content-box {
	max-width: 1214px;
	width: 100%;
	display: flex;
	align-items: center;
}

.top-header-section .right-content-box .main-content-box {
	max-width: calc(100% - 94px);
	justify-content: space-between;
	width: 100%;
}

.top-header-section .header-top .top-div .social-icons {
	max-width: 94px;
}

.top-header-section .header-logo {
	width: 100%;
	max-width: 181px;
	height: 183px;
	background-color: var(--white);
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 15px;
	top: 0;
	z-index: 1;
	padding: 10px;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.top-header-section .header-logo img {
	width: 100%;
	max-width: 129px;
}

.top-header-section .top-div {
	justify-content: flex-end !important;
	position: relative;
	padding-top: 11px;
	padding-bottom: 11px;
}

.top-header-section .header-top .top-div .top-title,
.top-header-section .header-top .top-div a {
	color: var(--white);
	align-items: center;
}

.top-header-section .header-top .top-div a:hover {
	color: var(--lightblue);
}

.top-header-section .header-top .top-div .social-icons {
	padding-right: 5px;
}

.top-header-section .header-top .top-div .social-icons a {
	font-size: var(--font24);
}

.top-header-section .header-top {
	background-color: var(--richmaroon);
	color: var(--white);
	padding: 0px;
}

.top-header-section .navbar .navbar-nav {
	gap: 30px;
	padding-right: 30px;
}

.top-header-section .navbar .navbar-nav .nav-link {
	font-weight: var(--fontweight700);
	font-size: var(--font16);
	color: var(--black);
	padding: 0px;
}

.top-header-section .navbar .navbar-nav .active .nav-link,
.top-header-section .navbar .navbar-nav .nav-link:hover {
	color: var(--richmaroon);
}

/* ===== FOOTER CSS===== */
/* ---------------- HERO ---------------- */
footer {
	margin-top: 150px;
}

.footer {
	background: #011a42;
	border-top: 1px solid #ffffff82;
}

.footer .social-box i {
	font-size: 24px;
	color: var(--white);
	transition: 0.5s all ease-in-out;
}

.footer>.container>.d-flex p {
	font-size: var(--font16);
	max-width: 1410px;
}

.footer .social-box a:hover i {
	color: var(--richmaroon);
}

.footer-bottom {
	background-image: url("https://holidayhomeloans.com.au/images/webp-images/footer-bg-img.webp");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	color: var(--white);
	padding: 25px 0px;
	background-repeat: repeat;
}

.footer-bottom * {
	font-size: var(--font14);
}

.footer-bottom p {
	bottom: -10px;
	position: relative;
}

.footer-bottom a {
	color: white;
	text-decoration: none;
	font-weight: var(--fontweight700);
}

@media (max-width: 1600px) {
	:root {
		--section-top-padding: 50px;
		--section-bottom-padding: 50px;
	}
}

@media (max-width: 1500px) {
	:root {
		--font150: 100px;
		--font100: 80px;
		--font80: 70px;
		--font75: 60px;
		--font50: 40px;
		--font40: 34px;
		--font36: 32px;
		--font24: 22px;
	}

	.top-header-section .header-logo {
		max-width: 150px;
		height: auto;
	}

	.top-header-section .main-content-box a i {
		width: 35px;
		height: 35px;
	}
}

@media (max-width: 1400px) {

	.top-header-section .top-div.container,
	.top-header-section .navbar>.container {
		padding-left: 180px;
	}

	.top-header-section .navbar .navbar-nav {
		gap: 15px;
		padding-right: 15px;
	}

	.top-header-section .right-content-box {
		justify-content: flex-end;
	}
}

@media (max-width: 1300px) {
	:root {
		--font150: 80px;
		--font100: 65px;
		--font80: 60px;
		--font75: 50px;
		--font50: 36px;
		--font40: 32px;
		--font36: 30px;
	}

	.top-header-section .navbar .navbar-nav .nav-link {
		font-size: 14px;
	}
}

@media (max-width: 1199px) {
	.top-header-section .right-content-box .holiday-btn {
		margin-right: 15px;
	}

	.top-header-section .right-content-box .navbar-toggler {
		padding: 5px;
		background-color: var(--richmaroon);
		outline: none;
		box-shadow: unset;
	}

	.top-header-section .right-content-box .navbar-toggler .navbar-toggler-icon {
		filter: invert(100);
		width: 26px;
		height: 26px;
	}

	.holiday-btn {
		padding: 10px 16px;
	}

	.top-header-section .right-content-box .navbar-collapse {
		position: absolute;
		width: 100%;
		background-color: var(--lightblue);
		left: 0px;
		right: 0px;
		margin: 0px auto;
		z-index: 1;
		top: 56px;
		box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	}

	.top-header-section .right-content-box .navbar-collapse .navbar-nav {
		padding: 0px;
		gap: 0px;
	}

	.top-header-section .right-content-box .navbar-collapse .navbar-nav li a {
		padding: 8px 15px;
		border-bottom: 1px solid #6e066242;
	}

	.top-header-section .right-content-box .navbar-collapse .navbar-nav li a:last-child {
		border: unset;
	}

	.top-header-section .header-logo {
		max-width: 90px;
		padding: 4px;
	}

	.top-header-section .navbar .navbar-nav .active .nav-link,
	.top-header-section .navbar .navbar-nav .nav-link:hover {
		background-color: var(--richmaroon);
		color: var(--white);
	}
}

@media (max-width: 1024px) {
	.footer>.container>.d-flex {
		flex-direction: column;
		text-align: center;
	}

	.footer-bottom p {
		bottom: unset;
		justify-content: center !important;
		gap: 5px;
	}

	.footer-bottom .container p>.d-flex {
		justify-content: center;
		gap: 5px;
	}

	.footer-bottom {
		background-color: var(--richmaroon);
		padding: 10px;
		background-image: unset;
	}
}

@media (max-width: 991px) {
	.top-header-section .header-top .top-div a.header-top-contact span {
		display: none;
	}

	.top-header-section .top-div .right-content-box {
		gap: 15px;
	}

	.top-header-section .main-content-box a i {
		width: 30px;
		height: 30px;
	}
}

@media (max-width: 768px) {
	.contact-title {
		text-align: center;
		margin-top: 20px;
	}

	.contact-btn {
		display: inline-block;
		margin: 10px auto;
	}
}

@media (max-width: 767px) {
	:root {
		--font150: 60px;
		--font100: 55px;
		--font80: 50px;
		--font75: 40px;
		--font50: 32px;
		--font40: 30px;
		--font36: 28px;
		--font24: 20px;
		--font20: 18px;
		--font18: 16px;
		--font16: 15px;
		--font14: 14px;

		--section-top-padding: 30px;
		--section-bottom-padding: 30px;
	}

	.top-header-section .top-div .right-content-box {
		gap: 10px;
	}

	.top-header-section .main-content-box a i {
		width: 30px;
		height: 30px;
	}

	.top-header-section .right-content-box .navbar-toggler {
		padding: 3px;
	}

	.top-header-section .main-content-box a i {
		width: 25px;
		height: 25px;
		min-width: 25px;
	}

	.top-header-section .header-logo {
		max-width: 70px;
		padding: 1px;
		left: 10px;
	}

	.top-header-section .right-content-box {
		gap: 10px;
	}

	.top-header-section .header-top .top-div .social-icons a {
		font-size: var(--font20);
	}

	.top-header-section .header-top .top-div .social-icons {
		gap: 10px;
	}

	.top-header-section .right-content-box .holiday-btn {
		margin-right: 0px;
	}

	.top-header-section .top-div.container,
	.top-header-section .navbar>.container {
		padding-left: 90px;
	}

	.top-header-section .top-div.container {
		padding-top: 8px;
		padding-bottom: 8px;
	}

	.top-header-section .main-content-box a,
	.top-header-section .header-top .top-div .top-title {
		font-size: 13px;
	}

	.top-header-section .header-top .top-div .top-title {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		/* gap: 5px; */
	}

	.top-header-section .right-content-box .holiday-btn {
		padding: 10px 12px !important;
		font-size: 14px !important;
		line-height:normal !important;
	}
}

@media (max-width: 576px) {
	.top-header-section .right-content-box .main-content-box {
		max-width: calc(100% - 66px);
	}
}

@media (max-width: 480px) {
	:root {
		--font150: 50px;
		--font100: 45px;
		--font80: 40px;
		--font75: 32px;
		--font50: 28px;
		--font40: 26px;
		--font36: 24px;
		--font24: 20px;
		--font20: 16px;
		--font18: 15px;
		--font16: 14px;
		--font14: 12px;

		--section-top-padding: 25px;
		--section-bottom-padding: 25px;
	}

	.top-header-section .main-content-box a,
	.top-header-section .header-top .top-div .top-title {
		font-size: 12px;
	}

	.holiday-btn {
		font-size: 12px;
	}

	.top-header-section .right-content-box .navbar-collapse {
		top: 50px;
	}
}

@media (max-width: 380px) {

	.top-header-section .main-content-box a,
	.top-header-section .header-top .top-div .top-title {
		font-size: 10px;
	}
}

/* Scroll To Top */
#zak-scroll-to-top {
	position: fixed;
	right: 30px;
	bottom: 30px;
	width: 52px;
	height: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #6e0662;
	border-radius: 50%;
	color: #fff;
	text-decoration: none;
	opacity: 0;
	visibility: hidden;
	transform: translateY(20px);
	transition: all 0.3s ease;
	z-index: 9999;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

#zak-scroll-to-top.show,
#zak-scroll-to-top.zak-scroll-to-top--show {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

#zak-scroll-to-top:hover {
	background: #0b1a46;
	color: #fff;
}

#zak-scroll-to-top svg {
	width: 18px;
	height: 18px;
	fill: currentColor;
}

#zak-scroll-to-top .screen-reader-text {
	display: none;
}

@media (max-width: 767px) {
	#zak-scroll-to-top {
		width: 46px;
		height: 46px;
		right: 20px;
		bottom: 20px;
	}

	#zak-scroll-to-top svg {
		width: 16px;
		height: 16px;
	}
}






.footer {
	margin-top: 30px;
}

.single-post .zak-row .zak-secondary {
	height: max-content;
	position: sticky;
	padding-top: 40px;
	padding-left: 25px;
	width: 35%;
	top: 120px;
}

.single-post .zak-row .zak-primary {
	width: 65%;
	padding-top: 40px;
	padding-right: 45px;
}

.single-post .zak-row .zak-primary .zak-entry-thumbnail {
	margin-bottom: 40px;
}

.single-post .zak-row .zak-primary .zak-entry-thumbnail img {
	border-radius: 10px;
	height: 600px;
}

/*=========================================
    MODERN BLOG GRID
=========================================*/

/*======================================
    SINGLE POST NAVIGATION
======================================*/

.post-navigation{
    margin:60px 0 0;
    padding-block: 30px;
    border-top:1px solid rgba(1,26,66,.08);
}

.post-navigation .screen-reader-text{
    display:none;
}

.post-navigation .nav-links{
    display:flex;
	cursor: pointer;
    align-items:stretch;
    justify-content:space-between;
    gap:20px;
}

/* Previous & Next containers */
.post-navigation .nav-previous,
.post-navigation .nav-next{
    flex:1;
    display:flex;
}

.post-navigation .nav-next{
    justify-content:flex-end;
}

.post-navigation .nav-previous{
    justify-content:flex-start;
}

/* If only one exists */
.post-navigation .nav-next:only-child{
    margin-left:auto;
}

.post-navigation .nav-previous:only-child{
    margin-right:auto;
}

/* Navigation Buttons */
.post-navigation .nav-links a{
    display:flex;
    align-items:center;
    gap:10px;

    min-height:52px;
    padding:14px 18px;

    background:var(--lightblue);
    border:1px solid rgba(1,26,66,.08);
    border-radius:14px;

    color:var(--darkblue);
    text-decoration:none;

    font-family:var(--fontMontserrat);
    font-size:var(--font14);
    font-weight:var(--fontweight600);
    line-height:1.5;

    transition:.3s ease;

    max-width:420px;
    width:100%;

    /* Prevent awkward word breaks */
    word-break:normal;
    overflow-wrap:normal;
    hyphens:none;
}

/* Previous Arrow */
.post-navigation .nav-previous a::before{
    content:"←";
    font-size:18px;
    font-weight:700;
    flex-shrink:0;
}

/* Next Arrow */
.post-navigation .nav-next a::after{
    content:"→";
    font-size:18px;
    font-weight:700;
    flex-shrink:0;
    margin-left:auto;
}

/* Hover */
.post-navigation .nav-links a:hover{
    background:var(--richmaroon);
    border-color:var(--richmaroon);
    color:var(--white);
    transform:translateY(-2px);
    box-shadow:0 10px 25px rgba(110,6,98,.18);
}

/*======================================
    MOBILE
======================================*/

@media (max-width:767px){

    .post-navigation{
        margin-top:40px;
        padding-top:20px;
    }

    .post-navigation .nav-links{
        flex-direction:column;
        gap:12px;
    }

    .post-navigation .nav-previous,
    .post-navigation .nav-next{
        justify-content:stretch;
    }

    .post-navigation .nav-links a{
        max-width:100%;
        width:100%;
        padding:14px 16px;
        font-size:var(--font14);
    }

}

/*======================================
    BLOG PAGINATION
======================================*/

.modern-pagination{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px;
    margin:60px 0 20px;
    flex-wrap:wrap;
}

.modern-pagination .page-numbers{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:48px;
    height:48px;
    padding:0 18px;
    border:1px solid rgba(1,26,66,.08);
    border-radius:14px;
    background:var(--white);
    color:var(--darkblue);
    text-decoration:none;
    font-family:var(--fontMontserrat);
    font-size:var(--font16);
    font-weight:var(--fontweight600);
    line-height:1;
    box-shadow:0 8px 24px rgba(1,26,66,.06);
    transition:.3s ease;
}

.modern-pagination .page-numbers:hover{
    background:var(--lightblue);
    color:var(--richmaroon);
    border-color:rgba(110,6,98,.18);
    transform:translateY(-3px);
    box-shadow:0 12px 30px rgba(1,26,66,.10);
}

.modern-pagination .page-numbers.current{
    background:linear-gradient(135deg,var(--richmaroon),#8f1b81);
    color:var(--white);
    border-color:var(--richmaroon);
    pointer-events:none;
    box-shadow:0 12px 30px rgba(110,6,98,.30);
}

.modern-pagination .prev,
.modern-pagination .next{
    min-width:52px;
    font-size:var(--font18);
    font-weight:var(--fontweight700);
}

.modern-pagination .prev:hover,
.modern-pagination .next:hover{
    background:var(--darkblue);
    color:var(--white);
    border-color:var(--darkblue);
}

.modern-pagination .dots{
    border:none;
    background:transparent;
    box-shadow:none;
    min-width:auto;
    padding:0 4px;
    cursor:default;
}

.modern-pagination .dots:hover{
    background:transparent;
    color:var(--darkblue);
    transform:none;
    box-shadow:none;
}

/*======================================
    MOBILE
======================================*/

@media (max-width:767px){

    .modern-pagination{
        gap:8px;
        margin-top:40px;
    }

    .modern-pagination .page-numbers{
        min-width:42px;
        height:42px;
        padding:0 14px;
        font-size:var(--font14);
        border-radius:12px;
    }

    .modern-pagination .prev,
    .modern-pagination .next{
        min-width:46px;
        font-size:var(--font16);
    }

}


.modern-blog-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 30px;
}

.modern-blog-grid .modern-blog-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	background: var(--white);
	border: 1px solid rgba(1, 26, 66, .08);
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(1, 26, 66, .06);
	transition: .35s ease;
}

.modern-blog-grid .modern-blog-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 20px 50px rgba(1, 26, 66, .12);
}

.modern-blog-grid .blog-image {
	position: relative;
	display: block;
	overflow: hidden;
	aspect-ratio: 16/10;
	background: #f5f7fb;
}

.modern-blog-grid .blog-image::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(1, 26, 66, .18), transparent 60%);
	opacity: 0;
	transition: .35s ease;
}

.modern-blog-grid .blog-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: .6s ease;
}

.modern-blog-grid .modern-blog-card:hover .blog-image img {
	transform: scale(1.08);
}

.modern-blog-grid .modern-blog-card:hover .blog-image::after {
	opacity: 1;
}


.modern-blog-grid .blog-category {
	position: absolute;
	top: 16px;
	left: 16px;
	z-index: 2;
	padding: 8px 14px;
	background: rgba(110, 6, 98, .95);
	backdrop-filter: blur(8px);
	border-radius: 40px;
	color: var(--white);
	font-size: var(--font14);
	font-weight: var(--fontweight600);
	line-height: 1;
}

.modern-blog-grid .blog-content {
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 24px;
}

.modern-blog-grid .blog-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 14px;
	color: #798292;
	font-size: var(--font14);
	font-weight: var(--fontweight500);
}

.modern-blog-grid .blog-dot {
	font-size: 5px;
	color: #b8c2d0;
}

.modern-blog-grid .blog-title {
	margin: 0 0 14px;
	font-family: var(--fontMontserrat);
	font-size: var(--font24);
	font-weight: var(--fontweight700);
	line-height: 1.35;
	min-height: 64px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.modern-blog-grid .blog-title a {
	color: var(--darkblue);
	text-decoration: none;
	transition: .3s ease;
}

.modern-blog-grid .blog-title a:hover,
.modern-blog-grid .modern-blog-card:hover .blog-title a{
	color: var(--richmaroon);
}


.modern-blog-grid .blog-date {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #7b8696;
	font-size: var(--font14);
	font-weight: var(--fontweight600);
	line-height: 1;
}

.modern-blog-grid .blog-date::before {
	content: "";
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Crect x='3' y='5' width='18' height='16' rx='3' stroke='%236E0662' stroke-width='2'/%3E%3Cpath d='M8 3V7M16 3V7M3 10H21' stroke='%236E0662' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
}

.modern-blog-grid .blog-excerpt {
	margin-bottom: 22px;
	font-size: var(--font16);
	font-weight: var(--fontweight400);
	line-height: 1.9;
	color: var(--black);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.modern-blog-grid .blog-btn {
	margin-top: auto;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	width: max-content;
	padding: 10px 18px;
	border-radius: 50px;
	background: var(--lightblue);
	color: var(--darkblue);
	font-size: var(--font14);
	font-weight: var(--fontweight700);
	text-decoration: none;
	transition: .3s ease;
}

.modern-blog-grid .blog-btn span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: var(--white);
	color: var(--richmaroon);
	transition: .3s ease;
}

.modern-blog-grid .blog-btn:hover,
.modern-blog-grid .modern-blog-card:hover .blog-btn{
	background: var(--richmaroon);
	color: var(--white);
}

.modern-blog-grid .blog-btn:hover span,
.modern-blog-grid .modern-blog-card:hover .blog-btn span{
	background: var(--white);
	transform: translateX(4px);
}

.modern-blog-grid .modern-pagination {
	margin: 60px 0 0;
	text-align: center;
}

.modern-blog-grid .modern-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	margin: 4px;
	border-radius: 50%;
	border: 1px solid rgba(1, 26, 66, .08);
	background: var(--white);
	color: var(--darkblue);
	font-size: var(--font14);
	font-weight: var(--fontweight600);
	text-decoration: none;
	box-shadow: 0 4px 15px rgba(1, 26, 66, .05);
	transition: .3s ease;
}

.modern-blog-grid .modern-pagination .page-numbers:hover,
.modern-blog-grid .modern-pagination .page-numbers.current {
	background: var(--richmaroon);
	border-color: var(--richmaroon);
	color: var(--white);
}

@media(max-width:1024px) {

	.modern-blog-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 24px;
	}

	.modern-blog-grid .blog-content {
		padding: 20px;
	}
}

@media(max-width:767px) {

	.modern-blog-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.modern-blog-grid .blog-content {
		padding: 18px;
	}

	.modern-blog-grid .blog-category {
		top: 14px;
		left: 14px;
		padding: 7px 12px;
	}

	.modern-blog-grid .blog-meta {
		font-size: var(--font14);
	}

	.modern-blog-grid .blog-title {
		min-height: unset;
	}

	.home .zak-content .zak-row {
		padding-block: 30px 0;
	}
	.holiday-btn {
        padding: 10px 12px !important;
    }
}

@media(max-width:480px) {

	.modern-blog-grid .blog-btn {
		width: 100%;
		justify-content: center;
	}
	
	    .holiday-btn {
        font-size: 12px;
    }
}


/*======================================
    CONTACT FORM
======================================*/
.single-post .zak-row .zak-secondary form {
	background: var(--white);
	border: 1px solid rgba(1, 26, 66, .08);
	border-radius: 20px;
	padding: 24px;
	box-shadow: 0 10px 30px rgba(1, 26, 66, .06);
}

/*======================================
    TITLE
======================================*/
.contact-form-wrapper h3 {
	width: 100%;
	margin: 0 0 20px;
	text-align: center;
	color: var(--darkblue);
	font-family: var(--fontMontserrat);
	font-size: calc(var(--font24) + 2px);
	font-weight: var(--fontweight700);
	line-height: 1.2;
	text-transform: uppercase;
}

.contact-form-wrapper h3::after {
	content: "";
	display: block;
	width: 55px;
	height: 3px;
	margin: 10px auto 0;
	border-radius: 50px;
	background: var(--richmaroon);
}

/*======================================
    ROWS
======================================*/
.contact-form-wrapper .form-row {
	display: flex;
	gap: 12px;
	margin-bottom: 12px;
}

.contact-form-wrapper .form-row.two-column .form-group {
	flex: 1;
}

.contact-form-wrapper .form-group {
	width: 100%;
}

.contact-form-wrapper .form-group p {
	margin: 0 !important;
}

/*======================================
    INPUTS
======================================*/
.contact-form-wrapper .form-control {
	width: 100% !important;
	height: 48px;
	padding: 0 16px !important;
	border-radius: 10px !important;
	border: 1px solid transparent !important;
	background: #f8fbff;
	color: var(--darkblue) !important;
	font-family: var(--fontMontserrat);
	font-size: var(--font14);
	font-weight: var(--fontweight500);
	transition: .3s ease;
	box-shadow: none !important;
}

.contact-form-wrapper textarea.form-control {
	height: 95px;
	resize: none;
	padding: 14px 16px !important;
}

.contact-form-wrapper .form-control::placeholder {
	color: rgba(1, 26, 66, .45);
}

.contact-form-wrapper .form-control:hover {
	border-color: #d8e0ea !important;
}

.contact-form-wrapper .form-control:focus {
	background: var(--white);
	border-color: var(--richmaroon) !important;
	box-shadow: 0 0 0 4px rgba(110, 6, 98, .08) !important;
	outline: none;
}

/*======================================
    SUBMIT
======================================*/
.contact-form-wrapper .form-submit {
	justify-content: center;
	margin: 18px 0 0;
}

.contact-form-wrapper .form-submit p {
	margin: 0 !important;
	position: relative;
}

.contact-form-wrapper .btn-enquire {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 190px;
	height: 48px;
	padding: 0 28px;
	border: none;
	border-radius: 50px;
	background: var(--darkblue);
	color: var(--white);
	font-family: var(--fontMontserrat);
	font-size: var(--font16);
	font-weight: var(--fontweight700);
	cursor: pointer;
	transition: .3s ease;
}

.contact-form-wrapper .btn-enquire:hover {
	background: var(--richmaroon);
	color:#fff !important;
	transform: translateY(-2px);
}

/*======================================
    VALIDATION
======================================*/
.contact-form-wrapper .wpcf7-not-valid-tip {
	margin-top: 6px;
	font-size: var(--font14);
}

.contact-form-wrapper .wpcf7-spinner {
	margin: 0 !important;
}

.contact-form-wrapper .form-submit .wpcf7-spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.single-post .zak-row .zak-secondary .wpcf7-response-output {
	margin: 15px 0 0 !important;
	padding: 12px !important;
	border-radius: 12px;
	font-size: var(--font14);
	text-align: center;
}

/*======================================
    MOBILE
======================================*/
@media(max-width:767px) {

	.single-post .zak-row .zak-secondary form {
		padding: 18px;
		border-radius: 18px;
	}

	.contact-form-wrapper h3 {
		font-size: var(--font20);
		margin-bottom: 16px;
	}

	.contact-form-wrapper .form-row {
		flex-direction: column;
		gap: 10px;
		margin-bottom: 10px;
	}

	.contact-form-wrapper .form-control {
		height: 46px;
		font-size: var(--font14);
	}

	.contact-form-wrapper textarea.form-control {
		height: 110px;
	}

	.contact-form-wrapper .btn-enquire {
		width: 100%;
		min-width: 100%;
	}
}

/*======================================
    RECENT POST WIDGET
======================================*/
body #page {
	background: transparent !important;
}

.single-post .zak-row .zak-secondary .widget_recent_entries {
	padding: 24px;
	background: var(--white);
	border: 1px solid rgba(1, 26, 66, .08);
	border-radius: 20px;
	box-shadow: 0 10px 30px rgba(1, 26, 66, .06);
}

.single-post .zak-row .zak-secondary .widget_recent_entries .widget-title {
	margin: 0 0 20px;
	padding: 0;
	border: none;
	text-align: center;
	color: var(--darkblue);
	font-family: var(--fontMontserrat);
	font-size: calc(var(--font24) + 2px);
	font-weight: var(--fontweight700);
	line-height: 1.2;
	text-transform: uppercase;
}

.single-post .zak-row .zak-secondary .widget_recent_entries .widget-title::before {
	display: none;
}

.single-post .zak-row .zak-secondary .widget_recent_entries .widget-title::after {
	content: "";
	display: block;
	width: 55px;
	height: 3px;
	margin: 10px auto 0;
	border-radius: 50px;
	background: var(--richmaroon);
}

.single-post .zak-row .zak-secondary .widget_recent_entries ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.single-post .zak-row .zak-secondary .widget_recent_entries li:not(:last-child) {
	margin-bottom: 12px;
}

.single-post .zak-row .zak-secondary .widget_recent_entries li a {
	position: relative;
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 14px;
	border-radius: 14px;
	background: #f8fbff;
	border: 1px solid transparent;
	color: var(--darkblue);
	text-decoration: none;
	font-family: var(--fontMontserrat);
	font-size: var(--font16);
	font-weight: var(--fontweight600);
	line-height: 1.55;
	transition: .3s ease;
}

.single-post .zak-row .zak-secondary .widget_recent_entries li a {
	overflow: hidden;
}

.single-post .zak-row .zak-secondary .widget_recent_entries li a span,
.single-post .zak-row .zak-secondary .widget_recent_entries li a {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}


.single-post .zak-row .zak-secondary .widget_recent_entries li a:hover {
	background: var(--white);
	border-color: rgba(110, 6, 98, .15);
	color: var(--richmaroon);
	transform: translateX(5px);
	box-shadow: 0 10px 24px rgba(1, 26, 66, .08);
}

.single-post .zak-row .zak-secondary .widget_recent_entries li a:hover::before {
	background: var(--richmaroon) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 6L15 12L9 18' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat;
	transform: rotate(-45deg);
}


@media(max-width:767px) {

	.single-post .zak-row .zak-secondary .widget_recent_entries {
		padding: 18px;
	}

	.single-post .zak-row .zak-secondary .widget_recent_entries .widget-title {
		font-size: var(--font20);
		margin-bottom: 16px;
	}

	.single-post .zak-row .zak-secondary .widget_recent_entries li a {
		padding: 12px;
		gap: 12px;
		font-size: var(--font14);
	}

	.single-post .zak-row .zak-secondary .widget_recent_entries li a::before {
		width: 34px;
		height: 34px;
		background-size: 16px;
	}
}

/*======================================
    SINGLE BLOG
======================================*/
.single-post .entry-content {
	margin: 0 auto;
	font-family: var(--fontMontserrat);
	font-size: var(--font18);
	font-weight: var(--fontweight400);
	line-height: 1.9;
	color: var(--black);
}

.single-post .entry-content :is(h2,
	h3,
	h4,
	h5,
	h6,
	p,
	ul,
	ol,
	table,
	blockquote,
	figure) {
	margin-block: 0 16px;
}

.single-post .entry-content p {
	font-size: var(--font16);
	font-weight: var(--fontweight400);
	line-height: 1.9;
	color: var(--black);
}

.single-post .entry-content strong {
	font-weight: var(--fontweight700);
	color: var(--darkblue);
}

.single-post .entry-content a {
	color: var(--richmaroon);
	font-weight: var(--fontweight600);
	text-decoration: none;
	transition: .35s ease;
	border-bottom: 2px solid transparent;
}

.single-post .entry-content a:hover {
	border-color: var(--richmaroon);
}

.single-post .entry-content h2 {
	font-family: var(--fontMontserrat);
	font-size: var(--font40);
	font-weight: var(--fontweight700);
	line-height: 1.25;
	color: var(--darkblue);
}

.single-post .entry-content h3 {
	font-family: var(--fontMontserrat);
	font-size: var(--font36);
	font-weight: var(--fontweight700);
	line-height: 1.3;
	color: var(--darkblue);
}

.single-post .entry-content h4 {
	font-family: var(--fontMontserrat);
	font-size: var(--font24);
	font-weight: var(--fontweight700);
	line-height: 1.35;
	color: var(--darkblue);
}

.single-post .entry-content h5 {
	font-family: var(--fontMontserrat);
	font-size: var(--font20);
	font-weight: var(--fontweight700);
	line-height: 1.4;
	color: var(--richmaroon);
}

.single-post .entry-content h6 {
	font-family: var(--fontMontserrat);
	font-size: var(--font18);
	font-weight: var(--fontweight700);
	line-height: 1.5;
	color: var(--darkblue);
}

.single-post .entry-content ul,
.single-post .entry-content ol {
	padding-left: 24px;
}

.single-post .entry-content li {
	font-size: var(--font16);
	line-height: 1.8;
	margin-bottom: 10px;
}

.single-post .entry-content ul li::marker {
	color: var(--richmaroon);
}

.single-post .entry-content blockquote {
	padding: 30px 35px;
	border-left: 5px solid var(--richmaroon);
	background: var(--lightblue);
	border-radius: 20px;
}

.single-post .entry-content blockquote p {
	margin: 0;
	font-size: var(--font24);
	font-weight: var(--fontweight500);
	font-style: italic;
	line-height: 1.7;
	color: var(--darkblue);
}

.single-post .entry-content img {
	width: 100%;
	height: auto;
	border-radius: 20px;
	display: block;
}

.single-post .entry-content figure {
	overflow: hidden;
}

.single-post .entry-content figcaption {
	margin-top: 12px;
	text-align: center;
	font-size: var(--font14);
	color: #7a7a7a;
}

.single-post .entry-content table {
	width: 100%;
	border-collapse: collapse;
	overflow: hidden;
	border-radius: 16px;
}

.single-post .entry-content th {
	padding: 16px;
	background: var(--darkblue);
	color: var(--white);
	font-size: var(--font16);
	font-weight: var(--fontweight700);
}

.single-post .entry-content td {
	padding: 16px;
	font-size: var(--font16);
	border: 1px solid rgba(1, 26, 66, .08);
}

.single-post .entry-content tr:nth-child(even) {
	background: var(--lightblue);
}

.single-post .entry-content hr {
	margin: 50px 0;
	border: 0;
	border-top: 1px solid rgba(1, 26, 66, .12);
}

.single-post .entry-content code {
	padding: 3px 8px;
	background: #f4f6fa;
	color: var(--richmaroon);
	border-radius: 6px;
	font-size: var(--font14);
}

.single-post .entry-content pre {
	padding: 24px;
	background: var(--darkblue);
	color: var(--white);
	border-radius: 16px;
	overflow: auto;
}


/*======================================
    RESPONSIVE
======================================*/
@media(max-width:1024px) {

	.single-post .zak-row .zak-secondary,
	.single-post .zak-row .zak-primary {
		width: 100%;
		padding-top: 0 !important;
		padding-inline: 0 !important;
	}

	.single-post .zak-row .zak-secondary {
		padding-top: 0;
	}

	.single-post .zak-content .zak-row {
		gap: 30px;
		padding-block: 30px 0;
	}

	.single-post .zak-row .zak-primary .zak-entry-thumbnail img {
		height: auto;
	}
}

.hhl-post-meta-footer {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-top: 35px;
    padding: 14px 18px;
    background: #e8f1ff;
    border-left: 4px solid #6e0662;
    border-radius: 6px;
    color: #011a42;
    font-size: 14px;
}

.hhl-post-meta-footer strong {
    color: #6e0662;
    font-weight: 600;
}

@media (max-width: 767px) {
    .hhl-post-meta-footer {
        flex-wrap: wrap;
        gap: 8px 20px;
    }
}