@charset "UTF-8";

/************************************** 
01. Base Styles
**************************************/
/*-------------------------
    1.1 Mixins
-------------------------*/
/*-------------------------
    1.2 Variables
-------------------------*/
/* Jost import removed: site fonts now in fonts-update.css */

:root {
	--heading-font: "Jost", sans-serif;
	--body-font: "Jost", sans-serif;
	--default-font: sans-serif;
	--nothing-font: "Nothing You Could Do", cursive;
	--primary-color: #16130f;
	--text-color: #ffffff;
	--white-color: #ffffff;
	--dark-color: #000000;
	--dark-color-2: #121212;
	--negative-color: #dc3545;
	--bg-black-shade-1: #111111;
	--bg-black-shade-2: #191918;
	--bg-black-shade-3: #141414;
	--bg-black-shade-4: #111111;
	--border-color-1: #292929;
	--transition: all 0.5s ease;
	--box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
	--fz-100: 100px;
	--fz-90: 90px;
	--fz-64: 64px;
	--fz-48: 48px;
	--fz-36: 36px;
	--fz-30: 30px;
	--fz-24: 24px;
	--fz-20: 20px;
	--fz-18: 18px;
	--fz-16: 16px;
	--fz-14: 14px;
	--fz-12: 12px;
	--fz-10: 10px;
	--fz-8: 8px;
}

@media (max-width: 1399.97px) {
	:root {
		--fz-100: 85px;
		--fz-90: 78px;
		--fz-64: 56px;
		--fz-48: 42px;
		--fz-36: 32px;
		--fz-30: 26px;
		--fz-24: 22px;
		--fz-20: 18px;
		--fz-18: 16px;
	}
}

@media (max-width: 1199.97px) {
	:root {
		--fz-100: 76px;
		--fz-90: 68px;
		--fz-64: 48px;
		--fz-48: 36px;
		--fz-36: 28px;
	}
}

@media (max-width: 991.97px) {
	:root {
		--fz-100: 64px;
		--fz-90: 56px;
		--fz-64: 40px;
		--fz-48: 30px;
		--fz-36: 26px;
		--fz-30: 24px;
		--fz-24: 20px;
		--fz-20: 18px;
		--fz-18: 16px;
		--fz-16: 14px;
		--fz-14: 12px;
		--fz-12: 10px;
		--fz-10: 8px;
		--fz-8: 6px;
	}
}

@media (max-width: 767.97px) {
	:root {
		--fz-100: 52px;
		--fz-90: 44px;
		--fz-64: 36px;
	}
}

/*-------------------------
    1.3 Reset
-------------------------*/
body {
	margin: 0;
	font-family: var(--body-font);
	background: var(--dark-color);
}

input,
textarea {
	outline: none;
	border: none;
}

input:focus,
textarea:focus {
	outline: none;
	border: none;
}

select {
	outline: none;
	border: 0;
}

