@charset "UTF-8";
/*
Theme Name: Savvy Australia
Theme URI: http://
Author: Digital Glare
Author URI: https://digitalglare.com.au/
Description: Years of experience in digital marketing and our love for emerging technology has made us experts in innovative mobile app solutions and specialists in SEO and SEM services. Our affordable SEO and SEM packages are designed to generate permanent results without breaking the bank. With a dedicated project manager and weekly reports, you are always kept up to date with the progress of your website’s improvements.
Text Domain: savvy
Version: 1.0.0
*/
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

/* animations */

@keyframes circle{
	0% {
		clip-path: circle(10% at 50% 10%);
	}
	25% {
		clip-path: circle(25% at 60% 20%);
	}
	50% {
		clip-path: circle(15% at 10% 30%);
	}
	100% {
		clip-path: circle(80% at 50% 50%);
	}
}
.animation-circle {
	animation: circle 5s ease forwards;
}


@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	70% {
		opacity: 1;
	}
}
.animation-fadeIn:hover img {
	animation: fadeIn 3s ease both;
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}
.animation-fadeInUp {
	animation: fadeInUp 3s ease both;
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translate3d(0, -100%, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}
.animation-fadeInDown {
	animation: fadeInDown 3s ease both;
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-50%);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}
.animation-fadeInLeft {
	animation: fadeInLeft 3s ease both;
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(50%);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}
.animation-fadeInRight {
	animation: fadeInRight 3s ease both;
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		transform: scale3d(0.3, 0.3, 0.3);
	}
	50% {
		opacity: 1;
	}
}
.animation-zoomIn {
	animation: zoomIn 1s ease both;
}

@keyframes zoomOut {
	0% {
		opacity: 0;
		transform: scale3d(1.3, 1.3, 1.3);
	}
	50% {
		opacity: 1;
	}
}
.animation-zoomOut {
	animation: zoomOut 3s ease both;
}


