@charset "UTF-8";
/*
Theme Name: Reizen Maldives
Theme URI: http://
Author: Media Horizon
Author URI: https://mediahorizonsl.com/
Description: A web designing company in Sri Lanka with a team of talented individuals who have been in the industry for more than 10 years helping to create an online presence for our clients. We are specialized in designing and developing high-performing websites. Our talented team of web designers and developers are capable of handling websites on any scale. We create simple customer journies through high engaging landing pages using clear call-to-action to convert your visitors into leads We work closely with our customers educating them on how to design and create a winning website for their business that helps their customers find what they want on the website. We work to ensure your website performs at the optimum level on all screen sizes.
Text Domain: reizen
Version: 1.0.0
*/


@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

/* Ogg Font */
@font-face {
	font-family: 'Ogg';
	src: url('/wp-content/themes/reizen/fonts/Ogg-Thin.otf') format('opentype');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Ogg';
	src: url('/wp-content/themes/reizen/fonts/Ogg-ThinItalic.otf') format('opentype');
	font-weight: 100;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Ogg';
	src: url('/wp-content/themes/reizen/fonts/Ogg-Light.otf') format('opentype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Ogg';
	src: url('/wp-content/themes/reizen/fonts/Ogg-LightItalic.otf') format('opentype');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Ogg';
	src: url('/wp-content/themes/reizen/fonts/Ogg-Regular.otf') format('opentype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Ogg';
	src: url('/wp-content/themes/reizen/fonts/Ogg-RegularItalic.otf') format('opentype');
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Ogg';
	src: url('/wp-content/themes/reizen/fonts/Ogg-Medium.otf') format('opentype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Ogg';
	src: url('/wp-content/themes/reizen/fonts/Ogg-MediumItalic.otf') format('opentype');
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Ogg';
	src: url('/wp-content/themes/reizen/fonts/Ogg-Bold.otf') format('opentype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Ogg';
	src: url('/wp-content/themes/reizen/fonts/Ogg-BoldItalic.otf') format('opentype');
	font-weight: 700; 
	font-style: italic;
	font-display: swap;
}


/* Pangea Afrikan Font */
@font-face {
	font-family: 'Pangea';
	src: url('/wp-content/themes/reizen/fonts/PangeaAfrikanTextTrial-Light.woff2') format('woff2');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Pangea';
	src: url('/wp-content/themes/reizen/fonts/PangeaAfrikanTextTrial-LightItalic.woff2') format('woff2');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Pangea';
	src: url('/wp-content/themes/reizen/fonts/PangeaAfrikanTextTrial-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Pangea';
	src: url('/wp-content/themes/reizen/fonts/PangeaAfrikanTextTrial-Italic.woff2') format('woff2');
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Pangea';
	src: url('/wp-content/themes/reizen/fonts/PangeaAfrikanTextTrial-Medium.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Pangea';
	src: url('/wp-content/themes/reizen/fonts/PangeaAfrikanTextTrial-MediumItalic.woff2') format('woff2');
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Pangea';
	src: url('/wp-content/themes/reizen/fonts/PangeaAfrikanTextTrial-SemiBold.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Pangea';
	src: url('/wp-content/themes/reizen/fonts/PangeaAfrikanTextTrial-SemiBoldItalic.woff2') format('woff2');
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Pangea';
	src: url('/wp-content/themes/reizen/fonts/PangeaAfrikanTextTrial-Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Pangea';
	src: url('/wp-content/themes/reizen/fonts/PangeaAfrikanTextTrial-BoldItalic.woff2') format('woff2');
	font-weight: 700; 
	font-style: italic;
	font-display: swap;
}

/* animations */

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




html{
	max-width:2200px;
	margin:auto;
	overflow-x: hidden;
}
body {
	font-family: 'Pangea', sans-serif;
}
img {
	width: auto;
	height: auto;
}
:root {
	--color-1:#fff; /* white */
	--color-2:#000000; /* black */
	--color-3:#040461; /* blue */
	--color-4:#f5efdf; /* yellow */
	--color-5:#a19881; /* brown */
	--color-6:#f4f4f4; /* off-white */
	--color-7:#0890ff; /* light-blue */
	--color-8:#022e5e; /* Menu Dark Blue */
	--color-9:#09259c; /* footer Blue */
}
.ogg{
	font-family: 'Ogg' !important;
}
.pangea{
	font-family: 'Pangea', sans-serif !important;
}
.italic{
	font-style: italic;
}
.underline{

}
.page-template-home .header-styles {
	background: rgb(255 255 255 / 1%);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(20px);
}
body:not(.page-template-home):not(.error404) .header-styles {
	background: rgb(0 0 0 / 12%);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
}
.h1, .h2, h1, h2 {
	font-weight:500 !important;      
	line-height: 1.2 !important;
}
.h3, .h4, h3, h4 {     
	line-height: 1.5 !important;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	margin-bottom: .9rem !important;    
}
h1, .h1{
	font-family: 'Ogg';
}
h2, .h2{
	font-family: 'Ogg';
}
h2, .h2{
	font-family: 'Ogg';
}
h3, .h3{
	font-family: 'Pangea', sans-serif;
}
h4, .h4{
	font-family: 'Pangea', sans-serif;
}
p, .p{
	font-family: 'Pangea', sans-serif;
	font-weight:400;    
}
.line-height-2{
	line-height: 2;
}
.white{
	color:var(--color-1) !important;
}
.black{
	color:var(--color-2) !important;
}
.brown{
	color:var(--color-5) !important;
}
.light-blue{
	color:var(--color-7) !important;
}
.yellow{
	color:var(--color-4) !important;
}
.transparent{
	color:transparent !important;
}
.color-8 {
	color:var(--color-8) !important;
}
.bg-brown {
	background:var(--color-5) !important;
}
.bg-white{
	background:var(--color-1) !important;
}
.bg-transparent{
	background:transparent !important;
}
i.bg-white:hover{
	background:var(--color-4) !important;
}
.bg-light-blue{
	background:var(--color-7) !important;
}
a {
	text-decoration:none !important;
	color:inherit !important;
	transition:0.3s;
	font-size:inherit;
	font-family: inherit;
	font-weight:inherit;    
}
a.bg-light-blue:hover{
	background-color:var(--color-2) !important;
	color:var(--color-1) !important;
}
a.bg-black:hover{
	background-color:var(--color-7) !important;
	color:var(--color-2) !important;
}
a.white:hover{
	color:#f4d070 !important;
}
a.black-border{
	border:1px solid var(--color-2);
}
a.black-border:hover{
	border:1px solid var(--color-7);
}
.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;
}
.f-100 {
	font-weight:100 !important;
}
.text-transform-uppercase{
	text-transform: uppercase;
}
.line-height-1-8 {
	line-height:1.8 !important;
}
.gap-10 {
	gap:10px;
}
.gap-20 {
	gap:20px;
}
p:last-child {
	margin: 0;
}
.button {
	width: max-content;
	transition:0.3s;
	outline: none;
	border: 0;
}
.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: 10px 15px;
	box-sizing: border-box;
	border-bottom: 1px solid var(--color-5) ;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	outline: 0;
	color: var(--color-5) !important;
}
.wpcf7-form-control::-webkit-input-placeholder {
	color: var(--color-5) !important;
}
.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;
}
.link{
	transition:0.3s;
}
.link.light-blue:hover {
	color: var(--color-3) !important;
}
a:hover .black{
	color: var(--color-3) !important;
	transition: 0.3s;
}
.zoom-5 img {
	transition: 1s;
}
.zoom-5:hover img {
	transition: 1s;
	transform: scale(1.1);
}
.blue-line {
	transition:1s;
}
.blue-line:hover {
	background:var(--color-8);
	color: var(--color-1) !important;
}
.z-2{
	z-index:2;
	position: relative;
}
.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;
}
.inline-block {
	display:inline-block;
}
.overlay{
	position: relative;
}
.relative{
	position: relative;
}
.absolute{
	position: absolute;
}
.overlay::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(0 0 0 / 100%);
}
.width-50{
	width:50%;
}
.text-shadow {
	text-shadow: 0px 0px 20px #000000ba;
}
.count-2 {
	column-count:2;
}

/* Header */
header#masthead {
	z-index: 9999;
	position: relative;
}
#masthead .desktop-header ul#menu-main-menu {
	list-style: none;
	padding: 20px 0 0 !important;
	display: flex;
	justify-content: space-between;
	margin: 0;
}
#masthead .desktop-header ul#menu-main-menu > li{
	line-height:2;
	padding-bottom: 10px;
}
#masthead .desktop-header ul a{
	color: var(--color-8);
}
.main-menu-class .current-menu-parent > a {
	color: var(--color-7) !important;
}
.main-menu-class .current-menu-parent ul.sub-menu .current-menu-item > a {
	color: var(--color-7) !important;
}
.main-menu-class .current-menu-item a {
	color: var(--color-7) !important;
}
.main-menu-class li:hover a {
	color: var(--color-7) !important;
}
.main-menu-class li:hover ul a{
	color: var(--color-8) !important;
}
.main-menu-class li ul li:hover a{
	color: var(--color-7) !important;
}
header#masthead {
	position: fixed;
	width: 100%;
	max-width: 2200px;
}
ul.sub-menu{
	text-transform:capitalize !important;
}
nav.navigation.post-navigation {
	display: none;
}


