/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/
.wow {
  visibility: hidden;
}
.animated {
  visibility: visible !important;
}

html {
  scroll-behavior: smooth;
}

:root {
	--ast-global-color-0: #1f2120;
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
.cb-cursor {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 150;
	contain: layout style size;
	pointer-events: none;
	will-change: transform;
	-webkit-transition: opacity 0.3s, color 0.4s;
	-o-transition: opacity 0.3s, color 0.4s;
	-moz-transition: opacity 0.3s, color 0.4s;
	transition: opacity 0.3s, color 0.4s;
}

.cb-cursor:before {
	content: "";
	position: absolute;
	top: -24px;
	left: -24px;
	display: block;
	width: 48px;
	height: 48px;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: opacity 0.1s, -webkit-transform 0.3s ease-in-out;
	transition: opacity 0.1s, -webkit-transform 0.3s ease-in-out;
	-o-transition: opacity 0.1s, -o-transform 0.3s ease-in-out;
	-moz-transition: transform 0.3s ease-in-out, opacity 0.1s, -moz-transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out, opacity 0.1s;
	transition: transform 0.3s ease-in-out, opacity 0.1s, -webkit-transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out, -o-transform 0.3s ease-in-out;
}

.cb-cursor-text {
	position: absolute;
	top: -18px;
	left: -18px;
	width: 36px;
	height: 36px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transform: scale(0) rotate(10deg);
	-moz-transform: scale(0) rotate(10deg);
	-ms-transform: scale(0) rotate(10deg);
	-o-transform: scale(0) rotate(10deg);
	transform: scale(0) rotate(10deg);
	opacity: 0;
	color: white;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	letter-spacing: -0.01em;
	-webkit-transition: opacity 0.4s, -webkit-transform 0.3s;
	transition: opacity 0.4s, -webkit-transform 0.3s;
	-o-transition: opacity 0.4s, -o-transform 0.3s;
	-moz-transition: opacity 0.4s, transform 0.3s, -moz-transform 0.3s;
	transition: opacity 0.4s, transform 0.3s;
	transition: opacity 0.4s, transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s;
}

@supports (mix-blend-mode: exclusion) {
	.cb-cursor.-exclusion, .cb-cursor.-opaque {
		mix-blend-mode: exclusion;
	}
}

@supports (mix-blend-mode: exclusion) {
	.cb-cursor.-exclusion:before, .cb-cursor.-opaque:before {
		background: white;
	}
}

.cb-cursor.-normal, .cb-cursor.-text {
	mix-blend-mode: normal;
}

.cb-cursor.-normal:before, .cb-cursor.-text:before {
	background: currentColor;
}

.cb-cursor.-inverse {
	color: white;
}

.cb-cursor.-visible:before {
	-webkit-transform: scale(0.2);
	-moz-transform: scale(0.2);
	-ms-transform: scale(0.2);
	-o-transform: scale(0.2);
	transform: scale(0.2);
}

.cb-cursor.-visible.-active:before {
	-webkit-transform: scale(0.23);
	-moz-transform: scale(0.23);
	-ms-transform: scale(0.23);
	-o-transform: scale(0.23);
	transform: scale(0.23);
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
}

.cb-cursor.-pointer:before {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

.cb-cursor.-text:before {
	background: #000;
	opacity: 0.80;
	backdrop-filter: blur(10);
	-webkit-transform: scale(1.7);
	-moz-transform: scale(1.7);
	-ms-transform: scale(1.7);
	-o-transform: scale(1.7);
	transform: scale(1.7);
}

.cb-cursor.-text .cb-cursor-text {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.cb-cursor.-text.-active:before {
	-webkit-transform: scale(1.6);
	-moz-transform: scale(1.6);
	-ms-transform: scale(1.6);
	-o-transform: scale(1.6);
	transform: scale(1.6);
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
}

.cb-cursor.-opaque:before {
	-webkit-transform: scale(1.32);
	-moz-transform: scale(1.32);
	-ms-transform: scale(1.32);
	-o-transform: scale(1.32);
	transform: scale(1.32);
}

.cb-cursor.-opaque.-active:before {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

.cb-cursor.-lg:before {
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	-o-transform: scale(2);
	transform: scale(2);
}

.cb-cursor.-hidden:before {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

.-color-red {
	color: red;
}

.-color-green {
	color: #51c67d;
}

.cb-demo {
	background: #fff;
}

.cb-demo-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100vh;
}

.cb-demo-container {
	padding: 0 20px;
}

@media (min-width: 1600px) {
	.cb-demo-container {
		padding: 0 120px;
	}
}

.cb-demo-row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	margin: 30px 0;
}

@media (min-width: 1600px) {
	.cb-demo-row {
		margin: 60px 0;
	}
}

.cb-demo-item {
	position: relative;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 50px 30px;
	margin: 0 20px;
	color: #000;
}

@media (min-width: 1600px) {
	.cb-demo-item {
		padding: 90px 30px;
		margin: 0 30px;
	}
}

.cb-demo-item-title {
	position: relative;
	margin: 0 0 25px 0;
	font-size: 30px;
	font-weight: bold;
}

.cb-demo-item-text {
	position: relative;
	max-width: 70%;
	margin: 0 auto;
	color: rgba(0, 0, 0, 0.5);
	font-size: 16px;
	font-weight: 300;
	line-height: 150%;
}

.cb-demo-item:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #f8f8f8;
	-webkit-transition: -webkit-box-shadow 0.2s;
	transition: -webkit-box-shadow 0.2s;
	-o-transition: box-shadow 0.2s;
	-moz-transition: box-shadow 0.2s, -moz-box-shadow 0.2s;
	transition: box-shadow 0.2s;
	transition: box-shadow 0.2s, -webkit-box-shadow 0.2s, -moz-box-shadow 0.2s;
}

.ast-single-post .entry-content a, .ast-comment-content a:not(.ast-comment-edit-reply-wrap a){
	text-decoration: none;
	color: inherit;
}
.section-footer-text a{
	text-decoration: underline !important;
}
.preloader{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1001;
	background-color: #c79e39;
	display: flex;
	align-items: center;
	justify-content: center;
}

.loading-container,
.loading{
	height: 100px;
	position: relative;
	width: 100px;
	border-radius: 100%;
}

.loading-container{
	margin: 40px auto;
}

.loading{
	border: 1px solid transparent;
	border-color: transparent #ffffff transparent #ffffff;
	animation: rotate-loading 1.5s linear 0s infinite normal;
	transform-origin: 50% 50%;
}

.loading-container:hover .loading,
.loading-container .loading{
	transition: all 0.5s ease-in-out;
}

#loading-icon{
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 90px;
	transform: translate(-50%, -50%);
}

#loading-icon img {
  display: block;
  max-width: 90px;
  width: 60px;
  height: auto;
}