html{
	max-width:2200px;
	margin:auto;
	overflow-x: hidden;
}
body {
	font-family: 'Archivo', sans-serif !important;
}
img {
	width: 100%;
	height: auto;
}
:root {
	--color-1:#fff; /* white */
	--color-2:#000000; /* black */
	--color-3:#017d41; /* green */
	--color-4:#b58522; /* yellow */
	--color-5:#214699; /* blue */
	--color-6:#f9f7f0; /* off-white */
	--color-7:#009ce9; /* light-blue */
	--color-8:#022e5e; /* Menu Dark Blue */
	--color-9:#09259c; /* footer Blue */
	--color-10:#cfac42; /* gold */
}
.white{
	color:var(--color-1) !important;
}
.black{
	color:var(--color-2) !important;
}
.light-blue{
	color:var(--color-7) !important;
}
.off-white{
	color:var(--color-6) !important;
}
.gold{
	color:var(--color-10) !important;
}
.yellow{
	color:var(--color-4) !important;
}
.color-8 {
	color:var(--color-8) !important;
}
.bg-blue {
	background:var(--color-5) !important;
}
.bg-white{
	background:var(--color-1) !important;
}
.bg-black{
	background:var(--color-2) !important;
}
.bg-gold{
	background:var(--color-10) !important;
}
a {
	text-decoration:none !important;
	color:inherit;
	transition:0.3s;
}
.f-900 {
	font-weight:900 !important;
}
.f-800 {
	font-weight:800 !important;
}
.f-700 {
	font-weight:700 !important;
}
.f-600 {
	font-weight:600 !important;
}
.f-500 {
	font-weight:500 !important;
}
.f-400 {
	font-weight:400 !important;
}
.f-300 {
	font-weight:300 !important;
}
.f-200 {
	font-weight:200 !important;
}
.text-transform-uppercase{
	text-transform: uppercase;
}
.gap-10 {
	gap:10px;
}
.gap-20 {
	gap:20px;
}
p:last-child {
	margin: 0;
}
.button {
	width: max-content;
	transition:0.8s;
	outline: none;
	border: 0;
}
.button.gradient{
	background: linear-gradient(to top, #b88723 0%, #d2b147  100%);  
	transition:0.3s;

}
.button.gradient:hover{
	background: linear-gradient(to top, #b87d04 0%, #d3a920  100%);      

}
.button.bg-blue:hover {
	background: var(--color-7) !important;
}
.button.bg-white:hover {
	background: var(--color-4) !important;
}

.cf7-custom-layout input, .cf7-custom-layout textarea{
	width: 100%;
	padding: 20px 20px;
	box-sizing: border-box;
	border: 0.1px solid #cfac423d;
	outline: 0;
	border-radius:5px;
}
.green-carousel .cf7-custom-layout input, .green-carousel .cf7-custom-layout textarea{
	border-bottom: 1px solid var(--color-1) ;
	background:transparent;
	color: var(--color-1) !important;
}
.green-carousel .wpcf7-form-control::-webkit-input-placeholder {
	color: var(--color-1) !important;
}
span.wpcf7-not-valid-tip {
	padding-top: 5px;
}
.accordion-button:not(.collapsed) {
	background-color: transparent !important;
}
.accordion-item {
	border-bottom: 1px solid var(--color-5) !important;
	border-top:0px !important;
	border-left:0px !important;
	border-right:0px !important;
}
.accordion-button {
	border-radius:0px !important;
}
.accordion-button:focus {
	border:0px !important;
	outline:0px !important;
	box-shadow: 0px 0px 0px 0px transparent !important;
}
a.black:hover{
	color: var(--color-4) !important;
	cursor: pointer;
}
.pointer{
	cursor: pointer;
}
a.gold:hover{
	color: var(--color-4) !important;
}

.black-hover:hover{
	color:var(--color-2) !important;
}
.white-bg-hover:hover{
	background:var(--color-1) !important;
	transition:0.3s;
}
.white-bg-hover{
	transition:0.3s;
}
a.white:hover:not(.button.white:hover):not(.black-hover:hover){
	color: var(--color-4) !important;
}
.link{
	transition:0.3s;
}
.link.light-blue:hover {
	color: var(--color-3) !important;
}
.link.white:hover {
	color: var(--color-4) !important;
}
a:hover .black{
	color: var(--color-4) !important;
	transition: 0.3s;
}
.zoom-5 img {
	transition: 0.7s;
}
.zoom-5:hover img {
	transition: 0.7s;
	transform: scale(1.1);
}
.translateY:hover{
	transform: translateY(-10px);
	transition: 0.7s;
}
.translateY{
	transition: 0.7s;
}
.box-shadow:hover{
	box-shadow: 0px 5px 10px 0px #c0c0c0;
}
.box-shadow-full{
	box-shadow: 0px 0px 20px 0px #c0c0c082;
}
.blue-line {
	transition:1s;
}
.blue-line:hover {
	background:var(--color-8);
	color: var(--color-1) !important;
}
.z-2{
	z-index:2;
	position: relative;
}
.z-10{
	z-index:10;
}
.h-95 {
	object-fit:contain;
	width:auto;
}
.h-55 {
	object-fit:contain;
	width:auto;
}
.h-35 {
	object-fit:contain;
	width:auto;
}
.list-none {
	list-style:none;
}
.list-none li:before {
	content: "";
	display:none;
}
.inline-block {
	display:inline-block;
}
.overlay{
	position: relative;
}
.overlay::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(0 0 0 / 100%);
}
.width-50{
	width:50%;
}
.height-100{
	height:100%;
}
.text-shadow {
	text-shadow: 0px 0px 20px #000000ba;
}
.count-2 {
	column-count:2;
}
.count-3 {
	column-count:3;
}


.blur-bg {
	backdrop-filter: blur(5px) saturate(180%);
	-webkit-backdrop-filter: blur(5px) saturate(180%);
}
.opacity-5 {
	opacity:0.8;
}
.modal.show {
	display: flex;
	align-content: center;
}
body.modal-open{
	padding-right:0px !important;
}

/* Header */
header#masthead {
	z-index: 10;
	position: relative;
}
#masthead .desktop-header ul#menu-main-menu {
	list-style: none;
	padding: 0 !important;
	display: flex;
	justify-content: space-between;
	margin: 0;
}
#masthead .desktop-header ul a{
	color: var(--color-1);
	font-weight: 600;
}
#masthead .desktop-header ul a:hover{
	color: var(--color-10);
}
.main-menu-class .current-menu-parent > a {
	color: var(--color-1) !important;
}
.main-menu-class .current-menu-parent ul.sub-menu .current-menu-item > a {
	color: var(--color-10) !important;
}
.main-menu-class .current-menu-item a {
	color: var(--color-10) !important;
}
.main-menu-class li:hover a {
	color: var(--color-10) !important;
}
.main-menu-class li:hover ul a{
	color: var(--color-1) !important;
}
.main-menu-class li ul li:hover a{
	color: var(--color-10) !important;
}
header#masthead {
	background: var(--color-1);
}
.header-menu-main ul.sub-menu a {
	text-transform: capitalize;
	font-weight: 400 !important;
}