/* banner-large */
.bg-image {
	background-position: center bottom
		background-repeat: no-repeat;
	position: relative;
}
.bg-image-small {
	background-position: center bottom;
	background-repeat: no-repeat;
	position: relative;

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


.fa{
	font-size: 18px !important;
}

/* Owl carousel  */
.nav-position.owl-navi .owl-nav [class*=owl-]:hover{
	background: var(--color-4) !important;
	border:1px solid var(--color-5)!important;
}
.nav-position.owl-navi .owl-nav [class*=owl-]{
	background: var(--color-1) !important;
	border-radius: 100%;    
	height: 4vw;
	width: 4vw;
	max-width: 70px;
	max-height: 70px;
	min-width: 42px;
	min-height: 42px;
	border:1px solid var(--color-5)!important;
	transition:0.3s;
}
.nav-position.owl-navi .owl-nav {
	right: 0;
	margin-top: 0;
	gap:20px;
	display:flex;
}
.nav-position.owl-navi .owl-nav [class*=owl-].disabled {
	border:1px solid #a198815c!important;
}
.nav-position.owl-navi .owl-nav [class*=owl-].disabled i{
	color: #a198815c!important;
}
.owl-theme.owl-navi {
	position: initial;
}

/* border-radius */
.radius-50{
	border-radius: 50px;
}
.radius-100{
	border-radius: 100%;
}
.radius-10{
	border-radius: 10px;
}
.radius_b-50 {
	border-radius: 0 0 50px 50px;
}
iframe{
	height:inherit;
}

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



/* Product tile */
.product-tile {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.bg-transition{
	transition: background-color 0.5s;
}
.bg-transition:hover {
	background-blend-mode: luminosity;
	background-color: black;
}
.gradient-bg {
	background:linear-gradient(rgb(0 0 0 / 0%),rgb(0 0 0 / 70%),rgb(0 0 0 / 100%));
}
.bg-cover {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}


/* Aspect Ratio */
.aspect-9_13 {
	aspect-ratio:11/17;
}
.aspect-1_1 {
	aspect-ratio:1/1;
}
.aspect-13_9 {
	aspect-ratio:13/9.7;
}
.aspect-2_1 {
	aspect-ratio:2/0.97;
}


/* subscribe form */
.input-container {
	display: flex;
}
.input-container input[type="email"] {
	height: 100%;
	padding-left: 50px;
	outline: none;
	width: 100%;
	border-radius: 50px;
	border: 0;
	padding-bottom: 3px;
}
.input-container{
	height: 50px;
	position: relative;
}
.container-form{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.email input{
	height: 100%;
	width: 450px;
	padding-left: 50px;
	font-size: 18px;
	outline: none;
	font-family: Arial, Helvetica, sans-serif;
	border-radius: 50px;
	border: 2px solid coral;
}

.input-container a{
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0%, -50%);
	border-radius: 50px;
	outline: none;
	transition: 0.3s;
}
input.bg-transparent::placeholder {
	color: #003e75;
}

/* Single post */

/* .single-post-bar {
font-size: 10px !important;
line-height: 27px;
text-transform: uppercase;
} */

img.blog_set_img1{
	width: 47%; 
	height: 364px; 
	border-radius: 10px; 
	margin-right: 10px; 
	object-fit:cover;
}

img.blog_set_img2{
	width: 24%; 
	height: 364px; 
	border-radius: 10px; 
	margin-right: 10px; 
	object-fit:cover;
}

a.a2a_dd.addtoany_share_save.addtoany_share{
	display: none;
}

/* .blog-inner-paras{
font-size: 12px!important;
line-height: 27px !important;
font-family: 'Pangea', sans-serif !important;
} */
/* .blog-inner-topics{
font-size: 14px !important;
line-height: 27px !important;
font-weight: bold !important;
font-family: 'Pangea', sans-serif !important;

} */




/* Review page detail*/
img.right-image{
	height: 565px !important;
	width:100% !important;
	border-top-left-radius: 10px!important;
	border-bottom-left-radius: 10px !important; 
	object-fit:cover;
}
img.left-image{
	height:277px !important;
	width:100% !important;
	border-radius: 10px; 
	object-fit:cover;
}
img.down-img{
	height:267px !important;
	border-radius: 10px; 
	object-fit:cover;
	width:100% !important;
	margin-top: 21px;
}

.border-review {
	border-bottom: 1px solid;
	padding-bottom: 50px;
	color: #eaeaea;
	margin-bottom: -15px;

}
.banner-review-sub{
	font-size: 1.318vw !important;
	margin-top: 15px;
	font-family: 'Pangea';
	color: var(--color-1) !important;
	margin-bottom: 0px !important;
}

.banner-review-qr{
	font-size: 1.318vw !important;
	font-family: 'Pangea';
	color: var(--color-1) !important;
	margin-bottom: 0px !important;
}


.activities{
	padding-top: 20px; 
	padding-bottom: 20px;
}
.qr{
	display:flex; 
	align-items: flex-end; 
	justify-content: flex-end;
}

img.qr-image{
	padding-bottom:10px;
}

img.qr-code{
	padding-left:10px;
}

.col-lg-10.img-set {
	margin-right: 1% !important;
}

:root {
	--star-size: 22px;
	--star-color: #fff;
	--star-background: #ffd200;
}

.Stars {
	--percent: calc(var(--rating) / 5 * 100%);

	display: inline-block;
	font-size: var(--star-size);
	font-family: Times; // make sure ★ appears correctly
	line-height: 1;

	&::before {
		content: '★★★★★';
		letter-spacing: 4px;
		background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
}

// Just to make a preview more beautifull

body {
	background: #eee;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
}

* {
	position: relative;
	box-sizing: border-box;
}


/* Footer */
.contact-footer-class li{
	padding-bottom:12px;
}


.site-footer .logo img {
	object-fit: contain;
	height: auto;
}

/* Hide submenu by default */
.header-mob-main .sub-menu {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease-out;
}
.header-mob-main li{
	list-style:none;
}
/* Style the submenu toggle button */
.header-mob-main .menu-item-has-children > a::after {
	content: ' +';
	display: inline-block;
	margin-left: 10px;
}
.flex-column.header-mob-main {
	padding-top: 50px;
	padding-bottom: 50px;
}
.header-mob-main .menu-item-has-children.open > a::after {
	content: ' -';
}
.header-mob-main ul#menu-main-menu-1{
	width:85%;
	overflow: auto;
}
/* Show submenu with smooth transition */
.header-mob-main .menu-item-has-children.open > .sub-menu {
	max-height: 600px; /* Adjust as needed based on the maximum height of your submenus */
	transition: max-height 0.3s ease-in;
	margin-bottom:30px;
}
.header-mob-main ul#menu-main-menu-1 > li{
	padding:5px 0;
}
i.bi.bi-arrow-right-short {
	margin: 0 !important;
	line-height: 1.34 !important;
	display: flex;
	align-items: center;
	justify-content: center;
}
button.owl-next {
	display: flex;
	justify-content: center;
	align-items: stretch;
}
button.owl-prev {
	display: flex;
	justify-content: center;
	align-items: stretch;
}
i.bi.bi-arrow-left-short {
	margin: 0 !important;
	line-height: 1.34 !important;
	display: flex;
	align-items: center;
	justify-content: center;
}
.social-media-footer img{
	transition:filter 0.3s ease;
}
.social-media-footer img:hover{
	filter: opacity(0.5);
}





#loading-animation {
	display: none; /* Initially hidden */
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	z-index: 9999;
}