@keyframes rotate-loading{
	0%{
		transform: rotate(0deg);
	}

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

.hero-bg-video video{
	height: 1040px !important;
}
@media(min-width:1899px){
	.hero-bg-video video{
	height: 1140px !important;
}
}
@media(min-width:2100px){
	.hero-bg-video video{
	height: auto !important;
}
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 40px, 0);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

.btn-default a{
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1em;
    text-transform: capitalize;
    background: #c79e39;
    color: #ffffff;
    border: none;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
    z-index: 1;
    font-family: "IBM Plex Sans Condensed", sans-serif;
}
/* Base style for button */
.btn-default .elementor-button {
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
    background: #c79e39;
    color: #ffffff;
    border: none;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
    z-index: 1;
    font-family: "IBM Plex Sans Condensed", sans-serif;
}

/* ::before pseudo-element for hover effect */
.btn-default .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -15%;
    width: 0;
    height: 106%;
    background: #ffffff;
    transform: skew(45deg);
    transition: all 0.4s ease-in-out;
    z-index: -1;
}

/* Hover + Focus + Active effect */
.btn-default .elementor-button:hover::before,
.btn-default .elementor-button:focus::before,
.btn-default .elementor-button:active::before {
    width: 100%;
    left: 0;
    transform: skew(0deg);
}

/* Text color change on interaction */
.btn-default .elementor-button:hover,
.btn-default .elementor-button:focus,
.btn-default .elementor-button:active {
    background: transparent;
    color: #0E110D !important;
    outline: none;
}

/* Optional: reset after losing focus */
.btn-default .elementor-button:focus:not(:hover):not(:active)::before {
    width: 0;
    left: -15%;
    transform: skew(45deg);
}
.reserve-table-btn .btn-default {
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1em;
    text-transform: capitalize;
    background: #c79e39;
    color: #ffffff;
    border: none;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
    z-index: 1;
    font-family: "IBM Plex Sans Condensed", sans-serif;
    padding: 12px 30px;
    cursor: pointer;
}

.reserve-table-btn .btn-default::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -15%;
    width: 0;
    height: 106%;
    background: #ffffff;
    transform: skew(45deg);
    transition: all 0.4s ease-in-out;
    z-index: -1;
}

.reserve-table-btn .btn-default:hover::before,
.reserve-table-btn .btn-default:focus::before,
.reserve-table-btn .btn-default:active::before {
    width: 100%;
    left: 0;
    transform: skew(0deg);
}

.reserve-table-btn .btn-default:hover,
.reserve-table-btn .btn-default:focus,
.reserve-table-btn .btn-default:active {
    background: transparent;
    color: #fff !important;
    outline: none;
}

.contact-form .reserve-table-btn .btn-default::before{
	background: #fff !important;
}
.contact-form .reserve-table-btn .btn-default:hover,
.contact-form .reserve-table-btn .btn-default:focus,
.contact-form .reserve-table-btn .btn-default:active {
    background: transparent;
    color: #0E110D !important;
    outline: none;
}

/* Shine layer */
/* .contact-form .btn-default::before {
    content: ''; */
/*     position: absolute;
    top: 0;
    bottom: 0;
    left: -25%;
    width: 0;
    height: 100%;
    background: #ffffff;
    transform: skew(45deg);
    transition: all 0.4s ease-in-out;
    z-index: 0;
    opacity: 0.4; /* Optional: slight transparency for smooth shine */ */
/* } */

/* Ensure button content stays above shine */
/* .contact-form .btn-default span,
.contact-form .btn-default {
    position: relative;
    z-index: 2;
} */

/* Hover/Focus shine effect */
/* .contact-form .btn-default:hover::before,
.contact-form .btn-default:focus::before,
.contact-form .btn-default:active::before {
    width: 100%;
    left: 0;
    transform: skew(0deg);
}
 */
/* Text color and background on hover (optional) */
/* .contact-form .btn-default:hover,
.contact-form .btn-default:focus,
.contact-form .btn-default:active {
    background: transparent; */
/*     color: #0E110D !important; */
/*     outline: none;
} */

/* Reset shine if focus lost without hover/active */
/* .contact-form .btn-default:focus:not(:hover):not(:active)::before {
    width: 0;
    left: -15%;
    transform: skew(45deg);
} */