/* banner-large */
.bg-image {
	background-position: center 0px;
	background-attachment: fixed;
	background-repeat: no-repeat;
	position: relative;
}
.inner-image {
	background-position: center 0px;
	background-repeat: no-repeat;
	position: relative;
}
.fixed-bg{
	background-size:cover;
	background-position: center 0px;
	background-attachment: fixed;
	background-repeat: no-repeat;
}
.bg{
	background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
}

/* Owl carousel  */
.owl-carousel.owl-loaded {
	display: block;
	position: relative;
}

.owl-dots .owl-dot.active span {
	width: 35px !important;
	transition: opacity .2s ease;
	background: var(--color-4) !important;
	height:5px !important;
	border: 1px solid var(--color-4) !important;
}
.white-bg .owl-dots .owl-dot span {
	border: 1px solid var(--color-4) !important;
}
.owl-dots .owl-dot span {
	width: 5px !important;
	height:5px !important;
	margin: 5px 5px !important;
	background: var(--color-1) !important;
}
.owl-logo .owl-stage{
	display:flex;
	align-items:center;
}
.owl-testi .owl-dots {
	bottom: 0 !important;
	right: 0 !important;
}
.owl-testi .owl-dots .owl-dot span {
	background: #a0a0a0 !important;
}
.owl-testi .owl-dots .owl-dot.active span {
	background: var(--color-4) !important;
}
.owl-theme .owl-nav {
	margin-top: 0 !important;
}
button.owl-next {
	position: absolute;
	right: 0;
	top: 45%;
	margin: 0 !important;
}
button.owl-prev{
	position: absolute;
	left: 0;
	top: 45%;
	margin: 0 !important;
}
.owl-theme .owl-nav span {
	color: var(--color-1) !important;
	font-size: 35px;
	padding: 10px;
	background: var(--color-10);
	transition:0.3s;
}
.owl-theme .owl-nav span:hover {
	background: var(--color-4);
}
.owl-theme .owl-prev span {
	border-radius: 0 10px 10px 0;
}
.owl-theme .owl-next span {
	border-radius: 10px 0px 0px 10px;
}
.owl-theme .owl-nav [class*=owl-]:hover{
	background: transparent !important;
}


/* tabs */
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
	background-color: #cfac42b8 !important;
	border-color: unset !important;
}
.nav-tabs{
	border-bottom:none !important;
}
.nav-link{
	transition: all .35s;
	border-radius: 0 !important;    
	padding: 2px 15px !important;    
	margin-bottom: 0 !important;
	border: 0 !important;
}
.nav-link:hover{
	background: #cfac4261;
	border:0px !important;
}

/* border-radius */
.radius-50{
	border-radius: 50px;
}
.radius-10{
	border-radius: 10px;
}
.radius-5{
	border-radius: 5px;
}
.radius_b-50 {
	border-radius: 0 0 50px 50px;
}
iframe{
	height:inherit;
}
ol, ul {
	padding-left: 5px !important;
}

.site-content li{
	list-style:none;
}
.site-content li:before {
	content: "\f015";
	font-family: 'FontAwesome';
	color: var(--color-10);
	font-size: 12px;
	padding-right: 15px;
}

/* Accordion */
.accordion-button {
	padding: var(--bs-accordion-btn-padding-y) 0 !important;
}
.accordion-body {
	padding: var(--bs-accordion-body-padding-y) 0 !important;
}

/* overflow-hidden */
.overflow-hidden{
	overflow:hidden;
}

/* Product tile */
.product-tile {
	background-position: top right;
	background-size: 100%;
	transition: background-size 1.5s;
	background-repeat: no-repeat;
}
.gradient-bg {
	background:linear-gradient(rgb(0 0 0 / 0%), rgb(255 255 255 / 32%), rgb(255 255 255 / 78%));
}
.product-tile:hover {
	background-size: 110%;
}

/* Aspect Ratio */
.aspect-11_13 {
	aspect-ratio:11/13;
}
.aspect-1_1 {
	aspect-ratio:1/1;
}


.stay-connected {
	right: 0;
	transform: rotate(-90deg);
	transform-origin: 85%;
	top: 46%;
}
p {
	text-align:justify!important;
}