a {
	text-decoration: none;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

ul {
	list-style-type: none;
	padding: 0;
	margin-bottom: 0;
}

p {
	padding: 0;
	margin: 0;
}

button {
	border: 0;
	background-color: transparent;
}

img {
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

/*-------------------------
    1.4 Typography
-------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--white-color);
	font-family: var(--heading-font);
	font-style: normal;
	padding: 0;
	margin: 0;
	word-wrap: break-word;
	text-wrap-mode: wrap;
}

h1 {
	font-size: var(--fz-90);
	font-weight: 700;
	line-height: 120%;
}

h2 {
	font-size: var(--fz-64);
	font-weight: 600;
	line-height: 120%;
}

h3 {
	font-size: var(--fz-48);
	font-weight: 600;
	line-height: 120%;
}

h4 {
	font-size: var(--fz-30);
	font-weight: 600;
	line-height: 130%;
}

h5 {
	font-size: var(--fz-24);
	font-weight: 500;
	line-height: 130%;
}

h6 {
	font-size: var(--fz-20);
	font-weight: 500;
	line-height: 130%;
}

p {
	color: var(--white-color);
	font-family: var(--body-font);
	font-size: var(--fz-16);
	font-style: normal;
	font-weight: 400;
	line-height: 170%;
}

/*-------------------------
    1.5 Spacing
-------------------------*/
.pt-4 {
	padding-top: 4px;
}

.pb-4 {
	padding-bottom: 4px;
}

.py-4 {
	padding-top: 4px;
	padding-bottom: 4px;
}

.mt-4 {
	margin-top: 4px;
}

.mb-4 {
	margin-bottom: 4px;
}

.my-4 {
	margin-top: 4px;
	margin-bottom: 4px;
}

.pt-6 {
	padding-top: 6px;
}

.pb-6 {
	padding-bottom: 6px;
}

.py-6 {
	padding-top: 6px;
	padding-bottom: 6px;
}

.mt-6 {
	margin-top: 6px;
}

.mb-6 {
	margin-bottom: 6px;
}

.my-6 {
	margin-top: 6px;
	margin-bottom: 6px;
}

.pt-8 {
	padding-top: 8px;
}

.pb-8 {
	padding-bottom: 8px;
}

.py-8 {
	padding-top: 8px;
	padding-bottom: 8px;
}

.mt-8 {
	margin-top: 8px;
}

.mb-8 {
	margin-bottom: 8px;
}

.my-8 {
	margin-top: 8px;
	margin-bottom: 8px;
}

.pt-10 {
	padding-top: 10px;
}

.pb-10 {
	padding-bottom: 10px;
}

.py-10 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.mt-10 {
	margin-top: 10px;
}

.mb-10 {
	margin-bottom: 10px;
}

.my-10 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.pt-12 {
	padding-top: 12px;
}

.pb-12 {
	padding-bottom: 12px;
}

.py-12 {
	padding-top: 12px;
	padding-bottom: 12px;
}

.mt-12 {
	margin-top: 12px;
}

.mb-12 {
	margin-bottom: 12px;
}

.my-12 {
	margin-top: 12px;
	margin-bottom: 12px;
}

.pt-14 {
	padding-top: 14px;
}

.pb-14 {
	padding-bottom: 14px;
}

.py-14 {
	padding-top: 14px;
	padding-bottom: 14px;
}

.mt-14 {
	margin-top: 14px;
}

.mb-14 {
	margin-bottom: 14px;
}

.my-14 {
	margin-top: 14px;
	margin-bottom: 14px;
}

.pt-16 {
	padding-top: 16px;
}

.pb-16 {
	padding-bottom: 16px;
}

.py-16 {
	padding-top: 16px;
	padding-bottom: 16px;
}

.mt-16 {
	margin-top: 16px;
}

.mb-16 {
	margin-bottom: 16px;
}

.my-16 {
	margin-top: 16px;
	margin-bottom: 16px;
}

.pt-18 {
	padding-top: 18px;
}

.pb-18 {
	padding-bottom: 18px;
}

.py-18 {
	padding-top: 18px;
	padding-bottom: 18px;
}

.mt-18 {
	margin-top: 18px;
}

.mb-18 {
	margin-bottom: 18px;
}

.my-18 {
	margin-top: 18px;
	margin-bottom: 18px;
}

.pt-20 {
	padding-top: 20px;
}

.pb-20 {
	padding-bottom: 20px;
}

.py-20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.mt-20 {
	margin-top: 20px;
}

.mb-20 {
	margin-bottom: 20px;
}

.my-20 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.pt-24 {
	padding-top: 24px;
}

.pb-24 {
	padding-bottom: 24px;
}

.py-24 {
	padding-top: 24px;
	padding-bottom: 24px;
}

.mt-24 {
	margin-top: 24px;
}

.mb-24 {
	margin-bottom: 24px;
}

.my-24 {
	margin-top: 24px;
	margin-bottom: 24px;
}

.pt-26 {
	padding-top: 26px;
}

.pb-26 {
	padding-bottom: 26px;
}

.py-26 {
	padding-top: 26px;
	padding-bottom: 26px;
}

.mt-26 {
	margin-top: 26px;
}

.mb-26 {
	margin-bottom: 26px;
}

.my-26 {
	margin-top: 26px;
	margin-bottom: 26px;
}

.pt-28 {
	padding-top: 28px;
}

.pb-28 {
	padding-bottom: 28px;
}

.py-28 {
	padding-top: 28px;
	padding-bottom: 28px;
}

.mt-28 {
	margin-top: 28px;
}

.mb-28 {
	margin-bottom: 28px;
}

.my-28 {
	margin-top: 28px;
	margin-bottom: 28px;
}

.pt-30 {
	padding-top: 30px;
}

.pb-30 {
	padding-bottom: 30px;
}

.py-30 {
	padding-top: 30px;
	padding-bottom: 30px;
}

.mt-30 {
	margin-top: 30px;
}

.mb-30 {
	margin-bottom: 30px;
}

.my-30 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.pt-32 {
	padding-top: 32px;
}

.pb-32 {
	padding-bottom: 32px;
}

.py-32 {
	padding-top: 32px;
	padding-bottom: 32px;
}

.mt-32 {
	margin-top: 32px;
}

.mb-32 {
	margin-bottom: 32px;
}

.my-32 {
	margin-top: 32px;
	margin-bottom: 32px;
}

.pt-38 {
	padding-top: 38px;
}

.pb-38 {
	padding-bottom: 38px;
}

.py-38 {
	padding-top: 38px;
	padding-bottom: 38px;
}

.mt-38 {
	margin-top: 38px;
}

.mb-38 {
	margin-bottom: 38px;
}

.my-38 {
	margin-top: 38px;
	margin-bottom: 38px;
}

.pt-40 {
	padding-top: 40px;
}

.pb-40 {
	padding-bottom: 40px;
}

.py-40 {
	padding-top: 40px;
	padding-bottom: 40px;
}

.mt-40 {
	margin-top: 40px;
}

.mb-40 {
	margin-bottom: 40px;
}

.my-40 {
	margin-top: 40px;
	margin-bottom: 40px;
}

.pt-42 {
	padding-top: 42px;
}

.pb-42 {
	padding-bottom: 42px;
}

.py-42 {
	padding-top: 42px;
	padding-bottom: 42px;
}

.mt-42 {
	margin-top: 42px;
}

.mb-42 {
	margin-bottom: 42px;
}

.my-42 {
	margin-top: 42px;
	margin-bottom: 42px;
}

.pt-48 {
	padding-top: 48px;
}

.pb-48 {
	padding-bottom: 48px;
}

.py-48 {
	padding-top: 48px;
	padding-bottom: 48px;
}

.mt-48 {
	margin-top: 48px;
}

.mb-48 {
	margin-bottom: 48px;
}

.my-48 {
	margin-top: 48px;
	margin-bottom: 48px;
}

.pt-50 {
	padding-top: 50px;
}

.pb-50 {
	padding-bottom: 50px;
}

.py-50 {
	padding-top: 50px;
	padding-bottom: 50px;
}

.mt-50 {
	margin-top: 50px;
}

.mb-50 {
	margin-bottom: 50px;
}

.my-50 {
	margin-top: 50px;
	margin-bottom: 50px;
}

.pt-60 {
	padding-top: 60px;
}

.pb-60 {
	padding-bottom: 60px;
}

.py-60 {
	padding-top: 60px;
	padding-bottom: 60px;
}

.mt-60 {
	margin-top: 60px;
}

.mb-60 {
	margin-bottom: 60px;
}

.my-60 {
	margin-top: 60px;
	margin-bottom: 60px;
}

.pt-80 {
	padding-top: 80px;
}

.pb-80 {
	padding-bottom: 80px;
}

.py-80 {
	padding-top: 80px;
	padding-bottom: 80px;
}

.mt-80 {
	margin-top: 80px;
}

.mb-80 {
	margin-bottom: 80px;
}

.my-80 {
	margin-top: 80px;
	margin-bottom: 80px;
}

.pt-100 {
	padding-top: 100px;
}

.pb-100 {
	padding-bottom: 100px;
}

.py-100 {
	padding-top: 100px;
	padding-bottom: 100px;
}

.mt-100 {
	margin-top: 100px;
}

.mb-100 {
	margin-bottom: 100px;
}

.my-100 {
	margin-top: 100px;
	margin-bottom: 100px;
}

.pt-120 {
	padding-top: 120px;
}

.pb-120 {
	padding-bottom: 120px;
}

.py-120 {
	padding-top: 100px;
	padding-bottom: 100px;
}

.mt-120 {
	margin-top: 120px;
}

.mb-120 {
	margin-bottom: 120px;
}

.my-120 {
	margin-top: 120px;
	margin-bottom: 120px;
}

@media (max-width: 1199.97px) {
	.pt-120 {
		padding-top: 80px;
	}

	.pb-120 {
		padding-bottom: 80px;
	}

	.mt-120 {
		margin-top: 80px;
	}

	.mb-120 {
		margin-bottom: 80px;
	}

	.py-120 {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.my-120 {
		margin-top: 80px;
		margin-bottom: 80px;
	}

	.pt-100 {
		padding-top: 70px;
	}

	.pb-100 {
		padding-bottom: 70px;
	}

	.mt-100 {
		margin-top: 70px;
	}

	.mb-100 {
		margin-bottom: 70px;
	}

	.py-100 {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.my-100 {
		margin-top: 70px;
		margin-bottom: 70px;
	}

	.pt-80 {
		padding-top: 60px;
	}

	.pb-80 {
		padding-bottom: 60px;
	}

	.mt-80 {
		margin-top: 60px;
	}

	.mb-80 {
		margin-bottom: 60px;
	}

	.py-80 {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.my-80 {
		margin-top: 60px;
		margin-bottom: 60px;
	}

	.pt-60 {
		padding-top: 50px;
	}

	.pb-60 {
		padding-bottom: 50px;
	}

	.mt-60 {
		margin-top: 50px;
	}

	.mb-60 {
		margin-bottom: 50px;
	}

	.py-60 {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.my-60 {
		margin-top: 50px;
		margin-bottom: 50px;
	}

	.pt-50 {
		padding-top: 48px;
	}

	.pb-50 {
		padding-bottom: 48px;
	}

	.mt-50 {
		margin-top: 48px;
	}

	.mb-50 {
		margin-bottom: 48px;
	}

	.py-50 {
		padding-top: 48px;
		padding-bottom: 48px;
	}

	.my-50 {
		margin-top: 48px;
		margin-bottom: 48px;
	}

	.pt-48 {
		padding-top: 42px;
	}

	.pb-48 {
		padding-bottom: 42px;
	}

	.mt-48 {
		margin-top: 42px;
	}

	.mb-48 {
		margin-bottom: 42px;
	}

	.py-48 {
		padding-top: 42px;
		padding-bottom: 42px;
	}

	.my-48 {
		margin-top: 42px;
		margin-bottom: 42px;
	}

	.pt-42 {
		padding-top: 40px;
	}

	.pb-42 {
		padding-bottom: 40px;
	}

	.mt-42 {
		margin-top: 40px;
	}

	.mb-42 {
		margin-bottom: 40px;
	}

	.py-42 {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.my-42 {
		margin-top: 40px;
		margin-bottom: 40px;
	}

	.pt-40 {
		padding-top: 38px;
	}

	.pb-40 {
		padding-bottom: 38px;
	}

	.mt-40 {
		margin-top: 38px;
	}

	.mb-40 {
		margin-bottom: 38px;
	}

	.py-40 {
		padding-top: 38px;
		padding-bottom: 38px;
	}

	.my-40 {
		margin-top: 38px;
		margin-bottom: 38px;
	}

	.pt-38 {
		padding-top: 36px;
	}

	.pb-38 {
		padding-bottom: 36px;
	}

	.mt-38 {
		margin-top: 36px;
	}

	.mb-38 {
		margin-bottom: 36px;
	}

	.py-38 {
		padding-top: 36px;
		padding-bottom: 36px;
	}

	.my-38 {
		margin-top: 36px;
		margin-bottom: 36px;
	}

	.pt-32 {
		padding-top: 30px;
	}

	.pb-32 {
		padding-bottom: 30px;
	}

	.mt-32 {
		margin-top: 30px;
	}

	.mb-32 {
		margin-bottom: 30px;
	}

	.py-32 {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.my-32 {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.pt-30 {
		padding-top: 28px;
	}

	.pb-30 {
		padding-bottom: 28px;
	}

	.mt-30 {
		margin-top: 28px;
	}

	.mb-30 {
		margin-bottom: 28px;
	}

	.py-30 {
		padding-top: 28px;
		padding-bottom: 28px;
	}

	.my-30 {
		margin-top: 28px;
		margin-bottom: 28px;
	}

	.pt-28 {
		padding-top: 26px;
	}

	.pb-28 {
		padding-bottom: 26px;
	}

	.mt-28 {
		margin-top: 26px;
	}

	.mb-28 {
		margin-bottom: 26px;
	}

	.py-28 {
		padding-top: 26px;
		padding-bottom: 26px;
	}

	.my-28 {
		margin-top: 26px;
		margin-bottom: 26px;
	}

	.pt-26 {
		padding-top: 24px;
	}

	.pb-26 {
		padding-bottom: 24px;
	}

	.mt-26 {
		margin-top: 24px;
	}

	.mb-26 {
		margin-bottom: 24px;
	}

	.py-26 {
		padding-top: 24px;
		padding-bottom: 24px;
	}

	.my-26 {
		margin-top: 24px;
		margin-bottom: 24px;
	}

	.pt-24 {
		padding-top: 22px;
	}

	.pb-24 {
		padding-bottom: 22px;
	}

	.mt-24 {
		margin-top: 22px;
	}

	.mb-24 {
		margin-bottom: 22px;
	}

	.py-24 {
		padding-top: 22px;
		padding-bottom: 22px;
	}

	.my-24 {
		margin-top: 22px;
		margin-bottom: 22px;
	}
}

@media (max-width: 767.97px) {
	.pt-120 {
		padding-top: 60px;
	}

	.pb-120 {
		padding-bottom: 60px;
	}

	.mt-120 {
		margin-top: 60px;
	}

	.mb-120 {
		margin-bottom: 60px;
	}

	.py-120 {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.my-120 {
		margin-top: 60px;
		margin-bottom: 60px;
	}

	.pt-100 {
		padding-top: 50px;
	}

	.pb-100 {
		padding-bottom: 50px;
	}

	.mt-100 {
		margin-top: 50px;
	}

	.mb-100 {
		margin-bottom: 50px;
	}

	.py-100 {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.my-100 {
		margin-top: 50px;
		margin-bottom: 50px;
	}

	.pt-80 {
		padding-top: 50px;
	}

	.pb-80 {
		padding-bottom: 50px;
	}

	.mt-80 {
		margin-top: 50px;
	}

	.mb-80 {
		margin-bottom: 50px;
	}

	.py-80 {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.my-80 {
		margin-top: 50px;
		margin-bottom: 50px;
	}

	.pt-60 {
		padding-top: 48px;
	}

	.pb-60 {
		padding-bottom: 48px;
	}

	.mt-60 {
		margin-top: 48px;
	}

	.mb-60 {
		margin-bottom: 48px;
	}

	.py-60 {
		padding-top: 48px;
		padding-bottom: 48px;
	}

	.my-60 {
		margin-top: 48px;
		margin-bottom: 48px;
	}

	.pt-50 {
		padding-top: 42px;
	}

	.pb-50 {
		padding-bottom: 42px;
	}

	.mt-50 {
		margin-top: 42px;
	}

	.mb-50 {
		margin-bottom: 42px;
	}

	.py-50 {
		padding-top: 42px;
		padding-bottom: 42px;
	}

	.my-50 {
		margin-top: 42px;
		margin-bottom: 42px;
	}

	.pt-48 {
		padding-top: 40px;
	}

	.pb-48 {
		padding-bottom: 40px;
	}

	.mt-48 {
		margin-top: 40px;
	}

	.mb-48 {
		margin-bottom: 40px;
	}

	.py-48 {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.my-48 {
		margin-top: 40px;
		margin-bottom: 40px;
	}

	.pt-42 {
		padding-top: 38px;
	}

	.pb-42 {
		padding-bottom: 38px;
	}

	.mt-42 {
		margin-top: 38px;
	}

	.mb-42 {
		margin-bottom: 38px;
	}

	.py-42 {
		padding-top: 38px;
		padding-bottom: 38px;
	}

	.my-42 {
		margin-top: 38px;
		margin-bottom: 38px;
	}

	.pt-40 {
		padding-top: 36px;
	}

	.pb-40 {
		padding-bottom: 36px;
	}

	.mt-40 {
		margin-top: 36px;
	}

	.mb-40 {
		margin-bottom: 36px;
	}

	.py-40 {
		padding-top: 36px;
		padding-bottom: 36px;
	}

	.my-40 {
		margin-top: 36px;
		margin-bottom: 36px;
	}

	.pt-38 {
		padding-top: 32px;
	}

	.pb-38 {
		padding-bottom: 32px;
	}

	.mt-38 {
		margin-top: 32px;
	}

	.mb-38 {
		margin-bottom: 32px;
	}

	.py-38 {
		padding-top: 32px;
		padding-bottom: 32px;
	}

	.my-38 {
		margin-top: 32px;
		margin-bottom: 32px;
	}

	.pt-32 {
		padding-top: 28px;
	}

	.pb-32 {
		padding-bottom: 28px;
	}

	.mt-32 {
		margin-top: 28px;
	}

	.mb-32 {
		margin-bottom: 28px;
	}

	.py-32 {
		padding-top: 28px;
		padding-bottom: 28px;
	}

	.my-32 {
		margin-top: 28px;
		margin-bottom: 28px;
	}

	.pt-30 {
		padding-top: 26px;
	}

	.pb-30 {
		padding-bottom: 26px;
	}

	.mt-30 {
		margin-top: 26px;
	}

	.mb-30 {
		margin-bottom: 26px;
	}

	.py-30 {
		padding-top: 26px;
		padding-bottom: 26px;
	}

	.my-30 {
		margin-top: 26px;
		margin-bottom: 26px;
	}

	.pt-28 {
		padding-top: 24px;
	}

	.pb-28 {
		padding-bottom: 24px;
	}

	.mt-28 {
		margin-top: 24px;
	}

	.mb-28 {
		margin-bottom: 24px;
	}

	.py-28 {
		padding-top: 24px;
		padding-bottom: 24px;
	}

	.my-28 {
		margin-top: 24px;
		margin-bottom: 24px;
	}

	.pt-26 {
		padding-top: 22px;
	}

	.pb-26 {
		padding-bottom: 22px;
	}

	.mt-26 {
		margin-top: 22px;
	}

	.mb-26 {
		margin-bottom: 22px;
	}

	.py-26 {
		padding-top: 22px;
		padding-bottom: 22px;
	}

	.my-26 {
		margin-top: 22px;
		margin-bottom: 22px;
	}

	.pt-24 {
		padding-top: 20px;
	}

	.pb-24 {
		padding-bottom: 20px;
	}

	.mt-24 {
		margin-top: 20px;
	}

	.mb-24 {
		margin-bottom: 20px;
	}

	.py-24 {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.my-24 {
		margin-top: 20px;
		margin-bottom: 20px;
	}
}

.ml-100 {
	margin-left: 100px;
}

@media (max-width: 767.97px) {
	.ml-100 {
		margin-left: 24px;
	}
}

/******************************* 
02. Theme Styles
**********************************/
/*-------------------------
    2.1 Theme Classes
-------------------------*/
.border-radius-50 {
	border-radius: 50px !important;
}

.border-radius-25 {
	border-radius: 25px !important;
}

.border-radius-16 {
	border-radius: 16px !important;
}

.border-radius-12 {
	border-radius: 12px !important;
}

.border-radius-10 {
	border-radius: 10px !important;
}

.border-radius-6 {
	border-radius: 6px !important;
}

.text-primary-color {
	color: var(--primary-color);
}

.common-bg-style,
.roister-footer-1,
.roister-footer-2,
.roister-about-section,
.roister-ticker-wraper,
.roister-photo-gallery-section,
.roister-hero-section-2,
.roister-hm2-upcoming-event-section .left-side,
.roister-hm2-upcoming-event-section .right-side,
.roister-hm2-reservation-form,
.roister-blog-section-2,
.roister-about-vdo-section {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.owl-theme .owl-dots {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 8px;
}

.owl-theme .owl-dots .owl-dot.active span {
	background: var(--white-color) !important;
}

.owl-theme .owl-dots .owl-dot.active span::after {
	border: 1px solid var(--white-color);
}

.owl-theme .owl-dots .owl-dot span {
	width: 5px;
	height: 5px;
	background: rgba(255, 255, 255, 0.1) !important;
	position: relative;
}

.owl-theme .owl-dots .owl-dot span::after {
	content: "";
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 1px solid transparent;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-48%, -53%);
	-ms-transform: translate(-48%, -53%);
	transform: translate(-48%, -53%);
}

.fz-18 {
	font-size: var(--fz-18);
}

.max-w-337 {
	max-width: 337px;
	width: 100%;
}

.max-h-358 {
	max-height: 358px;
	height: 100%;
}

.reveal-img {
	visibility: hidden;
	position: relative;
	overflow: hidden;
}

.reveal-img img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
	border-radius: 30px;
}

.heading-primary-underline {
	position: relative;
}

.heading-primary-underline::after {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 58px;
	height: 2px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	background-color: var(--primary-color);
}

.dropdown-item:hover,
.dropdown-item.active,
.dropdown-item:active {
	color: var(--text-color);
	text-decoration: none;
	background-color: var(--primary-color);
}

/*-------------------------
    2.2 Animations
-------------------------*/
@-webkit-keyframes ticker-left {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	to {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}

@keyframes ticker-left {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	to {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}

@-webkit-keyframes ticker-right {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}

	to {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
	}
}

@keyframes ticker-right {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}

	to {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
	}
}

/*---------
animation rotate-center for blog
-----------*/
.vdo-rotate-center {
	-webkit-animation: vdo-rotate-center 6000ms linear infinite both;
	animation: vdo-rotate-center 6000ms linear infinite both;
}

@-webkit-keyframes vdo-rotate-center {
	0% {
		-webkit-transform: translate(-50%, -50%) rotate(0);
		transform: translate(-50%, -50%) rotate(0);
	}

	100% {
		-webkit-transform: translate(-50%, -50%) rotate(360deg);
		transform: translate(-50%, -50%) rotate(360deg);
	}
}

@keyframes vdo-rotate-center {
	0% {
		-webkit-transform: translate(-50%, -50%) rotate(0);
		transform: translate(-50%, -50%) rotate(0);
	}

	100% {
		-webkit-transform: translate(-50%, -50%) rotate(360deg);
		transform: translate(-50%, -50%) rotate(360deg);
	}
}

/*---------
animation rotate-center
-----------*/
.rotate-center {
	-webkit-animation: rotate-center 6000ms linear infinite both;
	animation: rotate-center 6000ms linear infinite both;
}

.rotate-center:hover {
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
}

@-webkit-keyframes rotate-center {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes rotate-center {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.item-bounce {
	-webkit-animation: bounce 3s infinite ease-in-out;
	-o-animation: bounce 3s infinite ease-in-out;
	-ms-animation: bounce 3s infinite ease-in-out;
	-moz-animation: bounce 3s infinite ease-in-out;
	animation: bounce 3s infinite ease-in-out;
}

.item-bounce-rtl-img {
	-webkit-animation: bounce_rtl_img 3s infinite ease-in-out;
	-o-animation: bounce_rtl_img 3s infinite ease-in-out;
	-ms-animation: bounce_rtl_img 3s infinite ease-in-out;
	-moz-animation: bounce_rtl_img 3s infinite ease-in-out;
	animation: bounce_rtl_img 3s infinite ease-in-out;
}

@-webkit-keyframes bounce_rtl_img {
	0% {
		-webkit-transform: scaleX(-1) translateY(-5px);
		transform: scaleX(-1) translateY(-5px);
	}

	50% {
		-webkit-transform: scaleX(-1) translateY(10px);
		transform: scaleX(-1) translateY(10px);
	}

	100% {
		-webkit-transform: scaleX(-1) translateY(-5px);
		transform: scaleX(-1) translateY(-5px);
	}
}

@keyframes bounce_rtl_img {
	0% {
		-webkit-transform: scaleX(-1) translateY(-5px);
		transform: scaleX(-1) translateY(-5px);
	}

	50% {
		-webkit-transform: scaleX(-1) translateY(10px);
		transform: scaleX(-1) translateY(10px);
	}

	100% {
		-webkit-transform: scaleX(-1) translateY(-5px);
		transform: scaleX(-1) translateY(-5px);
	}
}

@-webkit-keyframes bounce {
	0% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}

	50% {
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
	}

	100% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}
}

@keyframes bounce {
	0% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}

	50% {
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
	}

	100% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}
}

.item-zooming {
	-webkit-animation: zooming 3s infinite ease-in-out;
	-o-animation: zooming 3s infinite ease-in-out;
	-ms-animation: zooming 3s infinite ease-in-out;
	-moz-animation: zooming 3s infinite ease-in-out;
	animation: zooming 3s infinite ease-in-out;
}

@-webkit-keyframes zooming {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	50% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes zooming {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	50% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

.item-animate-left-right {
	-webkit-animation: animate-left-right 15s infinite ease-in-out;
	-o-animation: animate-left-right 15s infinite ease-in-out;
	-ms-animation: animate-left-right 15s infinite ease-in-out;
	-moz-animation: animate-left-right 15s infinite ease-in-out;
	animation: animate-left-right 15s infinite ease-in-out;
}

@-webkit-keyframes animate-left-right {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	50% {
		-webkit-transform: translateX(-100px);
		transform: translateX(-100px);
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes animate-left-right {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	50% {
		-webkit-transform: translateX(-100px);
		transform: translateX(-100px);
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

.item-animate-btn-top {
	-webkit-animation: animate-btn-top 15s infinite ease-in-out;
	-o-animation: animate-btn-top 15s infinite ease-in-out;
	-ms-animation: animate-btn-top 15s infinite ease-in-out;
	-moz-animation: animate-btn-top 15s infinite ease-in-out;
	animation: animate-btn-top 15s infinite ease-in-out;
}

@-webkit-keyframes animate-btn-top {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}

	50% {
		-webkit-transform: translate(-50px, 50px);
		transform: translate(-50px, 50px);
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

@keyframes animate-btn-top {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}

	50% {
		-webkit-transform: translate(-50px, 50px);
		transform: translate(-50px, 50px);
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

/******************************** 
03. Layouts
******************************/
/*-------------------------
    3.1 Header
-------------------------*/
.roister-header-area-1 .header-top,
.roister-header-area-2 .header-top {
	background-color: var(--bg-black-shade-1);
}

@media (max-width: 991.97px) {

	.roister-header-area-1 .header-top,
	.roister-header-area-2 .header-top {
		padding: 12px 0px;
	}
}

.roister-header-area-1 .header-top .left-side,
.roister-header-area-2 .header-top .left-side {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 30px;
}

@media (max-width: 1199.97px) {

	.roister-header-area-1 .header-top .left-side,
	.roister-header-area-2 .header-top .left-side {
		gap: 20px;
	}
}

.roister-header-area-1 .header-top .right-side,
.roister-header-area-2 .header-top .right-side {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	gap: 30px;
}

@media (max-width: 1199.97px) {

	.roister-header-area-1 .header-top .right-side,
	.roister-header-area-2 .header-top .right-side {
		gap: 20px;
	}
}

.roister-header-area-1 .header-top .right-side .header-info-txt,
.roister-header-area-2 .header-top .right-side .header-info-txt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 8px;
	color: var(--white-color);
	font-size: var(--fz-14);
	font-style: normal;
	font-weight: 400;
	line-height: 160%;
}

.roister-header-area-1 .header-top .right-side .header-info-txt a,
.roister-header-area-2 .header-top .right-side .header-info-txt a {
	color: var(--white-color);
	font-weight: 500;
}

.roister-header-area-1 .header-top .right-side .header-info-txt a:hover,
.roister-header-area-2 .header-top .right-side .header-info-txt a:hover {
	color: var(--primary-color);
}

.roister-header-area-1 .header-btm,
.roister-header-area-2 .header-btm {
	position: relative;
}

.roister-header-area-1 .header-btm .positioned-logo,
.roister-header-area-2 .header-btm .positioned-logo {
	position: absolute;
	top: 0;
	left: 0;
	/* background-color: var(--primary-color); */
	width: 100px;
	height: 70px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

@media (max-width: 1599.97px) {

	.roister-header-area-1 .header-btm .positioned-logo,
	.roister-header-area-2 .header-btm .positioned-logo {
		/* width: 260px; */
	}
}

@media (max-width: 1399.97px) {

	.roister-header-area-1 .header-btm .positioned-logo,
	.roister-header-area-2 .header-btm .positioned-logo {
		/* width: 220px; */
		/* height: 80px; */
	}
}

@media (max-width: 991.97px) {

	.roister-header-area-1 .header-btm .positioned-logo,
	.roister-header-area-2 .header-btm .positioned-logo {
		width: 300px;
		/* height: 70px; */
		z-index: 9999;
	}
}

@media (max-width: 575.97px) {

	.roister-header-area-1 .header-btm .positioned-logo,
	.roister-header-area-2 .header-btm .positioned-logo {
		width: 120px;
		height: 60px;
	}
}

.roister-header-area-1 .header-btm .positioned-logo .header-logo,
.roister-header-area-2 .header-btm .positioned-logo .header-logo {
	/* width: 220px; */
	/* height: 70px; */
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

@media (max-width: 1599.97px) {

	.roister-header-area-1 .header-btm .positioned-logo .header-logo,
	.roister-header-area-2 .header-btm .positioned-logo .header-logo {
		/* width: 180px; */
		/* height: 50px; */
	}
}

@media (max-width: 1399.97px) {

	.roister-header-area-1 .header-btm .positioned-logo .header-logo,
	.roister-header-area-2 .header-btm .positioned-logo .header-logo {
		/* width: 180px; */
		margin-left: 20px;
	}
}

@media (max-width: 991.97px) {

	.roister-header-area-1 .header-btm .positioned-logo .header-logo,
	.roister-header-area-2 .header-btm .positioned-logo .header-logo {
		/* width: 200px; */
		/* height: 30px; */
	}
}

@media (max-width: 575.97px) {

	.roister-header-area-1 .header-btm .positioned-logo .header-logo,
	.roister-header-area-2 .header-btm .positioned-logo .header-logo {
		/* width: 100px; */
		/* height: 26px; */
	}
}

.roister-header-area-1 .header-btm .sidebar-toggle-btn,
.roister-header-area-2 .header-btm .sidebar-toggle-btn {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 127px;
	height: 100px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	background-color: var(--primary-color);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

@media (max-width: 1399.97px) {

	.roister-header-area-1 .header-btm .sidebar-toggle-btn,
	.roister-header-area-2 .header-btm .sidebar-toggle-btn {
		width: 100px;
		height: 80px;
	}

	.roister-header-area-1 .header-btm .sidebar-toggle-btn svg,
	.roister-header-area-2 .header-btm .sidebar-toggle-btn svg {
		width: 30px;
		/* height: 40px; */
	}
}

@media (max-width: 991.97px) {

	.roister-header-area-1 .header-btm .sidebar-toggle-btn,
	.roister-header-area-2 .header-btm .sidebar-toggle-btn {
		width: 70px;
		height: 70px;
		z-index: 99999;
	}

	.roister-header-area-1 .header-btm .sidebar-toggle-btn svg,
	.roister-header-area-2 .header-btm .sidebar-toggle-btn svg {
		width: 30px;
		/* height: 40px; */
	}
}

@media (max-width: 575.97px) {

	.roister-header-area-1 .header-btm .sidebar-toggle-btn,
	.roister-header-area-2 .header-btm .sidebar-toggle-btn {
		width: 60px;
		height: 60px;
	}

	.roister-header-area-1 .header-btm .sidebar-toggle-btn svg,
	.roister-header-area-2 .header-btm .sidebar-toggle-btn svg {
		width: 26px;
		height: 35px;
	}
}

.roister-header-area-1 .header-btm .inner-menu-wraper,
.roister-header-area-2 .header-btm .inner-menu-wraper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

@media (max-width: 1699.97px) {

	.roister-header-area-1 .header-btm .inner-menu-wraper,
	.roister-header-area-2 .header-btm .inner-menu-wraper {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}
}

.roister-header-area-1 .header-btm .right-side,
.roister-header-area-2 .header-btm .right-side {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	gap: 30px;
}

@media (max-width: 1599.97px) {

	.roister-header-area-1 .header-btm .right-side,
	.roister-header-area-2 .header-btm .right-side {
		margin-right: calc(127px + 30px);
	}
}

@media (max-width: 1399.97px) {

	.roister-header-area-1 .header-btm .right-side,
	.roister-header-area-2 .header-btm .right-side {
		margin-right: calc(100px + 30px);
	}
}

@media (max-width: 575.97px) {

	.roister-header-area-1 .header-btm .right-side,
	.roister-header-area-2 .header-btm .right-side {
		margin-right: 70px;
		gap: 10px;
	}
}

@media (max-width: 991.97px) {

	.roister-header-area-1 .header-btm .right-side,
	.roister-header-area-2 .header-btm .right-side {
		padding: 19px 0;
	}
}

@media (max-width: 575.97px) {

	.roister-header-area-1 .header-btm .right-side,
	.roister-header-area-2 .header-btm .right-side {
		padding: 14px 0;
	}
}

.roister-header-area-1 .header-btm .phone-wraper,
.roister-header-area-2 .header-btm .phone-wraper {
	position: relative;
	padding: 6px 20px 12px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 20px;
}

@media (max-width: 1599.97px) {

	.roister-header-area-1 .header-btm .phone-wraper,
	.roister-header-area-2 .header-btm .phone-wraper {
		display: none;
	}
}

.roister-header-area-1 .header-btm .phone-wraper::after,
.roister-header-area-2 .header-btm .phone-wraper::after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 1px;
	width: 1px;
	height: 50px;
	background: rgba(255, 255, 255, 0.5);
}

.roister-header-area-1 .header-btm .phone-wraper .icon-wraper svg path,
.roister-header-area-2 .header-btm .phone-wraper .icon-wraper svg path {
	fill: var(--primary-color);
}

.roister-header-area-1 .header-btm .phone-wraper .content-wraper .txt,
.roister-header-area-2 .header-btm .phone-wraper .content-wraper .txt,
.roister-header-area-1 .header-btm .phone-wraper .content-wraper a,
.roister-header-area-1 .roister-header-area-2 .header-btm .phone-wraper .content-wraper a,
.roister-header-area-2 .roister-header-area-1 .header-btm .phone-wraper .content-wraper a,
.roister-header-area-2 .header-btm .phone-wraper .content-wraper a {
	color: var(--white-color);
	font-family: var(--body-font);
	font-size: var(--fz-14);
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: uppercase;
	display: block;
	margin-bottom: 4px;
}

.roister-header-area-1 .header-btm .phone-wraper .content-wraper a,
.roister-header-area-2 .header-btm .phone-wraper .content-wraper a {
	font-size: var(--fz-16);
}

.roister-header-area-1 .header-btm .phone-wraper .content-wraper a:hover,
.roister-header-area-2 .header-btm .phone-wraper .content-wraper a:hover {
	color: var(--primary-color);
}

.roister-header-area-1 .header-btm .search-btn svg,
.roister-header-area-2 .header-btm .search-btn svg {
	width: 35px;
	height: 35px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.roister-header-area-1 .header-btm .search-btn svg path,
.roister-header-area-2 .header-btm .search-btn svg path {
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

@media (max-width: 1399.97px) {

	.roister-header-area-1 .header-btm .search-btn svg,
	.roister-header-area-2 .header-btm .search-btn svg {
		width: 30px;
		height: 30px;
	}
}

.roister-header-area-1 .header-btm .search-btn:hover svg path,
.roister-header-area-2 .header-btm .search-btn:hover svg path {
	fill: var(--primary-color);
}

.roister-header-area-1 .header-btm .cart-btn,
.roister-header-area-2 .header-btm .cart-btn {
	position: relative;
}

.roister-header-area-1 .header-btm .cart-btn .cart-counter,
.roister-header-area-2 .header-btm .cart-btn .cart-counter {
	position: absolute;
	top: -12px;
	right: -8px;
	width: 28px;
	height: 28px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: var(--primary-color);
	color: var(--white-color);
	font-family: var(--body-font);
	font-size: var(--fz-16);
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.roister-header-area-1 .header-btm .cart-btn svg,
.roister-header-area-2 .header-btm .cart-btn svg {
	width: 36px;
	height: 36px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.roister-header-area-1 .header-btm .cart-btn svg path,
.roister-header-area-2 .header-btm .cart-btn svg path {
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

@media (max-width: 1399.97px) {

	.roister-header-area-1 .header-btm .cart-btn svg,
	.roister-header-area-2 .header-btm .cart-btn svg {
		width: 30px;
		height: 30px;
	}
}

.roister-header-area-1 .header-btm .cart-btn:hover svg path,
.roister-header-area-2 .header-btm .cart-btn:hover svg path {
	fill: var(--primary-color);
}

.roister-header {
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
	z-index: 99;
}

.roister-header .header-btm {
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.roister-header.sticky-header .header-btm {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: var(--bg-black-shade-1);
	z-index: 99;
}

/*-------------------------
    3.1 Header 2
-------------------------*/
.roister-header-area-2 {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
}

.roister-header-area-2 .header-btm .positioned-logo {
	background-color: var(--white-color);
}

/*-------------------------
    3.3 Footer
-------------------------*/
.roister-footer-1,
.roister-footer-2 {
	background-attachment: fixed;
	overflow: hidden;
	position: relative;
}

.roister-footer-1 .footer-logo,
.roister-footer-2 .footer-logo {
	/* width: 220px; */
	/* height: 59px; */
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

@media (max-width: 1599.97px) {

	.roister-footer-1 .footer-logo,
	.roister-footer-2 .footer-logo {
		/* width: 200px; */
		/* height: 50px; */
	}
}

@media (max-width: 1399.97px) {

	.roister-footer-1 .footer-logo,
	.roister-footer-2 .footer-logo {
		width: 180px;
	}
}

@media (max-width: 991.97px) {

	.roister-footer-1 .footer-logo,
	.roister-footer-2 .footer-logo {
		/* width: 140px; */
		/* height: 30px; */
	}
}

@media (max-width: 575.97px) {

	.roister-footer-1 .footer-logo,
	.roister-footer-2 .footer-logo {
		/* width: 100px; */
		/* height: 26px; */
	}
}

.roister-footer-1 .footer-img1,
.roister-footer-2 .footer-img1,
.roister-footer-1 .footer-img2,
.roister-footer-2 .footer-img2 {
	position: absolute;
}

.roister-footer-1 .footer-img1,
.roister-footer-2 .footer-img1 {
	left: -1%;
	bottom: 10px;
	width: 249.151px;
	height: 218.755px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-o-object-fit: contain;
	object-fit: contain;
}

@media (max-width: 1919.97px) {

	.roister-footer-1 .footer-img1,
	.roister-footer-2 .footer-img1 {
		width: 149px;
		height: 118px;
	}
}

@media (max-width: 1599.97px) {

	.roister-footer-1 .footer-img1,
	.roister-footer-2 .footer-img1 {
		bottom: 13%;
	}
}

@media (max-width: 991.97px) {

	.roister-footer-1 .footer-img1,
	.roister-footer-2 .footer-img1 {
		display: none;
	}
}

.roister-footer-1 .footer-img2,
.roister-footer-2 .footer-img2 {
	right: 10%;
	top: 20%;
	width: 283.927px;
	height: 277.929px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-o-object-fit: contain;
	object-fit: contain;
}

@media (max-width: 1919.97px) {

	.roister-footer-1 .footer-img2,
	.roister-footer-2 .footer-img2 {
		right: 2%;
		width: 183px;
		height: 177px;
	}
}

@media (max-width: 1599.97px) {

	.roister-footer-1 .footer-img2,
	.roister-footer-2 .footer-img2 {
		right: -1%;
	}
}

@media (max-width: 1199.97px) {

	.roister-footer-1 .footer-img2,
	.roister-footer-2 .footer-img2 {
		right: -6%;
	}
}

@media (max-width: 991.97px) {

	.roister-footer-1 .footer-img2,
	.roister-footer-2 .footer-img2 {
		display: none;
	}
}

.roister-footer-1 .left-side,
.roister-footer-2 .left-side {
	padding-top: 120px;
	padding-bottom: 120px;
}

@media (max-width: 1199.97px) {

	.roister-footer-1 .left-side,
	.roister-footer-2 .left-side {
		padding-top: 80px;
		padding-bottom: 80px;
	}
}

@media (max-width: 767.97px) {

	.roister-footer-1 .left-side,
	.roister-footer-2 .left-side {
		padding-top: 60px;
		padding-bottom: 0px;
	}
}

.roister-footer-1 .right-side,
.roister-footer-2 .right-side {
	padding-top: 120px;
	padding-bottom: 120px;
}

@media (max-width: 1199.97px) {

	.roister-footer-1 .right-side,
	.roister-footer-2 .right-side {
		padding-top: 80px;
		padding-bottom: 80px;
	}
}

@media (max-width: 767.97px) {

	.roister-footer-1 .right-side,
	.roister-footer-2 .right-side {
		padding-top: 40px;
		padding-bottom: 60px;
	}
}

.roister-footer-1 .download-app-widget .des,
.roister-footer-2 .download-app-widget .des {
	color: var(--white-color);
	font-family: var(--body-font);
	font-size: var(--fz-16);
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.roister-footer-1 .download-app-widget .btn-wraper,
.roister-footer-2 .download-app-widget .btn-wraper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 24px;
}

.roister-footer-1 .border-right,
.roister-footer-2 .border-right {
	border-right: 1px solid var(--white-color);
}

@media (max-width: 767.97px) {

	.roister-footer-1 .border-right,
	.roister-footer-2 .border-right {
		border-right: none;
	}
}

.roister-footer-1 .copyright-area,
.roister-footer-2 .copyright-area {
	border-top: 1px solid var(--white-color);
	padding: 20px 0px;
}

.roister-footer-1 .footer-widget .widget-title,
.roister-footer-2 .footer-widget .widget-title {
	color: var(--white-color);
	font-family: var(--heading-font);
	font-size: var(--fz-24);
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: -0.36px;
}

.roister-footer-1 .footer-widget ul li,
.roister-footer-2 .footer-widget ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 15px;
}

.roister-footer-1 .footer-widget ul li span,
.roister-footer-2 .footer-widget ul li span {
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.roister-footer-1 .footer-widget ul li span i,
.roister-footer-2 .footer-widget ul li span i {
	color: #282828;
	font-size: var(--fz-18, 18px);
}

.roister-footer-1 .footer-widget ul li a,
.roister-footer-2 .footer-widget ul li a {
	color: var(--white-color);
	font-family: var(--body-font);
	font-size: var(--fz-16);
	font-style: normal;
	font-weight: 400;
	line-height: 250%;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.roister-footer-1 .footer-widget ul li a:hover,
.roister-footer-2 .footer-widget ul li a:hover {
	color: var(--primary-color);
}

.roister-footer-1 .copyright-area p a,
.roister-footer-2 .copyright-area p a {
	color: var(--primary-color);
}

/*-------------------------
    3.4 Footer 2
-------------------------*/
.roister-footer-2 {
	background-attachment: fixed;
}

.roister-footer-2 .footer-search-form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	max-width: 300px;
	width: 100%;
	height: 56px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border-radius: 5px;
	background: var(--white-color);
	padding: 5px;
}

.roister-footer-2 .footer-search-form input {
	padding: 8px 20px;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	background-color: transparent;
}

.roister-footer-2 .footer-search-form input::-webkit-input-placeholder {
	color: #696969;
}

.roister-footer-2 .footer-search-form input:-ms-input-placeholder {
	color: #696969;
}

.roister-footer-2 .footer-search-form input::-ms-input-placeholder {
	color: #696969;
}

.roister-footer-2 .footer-search-form input::placeholder {
	color: #696969;
}

.roister-footer-2 .footer-search-form button {
	width: 46px;
	height: 46px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: var(--primary-color);
	color: var(--white-color);
	border-radius: 5px;
}

.roister-footer-2 .footer-search-form button i {
	-webkit-transform: rotate(51deg);
	-ms-transform: rotate(51deg);
	transform: rotate(51deg);
}

.roister-footer-2 .hm-2-footer-gallery-slider a img {
	height: 427px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

@media (max-width: 1399.97px) {
	.roister-footer-2 .hm-2-footer-gallery-slider a img {
		height: 365px;
	}
}

@media (max-width: 991.97px) {
	.roister-footer-2 .hm-2-footer-gallery-slider a img {
		height: 268px;
	}
}

.roister-footer-2 .copyright-area {
	/* border-top: 1px solid var(--primary-color); */
	background-color: #000000;
}

.roister-footer-2 .copyright-area p a {
	color: var(--white-color);
	font-weight: 700;
}

.roister-footer-2 .copyright-area p a:hover {
	color: var(--dark-color);
}

.roister-footer-2 .copyright-area .copy-right-menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 20px;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.roister-footer-2 .copyright-area .copy-right-menu li a {
	color: var(--white-color);
	font-family: var(--body-font);
	font-size: var(--fz-16);
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.roister-footer-2 .copyright-area .copy-right-menu li a:hover {
	color: var(--dark-color);
}

/******************************** 
04. Components
******************************/
/*-------------------------
     4.1 Preloader
-------------------------*/
.preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 6;
	background: var(--bg-black-shade-3);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.hypnotic {
	width: 28px;
	height: 56px;
	display: -ms-grid;
	display: grid;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb238), to(#ffb238)), radial-gradient(farthest-side at top, #0000 calc(100% - 2.2px), #ffb238 calc(100% - 1.1px), #0000), -webkit-gradient(linear, left top, left bottom, from(#ffb238), to(#ffb238)), radial-gradient(farthest-side at bottom, #0000 calc(100% - 2.2px), #ffb238 calc(100% - 1.1px), #0000);
	background-image: -webkit-linear-gradient(#ffb238, #ffb238), -webkit-radial-gradient(top, farthest-side, #0000 calc(100% - 2.2px), #ffb238 calc(100% - 1.1px), #0000), -webkit-linear-gradient(#ffb238, #ffb238), -webkit-radial-gradient(bottom, farthest-side, #0000 calc(100% - 2.2px), #ffb238 calc(100% - 1.1px), #0000);
	background-image: -o-linear-gradient(#ffb238, #ffb238), -o-radial-gradient(top, farthest-side, #0000 calc(100% - 2.2px), #ffb238 calc(100% - 1.1px), #0000), -o-linear-gradient(#ffb238, #ffb238), -o-radial-gradient(bottom, farthest-side, #0000 calc(100% - 2.2px), #ffb238 calc(100% - 1.1px), #0000);
	background-image: linear-gradient(#ffb238, #ffb238), radial-gradient(farthest-side at top, #0000 calc(100% - 2.2px), #ffb238 calc(100% - 1.1px), #0000), linear-gradient(#ffb238, #ffb238), radial-gradient(farthest-side at bottom, #0000 calc(100% - 2.2px), #ffb238 calc(100% - 1.1px), #0000);
	background-size: 100% 2.2px, 100% 50%, 100% 2.2px, 100% 50%;
	background-position: top, top, bottom, bottom;
	background-repeat: no-repeat;
	-webkit-animation: hypnotic-k56gsf 4s infinite linear;
	animation: hypnotic-k56gsf 4s infinite linear;
}

.hypnotic::before,
.hypnotic::after {
	content: "";
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: 1/1;
	background: inherit;
	border: inherit;
	-webkit-animation: inherit;
	animation: inherit;
}

.hypnotic::after {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}

@-webkit-keyframes hypnotic-k56gsf {
	100% {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn);
	}
}

@keyframes hypnotic-k56gsf {
	100% {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn);
	}
}

.dots {
	width: 85.1px;
	height: 13.4px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.dots:before,
.dots:after {
	content: "";
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	background: -webkit-radial-gradient(farthest-side, #ffb238 90%, #0000) center/13.4px 100%, -webkit-radial-gradient(right, farthest-side, #ffb238 90%, #0000) right/6.7px 100%;
	background: -o-radial-gradient(farthest-side, #ffb238 90%, #0000) center/13.4px 100%, -o-radial-gradient(right, farthest-side, #ffb238 90%, #0000) right/6.7px 100%;
	background: radial-gradient(farthest-side, #ffb238 90%, #0000) center/13.4px 100%, radial-gradient(farthest-side at right, #ffb238 90%, #0000) right/6.7px 100%;
	background-repeat: no-repeat;
	-webkit-transform: scale(var(--s, 1)) translate(0px) rotate(0);
	-ms-transform: scale(var(--s, 1)) translate(0px) rotate(0);
	transform: scale(var(--s, 1)) translate(0px) rotate(0);
	-webkit-animation: dots-31zaijmd 2s infinite;
	animation: dots-31zaijmd 2s infinite;
}

.dots:after {
	--s: -1;
}

@-webkit-keyframes dots-31zaijmd {
	25% {
		-webkit-transform: scale(var(--s, 1)) translate(-11.2px) rotate(0);
		transform: scale(var(--s, 1)) translate(-11.2px) rotate(0);
	}

	50% {
		-webkit-transform: scale(var(--s, 1)) translate(-11.2px) rotate(1turn);
		transform: scale(var(--s, 1)) translate(-11.2px) rotate(1turn);
	}

	75%,
	100% {
		-webkit-transform: scale(var(--s, 1)) translate(0px) rotate(1turn);
		transform: scale(var(--s, 1)) translate(0px) rotate(1turn);
	}
}

@keyframes dots-31zaijmd {
	25% {
		-webkit-transform: scale(var(--s, 1)) translate(-11.2px) rotate(0);
		transform: scale(var(--s, 1)) translate(-11.2px) rotate(0);
	}

	50% {
		-webkit-transform: scale(var(--s, 1)) translate(-11.2px) rotate(1turn);
		transform: scale(var(--s, 1)) translate(-11.2px) rotate(1turn);
	}

	75%,
	100% {
		-webkit-transform: scale(var(--s, 1)) translate(0px) rotate(1turn);
		transform: scale(var(--s, 1)) translate(0px) rotate(1turn);
	}
}

/*-------------------------
    4.2 Common Styles
-------------------------*/
@media (max-width: 767.97px) {
	.common-cat-list {
		gap: 16px;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

.common-cat-list li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.common-cat-list li:not(:last-child) {
	margin-bottom: 20px;
}

@media (max-width: 991.97px) {
	.common-cat-list li:not(:last-child) {
		margin-bottom: 16px;
	}
}

.common-cat-list li i {
	color: var(--primary-color);
	font-size: 20px;
}

.common-cat-list li span {
	color: var(--white-color, #fff);
	font-family: var(--body-font);
	font-size: var(--fz-16);
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

/*-------------------------
   4.3 Buttons
-------------------------*/
.template-btn,
.primary-btn,
.white-btn,
.outline-primary-btn,
.outline-white-btn,
.roister-addto-cart-wraper .roister-addto-cart-content .add-to-cart-wraper .quantity-wrapper {
	height: 45px;
	padding: 17px 30px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	font-family: var(--heading-font);
	font-size: var(--fz-18);
	font-style: normal;
	font-weight: 400;
	line-height: 165%;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
	text-transform: capitalize;
	gap: 7px;
	border: 1px solid transparent;
}

.template-btn svg path,
.primary-btn svg path,
.white-btn svg path,
.outline-primary-btn svg path,
.outline-white-btn svg path,
.roister-addto-cart-wraper .roister-addto-cart-content .add-to-cart-wraper .quantity-wrapper svg path {
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

@media (max-width: 1599.97px) {

	.template-btn,
	.primary-btn,
	.white-btn,
	.outline-primary-btn,
	.outline-white-btn,
	.roister-addto-cart-wraper .roister-addto-cart-content .add-to-cart-wraper .quantity-wrapper {
		padding: 12px 20px;
	}
}

.primary-btn {
	background-color: var(--primary-color);
	color: var(--text-color);
}

.primary-btn:hover {
	border-color: var(--primary-color);
	background-color: var(--dark-color);
	color: var(--primary-color);
	-webkit-transform: translateY(-1px);
	-ms-transform: translateY(-1px);
	transform: translateY(-1px);
	-webkit-box-shadow: 3px 6px 16px -6px var(--primary-color);
	box-shadow: 3px 6px 16px -6px var(--primary-color);
}

.primary-btn:hover svg path {
	fill: var(--primary-color);
}

.white-btn {
	background-color: var(--white-color);
	color: var(--primary-color);
}

.white-btn:hover {
	border-color: var(--primary-color);
	background-color: var(--dark-color);
	color: var(--primary-color);
	-webkit-transform: translateY(-1px);
	-ms-transform: translateY(-1px);
	transform: translateY(-1px);
	-webkit-box-shadow: 3px 6px 16px -6px var(--primary-color);
	box-shadow: 3px 6px 16px -6px var(--primary-color);
}

.white-btn:hover svg path {
	fill: var(--primary-color);
}

.outline-primary-btn {
	background-color: transparent;
	border-radius: 4px;
	border: 1px solid var(--primary-color);
	-webkit-box-shadow: 0px 34px 50px 0px rgba(7, 63, 67, 0.07);
	box-shadow: 0px 34px 50px 0px rgba(7, 63, 67, 0.07);
	color: var(--white-color);
}

.outline-primary-btn:hover {
	background-color: var(--primary-color);
	color: var(--text-color);
}

.outline-white-btn {
	background-color: transparent;
	border-radius: 4px;
	-webkit-transform: translateY(-1px);
	-ms-transform: translateY(-1px);
	transform: translateY(-1px);
	border: 2px solid var(--white-color);
	color: var(--text-color);
}

.outline-white-btn:hover {
	background-color: var(--white-color);
	color: var(--dark-color);
	-webkit-box-shadow: 3px 6px 16px -6px var(--white-color);
	box-shadow: 3px 6px 16px -6px var(--white-color);
}

.outline-white-btn:hover svg path {
	fill: var(--dark-color);
}

.circle-icon-btn,
.mobile-menu-trigger,
.mobile-menu-close-btn {
	width: 45px;
	height: 45px;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
	background-color: var(--primary-color);
	border-radius: 50%;
	position: relative;
}

.circle-icon-btn svg circle,
.mobile-menu-trigger svg circle,
.mobile-menu-close-btn svg circle {
	fill: var(--primary-color);
	stroke: var(--primary-color);
}

.circle-icon-btn svg path,
.mobile-menu-trigger svg path,
.mobile-menu-close-btn svg path {
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
	fill: var(--text-color);
}

.mobile-menu-trigger i,
.mobile-menu-close-btn i {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

.mobile-menu-close-btn {
	width: 35px;
	height: 35px;
	opacity: 1;
}

/*---------
rtl-switcher-btn
-----------*/
.rtl-switcher-btn {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: var(--white-color);
	color: var(--text-color);
	position: fixed;
	left: 40px;
	bottom: 80px;
	z-index: 99;
}

.rtl-enabled .rtl-switcher-btn {
	background-color: var(--primary-color);
}

/*---------
.scroll-top-btn
-----------*/
.scroll-top-btn {
	width: 60px;
	height: 60px;
	background-color: #282828;
	color: #ffffff;
	border-radius: 3px;
	position: fixed;
	bottom: 40px;
	right: 40px;
	z-index: 100;
	font-size: 15px;
	border: 1px solid transparent;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

@media (max-width: 991.97px) {
	.scroll-top-btn {
		width: 40px;
		height: 40px;
	}
}

.scroll-top-btn.center-align {
	right: initial;
	background-color: var(--white-color);
	color: var(--primary-color);
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.scroll-top-btn:hover {
	border-color: var(--primary-color);
	background-color: var(--dark-color);
	color: var(--primary-color);
	-webkit-box-shadow: 3px 6px 16px -6px var(--primary-color);
	box-shadow: 3px 6px 16px -6px var(--primary-color);
}

.scroll-top-btn:hover svg path {
	fill: var(--primary-color);
}

/*-------------------------
  4.4 Select & Dropdown
-------------------------*/
/*---------
header currency selector
-----------*/
.roister-header-area-1 .rs-nice-select,
.roister-header-area-2 .rs-nice-select {
	background-color: transparent;
	height: initial;
	line-height: 120%;
	border: none;
}

.roister-header-area-1 .rs-nice-select.open::after,
.roister-header-area-2 .rs-nice-select.open::after {
	-webkit-transform: translateY(-50%) rotate(180deg);
	-ms-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
	top: 50%;
	right: 4px;
}

.roister-header-area-1 .rs-nice-select::after,
.roister-header-area-2 .rs-nice-select::after {
	content: "";
	display: inline-block;
	width: 9px;
	height: 6px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='6' viewBox='0 0 9 6' fill='none'%3E%3Cpath d='M8.73133 0.917894L8.47118 0.638679C8.3893 0.55148 8.28037 0.503441 8.16395 0.503441C8.0476 0.503441 7.93854 0.55148 7.85666 0.638679L4.88901 3.80193L1.91794 0.635169C1.8362 0.54797 1.72714 0.5 1.61078 0.5C1.49443 0.5 1.3853 0.54797 1.30349 0.635169L1.04327 0.912663C0.873841 1.09312 0.873841 1.38706 1.04327 1.56752L4.58069 5.35148C4.66244 5.43861 4.77137 5.5 4.88875 5.5H4.89011C5.00653 5.5 5.11546 5.43854 5.19721 5.35148L8.73133 1.57777C8.8132 1.49064 8.85815 1.37103 8.85827 1.24701C8.85827 1.12292 8.8132 1.00496 8.73133 0.917894Z' fill='white'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	border: none;
	top: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	right: -2px;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.roister-header-area-1 .rs-nice-select .current,
.roister-header-area-2 .rs-nice-select .current {
	color: var(--white-color);
	font-family: var(--body-font);
	font-size: var(--fz-14);
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	position: relative;
	top: 0px;
}

@media (max-width: 1199.97px) {

	.roister-header-area-1 .rs-nice-select .current,
	.roister-header-area-2 .rs-nice-select .current {
		font-size: 14px !important;
	}
}

/*---------
header language selector
-----------*/
.roister-header-area-1 .header-top-lang a,
.roister-header-area-2 .header-top-lang a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
}

.roister-header-area-1 .header-top-lang img,
.roister-header-area-2 .header-top-lang img {
	width: 30px;
	height: 30px;
	border-radius: 50%;
}

.roister-header-area-1 .header-top-lang .top-lang,
.roister-header-area-2 .header-top-lang .top-lang {
	color: var(--white-color);
}

.roister-header-area-1 .header-top-lang .dropdown-menu,
.roister-header-area-2 .header-top-lang .dropdown-menu {
	min-width: 115px;
	border-radius: 15px;
	padding: 10px;
	border: none;
	-webkit-box-shadow: var(--box-shadow);
	box-shadow: var(--box-shadow);
}

.roister-header-area-1 .header-top-lang .dropdown-toggle::after,
.roister-header-area-2 .header-top-lang .dropdown-toggle::after {
	content: "";
	display: inline-block;
	width: 9px;
	height: 6px;
	top: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	right: -2px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='6' viewBox='0 0 9 6' fill='none'%3E%3Cpath d='M8.73133 0.917894L8.47118 0.638679C8.3893 0.55148 8.28037 0.503441 8.16395 0.503441C8.0476 0.503441 7.93854 0.55148 7.85666 0.638679L4.88901 3.80193L1.91794 0.635169C1.8362 0.54797 1.72714 0.5 1.61078 0.5C1.49443 0.5 1.3853 0.54797 1.30349 0.635169L1.04327 0.912663C0.873841 1.09312 0.873841 1.38706 1.04327 1.56752L4.58069 5.35148C4.66244 5.43861 4.77137 5.5 4.88875 5.5H4.89011C5.00653 5.5 5.11546 5.43854 5.19721 5.35148L8.73133 1.57777C8.8132 1.49064 8.85815 1.37103 8.85827 1.24701C8.85827 1.12292 8.8132 1.00496 8.73133 0.917894Z' fill='white'/%3E%3C/svg%3E") 0% 0%/contain no-repeat;
	border-width: initial;
	border-style: none;
	border-color: initial;
	-webkit-border-image: initial;
	-o-border-image: initial;
	border-image: initial;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.roister-header-area-1 .header-top-lang .dropdown-toggle.show::after,
.roister-header-area-2 .header-top-lang .dropdown-toggle.show::after {
	-webkit-transform: translateX(-50%) rotate(180deg);
	-ms-transform: translateX(-50%) rotate(180deg);
	transform: translateX(-50%) rotate(180deg);
}

.roister-header-area-1 .header-top-lang .dropdown-item,
.roister-header-area-2 .header-top-lang .dropdown-item {
	padding: 2px 5px 2px 5px;
	color: var(--dark-color);
	border-radius: 50px;
}

.roister-header-area-1 .header-top-lang .dropdown-item:hover,
.roister-header-area-2 .header-top-lang .dropdown-item:hover {
	background: var(--primary-color);
	color: var(--white-color);
}

/*-------------------------
   4.5 Main Menu
-------------------------*/
.main-menu ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 48px;
}

@media (max-width: 1599.97px) {
	.main-menu ul {
		gap: 20px;
	}
}

.main-menu ul li {
	position: relative;
}

.main-menu ul li a {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 5px;
	color: var(--white-color);
	font-family: var(--body-font);
	font-size: var(--fz-18);
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding: 37px 0px;
}

@media (max-width: 1399.97px) {
	.main-menu ul li a {
		padding: 25px 5px;
		font-size: 15px !important;
	}
}

.main-menu ul li a:hover {
	color: var(--primary-color);
}

.main-menu ul li:hover .submenu {
	opacity: 1;
	visibility: visible;
}

.main-menu ul li:hover>a {
	color: var(--primary-color);
}

.main-menu ul li .submenu {
	width: 220px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background-color: var(--primary-color);
	position: absolute;
	top: 100%;
	left: 0;
	gap: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
	z-index: 99;
	-webkit-box-shadow: var(--box-shadow);
	box-shadow: var(--box-shadow);
}

.main-menu ul li .submenu li {
	width: 100%;
}

.main-menu ul li .submenu li a {
	padding: 12px 16px;
	width: 100%;
	font-size: var(--fz-18);
	display: block;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.main-menu ul li .submenu li a:hover {
	background-color: var(--dark-color);
}

/*-------------------------
    4.6 Mobile Menu
-------------------------*/
.roister-mobile-menu-offcanvas {
	background-color: var(--bg-black-shade-1);
	overflow-y: scroll;
}

.roister-mobile-menu-offcanvas .offcanvas-body {
	background-color: var(--bg-black-shade-1);
}

.roister-mobile-menu-offcanvas .offcanvas-header {
	background: #131313;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 20px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: 1px solid var(--border-color-1);
}

.roister-mobile-menu-offcanvas .offcanvas-header .header-logo {
	width: 150px;
	height: 50px;
	-o-object-fit: contain;
	object-fit: contain;
}

.roister-mobile-menu-offcanvas .mobile-tab-nav {
	border-bottom: 1px solid var(--border-color-1);
}

.roister-mobile-menu-offcanvas .mobile-tab-nav .nav-link {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding: 20px 0px;
	color: var(--white-color);
}

.roister-mobile-menu-offcanvas .mobile-tab-nav .nav-link.active {
	color: var(--primary-color);
}

.roister-mobile-menu-offcanvas .mobile-menu ul li:not(:last-child) a {
	border-bottom: 1px solid var(--border-color-1);
}

.roister-mobile-menu-offcanvas .mobile-menu ul li .submenu {
	margin-left: 12px;
}

.roister-mobile-menu-offcanvas .mobile-menu ul li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	color: var(--white-color);
	font-size: var(--fz-16);
	font-weight: 400;
	padding: 12px 0;
}

.roister-mobile-menu-offcanvas .mobile-menu ul li a[aria-expanded="true"],
.roister-mobile-menu-offcanvas .mobile-menu ul li a:hover {
	color: var(--primary-color);
}

/* On touch devices, hover won't fire. Keep submenu color consistent
   when Bootstrap toggles aria-expanded="true". */
.roister-mobile-menu-offcanvas .mobile-menu ul li a[aria-expanded="true"] {
	color: var(--primary-color);
}

.roister-mobile-menu-offcanvas .sidebar-popup-contact {
	margin-top: 20px;
}

.roister-mobile-menu-offcanvas .sidebar-popup-contact h4 {
	margin-bottom: 15px;
	font-weight: 700;
}

.roister-mobile-menu-offcanvas .sidebar-popup-contact li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 12px;
	margin-bottom: 15px;
}

.roister-mobile-menu-offcanvas .sidebar-popup-contact li a {
	color: var(--white-color);
}

.roister-mobile-menu-offcanvas .sidebar-popup-contact li .icon {
	width: 35px;
	height: 35px;
	line-height: 35px;
	color: var(--white-color);
	background: var(--primary-color);
	text-align: center;
	border-radius: 50px;
}

.roister-mobile-menu-offcanvas .sidebar-popup-contact li a:hover {
	color: var(--primary-color);
}

.roister-mobile-menu-offcanvas .sidebar-popup-social {
	margin-top: 25px;
}

.roister-mobile-menu-offcanvas .sidebar-popup-social h4 {
	margin-bottom: 20px;
	font-weight: 700;
}

.roister-mobile-menu-offcanvas .sidebar-popup-social a {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 50px;
	margin-right: 8px;
	background: var(--primary-color);
	color: var(--white-color);
	-webkit-box-shadow: var(--box-shadow);
	box-shadow: var(--box-shadow);
}

.roister-mobile-menu-offcanvas .sidebar-popup-social a:hover {
	background: var(--dark-color);
}

/*-------------------------
   4.7 Accordion
-------------------------*/
.roister-home1-accordion {
	position: relative;
	z-index: 1;
}

.roister-home1-accordion .faq-item {
	overflow: hidden;
	position: relative;
	z-index: 5;
	border: 1px solid var(--primary-color);
	border-radius: 30px;
	background: var(--bg-black-shade-2);
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.roister-home1-accordion .faq-item {
	margin-bottom: 24px;
}

.roister-home1-accordion .faq-item:has(.accordion-collapse.show) .title {
	background-color: var(--primary-color);
	color: #ffffff;
}

.roister-home1-accordion .faq-item:has(.accordion-collapse.show) .title::after {
	content: initial;
}

.roister-home1-accordion .faq-item:has(.accordion-collapse.show) .title::before {
	content: "\f106";
}

.roister-home1-accordion .faq-item .title {
	padding: 15px 56px 15px 30px;
	color: var(--white-color);
	font-family: var(--heading-font);
	font-size: var(--fz-20);
	font-style: normal;
	font-weight: 600;
	line-height: 150%;
	letter-spacing: -0.4px;
	cursor: pointer;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
	position: relative;
	text-decoration: none;
	text-underline-offset: 6px;
}

.roister-home1-accordion .faq-item .title::after {
	content: initial;
}

.roister-home1-accordion .faq-item .title::before {
	content: "\f107";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 20px;
}

.roister-home1-accordion .faq-item .des {
	padding: 20px 30px;
	color: var(--white-color);
}

/*-------------------------
   4.8 Breadcrumb
-------------------------*/
.roister-breadcrumb-section {
	background-repeat: no-repeat;
	background-size: cover;
	padding: 100px 0px;
	position: relative;
}

@media (max-width: 991.97px) {
	.roister-breadcrumb-section {
		padding: 50px 0px 50px 0px;
	}
}

@media (max-width: 767.97px) {
	.roister-breadcrumb-section {
		padding: 50px 0px 50px 0px;
	}
}

.roister-breadcrumb-section::after {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
}

.roister-breadcrumb-section .breadcrumb-title {
	text-align: center;
	color: #ffffff;
	font-family: var(--body-font);
	font-size: var(--fz-64);
	font-style: normal;
	font-weight: 500;
	line-height: 115.385%;
	letter-spacing: -1.95px;
}

.roister-breadcrumb-section .breadcrumb-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 20px;
}

.roister-breadcrumb-section .breadcrumb-list li {
	font-family: var(--body-font);
	font-size: var(--fz-18);
	font-style: normal;
	font-weight: 600;
	line-height: 155.556%;
	letter-spacing: -0.54px;
}

.roister-breadcrumb-section .breadcrumb-list li:not(:last-child)::after {
	content: "\f105";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	color: #ffffff;
	margin-left: 10px;
}

.roister-breadcrumb-section .breadcrumb-list li.active {
	color: #ffffff;
	-webkit-text-decoration-line: underline;
	text-decoration-line: underline;
	-webkit-text-decoration-style: solid;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}

.roister-breadcrumb-section .breadcrumb-list li a {
	color: #ffffff;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.roister-breadcrumb-section .breadcrumb-list li a:hover {
	color: var(--primary-color);
}

/*-------------------------
   4.9 Pagination
-------------------------*/
.pagination-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 20px;
}

.pagination-list li a {
	width: 41px;
	height: 41px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	background-color: var(--dark-color);
	border-radius: 25px;
	border: 1px solid var(--border-color-4);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: var(--white-color);
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.pagination-list li a.active,
.pagination-list li a:hover {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
	color: var(--text-color);
}

/*-------------------------
  4.10 Forms
-------------------------*/
.roister-header-searchbar-form {
	background: var(--bg-black-shade-1);
	height: 50vh !important;
}

.roister-header-searchbar-form .offcanvas-body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.roister-header-searchbar-form .offcanvas-body .close-btn {
	position: absolute;
	top: 20px;
	right: 20px;
	color: var(--white-color);
	font-size: var(--fz-24);
	text-transform: capitalize;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.roister-header-searchbar-form .offcanvas-body .close-btn:hover {
	color: var(--negative-color);
}

.roister-header-searchbar-form .offcanvas-body .form-wraper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 0;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	max-width: 700px;
	width: 100%;
}

.roister-header-searchbar-form .offcanvas-body .search-input {
	max-width: 700px;
	width: 100%;
	height: 60px;
	border-radius: 8px;
	padding: 14px 24px;
	border-radius: 8px 0px 0px 8px;
}

@media (max-width: 767.97px) {
	.roister-header-searchbar-form .offcanvas-body .search-input {
		height: 48px;
	}
}

.roister-header-searchbar-form .offcanvas-body .submit-btn {
	height: 60px;
	padding: 14px 24px;
	background-color: var(--primary-color);
	border-radius: 0px 8px 8px 0px;
}

@media (max-width: 767.97px) {
	.roister-header-searchbar-form .offcanvas-body .submit-btn {
		height: 48px;
	}
}

.blog-comment-form .input {
	border: 1px solid var(--primary-color);
	background: transparent;
	width: 100%;
	height: 65px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	padding: 17px 24px;
	color: var(--white-color);
	font-family: var(--body-font);
	font-size: var(--fz-16);
	font-style: normal;
	font-weight: 400;
	line-height: 162.5%;
}

.blog-comment-form .input:focus {
	border-color: var(--primary-color);
}

@media (max-width: 767.97px) {
	.blog-comment-form .input {
		height: 48px;
	}
}

.blog-comment-form textarea.input {
	height: initial;
}

.blog-comment-form .lable {
	color: var(--white-color);
	font-family: var(--body-font);
	font-size: var(--fz-16);
	font-style: normal;
	font-weight: 400;
	line-height: 162.5%;
}

/*-------------------------
   4.11 Theme Switcher
-------------------------*/
.color-switcher-btn {
	position: fixed;
	top: 33%;
	left: -40px;
	z-index: 10;
	width: 40px;
	height: 40px;
	background-color: var(--primary-color);
	color: var(--text-color);
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 0 3px 3px 0;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.color-switcher-btn i {
	-webkit-animation: 10s rotate linear infinite;
	animation: 10s rotate linear infinite;
}

.color-switcher-btn.active {
	left: 0;
}

.color-switcher-btn.position-right {
	right: -40px;
	left: auto;
	border-radius: 3px 0 0 3px;
}

.color-switcher-btn.position-right.active {
	right: 0;
	left: auto;
}

.theme-color-switch {
	width: 200px;
	position: fixed;
	top: calc(33% + 40px);
	left: -200px;
	z-index: 10;
	background-color: var(--bg-black-shade-2);
	-webkit-box-shadow: var(--box-shadow);
	box-shadow: var(--box-shadow);
	padding: 16px;
	border-radius: 0 4px 4px 0;
	-webkit-transition: var(--transition-base);
	-o-transition: var(--transition-base);
	transition: var(--transition-base);
}

.theme-color-switch .close-switcher {
	color: var(--white-color);
}

.theme-color-switch h6 {
	font-size: var(--fz-18);
}

.theme-color-switch .direction-wraper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
}

.theme-color-switch .direction-wraper .direction-btn {
	color: #000;
	background-color: #e4e4e4;
	padding: 5px 20px;
	border-radius: 2px;
	text-transform: uppercase;
}

.theme-color-switch .direction-wraper .direction-btn.ltr {
	background-color: var(--primary-color);
}

.theme-color-switch .direction-wraper .direction-btn.rtl {
	background-color: #e4e4e4;
}

.theme-color-switch .color-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 6px;
	margin-top: 15px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.theme-color-switch .color-list li a {
	width: 20px;
	height: 20px;
	display: inline-block;
	border-radius: 2px;
}

.theme-color-switch .cursor-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 12px;
}

.theme-color-switch .cursor-list li a {
	color: var(--primary-color);
	width: 30px;
	height: 30px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border: 1px solid var(--primary-color);
	border-radius: 50%;
}

.theme-color-switch .cursor-list li a i {
	-webkit-transition: var(--transition-base);
	-o-transition: var(--transition-base);
	transition: var(--transition-base);
}

.theme-color-switch .cursor-list li a.cursor-circle i {
	font-size: 10px;
}

.theme-color-switch .cursor-list li a:hover {
	background-color: var(--primary-color);
	color: var(--white-color);
}

.theme-color-switch .template-btn,
.theme-color-switch .primary-btn,
.theme-color-switch .white-btn,
.theme-color-switch .outline-primary-btn,
.theme-color-switch .outline-white-btn,
.theme-color-switch .roister-addto-cart-wraper .roister-addto-cart-content .add-to-cart-wraper .quantity-wrapper,
.roister-addto-cart-wraper .roister-addto-cart-content .add-to-cart-wraper .theme-color-switch .quantity-wrapper {
	font-size: 12px;
	padding: 12px 20px;
	border-radius: 4px;
}

.theme-color-switch .template-btn::before,
.theme-color-switch .primary-btn::before,
.theme-color-switch .white-btn::before,
.theme-color-switch .outline-primary-btn::before,
.theme-color-switch .outline-white-btn::before,
.theme-color-switch .roister-addto-cart-wraper .roister-addto-cart-content .add-to-cart-wraper .quantity-wrapper::before,
.roister-addto-cart-wraper .roister-addto-cart-content .add-to-cart-wraper .theme-color-switch .quantity-wrapper::before {
	left: -50px;
}

.theme-color-switch.active {
	left: 0;
}

.theme-color-switch.position-right {
	left: auto;
	right: -200px;
}

.theme-color-switch.position-right.active {
	left: auto;
	right: 0;
}

/*-------------------------
   4.12 Cursor Effects
-------------------------*/
.cursor {
	background-color: var(--primary-color);
	z-index: 109;
	height: 8px;
	width: 8px;
}

.cursor2,
.cursor3 {
	height: 50px;
	width: 50px;
	z-index: 108;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	border: 1px solid var(--primary-color);
}

.cursor,
.cursor2,
.cursor3 {
	position: fixed;
	border-radius: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	pointer-events: none;
	left: -100px;
	top: 50%;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	opacity: 0;
}

/*-------------------------
  4.13 Social icons
-------------------------*/
.header-social-wraper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.header-social-wraper a {
	padding: 14px 24px;
	background-color: var(--primary-color);
	color: var(--white-color);
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

@media (max-width: 1199.97px) {
	.header-social-wraper a {
		padding: 14px 20px;
	}
}

@media (max-width: 991.97px) {
	.header-social-wraper a {
		padding: 8px 12px;
		font-size: 14px;
	}
}

.header-social-wraper a:hover {
	background-color: var(--dark-color);
}

/****************************** 
05. Cards
******************************/
/*-------------------------
    5.1 General Cards
-------------------------*/
.roister-single-dish {
	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.roister-single-dish .img-wraper {
	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	height: 364px;
}

.roister-single-dish .img-wraper::before,
.roister-single-dish .img-wraper::after {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	background: var(--white-color);
	-webkit-transform-origin: 50%;
	-ms-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

@media (max-width: 1399.97px) {
	.roister-single-dish .img-wraper {
		height: 324px;
	}
}

@media (max-width: 1199.97px) {
	.roister-single-dish .img-wraper {
		height: 300px;
	}
}

@media (max-width: 991.97px) {
	.roister-single-dish .img-wraper {
		height: 280px;
	}
}

.roister-single-dish .img-wraper img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.roister-single-dish .content-wraper {
	background-color: var(--bg-black-shade-2);
	padding: 20px 20px;
}

.roister-single-dish .content-wraper .top-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 16px;
}

.roister-single-dish .content-wraper .top-area .title a {
	color: var(--white-color);
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.roister-single-dish .content-wraper .top-area .title a:hover {
	color: var(--primary-color);
}

.roister-single-dish .content-wraper .btm-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 16px;
}

.roister-single-dish .content-wraper .btm-area .rating-wraper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 6px;
}

.roister-single-dish .content-wraper .btm-area .rating-wraper i {
	color: var(--primary-color);
}

.roister-single-dish .content-wraper .btm-area .price {
	color: var(--white-color);
}

.roister-single-dish:hover .img-wraper::before {
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	opacity: 0.1;
}

.roister-single-dish:hover .img-wraper::after {
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	opacity: 0.1;
}

.roister-single-dish:hover .img-wraper img {
	-webkit-transform: scale(1.08);
	-ms-transform: scale(1.08);
	transform: scale(1.08);
}

.roister-single-team .img-wraper {
	overflow: hidden;
	-webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	position: relative;
	height: 437px;
	overflow: hidden;
}

.roister-single-team .img-wraper::before,
.roister-single-team .img-wraper::after {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	background: var(--white-color);
	-webkit-transform-origin: 50%;
	-ms-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

@media (max-width: 1399.97px) {
	.roister-single-team .img-wraper {
		height: 350px;
	}
}

@media (max-width: 1199.97px) {
	.roister-single-team .img-wraper {
		height: 320px;
	}
}

@media (max-width: 991.97px) {
	.roister-single-team .img-wraper {
		height: 280px;
	}
}

.roister-single-team .img-wraper img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.roister-single-team .img-wraper .social-wraper {
	position: absolute;
	top: 100%;
	right: 0;
	width: 74px;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 20px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	background-color: var(--primary-color);
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
	opacity: 0;
	visibility: hidden;
}

.roister-single-team .img-wraper .social-wraper a {
	width: 45px;
	height: 45px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border-radius: 50%;
	border: 1px solid var(--white-color);
	color: var(--white-color);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.roister-single-team .img-wraper .social-wraper a:hover {
	background-color: var(--white-color);
	color: var(--dark-color);
}

.roister-single-team .content-wraper {
	position: relative;
	padding-right: 45px;
}

.roister-single-team .content-wraper .name {
	color: var(--white-color);
	font-style: normal;
	font-weight: 600;
	line-height: 120%;
}

.roister-single-team .content-wraper .name a {
	color: var(--white-color);
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.roister-single-team .content-wraper .name a:hover {
	color: var(--primary-color);
}

.roister-single-team .content-wraper .desig {
	color: var(--primary-color);
	font-family: var(--body-font);
	font-size: var(--fz-16);
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
}

.roister-single-team .content-wraper .show-social-btn {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: var(--primary-color);
	color: var(--white-color);
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.roister-single-team .content-wraper .show-social-btn i.fa-minus {
	display: none;
}

.roister-single-team.show-social .img-wraper .social-wraper {
	top: 0;
	opacity: 1;
	visibility: visible;
}

.roister-single-team.show-social .content-wraper .show-social-btn i.fa-minus {
	display: inline-block;
}

.roister-single-team.show-social .content-wraper .show-social-btn i.fa-plus {
	display: none;
}

.roister-single-team:hover .img-wraper::before {
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	opacity: 0.1;
}

.roister-single-team:hover .img-wraper::after {
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	opacity: 0.1;
}

.roister-single-team:hover .img-wraper img {
	-webkit-transform: scale(1.08);
	-ms-transform: scale(1.08);
	transform: scale(1.08);
}

.roister-single-testimonial {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 70px;
}

@media (max-width: 1599.97px) {
	.roister-single-testimonial {
		gap: 40px;
	}
}

@media (max-width: 767.97px) {
	.roister-single-testimonial {
		gap: 24px;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

.roister-single-testimonial .img-wraper {
	width: 270px;
	height: 270px;
	border-radius: 50%;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	position: relative;
}

.roister-single-testimonial .img-wraper::after {
	content: "";
	position: absolute;
	left: -80px;
	top: 0;
	display: block;
	width: 270px;
	height: 270px;
	border-radius: 50%;
	background-color: var(--primary-color);
}

.roister-single-testimonial .img-wraper img {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
}

@media (max-width: 1599.97px) {
	.roister-single-testimonial .img-wraper {
		width: 170px;
		height: 170px;
	}

	.roister-single-testimonial .img-wraper::after {
		width: 170px;
		height: 170px;
		left: -20px;
	}

	.roister-single-testimonial .img-wraper img {
		width: 170px;
		height: 170px;
	}
}

@media (max-width: 575.97px) {
	.roister-single-testimonial .img-wraper {
		margin-left: 20px;
	}
}

.roister-single-testimonial .des {
	color: var(--white-color);
	font-size: var(--fz-30);
	font-style: normal;
	font-weight: 500;
	line-height: 133.333%;
}

.roister-single-testimonial .btm-wraper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 30px;
}

@media (max-width: 575.97px) {
	.roister-single-testimonial .btm-wraper {
		gap: 24px;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

.roister-single-testimonial .btm-wraper .quote-icon {
	margin-right: 30px;
}

@media (max-width: 1599.97px) {
	.roister-single-testimonial .btm-wraper .quote-icon {
		width: 33px;
		height: 26px;
	}
}

@media (max-width: 1599.97px) {
	.roister-single-testimonial .btm-wraper .quote-icon {
		margin-right: 16px;
	}
}

@media (max-width: 575.97px) {
	.roister-single-testimonial .btm-wraper .quote-icon {
		margin-right: 8px;
	}
}

.roister-single-testimonial .btm-wraper .quote-icon path {
	fill: var(--primary-color);
}

.roister-single-testimonial .btm-wraper .feedback-name {
	color: var(--white-color);
	font-size: var(--fz-20);
	font-style: normal;
	font-weight: 600;
	line-height: 136.364%;
	letter-spacing: 1.1px;
}

.roister-single-testimonial .btm-wraper .feedback-name span {
	color: var(--primary-color);
	font-size: var(--fz-18);
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.roister-single-testimonial .btm-wraper .rating-wraper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 7px;
}

.roister-single-testimonial .btm-wraper .rating-wraper i {
	color: var(--primary-color);
	font-size: var(--fz-16);
	font-style: normal;
	font-weight: 900;
	line-height: normal;
}

.roister-single-gallery {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	overflow: hidden;
	position: relative;
}

.roister-single-gallery::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 2px solid rgba(220, 202, 135, 0.2);
	background: -webkit-linear-gradient(242deg, rgba(0, 0, 0, 0.75) 1.5%, rgba(0, 0, 0, 0.64) 98.62%);
	background: -o-linear-gradient(242deg, rgba(0, 0, 0, 0.75) 1.5%, rgba(0, 0, 0, 0.64) 98.62%);
	background: linear-gradient(208deg, rgba(0, 0, 0, 0.75) 1.5%, rgba(0, 0, 0, 0.64) 98.62%);
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.roister-single-gallery img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 10px;
	border: 5px solid #ffffff;
}

.roister-single-gallery .gallery-trigger {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 40px;
	color: #ffffff;
	z-index: 2;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.roister-single-gallery:hover::after {
	opacity: 1;
	visibility: visible;
}

.roister-single-gallery:hover .gallery-trigger {
	opacity: 1;
	visibility: visible;
}

.roister-single-category {
	width: 100%;
	height: 373px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	aspect-ratio: 159/218;
	position: relative;
	border-radius: 4px;
	overflow: hidden;
}

.roister-single-category::before,
.roister-single-category::after {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	background: var(--white-color);
	-webkit-transform-origin: 90%;
	-ms-transform-origin: 90%;
	transform-origin: 90%;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.roister-single-category .title {
	position: absolute;
	left: 0;
	bottom: 42px;
	display: inline-block;
	padding: 12px 42px;
	border-radius: 0px 30px 30px 0px;
	background: #16130f;
	color: #ffffff;
	font-family: var(--heading-font);
	font-size: 13px;
	font-style: normal;
	font-weight: 600;
	line-height: 125%;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}

.roister-single-category img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.roister-single-category:hover::before {
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	opacity: 0.1;
}

.roister-single-category:hover::after {
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	opacity: 0.1;
}

.roister-single-category:hover img {
	-webkit-transform: scale(1.08);
	-ms-transform: scale(1.08);
	transform: scale(1.08);
}

.roister-single-counter {
	text-align: center;
}

.roister-single-counter .title {
	color: var(--text-color);
	text-align: center;
	font-family: var(--heading-font);
	font-size: var(--fz-90);
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: -1.92px;
}

.roister-single-counter .des {
	color: var(--text-color);
	font-family: var(--body-font);
	font-size: var(--fz-18);
	font-style: normal;
	font-weight: 500;
	line-height: 177.778%;
	letter-spacing: -0.36px;
}

.roister-single-hm2-gallery {
	height: 588px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	position: relative;
	border-radius: 4px;
	overflow: hidden;
}

@media (max-width: 991.97px) {
	.roister-single-hm2-gallery {
		height: 488px;
	}
}

.roister-single-hm2-gallery .thumb {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.roister-single-hm2-gallery .content-wraper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	-webkit-backdrop-filter: blur(1.7px);
	backdrop-filter: blur(1.7px);
	padding: 46px 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
	opacity: 0;
	visibility: hidden;
}

@media (max-width: 991.97px) {
	.roister-single-hm2-gallery .content-wraper {
		padding: 24px;
	}
}

.roister-single-hm2-gallery .content-wraper .title {
	color: var(--white-color);
}

.roister-single-hm2-gallery .content-wraper .title a {
	color: var(--white-color);
}

.roister-single-hm2-gallery .content-wraper .title a:hover {
	color: var(--primary-color);
}

.roister-single-hm2-gallery .content-wraper .des {
	color: var(--white-color);
	font-family: var(--body-font);
	font-size: var(--fz-16);
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.roister-single-hm2-gallery .content-wraper .linkto {
	width: 50px;
	height: 50px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border-radius: 50%;
	background-color: var(--primary-color);
	border: 1px solid var(--white-color);
	color: var(--white-color);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

@media (max-width: 991.97px) {
	.roister-single-hm2-gallery .content-wraper .linkto {
		width: 35px;
		height: 35px;
	}
}

.roister-single-hm2-gallery .content-wraper .linkto:hover {
	border-color: var(--primary-color);
	background-color: var(--dark-color);
	color: var(--primary-color);
	-webkit-box-shadow: 3px 6px 16px -6px var(--primary-color);
	box-shadow: 3px 6px 16px -6px var(--primary-color);
}

.roister-single-hm2-gallery .content-wraper .linkto:hover svg path {
	fill: var(--primary-color);
}

.roister-single-hm2-gallery:hover .thumb {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.roister-single-hm2-gallery:hover .content-wraper {
	opacity: 1;
	visibility: visible;
}

.roister-single-hm2-testimonial {
	border-radius: 5px;
	border: 1px dashed var(--primary-color);
	padding: 50px 60px;
	position: relative;
}

@media (max-width: 1399.97px) {
	.roister-single-hm2-testimonial {
		padding: 30px 24px;
	}
}

.roister-single-hm2-testimonial .shape1 {
	position: absolute;
	right: 60px;
	bottom: 67px;
	z-index: -1;
}

.roister-single-hm2-testimonial .top-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 10px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.roister-single-hm2-testimonial .user-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 20px;
}

.roister-single-hm2-testimonial .user-box .img-wraper img {
	width: 85px;
	height: 85px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border-radius: 50%;
	border: 1px solid var(--primary-color);
}

.roister-single-hm2-testimonial .user-box .user-content .name {
	text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25);
	color: var(--white-color);
}

.roister-single-hm2-testimonial .user-box .user-content .desig {
	color: var(--white-color);
	font-family: var(--body-font);
	font-size: var(--fz-16);
	font-style: normal;
	font-weight: 400;
	line-height: 212.5%;
}

.roister-single-hm2-testimonial .rating-wraper i {
	color: var(--primary-color);
	font-size: var(--fz-16);
	font-style: normal;
	font-weight: 900;
	line-height: normal;
}

.roister-single-hm2-testimonial p {
	color: var(--white-color);
}

/*-------------------------
   5.2 Single Blog Card
-------------------------*/
.roister-single-blog-1 {
	position: relative;
	overflow: hidden;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.roister-single-blog-1 .thumb {
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
	width: 100%;
	height: 488px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-o-object-fit: cover;
	object-fit: cover;
}

.roister-single-blog-1::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(2, 6, 38, 0)), color-stop(150%, #f39c12));
	background: -webkit-linear-gradient(top, rgba(2, 6, 38, 0) 0%, #f39c12 150%);
	background: -o-linear-gradient(top, rgba(2, 6, 38, 0) 0%, #f39c12 150%);
	background: linear-gradient(180deg, rgba(2, 6, 38, 0) 0%, #f39c12 150%);
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.roister-single-blog-1 .content-wraper {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 40px;
	z-index: 1;
}

@media (max-width: 1399.97px) {
	.roister-single-blog-1 .content-wraper {
		padding: 30px;
	}
}

@media (max-width: 991.97px) {
	.roister-single-blog-1 .content-wraper {
		padding: 24px;
	}
}

.roister-single-blog-1 .content-wraper .date {
	color: var(--white-color);
	font-family: var(--body-font);
	font-size: var(--fz-16);
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.roister-single-blog-1 .content-wraper .title {
	color: var(--white-color);
	font-family: var(--heading-font);
	font-size: var(--fz-24);
	font-style: normal;
	font-weight: 600;
	line-height: 136.364%;
	letter-spacing: 1.1px;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.roister-single-blog-1 .content-wraper .title a {
	color: var(--white-color);
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.roister-single-blog-1 .content-wraper .title a:hover {
	color: var(--primary-color);
}

.roister-single-blog-1 .content-wraper .link-to {
	color: var(--white-color);
	font-family: var(--heading-font);
	font-size: var(--fz-16);
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.roister-single-blog-1 .content-wraper .link-to:hover {
	color: var(--primary-color);
}

.roister-single-blog-1:hover .thumb {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.roister-single-blog-2 .content-wraper .date {
	color: var(--white-color);
	font-family: var(--body-font);
	font-size: var(--fz-16);
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.roister-single-blog-2 .content-wraper .title {
	color: var(--white-color);
	font-family: var(--heading-font);
	font-size: var(--fz-24);
	font-style: normal;
	font-weight: 600;
	line-height: 136.364%;
	letter-spacing: 1.1px;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.roister-single-blog-2 .content-wraper .title a {
	color: var(--white-color);
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.roister-single-blog-2 .content-wraper .title a:hover {
	color: var(--primary-color);
}

.roister-single-blog-2 .content-wraper .link-to {
	color: var(--white-color);
	font-family: var(--heading-font);
	font-size: var(--fz-16);
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.roister-single-blog-2 .content-wraper .link-to:hover {
	color: var(--primary-color);
}

.roister-single-blog-3 {
	border-radius: 8px;
}

.roister-single-blog-3 .img-wraper {
	position: relative;
	height: 315px;
	overflow: hidden;
}

.roister-single-blog-3 .img-wraper::before,
.roister-single-blog-3 .img-wraper::after {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	background: var(--white-color);
	-webkit-transform-origin: 50%;
	-ms-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.roister-single-blog-3 .img-wraper img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.roister-single-blog-3 .img-wraper .date-wraper {
	width: 70px;
	height: 70px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	position: absolute;
	top: 22px;
	right: 18px;
	background-color: #282828;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 2px;
	border-radius: 3px;
}

.roister-single-blog-3 .img-wraper .date-wraper .day {
	color: #ffffff;
	font-weight: 500;
	line-height: normal;
	letter-spacing: -0.72px;
}

.roister-single-blog-3 .img-wraper .date-wraper .dayofweek {
	color: #ffffff;
	font-size: var(--fz-16);
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.roister-single-blog-3 .content-wraper {
	background-color: var(--dark-color-2);
}

.roister-single-blog-3 .content-wraper .top-area {
	padding: 30px;
	height: 200px;
}

.roister-single-blog-3 .content-wraper .top-area .cate-link {
	color: var(--primary-color);
	font-family: var(--body-font);
	font-size: var(--fz-18);
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0.9px;
}

.roister-single-blog-3 .content-wraper .top-area .cate-link a {
	color: var(--primary-color);
}

.roister-single-blog-3 .content-wraper .top-area .title {
	color: var(--white-color);
	font-weight: 600;
	line-height: normal;
	text-transform: capitalize;
}

.roister-single-blog-3 .content-wraper .top-area .title a {
	color: var(--white-color);
}

.roister-single-blog-3 .content-wraper .top-area .title a:hover {
	color: var(--primary-color);
}

.roister-single-blog-3 .content-wraper .btm-area {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	padding: 20px 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.roister-single-blog-3:hover .img-wraper::before {
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	opacity: 0.1;
}

.roister-single-blog-3:hover .img-wraper::after {
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	opacity: 0.1;
}

.roister-single-blog-3:hover .img-wraper img {
	-webkit-transform: scale(1.08);
	-ms-transform: scale(1.08);
	transform: scale(1.08);
}

.roister-single-blog-4 .img-wraper {
	position: relative;
	width: 100%;
	max-height: 509px;
	height: 100%;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	overflow: hidden;
}

.roister-single-blog-4 .img-wraper img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.roister-single-blog-4 .img-wraper .blog-vdo-icon,
.roister-single-blog-4 .img-wraper .blog-vdo-icon .outline-circle {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 2;
}

@media (max-width: 767.97px) {
	.roister-single-blog-4 .img-wraper .blog-vdo-icon .outline-circle {
		width: 60px;
		height: 60px;
	}
}

.roister-single-blog-4 .img-wraper .blog-vdo-icon .main-circle g path {
	fill: var(--primary-color);
}

@media (max-width: 767.97px) {
	.roister-single-blog-4 .img-wraper .blog-vdo-icon .main-circle {
		width: 40px;
		height: 40px;
	}
}

.roister-single-blog-4 .img-wraper .owl-prev,
.roister-single-blog-4 .img-wraper .owl-next {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 2;
}

@media (max-width: 767.97px) {

	.roister-single-blog-4 .img-wraper .owl-prev svg,
	.roister-single-blog-4 .img-wraper .owl-next svg {
		width: 40px;
		height: 41px;
	}
}

.roister-single-blog-4 .img-wraper .owl-prev {
	left: 0;
}

.roister-single-blog-4 .img-wraper .owl-next {
	right: 0;
}

.roister-single-blog-4 .meta-wraper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
}

.roister-single-blog-4 .meta-wraper .meta-info,
.roister-single-blog-4 .meta-wraper .divider {
	color: var(--white-color);
	font-family: var(--body-font);
	font-size: var(--fz-16);
	font-style: normal;
	font-weight: 400;
	line-height: 152.941%;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.roister-single-blog-4 .meta-wraper a.meta-info {
	color: var(--white-color);
}

.roister-single-blog-4 .meta-wraper a.meta-info:hover {
	color: var(--primary-color);
}

.roister-single-blog-4 .title {
	color: var(--white-color);
	font-family: var(--heading-font);
	font-size: var(--fz-36);
	font-style: normal;
	font-weight: 700;
	line-height: 128.571%;
}

.roister-single-blog-4 .title a {
	font-size: var(--fz-36);
	color: var(--white-color);
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.roister-single-blog-4 .title a:hover {
	color: var(--primary-color);
}

.roister-single-blog-4 .des {
	color: var(--white-color);
	font-family: var(--body-font);
	font-size: var(--fz-16);
	font-style: normal;
	font-weight: 400;
	line-height: 162.5%;
}

.roister-single-blog-5 .img-wraper {
	position: relative;
	width: 100%;
	/* max-height: 509px; */
	height: 100%;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	overflow: hidden;
}

.roister-single-blog-5 .img-wraper img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.roister-single-blog-5 .img-wraper .blog-vdo-icon,
.roister-single-blog-5 .img-wraper .blog-vdo-icon .outline-circle {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 2;
}

@media (max-width: 767.97px) {
	.roister-single-blog-5 .img-wraper .blog-vdo-icon .outline-circle {
		width: 60px;
		height: 60px;
	}
}

.roister-single-blog-5 .img-wraper .blog-vdo-icon .main-circle g path {
	fill: var(--primary-color);
}

@media (max-width: 767.97px) {
	.roister-single-blog-5 .img-wraper .blog-vdo-icon .main-circle {
		width: 40px;
		height: 40px;
	}
}

.roister-single-blog-5 .img-wraper .owl-prev,
.roister-single-blog-5 .img-wraper .owl-next {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 2;
}

@media (max-width: 767.97px) {

	.roister-single-blog-5 .img-wraper .owl-prev svg,
	.roister-single-blog-5 .img-wraper .owl-next svg {
		width: 40px;
		height: 41px;
	}
}

.roister-single-blog-5 .img-wraper .owl-prev {
	left: 0;
}

.roister-single-blog-5 .img-wraper .owl-next {
	right: 0;
}

.roister-single-blog-5 .meta-wraper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
}

.roister-single-blog-5 .meta-wraper .meta-info,
.roister-single-blog-5 .meta-wraper .divider {
	color: var(--white-color);
	font-family: var(--body-font);
	font-size: var(--fz-16);
	font-style: normal;
	font-weight: 400;
	line-height: 152.941%;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.roister-single-blog-5 .meta-wraper a.meta-info {
	color: var(--white-color);
}

.roister-single-blog-5 .meta-wraper a.meta-info:hover {
	color: var(--primary-color);
}

.roister-single-blog-5 .title {
	color: var(--white-color);
	font-family: var(--heading-font);
	font-size: var(--fz-36);
	font-style: normal;
	font-weight: 700;
	line-height: 128.571%;
}

.roister-single-blog-5 .title a {
	color: var(--white-color);
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.roister-single-blog-5 .title a:hover {
	color: var(--primary-color);
}

.roister-single-blog-5 .des {
	color: var(--white-color);
	font-family: var(--body-font);
	font-size: var(--fz-16);
	font-style: normal;
	font-weight: 400;
	line-height: 162.5%;
}

.roister-single-blog-sm-5 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 14px;
}

@media (max-width: 575.97px) {
	.roister-single-blog-sm-5 {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 20px;
	}
}

.roister-single-blog-sm-5 .img-wraper {
	width: 110px;
	height: 110px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border-radius: 50%;
}

@media (max-width: 767.97px) {
	.roister-single-blog-sm-5 .img-wraper {
		width: 90px;
		height: 90px;
	}
}

.roister-single-blog-sm-5 .img-wraper .blog-img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.roister-single-blog-sm-5 .meta-wraper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 20px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.roister-single-blog-sm-5 .meta-wraper .meta-info {
	color: var(--white-color);
	font-family: var(--body-font);
	font-size: var(--fz-16);
	font-style: normal;
	font-weight: 400;
	line-height: 125%;
}

.roister-single-blog-sm-5 .meta-wraper .meta-info svg path {
	fill: var(--primary-color);
}

.roister-single-blog-sm-5 .title {
	font-family: var(--heading-font);
	font-size: var(--fz-18);
	font-style: normal;
	font-weight: 700;
	line-height: 155.556%;
}

.roister-single-blog-sm-5 .title a {
	color: var(--white-color);
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.roister-single-blog-sm-5 .title a:hover {
	color: var(--primary-color);
}

/****************************** 
06. Page Styles
******************************/
/*-------------------------
   6.1 Home Page 1
-------------------------*/
/*---------
hero section 
-----------*/
.roister-hero-section {
	position: relative;
	padding-top: 217px;
	padding-bottom: 217px;
	overflow: hidden;
}

@media (max-width: 1599.97px) {
	.roister-hero-section {
		padding-top: 135px;
	}
}

@media (max-width: 767.97px) {
	.roister-hero-section {
		padding-top: 100px;
		padding-bottom: 170px;
	}
}

.roister-hero-section .hero-shape-1 {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: -1;
	width: 214px;
}

@media (max-width: 1919.97px) {
	.roister-hero-section .hero-shape-1 {
		width: 123px;
	}
}

@media (max-width: 991.97px) {
	.roister-hero-section .hero-shape-1 {
		display: none;
	}
}

.roister-hero-section .hero-shape-2 {
	position: absolute;
	left: 9%;
	top: 50%;
	width: 100px;
}

@media (max-width: 1919.97px) {
	.roister-hero-section .hero-shape-2 {
		width: 70px;
	}
}

@media (max-width: 991.97px) {
	.roister-hero-section .hero-shape-2 {
		display: none;
	}
}

.roister-hero-section .hero-shape-3 {
	position: absolute;
	left: 5%;
	bottom: 0;
	width: 100px;
}

@media (max-width: 1919.97px) {
	.roister-hero-section .hero-shape-3 {
		width: 70px;
	}
}

@media (max-width: 991.97px) {
	.roister-hero-section .hero-shape-3 {
		display: none;
	}
}

.roister-hero-section .hero-contents {
	position: relative;
	z-index: 2;
}

.roister-hero-section .hero-contents .subtitle {
	color: var(--primary-color);
	font-family: var(--heading-font);
	font-size: var(--fz-24);
	font-style: normal;
	font-weight: 500;
	line-height: 133.333%;
	text-transform: capitalize;
	position: relative;
	text-align: center;
}

.roister-hero-section .hero-contents .subtitle svg {
	fill: var(--primary-color);
	margin-right: 30px;
}

@media (max-width: 767.97px) {
	.roister-hero-section .hero-contents .subtitle svg {
		margin-right: 10px;
	}
}

.roister-hero-section .hero-contents .title {
	color: var(--white-color);
	font-family: var(--heading-font);
	font-size: 50px;
	font-style: normal;
	font-weight: 500;
	line-height: 133.333%;
	text-align: center;
}

.roister-hero-section .hero-contents .btn-wraper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 27px;
	justify-content: center;
}

@media (max-width: 575.97px) {
	.roister-hero-section .hero-contents .btn-wraper {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 16px;
	}
}

.roister-hero-section .hero-contents .trip-info-wraper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 18px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.roister-hero-section .hero-contents .trip-info-wraper .icon-wraper {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	background-color: var(--primary-color);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.roister-hero-section .hero-contents .trip-info-wraper .icon-wraper svg {
	width: 25px;
	height: 25px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.roister-hero-section .hero-contents .trip-info-wraper .content-wraper .trip-title,
.roister-hero-section .hero-contents .trip-info-wraper .content-wraper .trip-des {
	color: var(--white-color);
	font-family: var(--heading-font);
	line-height: normal;
	font-style: normal;
}

.roister-hero-section .hero-contents .trip-info-wraper .content-wraper .trip-title {
	font-size: var(--fz-18);
	font-weight: 500;
}

.roister-hero-section .hero-contents .trip-info-wraper .content-wraper .trip-des {
	font-size: 13px;
	font-weight: 400;
}

.roister-hero-section .hero-main-img {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 127px;
	width: 798px;
	-o-object-fit: contain;
	object-fit: contain;
}

@media (max-width: 1919.97px) {
	.roister-hero-section .hero-main-img {
		width: 621px;
	}
}

@media (max-width: 1599.97px) {
	.roister-hero-section .hero-main-img {
		width: 540px;
	}
}

@media (max-width: 1399.97px) {
	.roister-hero-section .hero-main-img {
		width: 500px;
		right: 100px;
	}
}

@media (max-width: 1199.97px) {
	.roister-hero-section .hero-main-img {
		width: 366px;
	}
}

@media (max-width: 991.97px) {
	.roister-hero-section .hero-main-img {
		width: 280px;
		right: 0;
		top: initial;
		bottom: 70px;
		-webkit-transform: initial;
		-ms-transform: initial;
		transform: initial;
	}
}

@media (max-width: 767.97px) {
	.roister-hero-section .hero-main-img {
		opacity: 0.5;
	}
}

.roister-hero-section .book-table-content {
	position: absolute;
	top: 0;
	right: 0;
	width: 127px;
	height: 100%;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	background: var(--bg-black-shade-1);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	overflow: hidden;
}

.roister-hero-section .book-table-content .title {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	color: var(--white-color);
	text-align: center;
	font-family: var(--heading-font);
	font-size: var(--fz-30);
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 4.5px;
	word-wrap: normal;
	text-wrap-mode: nowrap;
	position: relative;
}

.roister-hero-section .book-table-content .title .left-arrow,
.roister-hero-section .book-table-content .title .right-arrow {
	position: absolute;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.roister-hero-section .book-table-content .title .left-arrow {
	left: -150px;
	top: -53px;
}

.roister-hero-section .book-table-content .title .right-arrow {
	right: -150px;
	bottom: -53px;
}

@media (max-width: 1399.97px) {
	.roister-hero-section .book-table-content {
		width: 100px;
	}
}

@media (max-width: 991.97px) {
	.roister-hero-section .book-table-content {
		top: initial;
		bottom: 0;
		height: 70px;
		width: 100%;
	}

	.roister-hero-section .book-table-content .title {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}

.section-subtitle {
	color: var(--primary-color);
	font-style: normal;
	font-weight: 600;
	line-height: 130%;
	letter-spacing: 0.92px;
	text-transform: capitalize;
	font-size: 15px;
}

.section-title {
	color: var(--white-color);
	font-style: normal;
	font-weight: 800;
	line-height: 130%;
	letter-spacing: 1.92px;
	text-transform: capitalize;
	font-size: 30px;
}

.section-title span {
	color: var(--primary-color);
}

/*---------
about section 
-----------*/
.roister-about-section {
	position: relative;
	overflow: hidden;
}

.roister-about-section .about-shape {
	width: 244px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
}

@media (max-width: 1799.97px) {
	.roister-about-section .about-shape {
		width: 220px;
		right: -50px;
	}
}

@media (max-width: 1599.97px) {
	.roister-about-section .about-shape {
		display: none;
	}
}

.roister-about-section .main-img {
	/* width: 580px; */
	/* height: 770px; */
	-ms-flex-negative: 0;
	flex-shrink: 0;
	/* aspect-ratio: 580/770; */
}

@media (max-width: 991.97px) {
	.roister-about-section .main-img {
		width: 100%;
		height: 500px;
		-o-object-fit: cover;
		object-fit: cover;
	}
}

.roister-about-section .contents-wraper {
	position: relative;
}

.roister-about-section .contents-wraper .about-img-1 {
	position: absolute;
	right: 0;
	top: 35%;
	width: 172px;
	height: 169px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	aspect-ratio: 172 / 169;
	z-index: 1;
}

@media (max-width: 1399.97px) {
	.roister-about-section .contents-wraper .about-img-1 {
		width: 152px;
		height: 149px;
		aspect-ratio: 152/149;
	}
}

@media (max-width: 1199.97px) {
	.roister-about-section .contents-wraper .about-img-1 {
		top: 45%;
		width: 102px;
		height: 99px;
		aspect-ratio: 102/99;
	}
}

.roister-about-section .contents-wraper .about-img-2 {
	width: 634px;
	height: 325px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	aspect-ratio: 634/325;
}

@media (max-width: 1399.97px) {
	.roister-about-section .contents-wraper .about-img-2 {
		height: 352px;
		aspect-ratio: 634/352;
	}
}

@media (max-width: 1199.97px) {
	.roister-about-section .contents-wraper .about-img-2 {
		height: 287px;
		aspect-ratio: 634/287;
	}
}

/*---------
roister-banner-section
-----------*/
.roister-banner-section {
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

/*---------
best dishes section 
-----------*/
.roister-best-dishes-section {
	position: relative;
	overflow: hidden;
}

.roister-best-dishes-section .shape-1,
.roister-best-dishes-section .shape-2,
.roister-best-dishes-section .shape-3,
.roister-best-dishes-section .shape-4 {
	position: absolute;
	z-index: -1;
}

@media (max-width: 767.97px) {

	.roister-best-dishes-section .shape-1,
	.roister-best-dishes-section .shape-2,
	.roister-best-dishes-section .shape-3,
	.roister-best-dishes-section .shape-4 {
		display: none;
	}
}

.roister-best-dishes-section .shape-1 {
	width: 335px;
	top: -13%;
	left: 0;
}

.roister-best-dishes-section .shape-2 {
	width: 221px;
	top: 6%;
	right: -35px;
}

.roister-best-dishes-section .shape-3 {
	width: 189px;
	bottom: 0;
	left: 0;
}

.roister-best-dishes-section .shape-4 {
	width: 221px;
	bottom: 0;
	right: 0px;
}

/*---------
roister-newsletter-area 
-----------*/
.roister-newsletter-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 30px;
}

@media (max-width: 1399.97px) {
	.roister-newsletter-area {
		gap: 24px;
	}
}

@media (max-width: 991.97px) {
	.roister-newsletter-area {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

.roister-newsletter-area .cta-card {
	width: 30%;
	height: 577px;
	padding: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: var(--bg-black-shade-2);
}

@media (max-width: 1399.97px) {
	.roister-newsletter-area .cta-card {
		width: 33.33%;
	}
}

@media (max-width: 991.97px) {
	.roister-newsletter-area .cta-card {
		width: calc(50% - 12px);
	}
}

@media (max-width: 767.97px) {
	.roister-newsletter-area .cta-card {
		width: 100%;
		height: initial;
	}
}

.roister-newsletter-area .cta-card .news-letter-img {
	max-width: 365px;
	max-height: 386px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.roister-newsletter-area .cta-calling-card {
	background-color: var(--primary-color);
	width: 28%;
	height: 577px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

@media (max-width: 1399.97px) {
	.roister-newsletter-area .cta-calling-card {
		width: 33.33%;
	}
}

@media (max-width: 991.97px) {
	.roister-newsletter-area .cta-calling-card {
		width: calc(50% - 12px);
	}
}

@media (max-width: 767.97px) {
	.roister-newsletter-area .cta-calling-card {
		padding: 40px;
		width: 100%;
		height: initial;
	}
}

.roister-newsletter-area .cta-calling-card .title {
	color: var(--white-color);
	text-align: center;
	font-family: var(--heading-font);
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: uppercase;
	max-width: 329px;
}

.roister-newsletter-area .cta-calling-card .subtitle {
	color: var(--white-color);
	text-align: center;
	font-family: var(--nothing-font);
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
}

.roister-newsletter-area .main-news-letter-card {
	padding: 50px 50px;
	width: 42%;
	background-color: var(--bg-black-shade-2);
	height: 577px;
}

@media (max-width: 1399.97px) {
	.roister-newsletter-area .main-news-letter-card {
		width: 33.33%;
	}
}

@media (max-width: 1199.97px) {
	.roister-newsletter-area .main-news-letter-card {
		padding: 24px;
	}
}

@media (max-width: 991.97px) {
	.roister-newsletter-area .main-news-letter-card {
		width: 100%;
		height: initial;
	}
}

.roister-newsletter-area .main-news-letter-card .main-img {
	border-radius: 8px;
	height: 470px;
}

@media (max-width: 1599.97px) {
	.roister-newsletter-area .main-news-letter-card .main-img {
		/* height: 300px; */
	}
}

.roister-newsletter-area .main-news-letter-card .btm-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 20px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

@media (max-width: 1599.97px) {
	.roister-newsletter-area .main-news-letter-card .btm-area {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

.roister-newsletter-area .main-news-letter-card .btm-area .title {
	width: 233px;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.roister-newsletter-area .main-news-letter-card .form-wraper {
	position: relative;
}

.roister-newsletter-area .main-news-letter-card .form-wraper input {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 426px;
	height: 54px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border-radius: 4px;
	border: 1px solid var(--primary-color);
	padding: 8px 167px 8px 16px;
	background-color: var(--bg-black-shade-2);
	color: var(--white-color);
}

@media (max-width: 1199.97px) {
	.roister-newsletter-area .main-news-letter-card .form-wraper input {
		padding: 8px 100px 8px 16px;
	}
}

.roister-newsletter-area .main-news-letter-card .form-wraper input::-webkit-input-placeholder {
	color: var(--white-color);
}

.roister-newsletter-area .main-news-letter-card .form-wraper input:-ms-input-placeholder {
	color: var(--white-color);
}

.roister-newsletter-area .main-news-letter-card .form-wraper input::-ms-input-placeholder {
	color: var(--white-color);
}

.roister-newsletter-area .main-news-letter-card .form-wraper input::placeholder {
	color: var(--white-color);
}

.roister-newsletter-area .main-news-letter-card .form-wraper .primary-btn {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 8px;
}

/*---------
roister-team-section
-----------*/
.roister-team-section {
	position: relative;
}

.roister-team-section .shape-1 {
	width: 228px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

@media (max-width: 1399.97px) {
	.roister-team-section .shape-1 {
		width: 200px;
	}
}

@media (max-width: 767.97px) {
	.roister-team-section .shape-1 {
		display: none;
	}
}

.roister-team-section .shape-2 {
	width: 164px;
	position: absolute;
	top: 60px;
	right: 0;
	z-index: -1;
	-webkit-animation: bounce 3s infinite ease-in-out;
	-o-animation: bounce 3s infinite ease-in-out;
	-ms-animation: bounce 3s infinite ease-in-out;
	-moz-animation: bounce 3s infinite ease-in-out;
	animation: bounce 3s infinite ease-in-out;
}

@media (max-width: 1399.97px) {
	.roister-team-section .shape-2 {
		width: 210px;
	}
}

@media (max-width: 767.97px) {
	.roister-team-section .shape-2 {
		display: none;
	}
}

.roister-banner-slider-wraper .img-wraper::after,
.roister-banner-slider-wraper .img-wraper::before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	background: var(--white-color);
	-webkit-transform-origin: 90%;
	-ms-transform-origin: 90%;
	transform-origin: 90%;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.roister-banner-slider-wraper .img-wraper::before {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
}

.roister-banner-slider-wraper .img-wraper::after {
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
}

.roister-banner-slider-wraper .img-wraper:hover::before {
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	opacity: 0.5;
}

.roister-banner-slider-wraper .img-wraper:hover::after {
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	opacity: 0.5;
}

/*---------
roister-home-faq-section
-----------*/
.roister-home-faq-section {
	position: relative;
	overflow: hidden;
}

.roister-home-faq-section .faq-shape1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 238px;
	z-index: -1;
}

@media (max-width: 1399.97px) {
	.roister-home-faq-section .faq-shape1 {
		width: 138px;
		left: -60px;
	}
}

.roister-home-faq-section .faq-shape2 {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 238px;
	z-index: -1;
}

@media (max-width: 1399.97px) {
	.roister-home-faq-section .faq-shape2 {
		width: 168px;
	}
}

/*---------
roister-ticker-wraper
-----------*/
.roister-ticker-wraper .ticker-wraper {
	overflow: hidden;
}

.roister-ticker-wraper .hero-carousel-wraper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	gap: 30px;
}

.roister-ticker-wraper .hero-carousel-wraper.left-ticker {
	-webkit-animation: ticker-left 0s linear infinite 0s normal;
	animation: ticker-left 0s linear infinite 0s normal;
	-webkit-animation-duration: 200s;
	animation-duration: 200s;
}

.roister-ticker-wraper .hero-carousel-wraper.right-ticker {
	-webkit-animation: ticker-right 0s linear infinite 0s normal;
	animation: ticker-right 0s linear infinite 0s normal;
	-webkit-animation-duration: 200s;
	animation-duration: 200s;
}

.roister-ticker-wraper .hero-carousel-wraper:hover {
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
}

.roister-ticker-wraper .hero-carousel-wraper .title,
.roister-ticker-wraper .hero-carousel-wraper .title-2 {
	font-family: var(--default-font);
	text-transform: uppercase;
	font-size: var(--fz-100);
	line-height: 69%;
	font-style: normal;
	padding: 4px;
}

.roister-ticker-wraper .hero-carousel-wraper .title {
	color: var(--white-color);
	font-weight: 400;
}

.roister-ticker-wraper .hero-carousel-wraper .title-2 {
	background: transparent;
	outline: none;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: var(--primary-color);
	font-weight: 700;
}

/*---------
roister-testimonial-section
-----------*/
.roister-testimonial-section {
	padding-bottom: 200px !important;
	position: relative;
	overflow: hidden;
}

.roister-testimonial-section .shape-1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 238px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	z-index: -1;
}

@media (max-width: 1399.97px) {
	.roister-testimonial-section .shape-1 {
		width: 138px;
	}
}

@media (max-width: 767.97px) {
	.roister-testimonial-section .shape-1 {
		width: 90px;
		left: -30px;
	}
}

.roister-testimonial-section .shape-2 {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 238px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	z-index: -1;
}

@media (max-width: 1399.97px) {
	.roister-testimonial-section .shape-2 {
		width: 138px;
	}
}

@media (max-width: 767.97px) {
	.roister-testimonial-section .shape-2 {
		width: 90px;
		right: -30px;
	}
}

@media (max-width: 767.97px) {
	.roister-testimonial-section {
		padding-bottom: 180px !important;
	}
}

.roister-testimonial-section .roister-testi-slider-wraper .roister-single-testimonial {
	padding: 0px 90px;
}

@media (max-width: 991.97px) {
	.roister-testimonial-section .roister-testi-slider-wraper .roister-single-testimonial {
		padding: 0px 40px;
	}
}

@media (max-width: 767.97px) {
	.roister-testimonial-section .roister-testi-slider-wraper .roister-single-testimonial {
		padding: 0px 20px;
	}
}

.roister-testimonial-section .owl-theme .owl-dots {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 8px;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: -110px;
	background: var(--white-color);
	border: 2px dashed var(--primary-color);
	height: 40px;
	border-radius: 40px;
	padding: 0 24px;
}

.roister-testimonial-section .owl-theme .owl-dots .owl-dot.active span {
	background: var(--primary-color) !important;
}

.roister-testimonial-section .owl-theme .owl-dots .owl-dot span {
	width: 15px;
	height: 15px;
	background: var(--white-color) !important;
	border: 2px solid var(--primary-color);
}

.roister-testimonial-section .owl-item.active .roister-single-testimonial .img-wraper {
	-webkit-animation: 1.5s zoomIn;
	animation: 1.5s zoomIn;
}

.roister-testimonial-section .owl-item.active .roister-single-testimonial .des {
	-webkit-animation: 1.5s fadeInUp;
	animation: 1.5s fadeInUp;
}

.roister-testimonial-section .owl-item.active .roister-single-testimonial .btm-wraper {
	-webkit-animation: 1.5s fadeInUp;
	animation: 1.5s fadeInUp;
}

/*---------
roister-photo-gallery-section
-----------*/
.roister-photo-gallery-section {
	background-attachment: fixed;
	padding: 215px 0px;
	overflow: hidden;
	position: relative;
}

@media (max-width: 1799.97px) {
	.roister-photo-gallery-section {
		padding: 180px 0px;
	}
}

@media (max-width: 1599.97px) {
	.roister-photo-gallery-section {
		padding: 120px 0px;
	}
}

@media (max-width: 1399.97px) {
	.roister-photo-gallery-section {
		padding: 80px 0px;
	}
}

@media (max-width: 1199.97px) {
	.roister-photo-gallery-section {
		padding: 80px 0px;
	}
}

.roister-photo-gallery-section .contents-wraper {
	padding-right: 64px;
}

@media (max-width: 1399.97px) {
	.roister-photo-gallery-section .contents-wraper {
		padding-right: 24px;
	}
}

@media (max-width: 991.97px) {
	.roister-photo-gallery-section .contents-wraper {
		padding-right: initial;
	}
}

.roister-photo-gallery-section .slider-col {
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media (max-width: 991.97px) {
	.roister-photo-gallery-section .slider-col {
		position: initial;
		-webkit-transform: initial;
		-ms-transform: initial;
		transform: initial;
	}
}

.roister-photo-gallery-section .slider-col .owl-stage {
	padding-left: 0px !important;
}

/*---------
roister-blog-section
-----------*/
.roister-blog-section {
	position: relative;
	overflow: hidden;
}

.roister-blog-section .shape-1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 238px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	z-index: -1;
}

@media (max-width: 1799.97px) {
	.roister-blog-section .shape-1 {
		width: 138px;
	}
}

@media (max-width: 1199.97px) {
	.roister-blog-section .shape-1 {
		top: -30px;
		left: -60px;
	}
}

@media (max-width: 991.97px) {
	.roister-blog-section .shape-1 {
		width: 90px;
	}
}

.roister-blog-section .shape-2 {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 238px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	z-index: -1;
}

@media (max-width: 1799.97px) {
	.roister-blog-section .shape-2 {
		width: 138px;
	}
}

@media (max-width: 991.97px) {
	.roister-blog-section .shape-2 {
		width: 90px;
		right: -30px;
	}
}

.roister-blog-section .blog-list .roister-single-blog-2:not(:first-child) {
	padding-top: 24px;
}

.roister-blog-section .blog-list .roister-single-blog-2:not(:last-child) {
	border-bottom: 1px solid rgba(255, 255, 255, 0.55);
	padding-bottom: 24px;
}

/*-------------------------
   6.2 Home Page 2
-------------------------*/
/*---------
roister-hero-section-2
-----------*/
.roister-hero-section-2 {
	overflow: hidden;
	padding-top: 160px;
}

@media (max-width: 991.97px) {
	.roister-hero-section-2 {
		padding-top: 130px;
	}
}

.roister-hero-section-2 .title {
	color: var(--white-color);
	text-align: center;
	font-family: var(--heading-font);
	font-size: 130px;
	font-style: normal;
	font-weight: 600;
	line-height: 100%;
}

@media (max-width: 1599.97px) {
	.roister-hero-section-2 .title {
		font-size: 120px;
	}
}

@media (max-width: 1399.97px) {
	.roister-hero-section-2 .title {
		font-size: 95px;
	}
}

@media (max-width: 1199.97px) {
	.roister-hero-section-2 .title {
		font-size: 76px;
	}
}

@media (max-width: 991.97px) {
	.roister-hero-section-2 .title {
		font-size: 70px;
	}
}

@media (max-width: 767.97px) {
	.roister-hero-section-2 .title {
		font-size: 52px;
	}
}

.roister-hero-section-2 .thumb {
	max-width: 830px;
	max-height: 627px;
	width: 100%;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-o-object-fit: contain;
	object-fit: contain;
	/* margin: 0 auto; */
	margin-top: 300px;
}

@media (max-width: 1599.97px) {
	.roister-hero-section-2 .thumb {
		max-width: 1000px;
	}
}

@media (max-width: 1199.97px) {
	.roister-hero-section-2 .thumb {
		max-width: 460px;
	}
}

@media (max-width: 991.97px) {
	.roister-hero-section-2 .thumb {
		max-width: 400px;
	}
}

.roister-hero-section-2 .shape1,
.roister-hero-section-2 .shape2,
.roister-hero-section-2 .shape3 {
	position: absolute;
}

@media (max-width: 1199.97px) {

	.roister-hero-section-2 .shape1,
	.roister-hero-section-2 .shape2,
	.roister-hero-section-2 .shape3 {
		-webkit-transform: scale(0.6);
		-ms-transform: scale(0.6);
		transform: scale(0.6);
	}
}

@media (max-width: 575.97px) {

	.roister-hero-section-2 .shape1,
	.roister-hero-section-2 .shape2,
	.roister-hero-section-2 .shape3 {
		display: none;
	}
}

.roister-hero-section-2 .shape1 {
	width: 199px;
	height: 165px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	left: -17%;
	bottom: 34%;
}

@media (max-width: 1799.97px) {
	.roister-hero-section-2 .shape1 {
		left: -10%;
	}
}

@media (max-width: 1599.97px) {
	.roister-hero-section-2 .shape1 {
		left: 0;
	}
}

@media (max-width: 767.97px) {
	.roister-hero-section-2 .shape1 {
		left: -17%;
	}
}

.roister-hero-section-2 .shape2 {
	width: 173px;
	height: 111px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	top: 10%;
	right: -10%;
}

@media (max-width: 1599.97px) {
	.roister-hero-section-2 .shape2 {
		right: -4%;
	}
}

.roister-hero-section-2 .shape3 {
	width: 121px;
	height: 127px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	bottom: 12%;
	right: 4%;
}

@media (max-width: 767.97px) {
	.roister-hero-section-2 .shape3 {
		right: -8%;
	}
}

/*---------
roister-hm2-cta-section
-----------*/
.roister-hm2-cta-section {
	position: relative;
}

.roister-hm2-cta-section .cta-shape {
	width: 244px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
}

@media (max-width: 1799.97px) {
	.roister-hm2-cta-section .cta-shape {
		width: 220px;
		right: -50px;
	}
}

@media (max-width: 1599.97px) {
	.roister-hm2-cta-section .cta-shape {
		display: none;
	}
}

.roister-hm2-cta-section .content-wraper {
	text-align: center;
}

.roister-hm2-cta-section .content-wraper .date-time-des {
	color: var(--white-color);
	text-align: center;
	font-family: var(--heading-font);
	font-size: var(--fz-16);
	font-style: normal;
	font-weight: 500;
	line-height: 166.688%;
}

.roister-hm2-cta-section .content-wraper .contact-link {
	color: var(--primary-color);
	text-align: center;
	font-family: var(--heading-font);
	font-size: var(--fz-24);
	font-style: normal;
	font-weight: 500;
	line-height: 166.667%;
	-webkit-text-decoration-line: underline;
	text-decoration-line: underline;
	-webkit-text-decoration-style: solid;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}

.roister-hm2-cta-section .cta-img1 {
	max-width: 369px;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	margin-left: auto;
	margin-right: auto;
	border-radius: 30px;
}

.roister-hm2-cta-section .cta-img2 {
	max-width: 369px;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	margin-left: auto;
	margin-right: auto;
	border-radius: 30px;
}

.roister-hm2-cta-section .img-vdo-wraper {
	position: relative;
	width: 239px;
	margin: 0 auto;
}

.roister-hm2-cta-section .img-vdo-wraper .shape {
	position: absolute;
	top: -37px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.roister-hm2-cta-section .img-vdo-wraper .vdo-play-btn {
	position: absolute;
	bottom: 102px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 3;
}

.roister-hm2-cta-section .img-vdo-wraper .vdo-play-btn img {
	width: 86px;
	height: 86px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-o-object-fit: contain;
	object-fit: contain;
}

.roister-hm2-cta-section .img-vdo-wraper .cta-img3 {
	width: 239px;
	height: 290px;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 30px;
}

/*---------
roister-hm2-fav-cat-section
-----------*/
.roister-hm2-fav-cat-section {
	position: relative;
	overflow: hidden;
}

.roister-hm2-fav-cat-section .shape-1,
.roister-hm2-fav-cat-section .shape-2 {
	position: absolute;
	z-index: -1;
}

@media (max-width: 767.97px) {

	.roister-hm2-fav-cat-section .shape-1,
	.roister-hm2-fav-cat-section .shape-2 {
		display: none;
	}
}

.roister-hm2-fav-cat-section .shape-1 {
	width: 335px;
	top: 5%;
	left: 0;
}

.roister-hm2-fav-cat-section .shape-2 {
	width: 221px;
	top: 6%;
	right: -35px;
}

.roister-hm2-fav-cat-section .cat-row .col-12:nth-child(even) .roister-single-category {
	height: 373px;
}

/*---------
roister-hm2-upcoming-event-section
-----------*/
.roister-hm2-upcoming-event-section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	position: relative;
	overflow: hidden;
}

.roister-hm2-upcoming-event-section .shape-1 {
	position: absolute;
	width: 221px;
	bottom: -6%;
	right: -35px;
}

@media (max-width: 991.97px) {
	.roister-hm2-upcoming-event-section {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

.roister-hm2-upcoming-event-section .left-side {
	width: 50%;
	position: relative;
	background-position: center;
	background-attachment: fixed;
}

@media (max-width: 991.97px) {
	.roister-hm2-upcoming-event-section .left-side {
		width: 100%;
		height: 400px;
	}
}

.roister-hm2-upcoming-event-section .left-side .left-img {
	width: 100%;
	height: 100%;
}

.roister-hm2-upcoming-event-section .left-side .vdo-icon-wraper {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 214px;
	height: 355px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border: 3px solid #f39c12;
	background: rgba(255, 255, 255, 0.2);
	-webkit-backdrop-filter: blur(7.5px);
	backdrop-filter: blur(7.5px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

@media (max-width: 991.97px) {
	.roister-hm2-upcoming-event-section .left-side .vdo-icon-wraper {
		width: 150px;
		height: 150px;
	}
}

.roister-hm2-upcoming-event-section .right-side {
	background-position: bottom right;
	background-attachment: fixed;
	width: 50%;
	position: relative;
	padding-top: 80px;
	padding-bottom: 80px;
	padding-left: 66px;
}

@media (max-width: 991.97px) {
	.roister-hm2-upcoming-event-section .right-side {
		width: 100%;
		padding: 80px 24px;
	}
}

.roister-hm2-upcoming-event-section .right-side .inner-container {
	max-width: 445px;
	width: 100%;
}

.roister-hm2-upcoming-event-section .right-side .right-img {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: -1;
}

.roister-hm2-upcoming-event-section .right-side .events-wraper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 30px;
}

.roister-hm2-upcoming-event-section .right-side .events-wraper .single-event-wraper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 30px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.roister-hm2-upcoming-event-section .right-side .events-wraper .single-event-wraper .event-left-side {
	width: 85px;
	height: 86px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border-radius: 3px;
	border: 1px solid var(--primary-color);
	background: #0f2928;
	position: relative;
}

.roister-hm2-upcoming-event-section .right-side .events-wraper .single-event-wraper .event-left-side .date-no {
	color: var(--white-color);
	text-align: center;
	font-family: var(--heading-font);
	font-size: var(--fz-30);
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	padding-top: 6px;
}

.roister-hm2-upcoming-event-section .right-side .events-wraper .single-event-wraper .event-left-side .date {
	display: block;
	width: 100%;
	height: 30px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border-radius: 0px 0px 3px 3px;
	background: var(--primary-color);
	color: var(--white-color);
	text-align: center;
	font-family: var(--body-font);
	font-size: var(--fz-12, 12px);
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	bottom: 0;
	left: 0;
}

/*---------
roister-hm2-best-menus-section
-----------*/
.roister-hm2-best-menus-section {
	position: relative;
}

.roister-hm2-best-menus-section .shape-1 {
	width: 164px;
	height: 223px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	aspect-ratio: 364/523;
	position: absolute;
	right: 0;
	bottom: -10%;
	opacity: 0.4;
	z-index: -1;
}

.roister-hm2-best-menus-section .shape-2 {
	width: 138px;
	height: 252px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	aspect-ratio: 169/226;
	position: absolute;
	left: 0;
	bottom: 10%;
	opacity: 0.4;
	z-index: -1;
}

@media (max-width: 991.97px) {
	.roister-hm2-best-menus-section .shape-2 {
		display: none;
	}
}

.roister-hm2-best-menus-section .left-side {
	text-align: center;
}

.roister-hm2-best-menus-section .left-side img {
	width: 100%;
	height: 469px;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 8px;
}

.roister-hm2-best-menus-section .left-side .link {
	color: var(--primary-color);
	font-family: var(--body-font);
	font-size: var(--fz-24);
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	-webkit-text-decoration-line: underline;
	text-decoration-line: underline;
	-webkit-text-decoration-style: solid;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
	text-align: center;
}

.roister-hm2-best-menus-section .menu-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 8px;
}

.roister-hm2-best-menus-section .menu-list .single-menu-list h4 {
	color: var(--white-color);
	font-family: var(--heading-font);
	font-size: var(--fz-30);
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 8px;
}

.roister-hm2-best-menus-section .menu-list .single-menu-list p {
	color: var(--white-color);
	font-family: var(--body-font);
	font-size: var(--fz-16);
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 4px;
}

.roister-hm2-best-menus-section .menu-list .single-menu-list .price-wraper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 8px;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.roister-hm2-best-menus-section .menu-list .single-menu-list .price-wraper .dotted {
	display: block;
	width: 100%;
	height: 1px;
	border-top: 1px dashed #282828;
}

.roister-hm2-best-menus-section .menu-list .single-menu-list .price-wraper .price {
	color: var(--primary-color);
	font-family: var(--heading-font);
	font-size: var(--fz-24);
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.roister-hm2-best-menus-section .right-side p {
	color: var(--primary-color);
	font-family: var(--body-font);
	font-size: var(--fz-24);
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.roister-hm2-best-menus-section .right-side img {
	width: 100%;
	/* height: 548px; */
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 8px;
}

/*---------
roister-hm2-reservation-form
-----------*/
.roister-hm2-reservation-form {
	background-position: center;
	background-attachment: fixed;
	position: relative;
	overflow: hidden;
}

@media (max-width: 575.97px) {
	.roister-hm2-reservation-form {
		padding: 60px 24px;
	}
}

.roister-hm2-reservation-form::after {
	content: "";
	width: 1290px;
	height: 1290px;
	border-radius: 50%;
	background-color: var(--primary-color);
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

@media (max-width: 1399.97px) {
	.roister-hm2-reservation-form::after {
		width: 1090px;
		height: 1090px;
	}
}

@media (max-width: 1199.97px) {
	.roister-hm2-reservation-form::after {
		width: 950px;
		height: 950px;
	}
}

@media (max-width: 991.97px) {
	.roister-hm2-reservation-form::after {
		width: 750px;
		height: 750px;
	}
}

@media (max-width: 767.97px) {
	.roister-hm2-reservation-form::after {
		border-radius: 30px;
		width: calc(100% - 80px);
		height: calc(100% - 80px);
	}
}

@media (max-width: 575.97px) {
	.roister-hm2-reservation-form::after {
		display: none;
	}
}

.roister-hm2-reservation-form .reservation-form-wraper {
	padding: 120px 200px;
	overflow: hidden;
	position: relative;
	z-index: 2;
	text-align: center;
}

@media (max-width: 1199.97px) {
	.roister-hm2-reservation-form .reservation-form-wraper {
		padding: 120px 160px;
	}
}

@media (max-width: 991.97px) {
	.roister-hm2-reservation-form .reservation-form-wraper {
		padding: 120px 120px;
	}
}

@media (max-width: 767.97px) {
	.roister-hm2-reservation-form .reservation-form-wraper {
		padding: 100px 40px;
	}
}

@media (max-width: 575.97px) {
	.roister-hm2-reservation-form .reservation-form-wraper {
		padding: 40px 24px;
		background-color: var(--primary-color);
		border-radius: 10px;
	}
}

.roister-hm2-reservation-form .reservation-form-wraper .input-wraper .input {
	padding: 14px 0px;
	color: var(--white-color);
	font-family: var(--body-font);
	font-size: var(--fz-16);
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	width: 100%;
	background-color: var(--primary-color);
	border-bottom: 1px dashed var(--white-color);
}

.roister-hm2-reservation-form .reservation-form-wraper .input-wraper .input::-webkit-input-placeholder {
	color: var(--white-color);
}

.roister-hm2-reservation-form .reservation-form-wraper .input-wraper .input:-ms-input-placeholder {
	color: var(--white-color);
}

.roister-hm2-reservation-form .reservation-form-wraper .input-wraper .input::-ms-input-placeholder {
	color: var(--white-color);
}

.roister-hm2-reservation-form .reservation-form-wraper .input-wraper .input::placeholder {
	color: var(--white-color);
}

.roister-hm2-reservation-form .reservation-form-wraper .input-wraper input[type="date"],
.roister-hm2-reservation-form .reservation-form-wraper .input-wraper input[type="time"] {
	color-scheme: light dark;
	/* hints browser to use dark icons if supported */
}

/*---------
roister-hm2-package-section
-----------*/
.roister-hm2-package-section {
	position: relative;
	overflow: hidden;
}

.roister-hm2-package-section .shape-1 {
	position: absolute;
	z-index: -1;
	width: 221px;
	top: 6%;
	right: -35px;
}

@media (max-width: 767.97px) {
	.roister-hm2-package-section .shape-1 {
		display: none;
	}
}

/*---------
roister-hm2-gallery
-----------*/
.roister-hm2-gallery .owl-theme .owl-nav.disabled+.owl-dots {
	margin-top: 60px;
}

.roister-hm2-gallery .owl-theme .owl-dots {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 0px;
}

.roister-hm2-gallery .owl-theme .owl-dots .owl-dot.active span {
	width: 20px;
	height: 20px;
	background: var(--primary-color) !important;
}

.roister-hm2-gallery .owl-theme .owl-dots .owl-dot.active span::after {
	content: initial;
}

.roister-hm2-gallery .owl-theme .owl-dots .owl-dot span {
	width: 15px;
	height: 15px;
	background: #8b420e !important;
}

.roister-hm2-gallery .owl-theme .owl-dots .owl-dot span::after {
	content: initial;
}

/*---------
roister-hm2-testimonial-section
-----------*/
.roister-hm2-testimonial-section {
	position: relative;
	overflow: hidden;
}

.roister-hm2-testimonial-section .shape-1 {
	position: absolute;
	z-index: -1;
	width: 221px;
	top: -14%;
	right: -35px;
	opacity: 0.4;
}

@media (max-width: 767.97px) {
	.roister-hm2-testimonial-section .shape-1 {
		display: none;
	}
}

.roister-hm2-testimonial-section .shape-2 {
	position: absolute;
	z-index: -1;
	width: 306px;
	bottom: 6%;
	right: -35px;
	opacity: 0.4;
}

@media (max-width: 767.97px) {
	.roister-hm2-testimonial-section .shape-2 {
		display: none;
	}
}

.roister-hm2-testimonial-section .owl-theme .owl-nav.disabled+.owl-dots {
	margin-top: 60px;
}

.roister-hm2-testimonial-section .owl-theme .owl-dots {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 0px;
}

.roister-hm2-testimonial-section .owl-theme .owl-dots .owl-dot.active span {
	width: 20px;
	height: 20px;
	background: var(--primary-color) !important;
}

.roister-hm2-testimonial-section .owl-theme .owl-dots .owl-dot.active span::after {
	content: initial;
}

.roister-hm2-testimonial-section .owl-theme .owl-dots .owl-dot span {
	width: 15px;
	height: 15px;
	background: #8b420e !important;
}

.roister-hm2-testimonial-section .owl-theme .owl-dots .owl-dot span::after {
	content: initial;
}

.roister-hm2-testimonial-section .owl-item.active .roister-single-hm2-testimonial .top-area .user-box .img-wraper {
	-webkit-animation: 1.5s zoomIn;
	animation: 1.5s zoomIn;
}

.roister-hm2-testimonial-section .owl-item.active .roister-single-hm2-testimonial .user-content {
	-webkit-animation: 1.5s fadeInUp;
	animation: 1.5s fadeInUp;
}

.roister-hm2-testimonial-section .owl-item.active .roister-single-hm2-testimonial .rating-wraper {
	-webkit-animation: 1.5s fadeInUp;
	animation: 1.5s fadeInUp;
}

.roister-hm2-testimonial-section .owl-item.active .btm-area {
	-webkit-animation: 1.5s fadeInUp;
	animation: 1.5s fadeInUp;
}

/*---------
roister-blog-section-2
-----------*/
.roister-blog-section-2 {
	position: relative;
	overflow: hidden;
}

.roister-blog-section-2 .shape-1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 238px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	z-index: -1;
}

@media (max-width: 1799.97px) {
	.roister-blog-section-2 .shape-1 {
		width: 138px;
	}
}

@media (max-width: 1199.97px) {
	.roister-blog-section-2 .shape-1 {
		top: -30px;
		left: -60px;
	}
}

@media (max-width: 991.97px) {
	.roister-blog-section-2 .shape-1 {
		width: 90px;
	}
}

.roister-blog-section-2 .shape-2 {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 238px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	z-index: -1;
}

@media (max-width: 1799.97px) {
	.roister-blog-section-2 .shape-2 {
		width: 138px;
	}
}

@media (max-width: 991.97px) {
	.roister-blog-section-2 .shape-2 {
		width: 90px;
		right: -30px;
	}
}

/*-------------------------
   6.3 About Page
-------------------------*/
.roister-about-vdo-section {
	background-attachment: fixed;
	height: 690px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

@media (max-width: 767.97px) {
	.roister-about-vdo-section {
		height: 450px;
	}
}

.roister-about-vdo-section .circle-btn {
	width: 205px;
	height: 205px;
}

@media (max-width: 1199.97px) {
	.roister-about-vdo-section .circle-btn {
		width: 150px;
		height: 150px;
	}
}

@media (max-width: 991.97px) {
	.roister-about-vdo-section .circle-btn {
		width: 120px;
		height: 120px;
	}
}

@media (max-width: 767.97px) {
	.roister-about-vdo-section .circle-btn {
		width: 86px;
		height: 86px;
	}
}

/*---------
6.4 Reservation Page
-----------*/
.roister-reservation-pg-form {
	position: relative;
	overflow: hidden;
}

@media (max-width: 575.97px) {
	.roister-reservation-pg-form {
		padding: 60px 24px;
	}
}

.roister-reservation-pg-form .reservation-form-wraper {
	padding: 120px 200px;
	overflow: hidden;
	position: relative;
	z-index: 2;
	text-align: center;
}

@media (max-width: 1199.97px) {
	.roister-reservation-pg-form .reservation-form-wraper {
		padding: 120px 160px;
	}
}

@media (max-width: 991.97px) {
	.roister-reservation-pg-form .reservation-form-wraper {
		padding: 120px 120px;
	}
}

@media (max-width: 767.97px) {
	.roister-reservation-pg-form .reservation-form-wraper {
		padding: 100px 40px;
	}
}

@media (max-width: 575.97px) {
	.roister-reservation-pg-form .reservation-form-wraper {
		padding: 40px 0px;
		border-radius: 10px;
	}
}

.roister-reservation-pg-form .reservation-form-wraper .input-wraper .input {
	padding: 14px 0px;
	color: var(--white-color);
	font-family: var(--body-font);
	font-size: var(--fz-16);
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	width: 100%;
	background-color: transparent;
	border-bottom: 1px dashed var(--white-color);
	text-transform: capitalize;
}

.roister-reservation-pg-form .reservation-form-wraper .input-wraper .input::-webkit-input-placeholder {
	color: var(--white-color);
}

.roister-reservation-pg-form .reservation-form-wraper .input-wraper .input:-ms-input-placeholder {
	color: var(--white-color);
}

.roister-reservation-pg-form .reservation-form-wraper .input-wraper .input::-ms-input-placeholder {
	color: var(--white-color);
}

.roister-reservation-pg-form .reservation-form-wraper .input-wraper .input::placeholder {
	color: var(--white-color);
}

.roister-reservation-pg-form .reservation-form-wraper .input-wraper input[type="date"],
.roister-reservation-pg-form .reservation-form-wraper .input-wraper input[type="time"] {
	color-scheme: light dark;
	/* hints browser to use dark icons if supported */
}

/*---------
6.5 Single Chef
-----------*/
.roister-chef-intro-section .main-img {
	border: 1px solid var(--primary-color);
}

.roister-chef-intro-section ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 8px;
	font-size: var(--fz-16);
	font-style: normal;
	font-weight: 500;
	line-height: 175%;
	letter-spacing: 0.64px;
	text-transform: capitalize;
}

.roister-chef-intro-section ul li {
	margin-bottom: 24px;
}

@media (max-width: 767.97px) {
	.roister-chef-intro-section ul li {
		margin-bottom: 16px;
	}
}

.roister-chef-intro-section ul li span {
	color: var(--white-color);
}

.roister-chef-intro-section ul li span svg line {
	stroke: var(--primary-color);
}

.roister-chef-intro-section .signature {
	max-width: 319px;
	width: 100%;
	height: 83px;
	-o-object-fit: contain;
	object-fit: contain;
}

/*-------------------------
     6.6 Blog Page
-------------------------*/
/*---------
single-blog-quote
-----------*/
.single-blog-quote {
	border-radius: 4px;
	background: var(--dark-color-2);
	-webkit-box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.1);
	padding: 42px 32px;
}

@media (max-width: 767.97px) {
	.single-blog-quote {
		padding: 32px 24px;
	}
}

.single-blog-quote .icon {
	width: 40px;
	height: 40px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.single-blog-quote svg.icon path {
	fill: var(--primary-color);
}

.single-blog-quote .des {
	color: var(--white-color);
	font-family: var(--body-font);
	font-size: var(--fz-16);
	font-style: normal;
	font-weight: 400;
	line-height: 162.5%;
}

.single-blog-quote .quote-by {
	color: var(--primary-color);
	font-family: var(--heading-font);
	font-size: var(--fz-24);
	font-style: normal;
	font-weight: 700;
	line-height: 141.667%;
	position: relative;
	padding-left: 54px;
}

.single-blog-quote .quote-by::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 40px;
	height: 3px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	background-color: var(--primary-color);
}

/*---------
blog sidebar common class
-----------*/
.blog-common-sidebar-widget-style,
.roister-blog-search-widget,
.roister-blog-service-list-widget,
.roister-blog-post-widget,
.roister-blog-tags {
	border-radius: 4px;
	background: var(--dark-color-2);
	padding: 40px 30px;
}

.blog-common-sidebar-widget-style .heading-title,
.roister-blog-search-widget .heading-title,
.roister-blog-service-list-widget .heading-title,
.roister-blog-post-widget .heading-title,
.roister-blog-tags .heading-title {
	color: var(--white-color);
	font-family: var(--heading-font);
	font-size: var(--fz-24);
	font-style: normal;
	font-weight: 700;
	line-height: 108.333%;
	position: relative;
}

.blog-common-sidebar-widget-style .heading-title::after,
.roister-blog-search-widget .heading-title::after,
.roister-blog-service-list-widget .heading-title::after,
.roister-blog-post-widget .heading-title::after,
.roister-blog-tags .heading-title::after {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 58px;
	height: 2px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	background-color: var(--primary-color);
}

/*---------
roister-blog-searchbox
-----------*/
.roister-blog-search-widget {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.roister-blog-search-widget .input {
	width: calc(100% - 64px);
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	height: 55px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border-radius: 4px 0px 0px 4px;
	border: 1px solid var(--primary-color);
	padding: 14px 20px;
	background: var(--dark-color-2);
	color: var(--white-color);
}

.roister-blog-search-widget .input::-webkit-input-placeholder {
	color: var(--primary-color);
	font-family: var(--body-font);
	font-size: var(--fz-16);
	font-style: normal;
	font-weight: 700;
	line-height: 162.5%;
}

.roister-blog-search-widget .input:-ms-input-placeholder {
	color: var(--primary-color);
	font-family: var(--body-font);
	font-size: var(--fz-16);
	font-style: normal;
	font-weight: 700;
	line-height: 162.5%;
}

.roister-blog-search-widget .input::-ms-input-placeholder {
	color: var(--primary-color);
	font-family: var(--body-font);
	font-size: var(--fz-16);
	font-style: normal;
	font-weight: 700;
	line-height: 162.5%;
}

.roister-blog-search-widget .input::placeholder {
	color: var(--primary-color);
	font-family: var(--body-font);
	font-size: var(--fz-16);
	font-style: normal;
	font-weight: 700;
	line-height: 162.5%;
}

.roister-blog-search-widget .submit-btn {
	width: 64px;
	height: 55px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	background-color: var(--primary-color);
	border-radius: 0px 4px 4px 0px;
}

/*---------
roister-blog-service-list-widget
-----------*/
.roister-blog-service-list-widget .service-list li:first-child a {
	padding-top: 0px;
}

.roister-blog-service-list-widget .service-list li:last-child a {
	padding-bottom: 0px;
	border: none;
}

.roister-blog-service-list-widget .service-list li a {
	padding: 14px 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.roister-blog-service-list-widget .service-list li a .text,
.roister-blog-service-list-widget .service-list li a .icon {
	color: var(--white-color);
	font-family: var(--body-font);
	font-size: var(--fz-16);
	font-style: normal;
	font-weight: 700;
	line-height: 152.941%;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.roister-blog-service-list-widget .service-list li a:hover {
	border-color: var(--primary-color);
}

.roister-blog-service-list-widget .service-list li a:hover .text,
.roister-blog-service-list-widget .service-list li a:hover .icon {
	color: var(--primary-color);
}

/*---------
roister-blog-post-widget
-----------*/
.roister-blog-post-widget .post-wraper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 20px;
}

/*---------
roister-blog-tags
-----------*/
.roister-blog-tags .tags-wraper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	row-gap: 10px;
	-webkit-column-gap: 14px;
	column-gap: 14px;
}

.roister-blog-tags .tags-wraper a {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	padding: 8px 16px;
	height: 45px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border-radius: 3px;
	border: 1px solid var(--primary-color);
	color: var(--white-color);
	font-family: var(--body-font);
	font-size: var(--fz-16);
	font-style: normal;
	font-weight: 500;
	line-height: 173.333%;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.roister-blog-tags .tags-wraper a:hover {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
	color: var(--text-color);
}

/*---------
blog-details-pg-contents
-----------*/
.blog-details-pg-contents .roister-single-blog-5 .meta-wraper {
	gap: 30px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

@media (max-width: 767.97px) {
	.blog-details-pg-contents .roister-single-blog-5 .meta-wraper {
		gap: 20px;
	}
}

.blog-details-pg-contents .roister-single-blog-5 .meta-wraper .meta-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 12px;
}

@media (max-width: 767.97px) {
	.blog-details-pg-contents .roister-single-blog-5 .meta-wraper .meta-info {
		gap: 10px;
	}
}

.blog-details-pg-contents ul.list li {
	color: var(--white-color);
	font-family: var(--body-font);
	font-size: var(--fz-16);
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.blog-details-pg-contents ul.list li:not(:last-child) {
	margin-bottom: 20px;
}

@media (max-width: 1199.97px) {
	.blog-details-pg-contents ul.list li:not(:last-child) {
		margin-bottom: 12px;
	}
}

.blog-details-pg-contents ul.list li svg {
	margin-right: 10px;
}

.blog-details-pg-contents ul.list li svg circle {
	fill: var(--primary-color);
}

@media (max-width: 991.97px) {
	.blog-details-pg-contents ul.list li svg {
		width: 16px;
		height: 16px;
	}
}

.blog-details-pg-contents .tags-social-common-wraper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 16px;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.blog-details-pg-contents .tags-wraper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 14px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.blog-details-pg-contents .tags-wraper a {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border: 1px solid var(--primary-color);
	background: var(--bg-black-shade-3);
	color: var(--white-color);
	padding: 2px 16px;
	text-align: center;
	font-family: var(--body-font);
	font-size: var(--fz-14);
	font-style: normal;
	font-weight: 500;
	line-height: 214.286%;
	text-transform: uppercase;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.blog-details-pg-contents .tags-wraper a:hover {
	background-color: var(--primary-color);
	color: var(--text-color);
}

.blog-details-pg-contents .social-wraper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 12px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.blog-details-pg-contents .social-wraper a {
	background: var(--bg-black-shade-3);
	width: 42px;
	height: 38px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	color: var(--white-color);
	font-size: var(--fz-14);
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.blog-details-pg-contents .social-wraper a:hover {
	background-color: var(--primary-color);
	color: var(--text-color);
}

.blog-details-pg-contents .divider {
	opacity: 1;
	border-color: rgba(204, 255, 0, 0.1);
}

/*---------
single-blog-quote-2
-----------*/
.single-blog-quote-2 {
	background: var(--bg-black-shade-3);
	padding: 42px 32px;
	-webkit-box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.1);
}

@media (max-width: 767.97px) {
	.single-blog-quote-2 {
		padding: 32px 24px;
	}
}

.single-blog-quote-2 .des {
	color: var(--white-color);
	font-family: var(--body-font);
	font-size: var(--fz-20);
	font-style: normal;
	font-weight: 700;
	line-height: 40px;
	/* 190.476% */
}

.single-blog-quote-2 .btm-wraper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 16px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.single-blog-quote-2 .btm-wraper .quote-by {
	color: var(--white-color);
	font-family: var(--heading-font);
	font-size: var(--fz-16);
	font-style: normal;
	font-weight: 500;
	line-height: 1;
	position: relative;
	padding-left: 30px;
}

.single-blog-quote-2 .btm-wraper .quote-by::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 18px;
	height: 2px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	background-color: var(--white-color);
}

.single-blog-quote-2 svg.icon path {
	fill: var(--primary-color);
}

/*---------
single-common-reply
-----------*/
.single-common-reply {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 24px;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

@media (max-width: 767.97px) {
	.single-common-reply {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

.single-common-reply .img-wraper {
	width: 75px;
	height: 75px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border-radius: 50%;
}

.single-common-reply .img-wraper img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 50%;
}

.single-common-reply .contents-wraper .top-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 16px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.single-common-reply .contents-wraper .name {
	color: var(--white-color);
	font-family: var(--heading-font);
	font-size: var(--fz-18);
	font-style: normal;
	font-weight: 600;
	line-height: 138.889%;
}

.single-common-reply .contents-wraper .time-nd-date {
	color: var(--white-color);
	font-family: var(--body-font);
	font-size: var(--fz-12);
	font-style: normal;
	font-weight: 500;
	line-height: 241.667%;
	letter-spacing: 0.36px;
	text-transform: uppercase;
}

.single-common-reply .contents-wraper .des {
	color: var(--white-color);
	font-family: var(--body-font);
	font-size: var(--fz-16);
	font-style: normal;
	font-weight: 400;
	line-height: 180%;
}

.single-common-reply .contents-wraper .reply {
	color: var(--white-color);
	font-size: var(--fz-16);
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.single-common-reply .contents-wraper .reply:hover {
	color: var(--primary-color);
}

/*---------
roister-blog-details-chef-intro
-----------*/
.roister-blog-details-chef-intro {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 24px;
}

@media (max-width: 575.97px) {
	.roister-blog-details-chef-intro {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

.roister-blog-details-chef-intro .img-wraper {
	width: 182px;
	height: 245.544px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.roister-blog-details-chef-intro .img-wraper img {
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.roister-blog-details-chef-intro .conents-wraper .social-wraper a {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	background-color: var(--bg-black-shade-3);
}

.roister-blog-details-chef-intro .conents-wraper .social-wraper a:hover {
	background-color: var(--white-color);
	color: var(--primary-color);
}

/*---------
roister-next-prev-blog-post
-----------*/
.roister-next-prev-blog-post .row .col-12:last-child .single-next-prev-post .content-wraper {
	text-align: right;
}

.roister-next-prev-blog-post .single-next-prev-post {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 24px;
}

.roister-next-prev-blog-post .single-next-prev-post .img-wraper {
	width: 100px;
	height: 100px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.roister-next-prev-blog-post .single-next-prev-post .img-wraper img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 4px;
}

.roister-next-prev-blog-post .single-next-prev-post .content-wraper .nxt-prev-link {
	color: var(--primary-color);
	text-align: justify;
	font-family: var(--body-font);
	font-size: var(--fz-16);
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	display: inline-block;
}

.roister-next-prev-blog-post .single-next-prev-post .content-wraper .title a {
	color: var(--white-color);
	font-family: var(--heading-font);
	font-size: var(--fz-18);
	font-style: normal;
	font-weight: 600;
	line-height: 130%;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.roister-next-prev-blog-post .single-next-prev-post .content-wraper .title a:hover {
	color: var(--primary-color);
}

/*---------
6.7 Contact Page
-----------*/
/*---------
roister-contact-pg-info-wraper
-----------*/
.roister-contact-pg-info-wraper .single-conact-details .icon-wraper {
	width: 120px;
	height: 120px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	background-color: var(--white-color);
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 32px;
	color: var(--primary-color);
	border: 1px solid var(--primary-color);
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 767.97px) {
	.roister-contact-pg-info-wraper .single-conact-details .icon-wraper {
		width: 80px;
		height: 80px;
	}
}

.roister-contact-pg-info-wraper .single-conact-details .content-wraper {
	text-align: center;
}

.roister-contact-pg-info-wraper .single-conact-details .content-wraper p a {
	color: #ffffff;
	font-weight: 500;
	font-size: var(--fz-16);
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.roister-contact-pg-info-wraper .single-conact-details .content-wraper p a:hover {
	color: var(--primary-color);
}

/*---------
roister-google-map
-----------*/
.roister-google-map .roister-map {
	width: 100%;
	height: 722px;
}

/*---------
6.8 Shop Details Page
-----------*/
.roister-addto-cart-wraper .thumbnail {
	max-width: 722px;
	max-height: 682px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	border-radius: 12px;
}

.roister-addto-cart-wraper .roister-addto-cart-content .title {
	font-style: normal;
	font-weight: 600;
	line-height: 108.1%;
	letter-spacing: 3.25px;
	color: var(--white-color);
}

.roister-addto-cart-wraper .roister-addto-cart-content .ratings-wraper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 2px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.roister-addto-cart-wraper .roister-addto-cart-content .ratings-wraper i {
	color: var(--primary-color);
	font-size: 12px;
}

.roister-addto-cart-wraper .roister-addto-cart-content .ratings-wraper span {
	color: var(--white-color);
	color: #fff;
	font-size: var(--fz-20);
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.roister-addto-cart-wraper .roister-addto-cart-content .divider-wraper {
	position: relative;
}

.roister-addto-cart-wraper .roister-addto-cart-content .divider-wraper .divider {
	border: 1px dashed var(--primary-color);
	opacity: 1;
}

.roister-addto-cart-wraper .roister-addto-cart-content .divider-wraper::after,
.roister-addto-cart-wraper .roister-addto-cart-content .divider-wraper::before {
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: var(--white-color);
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.roister-addto-cart-wraper .roister-addto-cart-content .divider-wraper::after {
	left: 0;
}

.roister-addto-cart-wraper .roister-addto-cart-content .divider-wraper::before {
	right: 0;
}

.roister-addto-cart-wraper .roister-addto-cart-content .add-to-cart-wraper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 16px;
}

.roister-addto-cart-wraper .roister-addto-cart-content .add-to-cart-wraper .quantity-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 1px solid var(--primary-color);
	width: 100px;
	position: relative;
}

.roister-addto-cart-wraper .roister-addto-cart-content .add-to-cart-wraper .quantity-wrapper .add-to-cart-input {
	width: 100px;
	background-color: transparent;
	color: var(--white-color);
	text-align: center;
	border: none;
	outline: none;
	padding: 0 43px 0 10px;
	font-weight: 500;
	font-size: 16px;
	-moz-appearance: textfield;
}

.roister-addto-cart-wraper .roister-addto-cart-content .add-to-cart-wraper .quantity-wrapper .add-to-cart-input::-webkit-inner-spin-button,
.roister-addto-cart-wraper .roister-addto-cart-content .add-to-cart-wraper .quantity-wrapper .add-to-cart-input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.roister-addto-cart-wraper .roister-addto-cart-content .add-to-cart-wraper .quantity-wrapper .btns-wraper {
	position: absolute;
	right: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 0px;
}

.roister-addto-cart-wraper .roister-addto-cart-content .add-to-cart-wraper .quantity-wrapper .btns-wraper .qty-btn {
	color: var(--white-color);
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
	position: relative;
}

.roister-addto-cart-wraper .roister-addto-cart-content .add-to-cart-wraper .quantity-wrapper .btns-wraper .qty-btn.increase {
	-webkit-transform: translateY(8px);
	-ms-transform: translateY(8px);
	transform: translateY(8px);
}

.roister-addto-cart-wraper .roister-addto-cart-content .add-to-cart-wraper .quantity-wrapper .btns-wraper .qty-btn.decrease {
	-webkit-transform: translateY(-8px);
	-ms-transform: translateY(-8px);
	transform: translateY(-8px);
}

.roister-addto-cart-wraper .roister-addto-cart-content ul.product-list-info li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
}

.roister-addto-cart-wraper .roister-addto-cart-content ul.product-list-info li span {
	color: var(--primary-color);
	font-family: var(--body-font);
	font-size: var(--fz-20);
	font-style: normal;
	font-weight: 500;
	line-height: 213.636%;
	text-transform: capitalize;
}

.roister-addto-cart-wraper .roister-addto-cart-content ul.product-list-info li span:last-child {
	color: var(--white-color);
}

.roister-addto-cart-wraper .roister-addto-cart-content ul.product-list-info li .social-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
}

.roister-addto-cart-wraper .roister-addto-cart-content ul.product-list-info li .social-wrapper a {
	color: var(--white-color);
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.roister-addto-cart-wraper .roister-addto-cart-content ul.product-list-info li .social-wrapper a:hover {
	color: var(--primary-color);
}

.cd-tab-nav {
	border-bottom: 1px solid var(--border-color-1);
}

.cd-tab-nav .nav-item .nav-link {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	padding: 0px 26px 12px 26px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
	color: var(--text-color);
	font-family: var(--heading-font);
	font-size: var(--fz-20);
	font-style: normal;
	font-weight: 500;
	line-height: 130%;
}

.cd-tab-nav .nav-item .nav-link.active {
	color: var(--primary-color);
	border-bottom: 2px solid var(--primary-color, #007bff);
}

@media (max-width: 1399.97px) {
	.cd-tab-nav .nav-item .nav-link {
		font-size: var(--fz-18);
		padding: 0px 20px 12px 20px;
	}
}

@media (max-width: 1199.97px) {
	.cd-tab-nav .nav-item .nav-link {
		font-size: var(--fz-14);
	}
}

.review-content {
	padding: 32px 24px;
	border-radius: 12px;
	border: 1px solid var(--border-color-1);
}

.review-content .star-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 32px;
	-ms-flex-item-align: stretch;
	align-self: stretch;
}

@media (max-width: 575.97px) {
	.review-content .star-area {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 24px;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
}

.review-content .star-area .rating-box {
	min-width: -webkit-max-content;
	min-width: -moz-max-content;
	min-width: max-content;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 24px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 8px;
	border: 1px solid var(--text-color, #e5e7e8);
	background: var(--text-color, #fafafa);
}

@media (max-width: 575.97px) {
	.review-content .star-area .rating-box {
		width: 100%;
	}
}

.review-content .star-area .rating-box .title {
	color: var(--dark-color, #000d1a);
	text-align: center;
	font-size: var(--fz-70);
	font-weight: 700;
	line-height: 120%;
}

.review-content .star-area .rating-box .des {
	color: var(--dark-color, #000d1a);
	text-align: center;
	font-size: var(--fz-16);
	font-weight: 400;
	line-height: 170%;
}

@media (max-width: 575.97px) {
	.review-content .star-area .progress-bar-area {
		width: 100%;
	}
}

.review-content .star-area .progress-bar-area .progress-wraper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 24px;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.review-content .star-area .progress-bar-area .progress-wraper .progress {
	width: calc(100% - 211px);
}

.review-content .star-area .progress-bar-area .progress-wraper .progress .progress-bar {
	border-radius: 10px 10px 10px 10px !important;
}

@media (max-width: 767.97px) {
	.review-content .star-area .progress-bar-area .progress-wraper .progress {
		display: none;
	}
}

.review-content .single-review-card {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	gap: 24px;
	-ms-flex-item-align: stretch;
	align-self: stretch;
}

@media (max-width: 767.97px) {
	.review-content .single-review-card {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 16px;
	}
}

.review-content .single-review-card .img-wraper {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	overflow: hidden;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.review-content .single-review-card .img-wraper img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.review-content .single-review-card .name-time-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-item-align: stretch;
	align-self: stretch;
}

.review-content .single-review-card .name-time-wrapper .name {
	color: var(--text-color, #000d1a);
	font-family: var(--body-font);
	font-size: var(--fz-18);
	font-style: normal;
	font-weight: 600;
	line-height: 120%;
}

.review-content .single-review-card .name-time-wrapper .time {
	color: var(--text-color, #000d1a);
	font-family: var(--body-font);
	font-size: var(--fz-16);
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
}

.review-content .single-review-card .title {
	color: var(--text-color, #000d1a);
	font-family: var(--body-font);
	font-size: var(--fz-18);
	font-style: normal;
	font-weight: 600;
	line-height: 120%;
}

.review-content .single-review-card .des {
	color: var(--text-color);
	font-family: var(--body-font);
	font-size: var(--fz-16);
	font-style: normal;
	font-weight: 400;
	line-height: 170%;
}

.review-content .stars-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 6px;
}

.review-content .stars-wrapper .star svg path {
	fill: #e5e7e8;
}

.review-content .stars-wrapper .star.active svg path {
	fill: #ffc107;
}

.review-content .filter-sort-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 24px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

@media (max-width: 575.97px) {
	.review-content .filter-sort-container {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

.review-content .filter-sort-container .dropdown-toggle {
	border-radius: 999px;
	padding: 5px 20px;
	border: 1px solid var(--white-color);
	color: var(--white-color);
}

.review-content .filter-sort-container .dropdown-toggle.show,
.review-content .filter-sort-container .dropdown-toggle:hover {
	background-color: transparent;
	border-color: var(--primary-color) !important;
	color: var(--primary-color) !important;
}

.review-content .filter-sort-container .label {
	margin-right: 8px;
	font-weight: 500;
	color: var(--text-color);
}

/*-------------------------
  6.9 404 Error Page
-------------------------*/
.roister-error-page {
	padding-top: 220px;
	padding-bottom: 100px;
}

@media (max-width: 1199.97px) {
	.roister-error-page {
		padding-top: 160px;
		padding-bottom: 70px;
	}
}

@media (max-width: 991.97px) {
	.roister-error-page {
		padding-top: 140px;
	}
}

@media (max-width: 767.97px) {
	.roister-error-page {
		padding-top: 120px;
		padding-bottom: 60px;
	}
}

.roister-error-page .content-wraper {
	text-align: center;
}

.roister-error-page .content-wraper .title {
	font-size: var(--fz-100);
}

/****************************** 
07. RTL Styles (Right-to-Left)
******************************/
/*-------------------------
    3.1 RTL Styles
-------------------------*/
.rtl-enabled {
	direction: rtl;
	text-align: right;
	/*---------
theme color switcher
-----------*/
	/*---------
header 1
-----------*/
	/*---------
mobile menu
-----------*/
	/*---------
hero section
-----------*/
	/*---------
about section 
-----------*/
	/*---------
best dishes section 
-----------*/
	/*---------
roister-newsletter-area 
-----------*/
	/*---------
roister-team-section
-----------*/
	/*---------
roister-home-faq-section
-----------*/
	/*---------
roister-ticker-wraper
-----------*/
	/*---------
roister-testimonial-section
-----------*/
	/*---------
roister-photo-gallery-section
-----------*/
	/*-------------------------
    3.3 Footer
-------------------------*/
	/*-------------------------
   6.1 Home Page 2
-------------------------*/
	/*---------
roister-hm2-upcoming-event-section
-----------*/
	/*---------
roister-single-team
-----------*/
	/*---------
roister-single-testimonial
-----------*/
	/*---------
roister-team-section
-----------*/
}

.rtl-enabled .theme-color-switch .direction-wraper .direction-btn.ltr {
	background-color: #e4e4e4;
}

.rtl-enabled .theme-color-switch .direction-wraper .direction-btn.rtl {
	background-color: var(--primary-color);
}

.rtl-enabled .roister-header-area-1 .header-btm .positioned-logo,
.rtl-enabled .roister-header-area-2 .header-btm .positioned-logo {
	left: initial;
	right: 0;
}

.rtl-enabled .roister-header-area-1 .header-btm .sidebar-toggle-btn,
.rtl-enabled .roister-header-area-2 .header-btm .sidebar-toggle-btn {
	right: initial;
	left: 0px;
}

@media (max-width: 1599.97px) {

	.rtl-enabled .roister-header-area-1 .header-btm .right-side,
	.rtl-enabled .roister-header-area-2 .header-btm .right-side {
		margin-right: initial;
		margin-left: calc(127px + 30px);
	}
}

@media (max-width: 1399.97px) {

	.rtl-enabled .roister-header-area-1 .header-btm .right-side,
	.rtl-enabled .roister-header-area-2 .header-btm .right-side {
		margin-right: initial;
		margin-left: calc(100px + 30px);
	}
}

@media (max-width: 575.97px) {

	.rtl-enabled .roister-header-area-1 .header-btm .right-side,
	.rtl-enabled .roister-header-area-2 .header-btm .right-side {
		margin-right: initial;
		margin-left: 70px;
	}
}

.rtl-enabled .roister-header-area-1 .header-btm .phone-wraper::after,
.rtl-enabled .roister-header-area-2 .header-btm .phone-wraper::after {
	left: initial;
	right: 0;
}

.rtl-enabled .roister-header-area-1 .header-btm .cart-btn .cart-counter,
.rtl-enabled .roister-header-area-2 .header-btm .cart-btn .cart-counter {
	right: initial;
	left: -8px;
}

.rtl-enabled .roister-mobile-menu-offcanvas .mobile-menu ul li .submenu {
	margin-left: initial;
	margin-right: 12px;
}

.rtl-enabled .roister-hero-section .hero-shape-1 {
	left: initial;
	right: 0;
	-webkit-transform: translateY(-50%) scaleX(-1);
	-ms-transform: translateY(-50%) scaleX(-1);
	transform: translateY(-50%) scaleX(-1);
}

.rtl-enabled .roister-hero-section .hero-shape-2 {
	left: initial;
	right: 9%;
}

.rtl-enabled .roister-hero-section .hero-shape-3 {
	left: initial;
	right: 5%;
}

.rtl-enabled .roister-hero-section .hero-contents .subtitle svg {
	margin-right: initial;
	margin-left: 30px;
}

@media (max-width: 767.97px) {
	.rtl-enabled .roister-hero-section .hero-contents .subtitle svg {
		margin-right: initial;
		margin-left: 10px;
	}
}

.rtl-enabled .roister-hero-section .hero-main-img {
	right: initial;
	left: 127px;
	-webkit-transform: translateY(-50%) scaleX(-1);
	-ms-transform: translateY(-50%) scaleX(-1);
	transform: translateY(-50%) scaleX(-1);
}

@media (max-width: 1399.97px) {
	.rtl-enabled .roister-hero-section .hero-main-img {
		right: initial;
		left: 100px;
	}
}

@media (max-width: 991.97px) {
	.rtl-enabled .roister-hero-section .hero-main-img {
		right: initial;
		left: 0;
	}
}

.rtl-enabled .roister-hero-section .book-table-content {
	right: initial;
	left: 0;
}

.rtl-enabled .roister-hero-section .book-table-content .title .left-arrow {
	left: initial;
	right: -150px;
}

.rtl-enabled .roister-hero-section .book-table-content .title .right-arrow {
	right: initial;
	left: -150px;
}

.rtl-enabled .roister-about-section .about-shape {
	right: initial;
	left: 0;
	-webkit-transform: translateY(-50%) scaleX(-1);
	-ms-transform: translateY(-50%) scaleX(-1);
	transform: translateY(-50%) scaleX(-1);
}

@media (max-width: 1799.97px) {
	.rtl-enabled .roister-about-section .about-shape {
		right: initial;
		left: -50px;
	}
}

.rtl-enabled .roister-about-section .contents-wraper .about-img-1 {
	right: inherit;
	left: 0;
}

.rtl-enabled .roister-best-dishes-section .shape-1 {
	left: initial;
	right: 0;
}

.rtl-enabled .roister-best-dishes-section .shape-2 {
	right: initial;
	left: -35px;
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
}

.rtl-enabled .roister-best-dishes-section .shape-3 {
	left: initial;
	right: 0;
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
}

.rtl-enabled .roister-best-dishes-section .shape-4 {
	right: initial;
	left: 0px;
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
}

.rtl-enabled .roister-newsletter-area .main-news-letter-card .form-wraper .primary-btn {
	right: 8px;
}

.rtl-enabled .roister-team-section .shape-1 {
	left: initial;
	right: 0;
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
}

.rtl-enabled .roister-team-section .shape-2 {
	right: initial;
	left: 0;
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
}

.rtl-enabled .roister-home-faq-section .faq-shape1 {
	left: initial;
	right: 0;
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
}

@media (max-width: 1399.97px) {
	.rtl-enabled .roister-home-faq-section .faq-shape1 {
		left: initial;
		right: -60px;
	}
}

.rtl-enabled .roister-home-faq-section .faq-shape2 {
	right: initial;
	left: 0;
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
}

.rtl-enabled .roister-ticker-wraper .hero-carousel-wraper.left-ticker,
.rtl-enabled .roister-ticker-wraper .hero-carousel-wraper.right-ticker {
	direction: ltr;
}

.rtl-enabled .roister-testimonial-section .shape-1 {
	left: initial;
	right: 0;
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
}

@media (max-width: 767.97px) {
	.rtl-enabled .roister-testimonial-section .shape-1 {
		left: initial;
		right: -30px;
	}
}

.rtl-enabled .roister-testimonial-section .shape-2 {
	right: initial;
	left: 0;
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
}

@media (max-width: 767.97px) {
	.rtl-enabled .roister-testimonial-section .shape-2 {
		right: initial;
		left: -30px;
	}
}

.rtl-enabled .roister-photo-gallery-section .contents-wraper {
	padding-right: initial;
	padding-left: 64px;
}

@media (max-width: 1399.97px) {
	.rtl-enabled .roister-photo-gallery-section .contents-wraper {
		padding-right: initial;
		padding-left: 24px;
	}
}

@media (max-width: 991.97px) {
	.rtl-enabled .roister-photo-gallery-section .contents-wraper {
		padding-right: initial;
		padding-left: initial;
	}
}

.rtl-enabled .roister-photo-gallery-section .slider-col {
	right: initial;
	left: 0;
}

.rtl-enabled .roister-photo-gallery-section .slider-col .owl-stage {
	padding-left: initial !important;
	padding-right: 0px !important;
}

.rtl-enabled .roister-footer-1 .footer-img1,
.rtl-enabled .roister-footer-2 .footer-img1 {
	left: initial;
	right: -1%;
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
}

.rtl-enabled .roister-footer-1 .footer-img2,
.rtl-enabled .roister-footer-2 .footer-img2 {
	right: initial;
	left: 10%;
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
}

@media (max-width: 1919.97px) {

	.rtl-enabled .roister-footer-1 .footer-img2,
	.rtl-enabled .roister-footer-2 .footer-img2 {
		right: initial;
		left: 2%;
	}
}

@media (max-width: 1599.97px) {

	.rtl-enabled .roister-footer-1 .footer-img2,
	.rtl-enabled .roister-footer-2 .footer-img2 {
		right: initial;
		left: -1%;
	}
}

@media (max-width: 1199.97px) {

	.rtl-enabled .roister-footer-1 .footer-img2,
	.rtl-enabled .roister-footer-2 .footer-img2 {
		right: initial;
		left: -6%;
	}
}

.rtl-enabled .roister-footer-1 .border-right,
.rtl-enabled .roister-footer-2 .border-right {
	border-right: initial;
	border-left: 1px solid var(--white-color);
}

@media (max-width: 767.97px) {

	.rtl-enabled .roister-footer-1 .border-right,
	.rtl-enabled .roister-footer-2 .border-right {
		border-right: none;
		border-left: none;
	}
}

.rtl-enabled .roister-hm2-upcoming-event-section .shape-1 {
	right: initial;
	left: -35px;
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
}

.rtl-enabled .roister-hm2-upcoming-event-section .left-side .vdo-icon-wraper {
	left: initial;
	right: 50%;
	-webkit-transform: translate(50%, -50%);
	-ms-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
}

.rtl-enabled .roister-hm2-upcoming-event-section .right-side {
	padding-left: initial;
	padding-right: 66px;
}

.rtl-enabled .roister-hm2-upcoming-event-section .right-side .right-img {
	left: initial;
	right: 0;
}

.rtl-enabled .roister-hm2-upcoming-event-section .right-side .events-wraper .single-event-wraper .event-left-side .date {
	left: initial;
	right: 0;
}

.rtl-enabled #lg-backdrop-1 {
	direction: ltr;
}

.rtl-enabled #lg-outer-1 {
	direction: ltr;
}

.rtl-enabled .roister-single-team .img-wraper .social-wraper {
	right: initial;
	left: 0;
}

.rtl-enabled .roister-single-team .content-wraper {
	padding-right: initial;
	padding-left: 45px;
}

.rtl-enabled .roister-single-team .content-wraper .show-social-btn {
	right: initial;
	left: 0;
}

.rtl-enabled .roister-blog-search-widget .input {
	border-radius: 0px 4px 4px 0px;
}

.rtl-enabled .roister-blog-search-widget .submit-btn {
	border-radius: 4px 0px 0px 4px;
}

.rtl-enabled .blog-common-sidebar-widget-style .heading-title::after,
.rtl-enabled .roister-blog-search-widget .heading-title::after,
.rtl-enabled .roister-blog-service-list-widget .heading-title::after,
.rtl-enabled .roister-blog-post-widget .heading-title::after,
.rtl-enabled .roister-blog-tags .heading-title::after {
	left: initial;
	right: 0;
}

.rtl-enabled .heading-primary-underline::after {
	left: initial;
	right: 0;
}

.rtl-enabled .single-blog-quote .quote-by {
	padding-left: initial;
	padding-right: 54px;
}

.rtl-enabled .single-blog-quote .quote-by::before {
	left: initial;
	right: 0;
}

.rtl-enabled .review-content .filter-sort-container .label {
	margin-right: initial;
	margin-left: 8px;
}

.rtl-enabled .roister-header-searchbar-form .offcanvas-body .search-input {
	border-radius: 0px 8px 8px 0px;
}

.rtl-enabled .roister-header-searchbar-form .offcanvas-body .submit-btn {
	border-radius: 8px 0px 0px 8px;
}

.rtl-enabled .template-btn svg,
.rtl-enabled .primary-btn svg,
.rtl-enabled .white-btn svg,
.rtl-enabled .outline-primary-btn svg,
.rtl-enabled .outline-white-btn svg,
.rtl-enabled .roister-addto-cart-wraper .roister-addto-cart-content .add-to-cart-wraper .quantity-wrapper svg,
.roister-addto-cart-wraper .roister-addto-cart-content .add-to-cart-wraper .rtl-enabled .quantity-wrapper svg {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.rtl-enabled .roister-home1-accordion .faq-item .title {
	padding: 15px 30px 15px 56px;
}

.rtl-enabled .roister-home1-accordion .faq-item .title::before {
	right: initial;
	left: 20px;
}

.rtl-enabled .roister-single-testimonial .img-wraper::after {
	left: initial;
	right: -80px;
}

@media (max-width: 1599.97px) {
	.rtl-enabled .roister-single-testimonial .img-wraper::after {
		left: initial;
		right: -20px;
	}
}

@media (max-width: 575.97px) {
	.rtl-enabled .roister-single-testimonial .img-wraper {
		margin-left: initial;
		margin-right: 20px;
	}
}

.rtl-enabled .roister-single-testimonial .btm-wraper .quote-icon {
	margin-right: initial;
	margin-left: 30px;
}

@media (max-width: 1599.97px) {
	.rtl-enabled .roister-single-testimonial .btm-wraper .quote-icon {
		margin-right: initial;
		margin-left: 16px;
	}
}

@media (max-width: 575.97px) {
	.rtl-enabled .roister-single-testimonial .btm-wraper .quote-icon {
		margin-right: initial;
		margin-left: 8px;
	}
}

.rtl-enabled .roister-team-section .shape-2 {
	-webkit-animation: bounce_rtl_img 3s infinite ease-in-out;
	-o-animation: bounce_rtl_img 3s infinite ease-in-out;
	-ms-animation: bounce_rtl_img 3s infinite ease-in-out;
	-moz-animation: bounce_rtl_img 3s infinite ease-in-out;
	animation: bounce_rtl_img 3s infinite ease-in-out;
}

.rtl-enabled .roister-single-hm2-gallery .content-wraper .linkto i {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.main-menu ul li a i {
	font-size: 10px !important;
}
/* ===========================
   Desktop (1200px and above)
=========================== */



/* ===========================
   Large Laptop
=========================== */

@media (max-width:1199px){

.header-btm{
    padding:15px 0;
}

}

/* ===========================
   Tablet
=========================== */

@media (max-width:991px){

.header-btm{
    padding:12px 20px;
    min-height:80px;
}

}

/* ===========================
   Mobile
=========================== */

@media (max-width:767px){

.header-btm{
    padding:10px 15px;
    min-height:70px;
}

}

/* ===========================
   Small Mobile
=========================== */

@media (max-width:575px){

.header-btm{
    padding:8px 12px;
    min-height: -15px;
}

}
.main-menu {
	margin-right:30px !important;
}
.about-feature{

    padding:18px;

    border:1px solid rgba(255,255,255,.08);

    background:#111;

    border-radius:12px;

    text-align:center;

    transition:.4s;

}

.about-feature:hover{

    transform:translateY(-6px);

    border-color:#f39c12;

}

.about-feature h4{color:#f39c12;font-size: 20px;font-weight:700;margin-bottom:5px;}

.about-feature span{

    color:#fff;

    font-size:14px;

    text-transform:uppercase;

    letter-spacing:1px;

}

  :root{
    --bg:#0d0c0b;
    --amber:#f0a63d;
    --amber-deep:#c97f22;
    --red:#e6392f;
    --text:#ffffff;
    --muted:#b9b2a6;
  }


  .banner{
    position:relative;
    width:100%;
    min-height:clamp(420px,52vw,560px);
    max-height:620px;
    background:var(--bg);
    overflow:hidden;
    display:flex;
    align-items:center;
  }

  .banner-photo{
    position:absolute;
    inset:0;
	background-image:url(../images/bg.jpg);
    background-size:cover;
    background-position:78% 45%;
  }
  .banner-photo::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg, rgba(13,12,11,1) 0%, rgba(13,12,11,.94) 24%, rgba(13,12,11,.55) 46%, rgba(13,12,11,.08) 62%, rgba(13,12,11,.28) 100%);
  }

  .banner-inner{
    position:relative;
    z-index:2;
    width:100%;
    padding:0 6% 0 7%;
    display:flex;
    align-items:center;
  }

  .copy{ max-width:560px; }

  .eyebrow{
    font-size:12px;
    font-weight:600;
    letter-spacing:.28em;
    text-transform:uppercase;
    color:var(--amber);
    margin-bottom:18px;
  }

  .headline{
    font-weight:800;
    font-size: 30px;
    line-height:1.12;
    color:var(--text);
    letter-spacing:-.01em;
  }
  .headline em{
    font-style:normal;
    color:var(--amber);
  }

  .desc{
    /* margin-top:20px; */
    /* max-width:44ch; */
    /* font-size:clamp(13px,1vw,15.5px); */
    /* line-height:1.75; */
    /* color: #ffffff; */
    color: var(--white-color);
    font-family: var(--body-font);
    font-size: var(--fz-16);
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
  }

  .cta{
    margin-top:32px;
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:var(--amber);
    color:#1a1305;
    font-weight:700;
    font-size:14px;
    letter-spacing:.02em;
    padding:16px 30px;
    border-radius:999px;
    text-decoration:none;
    box-shadow:0 14px 30px -10px rgba(240,166,61,.55);
    transition:transform .25s ease, box-shadow .25s ease;
  }
  .cta:hover{ transform:translateY(-2px); box-shadow:0 18px 36px -10px rgba(240,166,61,.7); }
  .cta svg{ width:14px;height:14px; }

  /* starburst discount badge */
  .starburst{
    position:absolute;
    top:14%;
    right:30%;
    width:clamp(84px,8vw,116px);
    height:clamp(84px,8vw,116px);
    z-index:3;
    filter:drop-shadow(0 10px 18px rgba(0,0,0,.45));
    animation:spin 26s linear infinite;
  }
  .starburst polygon{ fill:var(--red); }
  @keyframes spin{ from{ transform:rotate(0deg); } to{ transform:rotate(360deg); } }
  .starburst-label{
    position:absolute;
    top:14%;
    right:30%;
    width:clamp(84px,8vw,116px);
    height:clamp(84px,8vw,116px);
    z-index:4;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    text-align:center;
    color:#fff;
    pointer-events:none;
  }
  .starburst-label .pct{
    font-weight:800;
    font-size:clamp(17px,1.7vw,23px);
    line-height:1;
  }
  .starburst-label .off{
    font-weight:600;
    font-size:clamp(9px,.8vw,11px);
    letter-spacing:.08em;
    text-transform:uppercase;
    margin-top:2px;
  }

  @media (max-width:900px){
    .starburst, .starburst-label{ right:8%; top:8%; }
  }
  @media (max-width:640px){
    .banner{ min-height:auto; padding:60px 0 46px; }
    .banner-photo{ background-position:center 60%; }
    .banner-photo::after{
      background:linear-gradient(180deg, rgba(13,12,11,.55) 0%, rgba(13,12,11,.88) 55%, rgba(13,12,11,1) 78%);
    }
    .banner-inner{ padding:0 7%; }
    .copy{ max-width:100%; padding-top:38vw; }
    .starburst, .starburst-label{ top:6%; right:7%; width:76px; height:76px; }
  }

  .right-side h2{
	font-size:50px;
  }

  a{
  text-decoration:none;
}
.floating_btn {
  position: fixed;
  bottom: 200px;
  right: 0px;
  width: 100px;
  height: 100px;
  display: flex;
  flex-direction: column;
  align-items:center;
  justify-content:center;
  z-index: 1000;
}

@keyframes pulsing {
  to {
    box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
  }
}

.contact_icon {
  background-color: #42db87;
  color: #fff;
  width: 60px;
  height: 60px;
  font-size:30px;
  border-radius: 50px;
  text-align: center;
  box-shadow: 2px 2px 3px #999;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translatey(0px);
  animation: pulse 1.5s infinite;
  box-shadow: 0 0 0 0 #42db87;
  -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  font-weight: normal;
  font-family: sans-serif;
  text-decoration: none !important;
  transition: all 300ms ease-in-out;
}


.text_icon {
  margin-top: 8px;
  color: #707070;
  font-size: 13px;
}

.spirit-features-sec{
    padding: 50px 0;
    background:#faf7f2;
}

.spirit-sec-head{
    max-width:700px;
    margin:0 auto 60px;
}

.spirit-sec-head span{
    display:inline-block;
    color: #16130f;
    font-size: 18px;
    font-weight: 600;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:12px;
}

.spirit-sec-head h2{
    font-size: 30px;
    font-weight:700;
    color:#1d1d1d;
    margin-bottom:18px;
}

.spirit-sec-head p{
    font-size:17px;
    color:#666;
    line-height:1.8;
}

.spirit-feature-card{
    background:#fff;
    padding: 35px 35px;
    border-radius:18px;
    text-align:center;
    height:100%;
    transition:.4s;
    border:1px solid #ececec;
}

.spirit-feature-card:hover{
    transform:translateY(-10px);
    box-shadow:0 18px 45px rgba(0,0,0,.08);
}

.spirit-icon{
    width:85px;
    height:85px;
    margin:0 auto 25px;
    border-radius:50%;
    background: #16130f;
    display:flex;
    align-items:center;
    justify-content:center;
}

.spirit-icon i{
    color:#fff;
    font-size:34px;
}

.spirit-feature-card h4{
    font-size: 20px;
    font-weight:700;
    color:#1d1d1d;
    margin-bottom:15px;
}

.spirit-feature-card p{
    color:#666;
    line-height:1.8;
    margin:0;
}

@media(max-width:991px){

.spirit-sec-head h2{
    font-size:36px;
}

}

@media(max-width:576px){

.spirit-features-sec{
    padding:70px 0;
}

.spirit-sec-head h2{
    font-size:30px;
}

.spirit-feature-card{
    padding:35px 25px;
}

}

.hero-bg-image{
    position:absolute;
    inset:0;
    z-index:1;
}

.hero-bg-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}

/* Hide on Desktop */
.sidebar-toggle-btn{
    display: none !important;
}

/* Show on Mobile & Tablet */
@media (max-width: 991px){
    .sidebar-toggle-btn{
        display: flex; /* or block/inline-flex depending on your design */
        align-items: center;
        justify-content: center;
		display: inherit !important;
    }
}
.roister-single-blog-5 h3{
	font-size:20px;
}
.roister-about-section {
	
}

/* ===== Incredible Spirits Premium Logo ===== */

.is-brand-logo{
    position: relative;
    z-index: 99;
    display: flex;
    align-items: center;
}

.is-brand-link{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 0;
    text-decoration: none;
    transition: all .35s ease;
}

.is-logo-img{
    height: 58px;
    width: auto;
    display: block;
    object-fit: contain;
    filter: brightness(.25);
    transition: all .35s ease;
}

.is-brand-link:hover .is-logo-img{
    filter: brightness(0);
    transform: scale(1.03);
}

/* Large Desktop */
@media (min-width:1400px){
    .is-logo-img{
        height: 64px;
    }
}

/* Laptop */
@media (max-width:991px){
    .is-logo-img{
        height: 48px;
    }
}

/* Mobile */
@media (max-width:575px){
    .is-logo-img{
        height: 42px;
    }
}

/* Header Layout */
.header-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height: 70px;
    gap:30px;
}

.is-brand-logo{
    flex:0 0 auto;
}

.is-logo-img{
    height: 35px;
    width:auto;
    display:block;
}

.header-nav{
    flex:1;
    display:flex;
    justify-content:flex-end;
}

.main-menu ul{
    display:flex;
    align-items:center;
    gap:36px;
    margin:0;
    padding:0;
}

.main-menu ul li{
    list-style:none;
}

.main-menu ul li a{
    font-size:15px;
    font-weight:600;
    letter-spacing:.5px;
}

/* Mobile */
@media(max-width:991px){
    .header-row{
        min-height: 30px;
    }

    .is-logo-img{
        height: 35px;
    }

    .sidebar-toggle-btn{
        margin-left:auto;
    }
}

/* Contact Card */
.single-conact-details{
    background:#1A1A1A;
    border:1px solid rgba(243,156,18,.15);
    border-radius:20px;
    padding:35px 25px;
    height:100%;
    text-align:center;
    transition:all .35s ease;
    position:relative;
    overflow:hidden;
}

.single-conact-details::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:#F39C12;
    transform:scaleX(0);
    transition:.35s;
}

.single-conact-details:hover{
    transform:translateY(-8px);
    border-color:#F39C12;
    box-shadow:0 18px 40px rgba(0,0,0,.25);
}

.single-conact-details:hover::before{
    transform:scaleX(1);
}

/* Icon */
.single-conact-details .icon-wraper{
    width:72px;
    height:72px;
    margin:0 auto 24px;
    border-radius:50%;
    background:rgba(243,156,18,.12);
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.35s;
}

.single-conact-details .icon-wraper i{
    font-size:28px;
    color:#F39C12;
}

.single-conact-details:hover .icon-wraper{
    background:#F39C12;
}

.single-conact-details:hover .icon-wraper i{
    color:#fff;
}

/* Content */
.single-conact-details .title{
    color:#fff;
    font-size:22px;
    font-weight:700;
    margin-bottom:18px;
}

.single-conact-details p,
.single-conact-details a{
    color:#BDBDBD;
    font-size:15px;
    line-height:1.8;
    text-decoration:none;
    transition:.3s;
}

.single-conact-details a:hover{
    color:#F39C12;
}

/* Mobile */
@media (max-width:767px){
    .single-conact-details{
        padding:28px 20px;
    }

    .single-conact-details .icon-wraper{
        width:64px;
        height:64px;
    }

    .single-conact-details .title{
        font-size:20px;
    }
}
.contact-page-bg {
	background-color:#faf7f2;
}

.main-menu ul li a.active{
    color: #D4A54A !important;
    /* font-weight: 700; */
}

.main-menu ul li a.active::after{
    width: 100%;
    opacity: 1;
}