* {
	padding:0;
	margin:0;
}
html {
	scroll-behavior: smooth;
}

::selection {
	background: #000;
	color: #F4F3EA;
	text-shadow: none;
}
body{
	background: #F4F3EA;
}


::-moz-selection {
	background: #000;
	color: #F4F3EA;
	text-shadow: none;
}

header#masthead {
	display: block !important;
}

#masthead {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background-color: transparent;
	display: block;
	z-index: 999;
	transition:all 0.3s ease-in-out;
}
header.sticky {
	background-color: #F4F3EA !important;
	transition:all 0.3s ease-in-out;
}
.sticky.header-wrapper a.elementor-item{
	color:#111111 !important;
}
.sticky.header-wrapper .site-logo img{
	filter: brightness(0) invert(0);
}
.header-wrapper .site-logo img{
	filter: invert(1) brightness(1000%);
}
.header-wrapper > .elementor-section .elementor-container {
	justify-content: space-between;
	align-items: center;
}

.header-wrapper .logo-box {
	width: auto !important;
	float: left;
}

.header-wrapper .menu-box {
	width: auto !important;
	float: right;
}

.notfound-content {
	text-align: center;
	padding: 10vw 0;
	width: 100%;
	float: left;
}
h5.error-space {
	margin: 20px 0;
	font-size: 20px;
}
.btn-wrap a.elementor-button {
	text-decoration: none;
}

/* .error404 .notfound-content h1 {
color: #000000;
} */

/* .error404 .notfound-content h3 {
margin: 20px 0;
} */


body .gform_wrapper,
.gform_confirmation_wrapper {
	width: 100%;
	float: left;
}

body .gform_wrapper {
	margin: 0px 0;
}

body .gform_wrapper form {
	width: 100%;
	float: left;
}

body .gform_wrapper form .gform_body {
	float: left;
	width: calc(100% + 30px) !important;
	margin: 0 -15px !important;
}

body .gform_wrapper .gf_progressbar_wrapper {
	display: none;
}

body .gform_wrapper form .gform_body ul {
	width: 100%;
	float: left;
	display: flex;
	flex-wrap: wrap;
}

body .gform_wrapper form .gform_body ul li.gfield {
	padding: 0px;
	width: 50%;
	float: left;
	padding: 0 15px !important;
	margin: 0 0px 30px !important;
	background-color: transparent;
	border: none;
	clear: inherit;
}

body .gform_wrapper form .gform_body ul li.gfield label {
	/* 	width: 100%;
	float: left;
	color: #111111;
	font-family: 'Satoshi-Regular';
	font-size: 18px;
	font-weight: 400;
	margin-top: 0px !important;
	padding: 0 0px 10px;
	line-height: 120%; */
}

body .gform_wrapper form .gform_body ul li.gfield label span.gfield_required {
	font-size: 18px;
	width: 4px;
	height: 4px;
	border-radius: 100%;
	display: none;
	vertical-align: top;
	margin-left: 0px;
	margin-top: 0px;
}

body .gform_wrapper form .gform_body ul li.gfield.full-box {
	width: 100%;
}

body .gform_wrapper form .gform_body ul li.gfield textarea {
	width: 100% !important;
	height: 213px !important;
	/*     border-radius: 40px !important; */
}

body .gform_wrapper form .gform_body ul li.description textarea {
	width: 100% !important;
}

body .gform_wrapper .validation_message {
	color: #790000;
	padding-top: 5px;
	padding-right: 0px !important;
	width: 100%;
	float: left;
	line-height: 120%;
	font-weight: 500;
	letter-spacing: 0.5px;
	font-size: 14px;
}

body .gform_wrapper li.gfield_error div.ginput_complex.ginput_container label,
body .gform_wrapper li.gfield_error ul.gfield_checkbox,
body .gform_wrapper li.gfield_error ul.gfield_radio,
body .gform_wrapper .field_description_below .gfield_description {
	color: #790000;
	padding-top: 5px;
	padding-right: 0px !important;
	width: 100%;
	float: left;
	line-height: 120%;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 0.5px;
}

body .gform_confirmation_message {
	width: 100%;
	float: left;
	text-align: center;
	font-weight: normal;
	background-color: #029300;
	line-height: 125%;
	border: 1px solid #E8E8E8;
	border-radius: 5px;
	padding: 16px 20px;
	color: #F4F3EA;
	font-size: 16px;
}

body .gform_wrapper div.validation_error {
	margin-bottom: 20px;
	border: none;
	background-color: #790000;
	color: #F4F3EA;
	padding: 18px 15px;
	line-height: 120%;
	font-size: 16px;
	display: flex;
}