.spinner {
	border: 4px solid rgba(0, 0, 0, 0.1);
	border-left-color: #000;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}


@media (max-width: 991.9px){
	header#masthead {
		position: absolute;
		z-index: 9999999;
		background: #ffffff66;
		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: 0;
		right: 0;
		z-index: 2;
		cursor: pointer;
		width: 40px;
		height: 40px;
		opacity: 0;
	}

	.menu-wrap .hamburger {
		position: absolute;
		top: 0;
		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-8);
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all 0.4s ease;
	}

	/* 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-8);
	}

	/* 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);
	}

	.menu-wrap .toggler:checked ~ .menu > div > div {
		opacity: 1;
		transition:  opacity 0.4s ease 0.4s;
		overflow: auto;
		width: 100%;
	}

	.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: 0;
		width: 100%;
		height: 100%;
		display: flex;
		flex: none;
		align-items: center;
		justify-content: center;
		transform: scale(0);
		transition: all 0.4s 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-8);
		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: inherit;
		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: 45vw;
		background-size: 100%;
	}

	.container-md{
		max-width: 90% !important;
	}
	.padding_tb-xl {
		padding: 6vw 0 6vw 0;
	}
	h1, .h1{
		font-size: 7vw !important;
	}
	h2, .h2{
		font-size: 4.5vw !important;
	}
	h3, .h3{
		font-size: 2.8vw !important;
	}
	h4, .h4{
		font-size: 2.4vw !important;
	}
	p, .p{
		font-size: 2.02vw !important;
	}
	.p-16 * {
		font-size:  1.83vw !important;
	}
	.p-2vw {
		padding: 5.8vw 5.5vw !important;
	}
	.pb-100 {
		padding-bottom:8vw;
	}
	.pt-100 {
		padding-top:8vw;
	}
	.p-100 {
		padding:8vw;
	}
	.pb-85 {
		padding-bottom:6vw;
	}
	.pb-50 {
		padding-bottom:4.2vw;
	}
	.pb-30 {
		padding-bottom: 2.6vw;
	}
	.mb-30 {
		margin-bottom: 1.1vw;
	}
	.margin-b-xl {
		margin-bottom: 7.5vw;
	}
	.button {
		padding: 1vw 4vw 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;
	}
	.product-tile:hover .product-details{
		transform: translateY(0);
		transition: 3s cubic-bezier(0.23, 1, 0.32, 1);
	}
	.row {
		row-gap: 3vw;
	}
	.gap-40 {
		gap: 3vw;
	}
	.product-tile .product-details{
		transform: translateY(2vw);
		transition: 3s cubic-bezier(0.23, 1, 0.32, 1);
	}
	.bg-image {
		background-size: cover;
		height: 85vw;
		max-height: 920px;
	}
	.bg-image-small {
		background-size: cover;
		height: 65vw;
		max-height: 720px;
	}
	.bg-image-large {
		background-size: cover;
		height: 70vw;
		max-height: 676px;
	}
	.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: 3.2vw !important;
	}
	body .pt-3 {
		padding-top: 2.3vw !important;
	}
	body .pt-1 {
		padding-top: 0.8vw !important;
	}
	body .pt-2 {
		padding-top: 1.6vw !important;
	}
	body .pb-1 {
		padding-bottom: 0.8vw !important;
	}
	body .pb-2 {
		padding-bottom: 1.6vw !important;
	}
	body .pb-3 {
		padding-bottom: 2.3vw !important;
	}
	body .pb-4 {
		padding-bottom: 3.2vw !important;
	}

	.site-footer .logo img {
		width: 100%;
	}

	.t-aspect-1_1{
		aspect-ratio:1/1;
	}
	.row.blog-bar {
		flex-wrap: nowrap !important;
		width: 25% !important;
	}
	img.right-image{
		border-radius:10px !important;
	}
	.col-lg-10.img-set {
		margin-right: unset !important;
	}
}
@media (max-width: 767.9px){
	.bg-image {
		background-size: cover;
		height: 85vh;
		max-height: 100%;
		background-position: 25%;
	}
	.bg-image-small{
		background-size: cover;
		height: 60vh;
		max-height: 100%;
		background-position: center;
	}
	.bg-image-large{
		background-size: cover;
		height: 70vh;
		max-height: 100%;
		background-position: center;
	}
	.inner-image{
		height: 90vw;
		background-size: auto;
	}
	.container-sm{
		max-width: 95% !important;
	}
	h1, .h1{
		font-size: 12vw !important;
	}
	h2, .h2{
		font-size: 7vw !important;
	}
	h3, .h3{
		font-size: 5vw !important;
	}
	h4, .h4{
		font-size: 4.5vw !important;
	}
	p, .p{
		font-size: 4.2vw !important;
	}
	.p-2vw {
		padding: 4.8vw 6.5vw 6.8vw !important;
	}
	.row {
		row-gap: 10vw;
	}
	.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: 2.2rem;
	}
	.pb-30 {
		padding-bottom: 2.2rem;
	}
	.pb-50 {
		padding-bottom: 2.8rem;
	}
	.pb-100 {
		padding-bottom: 4rem;
	}
	.pt-100 {
		padding-top: 4rem;
	}
	.p-100 {
		padding: 4rem;
	}
	.pb-85 {
		padding-bottom: 3.3rem;
	}
	.padding_tb-xl {
		padding: 14vw 0 14vw 0;
	}
	.margin-b-xl {
		margin-bottom: 14vw;
	}
	.button {
		padding: 2.5vw 6vw 2.55vw;
	}
	.txt-center-m {
		text-align:center;
		justify-content: center;
	}
	.m-auto-m {
		margin:auto;
	}
	.m-column {
		flex-direction: column;
	}
	.m-pe-0{
		padding-right:0 !important;
	}
	.m-reverse-column {
		flex-direction: column-reverse;
	}
	.count-2 {
		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;
	}
	.nav-position.owl-navi .owl-nav {
		justify-content: center;
	}
	.m-aspect-1_1{
		aspect-ratio:1/1;
	}
	img.blog_set_img1 {
		width: 90% !important;
		margin-right:0px !important;
	}
	img.blog_set_img2 {
		width: 45% !important;
		margin-right:0px!important;
		margin-top: 3px;
	}
	section.pt-100.pb-100.paras {
		text-align: center !important;
	}
	section.pt-4.pb-100.paras{
		text-align:center;
	}
	.row.blog-bar .col-lg-3 {
		width: 50% !important;
	}
	.row.blog-bar{
		flex-wrap: wrap !important;
		width:100% !important
	}
	section.yellow-bar {
		height: 375px !important;
	}
	.p-10{
		text-transform:uppercase !important;
	}
	.site-footer .logo img {
		width: 60% !important;
	}
	:root {
		--star-size: 40px;
	}
	.banner-review-sub{
		font-size: 4.318vw !important;
	}
	.qr {
		justify-content: flex-start;
	}
	.p-10.col-lg-6{
		font-size: x-large;
	}
	img.right-image{
		margin-top: -50px!important;
	}
}
@media (min-width: 576px){
	.container-sm {
		max-width: 95% !important;
	}
}
@media (max-width: 576px){
	img.left-image{
		margin-bottom: 1px; !important;
	}
	img.down-img{
		margin-bottom: -49px; !important;
	}
	img.right-image{
		margin-top: 23px !important;
	} 
}
@media (min-width: 768px){
	.container-md {
		max-width: 95% !important;
	}
	ul#menu-footer-menu {
		display: flex;
		gap: 25px;
	}
	.text-align-center {
		text-align: center;
	}

	.nav-position.owl-navi .owl-nav {
		position: absolute;
	}
}
/* @media (min-width: 992px) and (max-width: 1473px){
img.blog_set_img1 {
width: 100% !important;
}
img.blog_set_img2{
width: 49% !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: opacity 0.2s ease;
		opacity: 1 !important;
		visibility: visible;
	}
	.header-menu-main ul.sub-menu {
		display: flex;
		position: absolute;
		width: 235px;
		top: 42px;
		left: 0;
		gap: 12px;
		background: var(--color-1);
		padding: 1rem 1rem 1rem !important;
		z-index: 99;
		box-shadow: 0px 3px 2px 0 rgb(0, 0, 0, 0.08);
		transition: opacity 0.2s ease;
		opacity: 0 !important;
		flex-direction: column;
		visibility: hidden;
		list-style: none;
		border-radius: 10px;
	}
	.header-menu-main ul li.menu-item-has-children:hover  ul.sub-menu {
		transition: opacity 0.2s 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: 3.07vw !important;
	}
	h2, .h2{
		font-size: 1.61vw !important;
	}
	h3, .h3{
		font-size: 1.02vw !important;
	}
	h4, .h4{
		font-size: 0.878vw !important;
	}
	p, .p{
		font-size: 0.878vw !important;
	}
	.p-10{
		font-size: 0.732vw !important;
		line-height: 1.977vw !important;
		text-transform:uppercase;
	}
	.p-2vw {
		padding: 2.8vw 2.1vw 3vw !important;
	}
	.pb-100 {
		padding-bottom:4vw;
	}
	.pt-100 {
		padding-top:4vw;
	}
	.p-100 {
		padding:4vw;
	}
	.pb-85 {
		padding-bottom:3vw;
	}
	.pb-50 {
		padding-bottom:2.2vw;
	}
	.pb-30 {
		padding-bottom: 1.5vw;
	}
	.mb-30 {
		margin-bottom: 1.5vw;
	}
	.margin-b-xl {
		margin-bottom: 7.5vw;
	}
	.button {
		padding: 0.7vw 2vw 0.8vw;
	}
	.pt-7{
		padding: 4vw 0 0;
	}
	.h-55 {
		height: 3vw;
	}
	.h-35 {
		height: 1.8vw;
	}
	.row {
		row-gap: 3vw;
	}
	.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;
	}
	.product-tile:hover .product-href {
		opacity: 1;
		transition: 3s cubic-bezier(0.23, 1, 0.32, 1);
	}
	.product-href {
		opacity: 0;
		transition: 3s cubic-bezier(0.23, 1, 0.32, 1);
	}
	.product-tile:hover .product-details{
		transform: translateY(0);
		transition: 3s cubic-bezier(0.23, 1, 0.32, 1);
	}
	.product-tile .product-details{
		transform: translateY(2vw);
		transition: 3s cubic-bezier(0.23, 1, 0.32, 1);
	}
	.inner-image {
		height: 35vw;
		background-size: cover !important;
		background-position: center !important;
		background-repeat: no-repeat !important;
	}
	.bg-image {
		background-size: cover !important;
		height:56.2vw;
		max-height: 1230px;
	}
	.bg-image-small  {
		background-size: cover !important;
		height: 42.86vw;
		max-height: 943px;
	}
	.bg-image-large {
		background-size: cover !important;
		height: 50.86vw;
		max-height: 1118px;
	}
	.owl-logo img {
		max-height: 145px;
		object-fit: contain;
	}
	.h-95 {
		height: 4.6vw;
	}
	.width-85 {
		width: 85%;
	}
	header#masthead img {
		max-width: 260px;
		width: 60%;
		object-fit: contain;
		height: auto;
	}
	.site-footer .logo img {
		max-width: 260px;
		width: 60%;
	}
	.desktop-header {
		transition: top 0.6s, background-color 0.6s;
		top: 0;
		position: relative;
	}
	.desktop-header:hover {
		background: rgba(255, 255, 255) !important; /* Change background color when scrolled */
		backdrop-filter: blur(0) !important; /* Ensure the blur effect remains */
		transition:0.3s;
	}
	.desktop-header:hover input.bg-transparent {
		border: 1px solid black !important;
		transition:0.3s;
	}
	.desktop-header.hidden ul.sub-menu{
		display:none;
		transition:0.3s;

	}
	.desktop-header.hidden {
		top: -130px; /* Adjust based on your header height */
		position:relative;
	}

	.desktop-header.scrolled {
		background: rgba(255, 255, 255) !important; /* Change background color when scrolled */
		backdrop-filter: blur(0) !important; /* Ensure the blur effect remains */
	}

	.scrolled input.bg-transparent {
		border: 1px solid black !important;
		transition:0.3s;
	}

}
@media (min-width: 1200px){
	.container-xl {
		max-width: 82% !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: 80% !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;
	}
}
@media (min-width: 2200px){
	h1, .h1{
		font-size: 67.54px !important;
	}
	h2, .h2{
		font-size: 35.42px !important;
	}
	h3, .h3{
		font-size: 22.44px !important;
	}
	h4, .h4{
		font-size: 19.316px !important;
	}
	p, .p{
		font-size: 19.316px !important;
	}
	.p-2vw {
		padding: 60px !important;
	}
	.pt-7{
		padding: 100px 0 0;
	}

	.pb-100 {
		padding-bottom:80px;
	}
	.pt-100 {
		padding-top:80px;
	}
	.p-100{
		padding:80px;
	}
	.pb-85 {
		padding-bottom:70px;
	}
	.pb-30 {
		padding-bottom:45px;
	}
	.mb-30 {
		margin-bottom:45px;
	}
	.pb-50 {
		padding-bottom:52px;
	}
	.margin-b-xl {
		margin-bottom: 160px;
	}
	.padding_tb-xl {
		padding: 160px 0 160px 0;
	}
	.button {
		padding: 24px 60px 24.5px;
	}
	.owl-theme .owl-dots{
		margin-top: 40px !important;
	}
	.h-95 {
		height:98px;
	}
	.inner-image{
		max-height: 650px;
	}
	.h-55 {
		height: 66px;
	}
	.h-35 {
		height: 35px;
	}
	.gap-40 {
		gap: 50px;
	}
	.row {
		row-gap:65px;
	}
}