/* .btn-default .elementor-widget-button .elementor-button a:hover::before{
	width: 100%;
    transform: skew(0deg);
    left: 0;
}
.btn-default .elementor-widget-button .elementor-button a::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
/*     left: -15%;
    right: 0;
    width: 0;
    height: 106%;
    background: #ffffff ;
    transform: skew(45deg);
    transition: all 0.4s ease-in-out;
    z-index: -1;
} */ 
/* .btn-default a:hover {
    background: #00000000;
    color: #0E110D !important;
} */
/* Base button styling */
/* .btn-default a {
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1em;
    text-transform: capitalize;
    background: #c79e39;
    color: #ffffff;
    border: none;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
    z-index: 1;
    font-family: "IBM Plex Sans Condensed", sans-serif;
} */

/* Pseudo-element default (invisible) */
/* .btn-default a::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -15%;
    width: 0;
    height: 106%;
    background: #ffffff;
    transform: skew(45deg);
    transition: all 0.4s ease-in-out;
    z-index: -1;
} */

/* On hover/focus/active: show overlay */
/* .btn-default a:hover::before,
.btn-default a:focus::before,
.btn-default a:active::before {
    width: 100%;
    left: 0;
    transform: skew(0deg);
} */

/* Change text color and bg on interaction */
/* .btn-default a:hover,
.btn-default a:focus,
.btn-default a:active {
    background: transparent;
    color: #0E110D !important;
    outline: none;
} */

/* SVG styling */
.btn-default a:hover svg,
.btn-default a:focus svg,
.btn-default a:active svg {
    fill: #0E110D;
    transition: all 0.4s ease-in-out;
}

.btn-default a:hover svg{
	fill: #0e110d ;
	 transition: all 0.4s ease-in-out;
}
/* .btn-default .elementor-widget-button .elementor-button a::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 18px;
    height: 14px;
    background-image: url(../images/arrow-white.svg);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
    transform: translate(-30px, -50%);
    transition: all 0.4s ease-in-out;
} */

.scroll-trigger {
  height: 1px;
}

.header {
  position: sticky;
  top: 0;
  background-color: transparent;
  transition: background-color 0.3s ease;
  z-index: 1000;
}

/* This only works in browsers that support :has() */
body:has(.scroll-trigger:not(:in-viewport)) .header {
  background-color: black;
}

.hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0e110d;
    opacity: 70%;
    height: 100%;
    width: 100%;
    z-index: 1;
}

.hero-content .section-title {
    margin-bottom: 60px;
}
.section-title h3 {
    display: inline-block;
    position: relative;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3em;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #c79e39;
    padding-left: 16px;
    margin-bottom: 10px;
    font-family: "IBM Plex Sans Condensed", sans-serif;
}
.section-title h3::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: #c79e39;
    border-radius: 50%;
    width: 6px;
    height: 6px;
}
.section-title h1 {
    font-size: 68px;
    font-weight: 800;
    line-height: 1.1em;
    text-transform: uppercase;
    margin-bottom: 0;
    cursor: none;
	color: #ffffff;
	margin: 0;
	font-family: "IBM Plex Sans Condensed", sans-serif;
}
.section-title h1 span, .section-title h2 span {
    color: #dc6203;
}
/* .image-anime {
    position: relative;
    display: block;
    overflow: hidden;
}

.image-anime::after {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 2;
    pointer-events: none;
}

.image-anime:hover::after {
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}
 */