body .gform_wrapper .top_label div.ginput_container {
	margin-top: 0px !important;
	width: 100%;
	float: left;
}

body .gform_body input[type=text],
body .gform_body input[type=email],
body .gform_body input[type=tel],
body .gform_body input[type=number],
body select,
body textarea {
	width: 100% !important;
	border: 1px solid #999999 !important;
	border-radius: 40px !important;
	padding: 18px 31px !important;
	color: #000000 !important;
	box-shadow: none;
	font-family: 'Satoshi-Regular';
	height: auto !important;
	font-weight: 400;
	line-height: normal !important;
	font-size: 16px !important;
	margin: 0 !important;
	background-color: transparent !important;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	outline: none;
}

body select {
	background-image: url(../images/select-arrow.png);
	background-repeat: no-repeat;
	background-position: right 20px center;
	padding-right: 40px !important;
}

body .gform_wrapper textarea.small {
	height: 80px;
}

body .gform_wrapper .gform_page_footer {
	padding: 0 15px;
	margin-bottom: 0px;
	text-align: left;
	width: 100%;
	float: right;
	margin-top: 10px;
	border: none;
}

.gform_legacy_markup_wrapper .gform_validation_errors>h2 {
	color: #F4F3EA !important;
	font-weight: 400 !important;
	padding: 0 !important;
	margin: 0px !important;
	font-size: 16px !important;
	line-height: 120%;
	text-transform:inherit;
	letter-spacing: unset;
}
/* form */
form textarea{
	border: none !important;
	background: transparent;
}
.ginput_container.ginput_container_textarea {
	border: 1px solid #a5a5a5 !important;
	background: transparent;
	border-radius: 40px;
	overflow: hidden;
	padding-right: 14px;
}
form input{
	border: 1px solid #a5a5a5 !important;
	border-radius: 40px;
	width: 100%;
	padding: 19px 20px 20px 20px;
	background: transparent;
}
form label{
	width: auto;
	float: left;
	color: #282828 !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	margin-top: 0px !important;
	padding: 0 4px;
	line-height: 120% !important;
	margin-bottom: -10px;
	margin-left: 24px;
	background-color: #F4F3EA !important;
	z-index: 1;
	position: relative;
}
.gform_footer.top_label {
	text-align: center !important;
}
input[type=submit] {
	border: none !important;
	width: auto !important;
	cursor: pointer;
}
/* news-letter-form */
div#news-submit {
	position: absolute;
	right: 0;
}
/* #news-form-ctn .gjs-cell input[type="submit"] {
background: #F4F3EA;
color: #090909;
padding: 18px 28px 18px 28px !important;
} */
#news-form-ctn .gjs-cell input#esfpx_email_52e234c38c701 {
	border: 1px solid #454545 !important;
	font-size:16px;
	padding: 20px 150px 20px 28px;
	color:#999999;
	outline:none;
}
span#spinner-image {
	display:none !important;
}
span.swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 20px !important;
	border-radius: 24px;
	transition: all 0.2s linear;
}
span.swiper-pagination-bullet{
	transition: all 0.2s linear;
}
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom: 40px !important;
}
/* black-header */
.page-id-2021 .header-wrapper a.elementor-item span.elementor-item, .page-id-778 .header-wrapper a.elementor-item span.elementor-item, .page-id-1191 .header-wrapper a.elementor-item span.elementor-item, .postid-1179 .header-wrapper a.elementor-item span.elementor-item, .postid-1472 .header-wrapper a.elementor-item span.elementor-item, .page-id-1353 .header-wrapper a.elementor-item span.elementor-item, .page-id-1590 .header-wrapper a.elementor-item span.elementor-item, .page-id-2124 .header-wrapper a.elementor-item span.elementor-item, .error404 .header-wrapper a.elementor-item{
	color: #000 !important;
}
.page-id-778 .site-logo img, .page-id-1191 .site-logo img, .postid-1179 .site-logo img, .postid-1472 .site-logo img, .page-id-1353 .site-logo img, .page-id-1590 .site-logo img, .error404 .site-logo img, .page-id-2021 .site-logo img, .page-id-2124 .site-logo img{
	filter: invert(0);
}
.project-hero .elementor-background-overlay {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.20) 93.28%), linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%) !important;
}