@media (max-width: 991.9px){
	.count-3 {
		column-count: 2;
	}
	.text-align-center-t{
		text-align:center;
	}
	.justify-content-between-t{
		justify-content:space-between !important;
	}
	.marquee-container {
		overflow: hidden;
		white-space: nowrap;
	}

	.marquee-content {
		display: flex;
		animation: marquee 20s linear infinite;
		justify-content: space-between;
		gap: 10vw;
	}

	@keyframes marquee {
		0% { transform: translateX(100%); }
		100% { transform: translateX(-100%); }
	}


	header#masthead {
		z-index: 10;
		width: 100%;
	}
	.mobile-header .logo-section img {
		height: 55px;
		width: auto;
	}
	.desktop-header {
		display:none !important;
	}
	/* MENU STYLES */
	.menu-wrap {
		position: fixed;
		top: 0;
		right: 0;
		z-index: 1;
	}

	.menu-wrap .toggler {
		position: absolute;
		top: 70px;
		right: 0;
		z-index: 2;
		cursor: pointer;
		width: 40px;
		height: 40px;
		opacity: 0;
	}

	.menu-wrap .hamburger {
		position: absolute;
		top: 50px;
		right: 0;
		z-index: 1;
		width: 50px;
		height: 70px;
		padding: 1rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	/* Hamburger Line */
	.menu-wrap .hamburger > div {
		position: relative;
		flex: none;
		width: 100%;
		height: 2px;
		background:  var(--color-10);
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all 0.4s ease;
		box-shadow: 0px 0px 5px 0px;
	}

	/* Hamburger Lines - Top & Bottom */
	.menu-wrap .hamburger > div::before,
	.menu-wrap .hamburger > div::after {
		content: '';
		position: absolute;
		z-index: 1;
		top: -10px;
		width: 100%;
		height: 2px;
		background: var(--color-10);
		box-shadow: 0px 0px 5px 0px;
	}
	.menu-wrap .toggler:checked + .hamburger > div{
		background: var(--color-1);
	}
	.menu-wrap .toggler:checked + .hamburger > div:before, .menu-wrap .toggler:checked + .hamburger > div:after{
		background: var(--color-1);
	}
	.main-menu-class .current-menu-item a{
		color:  var(--color-1) !important;
	}

	/* Moves Line Down */
	.menu-wrap .hamburger > div::after {
		top: 10px;
	}

	/* Toggler Animation */
	.menu-wrap .toggler:checked + .hamburger > div {
		transform: rotate(135deg);
	}

	/* Turns Lines Into X */
	.menu-wrap .toggler:checked + .hamburger > div:before,
	.menu-wrap .toggler:checked + .hamburger > div:after {
		top: 0;
		transform: rotate(90deg);
	}

	/* Rotate On Hover When Checked */
	.menu-wrap .toggler:checked:hover + .hamburger > div {
		transform: rotate(225deg);
	}

	/* Show Menu */
	.menu-wrap .toggler:checked ~ .menu {
		visibility: visible;
	}

	.menu-wrap .toggler:checked ~ .menu > div {
		transform: scale(1);
		transition-duration: var(--menu-speed);
		border-radius: 0;
	}

	.menu-wrap .toggler:checked ~ .menu > div > div {
		opacity: 1;
		transition:  opacity 0.4s ease 0.4s;
	}

	.menu-wrap .menu {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		visibility: hidden;
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.menu-wrap .menu > div {
		background: var(--color-4);
		border-radius: 100%;
		width: 100%;
		height: 100%;
		display: flex;
		flex: none;
		align-items: center;
		justify-content: center;
		transform: scale(10);
		transition: all 0.8s ease;
	}

	.menu-wrap .menu > div > div {
		text-align: center;
		max-width: 90vw;
		max-height: 100vh;
		opacity: 0;
		transition: opacity 0.4s ease;
	}

	.menu-wrap .menu > div > div > ul > li {
		list-style: none;
		color: var(--color-8);
	}
	.menu-item-has-children li{
		list-style: none;
	}
	.menu-item-has-children li a{
		color: var(--color-1);
		font-size: 3.5vw;
	}
	.menu-item-has-children li:hover a{
		color: var(--color-5);
	}
	.menu-item-has-children ul.sub-menu {
		padding: 0;
	}
	.menu-wrap .menu > div > div > ul  {
		padding:0;
	}
	.menu-wrap .menu > div > div > ul > li > a {
		color: var(--color-1);
		text-decoration: none;
		transition: color 0.4s ease;
		font-size: 5vw !important;
		line-height: 12vw;
	}
	.menu-wrap .menu > div > div > ul > li > a:hover {
		color: var(--lan-yellow) !important;
	}
	/* 	Header End */

	.inner-image{
		height: 30vw;
		background-size: cover;
	}

	.container-md{
		max-width: 90% !important;
	}
	.padding_tb-xl {
		padding: 6vw 0 6vw 0;
	}
	h1, .h1{
		font-size: 6.8vw !important;
	}
	h2, .h2{
		font-size: 6.73vw !important;
	}
	h4, .h4{
		font-size: 3.71vw !important;
	}
	h5, .h5{
		font-size: 2.67vw !important;
	}
	h6, .h6{
		font-size: 2.15vw !important;
	}
	.f-18{
		font-size: 1.94vw !important;
	}
	.f-22{
		font-size: 2.05vw !important;
	}
	.f-70{
		font-size: 9vw !important;
	}
	p, .p {
		font-size:  1.83vw !important;
	}
	.p-2vw {
		padding: 5.8vw 5.5vw !important;
	}
	.p-4vw {
		padding: 8vw !important;
	}
	.pb-65 {
		padding-bottom:2.5vw;
	}
	.pb-50 {
		padding-bottom:1.3vw;
	}
	.pb-30 {
		padding-bottom: 1.1vw;
	}
	.mb-30 {
		margin-bottom: 1.1vw;
	}
	.margin-b-xl {
		margin-bottom: 7.5vw;
	}
	.button {
		padding: 1vw 2vw 1.1vw;
	}
	.pt-7{
		padding: 4vw 0 0;
	}
	.container-carousel .owl-dots {
		max-width: 100% !important;
	}
	.owl-theme .owl-dots {
		display: flex;
		justify-content: flex-end;
		margin-top: 2vw !important;
		position: absolute;
		clear: both;
		right: 4%;
		left: 0;
		bottom: 5%;
	}
	.product-tile:hover .product-details{
		transform: translateY(0);
		transition: 2s cubic-bezier(0.23, 1, 0.32, 1);
	}
	.row {
		row-gap: 3vw;
	}
	.row-20 {
		row-gap: 1.8vw;
	}
	.gap-40 {
		gap: 3vw;
	}
	.product-tile .product-details{
		transform: translateY(2vw);
		transition: 2s cubic-bezier(0.23, 1, 0.32, 1);
	}
	.bg-image {
		background-size: cover;
		height: 55vw;
		max-height: 920px;
	}
	.owl-logo img {
		max-height: 145px;
		object-fit: contain;
	}
	.h-95 {
		height: 4.6vw;
	}
	.h-55 {
		height: 3.5vw;
	}
	.h-35 {
		height: 2.8vw;
	}
	.width-85 {
		width: 85%;
	}
	header#masthead img {
		max-width: 115px;
		width: 100%;
		object-fit: contain;
		height: auto;
	}
	body .pt-4 {
		padding-top: 1.2vw !important;
	}
	body .pt-3 {
		padding-top: 1vw !important;
	}
	body .pt-1 {
		padding-top: 0.3vw !important;
	}
	body .pt-2 {
		padding-top: 0.7vw !important;
	}
	body .pb-1 {
		padding-bottom: 0.3vw !important;
	}
	body .pb-2 {
		padding-bottom: 0.7vw !important;
	}
	body .pb-3 {
		padding-bottom: 1vw !important;
	}
	body .pb-4 {
		padding-bottom: 1.2vw !important;
	}
	.social-media-footer{
		grid-template-columns: 1fr 1fr 1fr;
		align-items: center;
	}
}