.about-detail-box.e-con.e-flex>.e-con-inner{
	border-top: 1px solid #ffffff1a;
}
.about-us::before {
    content: '';
    display: block;
    position: absolute;
    left: 90%;
    top: 35%;
    background: url(https://beta.konjiki.ae/wp-content/uploads/2025/06/chili-image.png) no-repeat;
    background-position: right top;
    background-size: cover;
    width: 180px;
    height: 225px;
    animation: chilimove 6s infinite linear;
    animation-direction: alternate;
    z-index: 0;
}
@keyframes chilimove{
    0%{
		transform: translateX(10px) rotate(0deg);
    }
	50%{
		transform: translateX(10px) rotate(20deg);
    }
    100%{
        transform: translateX(10px) rotate(-20deg);
    }
}

.our-dishes::before {
    content: '';
    display: block;
    position: absolute;
    left: -20px;
    top: 80px;
    background: url(https://beta.konjiki.ae/wp-content/uploads/2025/06/burger-image.png) no-repeat;
    background-position: left top;
    background-size: cover;
    transform: rotate(15deg);
    width: 180px;
    height: 180px;
    animation: burgermove 6s infinite linear;
    animation-direction: alternate;
    z-index: 0;
}

.our-approach::before {
    content: '';
    display: block;
    position: absolute;
    left: -20px;
    top: 80px;
    background: url(https://beta.konjiki.ae/wp-content/uploads/2025/06/burger-image.png) no-repeat;
    background-position: left top;
    background-size: cover;
    transform: rotate(15deg);
    width: 180px;
    height: 180px;
    animation: burgermove 6s infinite linear;
    animation-direction: alternate;
    z-index: 0;	
}
@keyframes burgermove{
    0%{
		transform: translateY(0) rotate(45deg);
    }
    100%{
        transform: translateY(100px) rotate(-45deg);
    }
}

.our-blog::before {
    content: '';
    display: block;
    position: absolute;
    left: -140px;
    top: 325px;
    background: url(https://beta.konjiki.ae/wp-content/uploads/2025/06/burger-image.png) no-repeat;
    background-position: left top;
    background-size: cover;
    width: 300px;
    height: 300px;
    animation: pizzamove 8s infinite linear;
    animation-direction: alternate;
    z-index: 0;
}
@keyframes pizzamove{
    0%{
		transform: rotate(30deg);
    }
    100%{
        transform: rotate(-30deg) ;
    }
}

.our-blog::after {
    content: '';
    display: block;
    position: absolute;
    right: 25px;
    top: 100px;
    background: url(https://beta.konjiki.ae/wp-content/uploads/2025/06/chili-image.png) no-repeat;
    background-position: right top;
    background-size: cover;
    width: 180px;
    height: 225px;
    animation: chilimove 6s infinite linear;
    animation-direction: alternate;
    z-index: 0;
}
.dishes-btn a{
	transition: none;
}
.dishes-btn a:hover{
	color: #ffffff !important;
    border: 2px solid #c79e39 !important;
}
.section-footer-text p a {
    color: #dc6203 !important;
    font-weight: 700;
    text-transform: capitalize;
    text-decoration: underline;
    transition: all 0.3s ease-in-out;
}
.section-footer-text p a:hover {
    color: #ffffff !important;
}
.our-ingredients {
    position: relative;
    padding: 1px 0 16px 100px;
    background-color: #c79e39;
}
.ingredient-counter-item .icon-box::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 60px;
    background: #dc6203;
    border-radius: 50%;
    transform: scale(0);
    z-index: 0;
    transition: all 0.4s ease-in-out;
}
.ingredient-counter-item:hover .icon-box::before {
    transform: scale(1);
	border: 1px solid #000;
}

.our-testimonial {
    position: relative;
    overflow: hidden;
	    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center -113.435px;
}
.our-testimonial:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0e110d;
    opacity: 70%;
}
}
.testimonial-slider-wrapper { /* adjust with your container class */
    overflow: hidden;
}

.elementor-21 .elementor-element.elementor-element-e520b5d .elementor-swiper-button svg{
	width: 30px !important;
	height: 30px !important;
}

.readmore-btn {
    display: inline-block;
    background-image: url(https://beta.konjiki.ae/wp-content/uploads/2025/06/arrow-accent.svg);
    background-repeat: no-repeat;
    background-position: right 3px center;
    background-size: 18px auto;
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
    color: #c79e39 !important;
    padding-right: 30px;
    border: none;
    transition: all 0.4s ease-in-out;
	font-family: "Montserrat", sans-serif;
    line-height: 1em;
}
.readmore-btn:hover {
    background-position: right center;
    color: #ffffff !important;
}
.post-featured-image{
	cursor: none;
}
.post-item a {
	text-decoration: none !important;
}

.reserve-table-form {
    background: #fff;
    border-radius: 14px;
    padding: 60px 40px;
    margin-top: -153px;
}
@media (min-width: 768px) {
    .row {
        display: flex;
        flex-wrap: wrap;
    }
}
@media (min-width: 768px) {
    .col-md-12 {
        flex: 0 0 auto;
        width: 100%;
    }
}
@media (min-width: 768px) {
    .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
    }
}

.reserve-table-form .form-label {
    color: #1f2120;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 15px;
	font-family: "Montserrat", sans-serif;
}
label {
    display: inline-block;
}
.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.reserve-table-form .form-control {
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    color: #212529;
    border: 1px solid #aeb0b4;
    background-position: right 6px center;
    border-radius: 10px;
    padding: 17px 20px !important;
    box-shadow: none;
    outline: none;
	font-family: "Montserrat", sans-serif;
/* 	margin-bottom: 24px; */
}
@media (min-width: 992px) {
    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%;
    }
}
/* .reserve-table-btn {
    margin-top: 25px;
    padding-left: 15px;
    padding-right: 15px;
} */
.reserve-table-btn .btn-default {
    width: 100%;
    padding: 17px 30px;
}
.reserve-table-btn .btn-default::before {
    background: #dc6203 !important;
}
.reserve-table-btn .btn-default::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -15%;
    right: 0;
    width: 0;
    height: 106%;
    background: var(--primary-color);
    transform: skew(45deg);
    transition: all 0.4s ease-in-out;
    z-index: -1;
}
.reserve-table-btn .btn-default:hover {
    color: #fff;
}
.reserve-table-btn .btn-default {
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1em;
    text-transform: capitalize;
    background: #c79e39 !important;
    color: #ffffff;
    border-radius: 30px !important;
    border: none;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
    z-index: 1;
    font-family: "IBM Plex Sans Condensed", sans-serif;
}
@media (min-width: 768px) {
    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
}
.form-group{
	    padding-right: 15px;
    padding-left: 15px;
}
input[type="text"], input[type="number"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type=reset], input[type=tel], input[type=date], select{
	height: 55px;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
	    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    margin-top: calc(-1 * var(--bs-gutter-y));
}

@media only screen and (max-width: 767px) {
    .section-title h1 {
        font-size: 28px !important;
		
        text-align: left;
    }
	.section-title h1 b {
    display: inline-block;
}
	.section-title h1 span, .section-title h2 span {
    display: inline-block;
}
}

.page-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0e110d;
    opacity: 62%;
}

.page-header-box {
    position: relative;
    text-align: center;
    z-index: 1 !important;
}
.our-ingredients .elementor img::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(14, 17, 13, 0) 79.74%, #0E110D 91.9%);
    width: 100%;
    height: 100%;
    z-index: 0;
}
.media-gallery .gallery-item{
	padding: 15px;
}
.media-gallery img{
	width: 100%;
    aspect-ratio: 1 / 0.82;
    object-fit: cover;
    border-radius: 0px;
	height: calc(100% - 30px);
    margin-bottom: 30px;
}