.menu-open{
	overflow:hidden !important;
}
.project-sub-menu.elementor-widget.elementor-widget-shortcode, .product-sub-menu.elementor-widget.elementor-widget-shortcode {
	display: none;
}
.project-menu .project-sub-menu, .product-menu .product-sub-menu {
	position: fixed !important;
	bottom: 0;
	top: initial !important;
	left: 0% !important;
	width: 100% !important;
	height: 100% !important; 
	padding: 0px;
	transition: all 0.3s;
	/*     overflow: auto; */
	margin: 0 !important;
	background-color:#F4F3EA;
	z-index:1;
	overflow:hidden;
}

.project-post-ctn p a {
	padding: 0 !important;
}
/* Project-detail */
.project-hero {
	position: sticky !important;
	top: 0;
	height: max-content;
	z-index:-1;
}
.elementor-slideshow__header {
	justify-content: center !important;
}
.elementor-slideshow__header .elementor-slideshow__counter {
	margin-inline-end: unset !important;
}
/* ------------------------*/
.category-slider-wrapper {
	display: flex;
	/*     align-items: center; */
	justify-content: space-between;
}

.category-fixed-content {
	width: 37%;
	padding-top: 160px;
	transition: opacity 0.3s ease-in-out;
	margin-left:100px;
	position: relative;
}

.category-slider {
	width: 48.9%;
	overflow: hidden;
}

.category-image img {
	display:block;
	width: 100%;
	height: auto;
	object-fit: cover;
	transition: opacity 0.6s ease-in-out;
}
.category-title {
	margin-bottom: 15px;
}

.category-slider-wrapper .category-title {
	margin-bottom: 10px;
}
.custom-link-btn {
	margin-top: 10px !important;
	display: inline-block;
}
.showcase-categories-wallpapers .post-img-box .elementor-image-box-content {
	position: absolute !important;
	top: 0;
	height: 98%;
	width: 100%;
	display: flex;
	align-content: center;
	justify-content: center;
	flex-wrap: wrap;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%);
	transition:all 0.3s ease-in-out;
	opacity:0;
}
.showcase-categories-wallpapers .post-img-box .elementor-image-box-content h2.elementor-image-box-title {
	width: 100%;
	height: 100%;
}
.showcase-categories-wallpapers .post-img-box .elementor-image-box-content a {
	height: 100%;
	width: 100%;
	display: flex;
	align-content: center;
	justify-content: center;
	flex-wrap: wrap;
}
.showcase-categories-wallpapers:hover .post-img-box .elementor-image-box-content {
	opacity:1;
	transition:all 0.3s ease-in-out;
}
.gform_legacy_markup_wrapper .gform_footer{
	margin: 6px 0 0 !important;
	padding: 6px 0 10px !important;
}
/* ----------- */
@keyframes fadeOutIn {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 0.5;
	}
	40% {
		opacity: 0.2;
	}
	60% {
		opacity: 0;
	}
	80% {
		opacity: 0.2;
	}
	80% {
		opacity: 0.5;
	}
	100% {
		opacity: 1;
	}
}

.category-fixed-content.fading {
	animation: fadeOutIn 0.8s ease-in-out;
}

a#category-link {
	background: #111111;
	padding: 21px 34px;
	color: #F4F3EA;
	border-radius: 120px;
	font-size: 18px;
	line-height:normal;
}
/* ---------------- */
#hover-image {
	transition: opacity 0.3s ease-in-out;
}

#hover-image-container img[src=""] {
	/*     opacity: 0; */
}
/* a.elementor-button{
position:relative;
}
a.elementor-button:after {
content: '';
background: url('/wp-content/uploads/2025/03/Frame-8.svg');
background-size: cover;
background-repeat: no-repeat;
width: 22px;
height: 12px;
display: block;
position: absolute;
top: 42%;
right: 0;
} */
/* Elementor Button Styling */
/* Elementor Button Styling */
.elementor-button {
	position: relative;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	color: #111111;
	border: 1px solid black;
	overflow: hidden;
}

/* Default state of the arrow */
.elementor-button-icon{
	overflow:hidden;
	align-items: center;
}

.elementor-button-icon svg {
	position: relative;
	transition: none;
	width:22px !important;
	height:12px !important;
}

/* Keyframes for hover animation (slide forward) */
@keyframes slideForward {
	0% { opacity: 0.8; transform: translateX(0px) scale(1); }
	25% { opacity: 0.5; transform: translateX(50px) scale(0.8); }
	26% { opacity: 1; transform: translateX(-20px) scale(0.8); }
	55% { opacity: 1; transform: translateX(0px) scale(1); }
}