@media (max-width: 767.9px){
	.owl-dots-relate .owl-dots {
		position: relative;
	}
	.justify-content-around-m{
		justify-content: space-around !important;
	}
	.owl-theme .owl-dots {
		right: 0;
	}
	.bg-image {
		background-size: cover;
		height: 100vw;
		max-height: 465px;
	}
	.inner-image{
		height: 90vw;
		background-size: auto;
	}
	.container-sm{
		max-width: 95% !important;
	}
	h1, .h1{
		font-size: 9.6vw !important;
	}
	h2, .h2{
		font-size: 9.3vw !important;
	}
	h4, .h4{
		font-size: 6.52vw !important;
	}
	h5, .h5{
		font-size: 5.47vw !important;
	}
	h6, .h6{
		font-size: 4.85vw !important;
	}
	.f-18{
		font-size: 4.44vw !important;
	}
	.f-22{
		font-size: 4.66vw !important;
	}
	.f-70{
		font-size: 11vw !important;
	}
	p, .p {
		font-size:  4.03vw !important;
	}
	.p-2vw {
		padding: 4.8vw 6.5vw 6.8vw !important;
	}
	.p-4vw {
		padding: 7.5vw !important;
	}
	.row {
		row-gap: 10vw;
	}
	.row-20 {
		row-gap: 5vw;
	}
	.gap-40 {
		gap: 12vw;
	}
	.h-95 {
		height: 12vw;
	}
	.h-55 {
		height: 10vw;
	}
	.h-35{
		height: 7vw;
	}
	.owl-theme .owl-dots {
		justify-content: center;
		margin-top: 4vw !important;
	}
	.mb-30 {
		margin-bottom: 4vw;
	}
	.pb-30 {
		padding-bottom: 4vw;
	}
	.pb-50 {
		padding-bottom: 4.7vw;
	}
	.pb-65 {
		padding-bottom: 5.5vw;
	}
	.padding_tb-xl {
		padding: 14vw 0 14vw 0;
	}
	.margin-b-xl {
		margin-bottom: 14vw;
	}
	.button {
		padding: 2.5vw 6vw 2.7vw;
	}
	.txt-center-m {
		text-align:center;
		justify-content: center;
	}
	.m-auto-m {
		margin:auto;
	}
	.m-column {
		flex-direction: column;
	}
	.m-reverse-column {
		flex-direction: column-reverse;
	}
	.count-2 {
		column-count: 1;
	}
	.count-3 {
		column-count: 1;
	}
	body .pt-4 {
		padding-top: 3.2vw !important;
	}
	body .pt-3 {
		padding-top: 3vw !important;
	}
	body .pt-1 {
		padding-top: 2.3vw !important;
	}
	body .pt-2 {
		padding-top: 2.7vw !important;
	}
	body .pb-1 {
		padding-bottom: 2.3vw !important;
	}
	body .pb-2 {
		padding-bottom: 2.7vw !important;
	}
	body .pb-3 {
		padding-bottom: 3vw !important;
	}
	body .pb-4 {
		padding-bottom: 3.2vw !important;
	}
}
@media (max-width: 590px){
	.social-media-footer {
		grid-template-columns: 1fr;
		padding-bottom:20px;
	}
}
@media (max-width: 300px){
	.bg-image {
		height: 130vw;
		max-height: 485px;
	}
}
@media (min-width: 576px){
	.container-sm {
		max-width: 95% !important;
	}
}
@media (min-width: 768px){
	.container-md {
		max-width: 95% !important;
	}
}
@media (min-width: 992px) and (max-width: 2200px){
	body .pt-4 {
		padding-top: 1.2vw !important;
	}
	body .pt-3 {
		padding-top: 1vw !important;
	}
	body .pt-1 {
		padding-top: 0.3vw !important;
	}
	body .pt-2 {
		padding-top: 0.7vw !important;
	}
	body .pb-1 {
		padding-bottom: 0.3vw !important;
	}
	body .pb-2 {
		padding-bottom: 0.7vw !important;
	}
	body .pb-3 {
		padding-bottom: 1vw !important;
	}
	body .pb-4 {
		padding-bottom: 1.2vw !important;
	}

}
@media (min-width: 992px){
	.col-30 {
		flex: 0 0 auto;
		width: 30% !important;
	}
	.col-40 {
		flex: 0 0 auto;
		width: 40% !important;
	}
	.mobile-header {
		display:none !important;
	}
	.main-menu-class .menu-item-has-children > a::after {
		content: '\f107';
		align-items: center;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: inherit;
	}
	.main-menu-class .menu-item-has-children > a {
		display: flex;
		align-items: center;
		gap: 5px;
	}
	.header-menu-main ul li.menu-item-has-children:hover ul.sub-menu {
		transition: all .15s;
		opacity: 1 !important;
		visibility: visible;
	}
	.header-menu-main ul.sub-menu {
		transition: all .15s;
		display: flex;
		position: absolute;
		width: max-content;
		top: 100%;
		left: 0;
		gap: 12px;
		background: var(--color-2);
		z-index: 99;
		box-shadow: 0px 3px 2px 0 rgb(0, 0, 0, 0.08);
		opacity: 0 !important;
		flex-direction: column;
		visibility: hidden;
		list-style: none;
		padding: 20px 0 30px !important;
	}
	.header-menu-main ul.sub-menu li {
		padding: 0 30px 0 28px;
		padding-top: 10px;
	}
	.header-menu-main ul#menu-main-menu > li{
		padding: 20px 0;
	}
	.header-menu-main ul li.menu-item-has-children:hover  ul.sub-menu {
		transition: opacity 0.1s ease;
		opacity:1 !important;
		visibility:visible;
	}
	.header-menu-main ul li.menu-item-has-children {
		position: relative;
	}
	.container-lg {
		max-width: 90% !important;
	}
	.padding_tb-xl {
		padding: 6vw 0 6vw 0;
	}
	h1, .h1{
		font-size: 2.71vw !important;
	}
	h2, .h2{
		font-size: 2.6vw !important;
	}
	h3, .h3{
		font-size: 2.3vw !important;
	}
	h4, .h4{
		font-size: 2.19vw !important;
	}
	h5, .h5{
		font-size: 1.41vw !important;
	}
	h6, .h6{
		font-size: 1.3vw !important;
	}
	.f-18{
		font-size: 0.94vw !important;
	}
	.f-22{
		font-size: 1.15vw !important;
	}
	.f-70{
		font-size: 3.65vw !important;
	}
	p, .p {
		font-size:  0.83vw !important;
	}
	.header-menu-main ul.sub-menu a {
		font-size: 0.9vw;
		position:relative;
	}
	.p-2vw {
		padding: 2.8vw 2.5vw !important;
	}
	.p-4vw {
		padding: 4.4vw !important;
	}
	.pb-65 {
		padding-bottom:2.5vw;
	}
	.pb-50 {
		padding-bottom:1.3vw;
	}
	.pb-30 {
		padding-bottom: 1.1vw;
	}
	.mb-30 {
		margin-bottom: 1.1vw;
	}
	.margin-b-xl {
		margin-bottom: 7.5vw;
	}
	.button {
		padding: 0.8vw 1.8vw 0.85vw;
	}
	.pt-7{
		padding: 4vw 0 0;
	}
	.h-55 {
		height: 3vw;
	}
	.h-35 {
		height: 1.8vw;
	}
	.row {
		row-gap: 3vw;
	}
	.row-20 {
		row-gap: 1.8vw;
	}
	.gap-40 {
		gap: 3vw;
	}

	.cf7-custom-layout.row{
		row-gap:1.3vw;
	}
	.text-align-right{
		text-align:right;
	}
	.text-align-left{
		text-align:left;
	}
	.text-align-center{
		text-align:center;
	}
	.container-carousel {
		max-width: 95% !important;
		margin: auto 0 auto auto !important;
		padding-right: 0 !important;
	}
	.container-carousel .owl-dots {
		max-width: 94% !important;
	}
	.owl-theme .owl-dots {
		display: flex;
		justify-content: flex-end;
		margin-top: 2vw !important;    
		position: absolute;
		bottom: 14%;
		right: 12%;
	}
	.product-tile:hover .product-href {
		opacity: 1;
		transition: 2s cubic-bezier(0.23, 1, 0.32, 1);
	}
	.product-href {
		opacity: 0;
		transition: 2s cubic-bezier(0.23, 1, 0.32, 1);
	}
	.product-tile:hover .product-details{
		transform: translateY(0);
		transition: 2s cubic-bezier(0.23, 1, 0.32, 1);
	}
	.product-tile .product-details{
		transform: translateY(2vw);
		transition: 2s cubic-bezier(0.23, 1, 0.32, 1);
	}
	.inner-image {
		height: 18vw;
		background-size: cover !important;
		background-position: center !important;
		background-repeat: no-repeat !important;
	}
	.bg-image {
		background-size: cover;
		height:42vw;
		max-height: 920px;
	}
	.owl-logo img {
		max-height: 145px;
		object-fit: contain;
	}
	.h-95 {
		height: 4.6vw;
	}
	.width-85 {
		width: 85%;
	}
	header#masthead img {
		max-width: 115px;
		width: 100%;
		object-fit: contain;
		height: auto;
	}
	.left-quote{
		position:relative;
	}
	.left-quote::before{
		background-image: url(/wp-content/uploads/2024/01/left-quote-1.png);
		opacity: 0.3;
		background-repeat: no-repeat;
		content: '';
		position: absolute;
		top: -50%;
		left: -4%;
		width: 100%;
		height: 100%;
	}
	.social-media-footer {
		grid-template-columns: auto auto;
	}
	.social-media-footer > a:nth-child(3) {
		grid-column: 2;
		text-align: right;
	}
	.social-media-footer a img {
		width: 85% !important;
		max-width: 130px !important;
	}
	.header-menu-main ul.sub-menu li:hover a, .header-menu-main ul.sub-menu li.current_page_item a {
		padding-left: 25px;
		-webkit-transition: .5s;
		-o-transition: .5s;
		transition: .5s;
	}
	#masthead .desktop-header .sub-menu li:hover a:before,  #masthead .desktop-header .sub-menu li.current_page_item a:before{
		position: absolute;
		content: '';
		left: 11px;
		top: calc(50% + 0px);
		-webkit-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		transform: translate(-50%,0);
		width: 8px;
		height: 1px;
		border: 1px solid var(--color-10);
		-webkit-transition: .5s;
		-o-transition: .5s;
		transition: .5s;
		opacity: 1;
	}
	#masthead .desktop-header .sub-menu li a:before {
		opacity: 0;
		-webkit-transition: .5s;
		-o-transition: .5s;
		transition: .5s;
	}
	/* 	.owl-property .owl-item.active.center .m-top-minus{
	z-index: 25;
	max-height: 70vh !important;
	position: absolute;
	margin-top: -3%;
	transition:1s;
	animation:fadeIn;
}
	.owl-property .owl-stage {
	padding: 3% 0;
}
	.owl-property .owl-item .m-top-minus {
	max-height: 60vh;
}
	.owl-property .owl-item .m-top-minus img {
	margin-top: -9%;
}
	.owl-item.active.center {
	z-index: 25;
} */

}
@media (min-width: 1200px){
	.container-xl {
		max-width: 85% !important;
	}
	.padding_tb-xl {
		padding: 7.5vw 0 7.5vw 0;
	}
	.container-carousel {
		max-width: 92.5% !important;
		margin: auto 0 auto auto !important;
		padding-right: 0 !important;
	}
	.container-carousel .owl-dots {
		max-width: 90% !important;
	}
}
@media (min-width: 1400px){
	.container-xxl {
		max-width: 75% !important;
	}
	.container-carousel {
		max-width: 90% !important;
		margin: auto 0 auto auto !important;
		padding-right: 0 !important;
	}
	.container-carousel .owl-dots {
		max-width: 88% !important;
	}

	.header-menu-main ul.sub-menu {
		min-width: 250px;
	}
}
@media (min-width: 1700px){

	.header-menu-main ul.sub-menu {
		min-width: 270px;
	}
}
@media (min-width: 2200px){
	h1, .h1{
		font-size: 54px !important;
	}
	h2, .h2{
		font-size: 52px !important;
	}
	h4, .h4{
		font-size: 53px !important;
	}

	h5, .h5{
		font-size: 34px !important;
	}
	h6, .h6{
		font-size: 27px !important;
	}
	.f-18{
		font-size: 20px !important;
	}
	.f-22{
		font-size: 24px !important;
	}
	.f-70{
		font-size: 72px !important;
	}
	p, .p {
		font-size:  18px !important;
	}
	.header-menu-main ul.sub-menu a {
		font-size: 20px;
	}
	.p-2vw {
		padding: 60px !important;
	}
	.p-4vw {
		padding: 100px !important;
	}
	.pt-7{
		padding: 100px 0 0;
	}
	.pb-65 {
		padding-bottom:65px;
	}
	.pb-30 {
		padding-bottom:30px;
	}
	.mb-30 {
		margin-bottom:30px;
	}
	.pb-50 {
		padding-bottom:50px;
	}
	.margin-b-xl {
		margin-bottom: 160px;
	}
	.padding_tb-xl {
		padding: 160px 0 160px 0;
	}
	.button {
		padding: 24px 60px 26px;
	}
	.owl-theme .owl-dots{
		margin-top: 40px !important;
	}
	.h-95 {
		height:98px;
	}
	.inner-image{
		max-height: 400px;
	}
	.h-55 {
		height: 66px;
	}
	.h-35 {
		height: 35px;
	}
	.gap-40 {
		gap: 50px;
	}
	.row {
		row-gap:65px;
	}
	.row-20{
		row-gap:30px;
	}
}