.elementor-widget-loop-grid .elementor-grid {
    grid-column-gap: var(--grid-column-gap, 10px);
    grid-row-gap: var(--grid-row-gap, 10px);
}

.contact-form{
	/* background: #373737; */
	border-radius: 14px;
	padding: 60px 40px;
	border: 1px solid #4f4b4b;
}

.contact-form .form-label{
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	text-transform: capitalize;
	margin-bottom: 10px;
	font-family: "Montserrat", sans-serif;
}

.contact-form .form-control{
	font-size: 16px;
	font-weight: 400;
	line-height: normal;
	color: #fff;
	background: transparent;
	border: 1px solid #ffffff54;
	border-radius: 8px;
	padding: 15px 20px;
	box-shadow: none;
	outline: none;
	font-family: "Montserrat", sans-serif;
}

.contact-form .form-control::placeholder{
	color: #fff;
	font-family: "Montserrat", sans-serif;
}

.contact-form .btn-default{
	padding: 17px 30px;
	width: 100%;
}
/* 
.contact-form .btn-default:after{
	display: none;
}

.contact-form .btn-default::before {
    background: #dc6203 !important;
}
.contact-form .btn-default::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -15%;
    right: 0;
    width: 0;
    height: 106%;
    background: #fff;
    transform: skew(45deg);
    transition: all 0.4s ease-in-out;
    z-index: -1;
}
.contact-form .btn-default:hover {
    color: #fff;
}
.contact-form .btn-default {
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1em;
    text-transform: capitalize;
    background: #c79e39 !important;
    color: #ffffff;
    border-radius: 30px !important;
    border: none;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
    z-index: 1;
    font-family: "IBM Plex Sans Condensed", sans-serif;
} */
.contact-form .mb-4 {
    margin-bottom: 1.5rem !important;
}

.testimonial-slider{
	position: relative;
}

.testimonial-slider .swiper{
    position: static;
    margin: 0 151px;
}

.testimonial-slider .swiper-wrapper{
	cursor: none;
}

.testimonial-item{
	text-align: center;
}

.testimonial-quote{
	text-align: center;
	margin-bottom: 30px;
}

.testimonial-quote img{
	max-width: 50px;
}

.testimonial-content{
	margin-bottom: 40px;
}

.testimonial-content p{
	font-size: 19px;
	line-height: 1.5em;
	margin: 0;
	color: #fff;
	font-family: "Montserrat", sans-serif;
}

.author-image{
	margin-bottom: 20px;
}

.author-image figure,
.author-image img{
	border-radius: 50%;
	max-width: 80px;
	margin: 0 auto;
}

.author-content h3{
	color: #fff;
	font-size: 20px;
	text-transform: capitalize;
	font-family: "IBM Plex Sans Condensed", sans-serif;
}

.testimonial-btn-prev,
.testimonial-btn-next{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 60px;
	height: 60px;
	background-color: transparent;
	border: 1px solid #c79e39;
	border-radius: 50%;
	transition: all 0.4s ease-in-out;
	z-index: 1;
}

.testimonial-btn-prev{
	left: 0;
}

.testimonial-btn-next{
	right: 0;
}

.testimonial-btn-prev:hover,
.testimonial-btn-next:hover{
	background-color: #c79e39;
}

.testimonial-btn-prev::before,
.testimonial-btn-next::before{
	font-family: 'FontAwesome';
	content: '\f053';
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	font-size: 20px;
	font-weight: 400 !important;
	color: #c79e39;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease-in-out;
}

.testimonial-btn .testimonial-btn-next::before{
	transform: rotate(180deg);
}

.testimonial-btn-prev:hover::before,
.testimonial-btn-next:hover::before{
	color: #fff;
}

.contact-form .form-control:focus{
	background: transparent !important;
	color: #fff !important;
	border: 1px solid #ffffff54 !important;
}
.reserve-table-form .form-control:focus{
	border: 1px solid #aeb0b4 !important;
}
.menu-price {
    background-color: #c79e39;
    color: white;
    padding: 10px 16px;
    font-weight: bold;
    border-radius: 33px;
    white-space: nowrap;
}
.about-detail-item {
    display: flex;
    align-items: center;
}
.about-detail-item .icon-box {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 1px solid #dc6203;
    border-radius: 50%;
    margin-right: 30px;
    transition: all 0.3s ease-in-out;
}
.about-detail-item:hover .icon-box {
    border-color: #fff;
}
.about-detail-item .icon-box img {
    width: 100%;
    max-width: 40px;
    transition: all 0.3s ease-in-out;
}
.about-detail-item:hover .icon-box img {
    transform: rotateY(180deg);
    filter: brightness(0) invert(1);
}
.about-detail-content {
    width: calc(100% - 110px);
}
.about-detail-content h3 {
    font-size: 22px;
    text-transform: capitalize;
    margin-bottom: 5px;
    font-weight: 700;
    line-height: 1.2em;
    color: #ffffff;
    font-family: "IBM Plex Sans Condensed", sans-serif;
}
.about-detail-content p {
    margin: 0;
	font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6em;
    background-color: #140404;
    color: #aeb0b4;
}
.about-details:hover .elementor-widget-icon-box.elementor-view-framed .elementor-icon{
	border-color: #ffffff;
}
.about-details:hover .elementor-icon svg{
	transform: rotateY(180deg);
    filter: brightness(0) invert(1);
}