/* Keyframes for reverse animation (slide back) */
@keyframes slideBackward {
	0% { opacity: 0; transform: translateX(0px) scale(1); }
	29% { opacity: 1; transform: translateX(-20px) scale(0.8); }
	30% { opacity: 1; transform: translateX(50px) scale(0.8); }
	55% { opacity: 0.8; transform: translateX(0px) scale(1); }
}

/* On hover: Move arrow forward */
.elementor-button:hover .elementor-button-icon svg {
	animation: slideForward 0.7s forwards;
}

/* On mouse leave: Move arrow back smoothly */
.elementor-button:not(:hover) .elementor-button-icon svg {
	animation: slideBackward 0.7s forwards;
}

/* custom-btn */
/* Default state */
/* Button default state */
#category-link {
	position: relative;
	display: inline-flex;
	align-items: center;
	padding: 12px 20px;
	text-decoration: none;
	color: #F4F3EA;
	border: 1px solid #F4F3EA;
	overflow: hidden;
	transition: none;
}

/* SVG Icon inside the button */
#category-link .elementor-button-icon {
	display: inline-flex;
	margin-left: 8px;
	transition: none;
}

/* Hover Animation: Move forward */
@keyframes slideForward {
	0% { opacity: 0.8; transform: translateX(0px) scale(1); }
	25% { opacity: 0.5; transform: translateX(50px) scale(0.8); }
	26% { opacity: 1; transform: translateX(-10px) scale(0.8); }
	55% { opacity: 1; transform: translateX(0px) scale(1); }
}

/* Reverse Animation: Move back */
@keyframes slideBackward {
	0% { opacity: 1; transform: translateX(0px) scale(1); }
	29% { opacity: 1; transform: translateX(-10px) scale(0.8); }
	30% { opacity: 1; transform: translateX(50px) scale(0.8); }
	55% { opacity: 0.8; transform: translateX(0px) scale(1); }
}

/* On hover: Arrow moves forward */
#category-link:hover .elementor-button-icon {
	animation: slideForward 0.7s forwards;
}

/* On mouse leave: Arrow moves back */
#category-link:not(:hover) .elementor-button-icon {
	animation: slideBackward 0.7s forwards;
}
span.elementor-button-content-wrapper {
	overflow: hidden;
}
/* Post-nav */
.post-nav {
	top: -34%;
}
.post-nav .elementor-post-navigation__prev.elementor-post-navigation__link{
	position: absolute;
	left: -124%;
	width: auto;
}
.post-nav .elementor-post-navigation__next.elementor-post-navigation__link{
	position: absolute;
	right: -10%;
	width: auto;
}
.post-nav i.fa.fa-arrow-circle-left:before {
	content: '';
	background: url(/wp-content/uploads/2025/03/prev.svg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 60px;
	width: 60px;
	display: block;
}
.post-nav i.fa.fa-arrow-circle-right:before {
	content: '';
	background: url(/wp-content/uploads/2025/03/next.svg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 60px;
	width: 60px;
	display: block;
}
/* header-hover */
/* Apply only inside .header-col-1 */
.header-col-1 .menu-item {
	position: relative;
	overflow: hidden;
	height: 20px;
	display: flex;
	align-items: center;
}

/* Style the text */
.header-col-1 .menu-item .elementor-item {
	display: inline-block;
	position: relative;
	transition: transform 0.4s ease-in-out;
}

/* Duplicate text using ::before */
.header-col-1 .menu-item .elementor-item::before {
	content: attr(data-text); /* Use dynamically added data-text */
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	text-align: center;
	color: inherit;
	opacity:1 !important;
	background-color: transparent !important;
}
.sticky .header-col-1 .menu-item .elementor-item::before{
	color:#111111 !important;
}
.sticky .header-col-1 .menu-item .elementor-item{
	color:#111111 !important;
}
.sticky.header-wrapper span.elementor-item {
	color: #000 !important;
}

/* Hover effect */
.header-col-1 .menu-item:hover .elementor-item {
	transform: translateY(-52%);
}
.footer-link-inner .elementor-nav-menu--main ul li span.elementor-item {
	padding: 0 !important;
}
.list-bullts ul {
	padding-left: 30px;
	margin: -20px 0 10px 0;
}
.list-bullts ul li {
	margin-bottom: 7px;
}
.list-bullts ul li p {
	margin: 0 !important;
}
/* --------------- */
.gform_legacy_markup_wrapper form {
	text-align: center !important;
}
.gform_legacy_markup_wrapper .gform_footer{
	width:auto !important;
}
#news-submit, .gform_footer.top_label {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	/*     padding: 12px 20px; */
	border: 1px solid #F4F3EA;
	border-radius:120px;
	overflow: hidden; /* Ensures the arrow stays inside */
}

/* Styled Button */
#news-submit input[type="submit"] {
	background: #F4F3EA;
	color: #111111;
	border: none;
	font-size: 18px;
	cursor: pointer;
	position: relative;
	transition: none;
	padding:16px 67px 16px 34px;
	margin:0 !important;
}
input#gform_submit_button_3 {
	background: #000;
	color: #F4F3EA;
	border: none;
	font-size: 18px;
	cursor: pointer;
	position: relative;
	transition: none;
	padding:20px 67px 20px 34px;
	margin:0 !important;
}

/* Wrapper for Arrow */
#news-submit .arrow-wrapper {
	position: relative;
	right: 0;
	width: 20px; /* Adjust width as needed */
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden; /* Hides overflow */
}

/* Arrow Styling */
#news-submit::after, .gform_footer.top_label::after {
	content: "→";
	position: absolute;
	right: 20%;
	font-size: 24px;
	opacity: 1 !important;
	transition: none;
}
.gform_footer.top_label::after {
	filter:invert(1);
}

/* Hover Animation: Move forward */
@keyframes slideForward {
	0% { opacity: 0.8; transform: translateX(0px) scale(1); }
	25% { opacity: 0.5; transform: translateX(50px) scale(0.8); }
	26% { opacity: 1; transform: translateX(-10px) scale(0.8); }
	55% { opacity: 1; transform: translateX(0px) scale(1); }
}

/* Reverse Animation: Move back */
@keyframes slideBackward {
	0% { opacity: 1; transform: translateX(0px) scale(1); }
	29% { opacity: 1; transform: translateX(-10px) scale(0.8); }
	30% { opacity: 1; transform: translateX(50px) scale(0.8); }
	55% { opacity: 0.8; transform: translateX(0px) scale(1); }
}

/* On hover: Arrow moves forward */
#news-submit:hover::after, .gform_footer.top_label:hover::after {
	animation: slideForward 0.7s forwards;
	opacity: 1;
}

/* On mouse leave: Arrow moves back */
#news-submit:not(:hover)::after, .gform_footer.top_label:not(:hover)::after {
	animation: slideBackward 0.7s forwards;
}
header.elementor-slideshow__header.elementor-lightbox-prevent-close {
	display: none;
}
.elementor-swiper-button.elementor-swiper-button-next, .elementor-swiper-button.elementor-swiper-button-prev {
	display: none !important;
}
footer.elementor-slideshow__footer.elementor-lightbox-prevent-close {
	display: none;
}
.gfield_description.validation_message.gfield_validation_message {
	text-align: left;
}

/* a.dialog-close-button.dialog-lightbox-close-button {
top: 0;
bottom: auto;
left: auto;
right: 0;
transform: translate(-30rem, 12rem);
margin: 0;
display: inline-flex;
padding: 6px;
align-items: center;
gap: 10px;
border-radius: 64px;
background: #0B0B0B;
} */

/* .elementor-lightbox {
background: rgba(0, 0, 0, 0.8);
}

.elementor-lightbox img {
border-radius: 10px;
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.5);
}

.elementor-lightbox .dialog-widget-content {
max-width: 80%;
border-radius: 15px;
padding: 10px;
} */

.home_page_logo,
.other_page_logo{
	display: none;
}
.home.page .other_page_log{
	display: none !important;
}
.elementor-page .other_page_log{
	display: block !important;
}
.home.page .home_page_logo{
	display: block !important;
}
.elementor-page .other_page_log img{
/* 	filter: brightness(0) invert(0); */
}
.single-showcase.postid-1179 .other_page_log img{
	filter: invert(0) brightness(100%);
}
.single-showcase .other_page_log img{
	filter: invert(1) brightness(100%)
}
.footer_logo{
	filter: invert(1) brightness(1000%);
}
.logo_hovered{
	opacity: 0;
	z-index: -9999 !important;
}
.popup_open{
	overflow: hidden;
}
.Intro_logo{
	filter: invert(1) brightness(1000%);
}
#elementor-popup-modal-3008{
	transition: all 2s ease-in-out;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px); 
	z-index: 9999 !important;
}
.safari .safari-alignment .elementor-widget-container{
	margin-top:0 !important;
}
.animated-slider .swiper-slide .swiper-slide-bg {
  transform: scale(1.1);
  transition: transform 3s ease-in-out;
}

.animated-slider .swiper-slide-active .swiper-slide-bg {
  transform: scale(1);
	transition: transform 3s ease-in-out;
}