.hero-images {
    position: relative;
    padding: 0 42px 0 80px;
    margin-left: 54px;
    z-index: 1;
}
.hero-image, .hero-image figure {
    display: block;
    border-radius: 999px;
    overflow: hidden;
}
.image-anime {
    position: relative;
	overflow: hidden;
	border-radius: 30px;
}
figure {
    margin: 0;
}
.hero-image figure:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* background: var(--secondary-color); */
    opacity: 20%;
    border-radius: 999px;
    z-index: 0;
}
.hero-image img {
    width: 100%;
    aspect-ratio: 1 / 1.58;
    object-fit: cover;
    border-radius: 999px;
}
.image-anime:after {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, .3);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1;
}
.image-anime:hover:after{
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}

.hero-circle-img-1 {
    position: absolute;
    top: 100px;
    right: 0;
    z-index: 1;
}
.hero-circle-img-1 figure, .hero-circle-img-2 figure {
    width: 100%;
    max-width: 160px;
    border-radius: 50%;
}
.hero-circle-img-1 img, .hero-circle-img-2 img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border: 8px solid #ffffff;
    border-radius: 50%;
}
.hero-circle-img-2 {
    position: absolute;
    bottom: 100px;
    left: 0;
    z-index: 1;
}
@media only screen and (max-width: 991px) {
    .hero-images {
        max-width: 60%;
        margin: 0 auto;
        padding: 0 40px 0 40px;
    }
}
@media only screen and (max-width: 767px) {
    .hero-images {
        max-width: 100%;
    }
	    .hero-circle-img-1 figure, .hero-circle-img-2 figure {
        max-width: 100px;
    }
	    .hero-circle-img-1 img, .hero-circle-img-2 img {
        border-width: 5px;
    }
}
.about-us-image {
    position: relative;
    margin-right: 0px;
    padding: 0 100px 0 60px;
}
.about-us-img, .about-us-img figure {
    display: block;
    border-radius: 999px;
    overflow: hidden;
}
.about-us-img img {
    width: 100%;
    aspect-ratio: 1 / 1.53;
    object-fit: cover;
    border-radius: 999px;
}
.about-author-img {
    position: absolute;
    bottom: 60px;
    left: 0;
    z-index: 1;
}
.about-author-img figure {
    max-width: 140px;
    border-radius: 50%;
}
.about-author-img img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border: 8px solid #ffffff;
    border-radius: 50%;
}
.our-dish-item {
    height: calc(100% - 30px);
    margin-bottom: 30px;
    text-align: center;
}
.our-dish-img {
    margin-bottom: 30px;
}
.our-dish-img figure {
    /* max-width: 200px; */
    border-radius: 50%;
    display: inline-block;
}
.our-dish-img img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    transition: all 0.3s ease-in-out;
}
.our-dish-item:hover .our-dish-img img{
	transform: scale(1.1);
}
.our-dish-content h3 {
    font-size: 18px;
    text-transform: capitalize;
    margin-bottom: 20px;
    margin-top: 53px;
	font-family: "IBM Plex Sans Condensed", sans-serif;
}
.our-dish-content h3 a {
    color: #ccc !important;
    border: 4px solid #c79e39;
    padding: 5px 19px 7px 19px;
    border-radius: 45px;
	max-height: 38px !important;
}
.our-dish-content h3 a:hover {
    color: #ffffff;
    border: 2px solid #c79e39;
}
@media only screen and (max-width: 991px) {
    .about-us-image {
        max-width: 60%;
        margin: 0 auto;
        padding: 0 50px 0 40px;
    }
	    .our-dish-item .our-dish-img {
        margin-bottom: 20px;
    }
	    .our-dish-img figure {
        max-width: 160px;
    }
	    .our-dish-content h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }
	    .our-ingredients {
        padding: 50px 0;
    }
	    .our-testimonial {
        padding: 50px 0;
    }
	    .testimonial-slider .swiper {
        margin: 0 60px;
    }
	.testimonial-quote{
		margin-bottom: 20px;
	}

	.testimonial-content{
		margin-bottom: 30px;
	}

	.testimonial-content p{
		font-size: 22px;
	}
}
@media only screen and (max-width: 767px) {
    .about-us-image {
        max-width: 100%;
        padding: 0 40px 0 40px;
    }
	    .about-author-img figure {
        max-width: 100px;
    }
	    .about-author-img img {
        border-width: 5px;
    }
	    .our-dish-item .our-dish-img {
        margin-bottom: 10px;
    }
	    .our-dish-img figure {
        max-width: 200px;
    }
	    .our-dish-content h3 {
        font-size: 18px;
    }
	    .testimonial-slider .swiper {
        margin: 0px;
        padding-bottom: 50px;
    }
	.testimonial-quote{
		margin-bottom: 10px;
	}


	.testimonial-quote img{
		max-width: 35px;
	}

	.testimonial-content{
		margin-bottom: 20px;
	}

	.testimonial-content p{
		font-size: 16px;
	}
		.testimonial-btn-prev,
	.testimonial-btn-next{
		top: auto;
		bottom: 0;
		width: 30px;
		height: 30px;
	}

	.testimonial-btn-prev{
		left: calc(50% - 25px);
		transform: translateX(-50%);
	}

	.testimonial-btn-next{
		right: calc(50% - 50px);
		transform: translateX(-50%);
	}

	.testimonial-btn-prev::before,
	.testimonial-btn-next::before{
		font-size: 14px;
	}
}
.approch-tab-image figure {
    display: block;
    border-radius: 30px;
}
.our-ingredients-image {
    position: relative;
    margin-right: 30px;
}
.our-ingredients-img figure {
    display: block;
}
.our-ingredients-img figure::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(14, 17, 13, 0) 79.74%, #0E110D 91.9%);
    width: 100%;
    height: 100%;
    z-index: 0;
}
.our-ingredients-img img {
    width: 100%;
    aspect-ratio: 1 / 1.044;
    object-fit: contain;
}
.our-ingredients-list {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.ingredients-list-item {
    position: relative;
    width: calc(199.813px - 20px);
    text-align: center;
}
.ingredients-list-item-sec {
    position: relative;
    width: calc(199.813px - 20px);
    text-align: center;
}
.ingredients-list-item::before {
    content: '';
    position: absolute;
    top: 50%;
    right: -15px;
    bottom: 0;
    left: auto;
    transform: translateY(-50%);
    background: #c79e39;
    opacity: 14%;
    width: 1px;
    height: 50px;
}
.ingredients-list-item .icon-box {
    text-align: center;
    margin-bottom: 15px;
}
.ingredients-list-item .icon-box img {
    width: 100%;
    max-width: 134px;
}
.ingredients-list-item-sec .icon-box {
    text-align: center;
    margin-bottom: 15px;
}
.ingredients-list-item-sec .icon-box img {
    width: 100%;
    max-width: 134px;
}
.google-map-iframe, .google-map-iframe iframe {
    height: 300px;
    width: 100%;
}
@media (min-width: 992px) {
    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
}
.page-gallery-box .photo-gallery {
    height: calc(100% - 30px);
    margin-bottom: 30px;
}
.page-gallery-box .photo-gallery a {
    cursor: none;
}
.page-gallery-box .photo-gallery figure {
    display: block;
    border-radius: 12px;
}
.page-gallery-box .photo-gallery img {
    width: 100%;
    aspect-ratio: 1 / 0.82;
    object-fit: cover;
    border-radius: 0px;
}
.post-entry p {
    margin-bottom: 20px;
}
.blog-item-btn h5{
	font-weight: 700;
}
.menu-details h3 {
    font-size: 1rem;
    color: #c79e39;
    margin: 2rem 0 0.5rem;
    text-transform: uppercase;
	font-weight: 700;
}
.menu-details p {
    font-size: 0.95rem;
    line-height: 1.4;
    margin: 0;
    color: #fff;
	font-family: Arial, sans-serif;
}
.add-on h4{
	font-size: 1rem;
    color: #c79e39;
    margin: 2rem 0 0.5rem;
    text-transform: uppercase;
	font-weight: 700;
	font-family: "IBM Plex Sans Condensed", sans-serif;
}
.addons-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 16px;
  color: white;
}
@media(max-width:991px){
	.addons-line{
		gap: 5px;
    }
}
.addon-name {
  font-weight: 400;
	font-family: Arial, sans-serif;
	    font-size: 0.95rem;
    line-height: 1.4;
    margin: 0;
}

.addon-price {
  display: inline-block;
  background-color: #c79e39; 
  color: black;
  padding: 4px 12px;
  border-radius: 20px;
  font-weight: bold;
  font-size: 14px;
  margin-left: 4px;
}

.separator {
  margin: 0 10px;
  color: white;
}

.post-featured-image img{
	width: 100%;
	object-fit: cover;
	border-radius: 30px;
	transition: all 0.4s ease-in-out;
}

.post-item:hover .post-featured-image img{
	transform: scale(1.1);
}
@media only screen and (max-width: 991px) {
    .section-title h1 {
        font-size: 50px;
    }
	.approch-tab-image img{
		width: 100%;
		aspect-ratio: 1 / 0.55;
		object-fit: cover;
	}
	.our-ingredients-img img {
        aspect-ratio: 1 / 0.8;
    }
}
@media only screen and (width: 1024px) {
  .hero-bg-video video {
    height: 800px !important;
}
	.elementor-21 .elementor-element.elementor-element-9751b74{
		--flex-direction: row !important;
		--padding-top: 50px;
	}
	.elementor-21 .elementor-element.elementor-element-839fe20{
		--margin-top: 0 !important;
	}
	.elementor-21 .elementor-element.elementor-element-a390a86{
		--flex-direction: row !important;
	}
}

.text-anime-style-2 span {
  display: inline-block;
  opacity: 0;
  transform: translateX(-20px);
  animation: slideIn 0.5s forwards;
}

.text-anime-style-2 span:nth-child(1) { animation-delay: 0.05s; }
.text-anime-style-2 span:nth-child(2) { animation-delay: 0.1s; }
.text-anime-style-2 span:nth-child(3) { animation-delay: 0.15s; }
.text-anime-style-2 span:nth-child(4) { animation-delay: 0.2s; } /* space */
.text-anime-style-2 span:nth-child(5) { animation-delay: 0.25s; }
.text-anime-style-2 span:nth-child(6) { animation-delay: 0.3s; }
.text-anime-style-2 span:nth-child(7) { animation-delay: 0.35s; }
.text-anime-style-2 span:nth-child(8) { animation-delay: 0.4s; }

@keyframes slideIn {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.elementor-96 .elementor-element.elementor-element-758b3ef .elementor-social-icon:hover svg {
  filter: brightness(0) saturate(100%);
}

@media only screen and (max-width: 991px) {
       .about-us::before {
        width: 140px;
        height: 175px;
        opacity: 40%;
        left: 75%;
    }
	    .our-blog::before {
        left: -100px;
        width: 200px;
        height: 200px;
        opacity: 40%;
    }
	    .our-blog::after {
        width: 140px;
        height: 175px;
        opacity: 40%;
			right: 50px;
    }
	    .our-dishes::before {
        width: 140px;
        height: 140px;
        opacity: 40%;
    }
	.our-approach::before {
        top: 40px;
        width: 140px;
        height: 140px;
        opacity: 40%;
    }
		.section-title h2{
		font-size: 34px;
	}
			.section-title h4{
		font-size: 30px;
	}
		    .page-header-box h1 {
        font-size: 50px;
    }
}
@media only screen and (max-width: 767px) {
        .about-us::before {
        left: 240px;
        width: 100px;
        height: 125px;
        top: 40%;
    }
	    .our-blog::before {
        left: -60px;
        width: 140px;
        height: 140px;
    }
	     .our-blog::after {
        top: 60px;
        right: 20px;
        width: 100px;
        height: 125px;
    }
	    .our-dishes::before {
        width: 100px;
        height: 100px;
        top: 50px;
    }
	    .our-approach::before {
        width: 100px;
        height: 100px;
        top: 50px;
    }
	.reserve-table-form{
		margin-top: 0;
	}
    .contact-form {
        padding: 30px 20px 0 !important;
    }
	.reserve-table-form {
        padding: 30px 20px !important;
    }
	.reserve-table-btn{
		margin-top: 0;
	}
	    .page-header-box h1{
        font-size: 30px !important;
    }
				.section-title h4{
		font-size: 22px !important;
	}
}

.section-title p{
	margin-top: 10px;
	margin-bottom: 0;
}
@media only screen and (max-width: 991px) {
    .reserve-table-form {
        padding: 40px 20px;
		margin-top: 0;
    }
	.reserve-table-form .form-control{
		margin-bottom: 0;
	}
	    .contact-form {
        padding: 40px 20px;
    }
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    color: #fff;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #c71010;
    color: #fff;
}
.reserve-table-btn {
    margin-top: 25px;
}
.contact-form .reserve-table-btn {
    margin-top: 0;
}

/* Apply base styles to wpcf7-submit inside .reserve-table-form */
.reserve-table-form .wpcf7-submit {
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1em;
    text-transform: capitalize;
    background: #c79e39;
    color: #fff;
    border-radius: 30px;
    padding: 17px 58px 17px 30px;
    border: none;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
    z-index: 1;
    font-family: "IBM Plex Sans Condensed", sans-serif;
    width: 100%; /* Match .reserve-table-btn .btn-default */
}

/* Hover styles */
.reserve-table-form .wpcf7-submit:hover {
    background: transparent;
    color: #fff;
}

/* Shine effect */
.reserve-table-form .wpcf7-submit::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -15%;
    right: 0;
    width: 0;
    height: 106%;
    background: #dc6203; /* Matches .reserve-table-btn .btn-default::before */
    transform: skew(45deg);
    transition: all 0.4s ease-in-out;
    z-index: -1;
}

/* Animate shine on hover */
.reserve-table-form .wpcf7-submit:hover::before {
    width: 100%;
    transform: skew(0deg);
    left: 0;
}

@media only screen and (max-width: 767px) {
    .ingredients-list-item .icon-box img , .ingredients-list-item-sec .icon-box img{
        max-width: 35px;
    }
	    .our-ingredients-list {
        gap: 20px;
    }
	    .ingredients-list-item , .ingredients-list-item-sec{
        width: 100px;
    }
	.about-detail-content p{
		font-size: 16px;
	}
	.section-title h2{
		font-size: 22px !important;
	}
	    .page-header-box h1 {
        font-size: 30px;
    }
	.reserve-table-form .wpcf7-submit{
		padding: 17px 30px 17px 30px;
	}
}

/* Add this CSS to Elementor Custom CSS or Additional CSS */
.animated-text {
    overflow: hidden;
}

.animated-text .letter {
    /* Force inherit ALL text styles from parent */
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    font-style: inherit !important;
    color: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: inherit !important;
    text-transform: inherit !important;
    text-shadow: inherit !important;
    background: inherit !important;
    background-color: inherit !important;
    background-image: inherit !important;
    background-clip: inherit !important;
    -webkit-text-fill-color: inherit !important;
    -webkit-text-stroke: inherit !important;
    -webkit-background-clip: inherit !important;
    
    /* Remove any default margins/padding */
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

@keyframes slideIn {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.section-title h2 {
    font-size: 42px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0;
    cursor: none;
    color: #ffffff;
    margin: 0;
    font-family: "IBM Plex Sans Condensed", sans-serif;
}
.section-title h4 {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0;
    cursor: none;
    color: #ffffff;
    margin: 0;
    font-family: "IBM Plex Sans Condensed", sans-serif;
}
.page-header-box h1{
	display: inline-block;
	font-size: 68px;
    font-weight: 700;
	line-height: 1.1em;
	text-transform: uppercase;
	color: #fff;
	cursor: none;
    font-family: "IBM Plex Sans Condensed", sans-serif;	
}
.entry-content h1{
	margin-bottom: 0 !important;
}

.book-table .reserve-table-form{
	margin-top: 0;
}
.book-table .reserve-table-form .reserve-table-btn{
	    margin: 0 auto;
    width: 50%;
}
@media(max-width:767px){
	.book-table .reserve-table-form .reserve-table-btn{
   		width: 100%;
	}
}

.testimonial-content p{
	text-align: justify;
}

.elementor-427 .elementor-element.elementor-element-7bfe769 .elementor-heading-title{
	min-height: 50px;
}

.home-banner-title h1{
	font-size: 45px !important;
}
@media(max-width:991px){
	.home-banner-title h1{
		font-size: 50px !important;
	}
}

@media(max-width:767px){
	.home-banner-title h1{
		font-size: 28px !important;
	}	
}