body {
	font-family: "Poppins", sans-serif;
}

.body {
	max-width: 100vw;
	overflow-x: hidden;
}

[class*="text-color-hover-"] {
	transition: ease all 300ms;
}

.main {
	margin-top: 72px;
}

.custom-font-secondary {
	font-family: 'Playfair Display', sans-serif !important;
}

.custom-bg-color-1 {
	background-color: #eff1f3 !important;
}

.custom-font-size-1 {
	font-size: 1.4em !important;
}

.custom-font-size-2 {
	font-size: 1.15em !important;
}

@media (min-width: 1200px) {
	.container {
		max-width: 1200px !important;
	}
}

.custom-divider-1 {
	padding: 0 10px;
	margin: 0 10px;
	border-right: 1px solid #777;
	border-left: 1px solid #777;
}

/*
* Custom SVG Wrappers
*/
.custom-svg-wrapper-1 {
	position: relative;
}

.custom-svg-wrapper-1>svg {
	position: absolute;
	top: 60%;
	left: 43%;
	width: 150%;
	height: 170%;
	transform: translate3d(-50%, -50%, 0);
	z-index: 0;
}

.custom-svg-wrapper-1>img {
	position: relative;
	z-index: 1;
}

.custom-svg-wrapper-2 {
	position: relative;
}

.custom-svg-wrapper-2>svg {
	position: absolute;
	top: 60%;
	left: 50%;
	width: 144%;
	height: 80%;
	transform: translate3d(-50%, -50%, 0);
	z-index: 0;
}

.custom-svg-wrapper-2>.owl-carousel {
	position: relative;
	z-index: 1;
}

.custom-svg-wrapper-3 {
	position: relative;
}

.custom-svg-wrapper-3>svg {
	position: absolute;
	top: 60%;
	left: 50%;
	width: 144%;
	height: 80%;
	transform: translate3d(-50%, -50%, 0);
	z-index: 0;
}

.custom-svg-wrapper-3>.pricing-table {
	position: relative;
	z-index: 1;
}

.custom-svg-wrapper-4 {
	position: relative;
}

.custom-svg-wrapper-4>svg {
	position: absolute;
	top: 46%;
	left: 50%;
	width: 144%;
	height: 112%;
	transform: translate3d(-50%, -50%, 0);
	z-index: 0;
}

.custom-svg-wrapper-4>.container {
	position: relative;
	z-index: 1;
}

.custom-svg-wrapper-5 {
	position: relative;
}

.custom-svg-wrapper-5>svg {
	position: absolute;
	top: 50%;
	left: 10%;
	width: 250%;
	height: 160%;
	transform: translate3d(-50%, -50%, 0);
	z-index: 0;
}

.custom-svg-wrapper-5>div>img {
	position: relative;
	z-index: 1;
}

.custom-home-bg {
	background: #EFF1F3;
}

.custom-thumb-info-hover-1 {
	transition: ease box-shadow 300ms;
}

.custom-thumb-info-hover-1:hover {
	box-shadow: 0px 0px 70px -10px #000;
}

.custom-dots-style-1 .owl-dots {
	display: flex;
	justify-content: center;
}

.custom-dots-style-1 .owl-dots .owl-dot>span {
	width: 16px;
	height: 16px;
	border-radius: 100%;
	border: 2px solid #c5c5c5;
	background: transparent !important;
}

.custom-dots-style-1 .owl-dots .owl-dot.active>span,
.custom-dots-style-1 .owl-dots .owl-dot:hover>span,
.custom-dots-style-1 .owl-dots .owl-dot:focus>span {
	display: flex;
	align-items: center;
	justify-content: center;
	border-color: #36393d;
}

.custom-dots-style-1 .owl-dots .owl-dot.active>span:before,
.custom-dots-style-1 .owl-dots .owl-dot:hover>span:before,
.custom-dots-style-1 .owl-dots .owl-dot:focus>span:before {
	content: '';
	width: 6px;
	height: 6px;
	background: #36393d;
	border-radius: 100%;
}

.custom-dots-style-1.custom-dots-style-1-light .owl-dots .owl-dot>span {
	border: 2px solid #FFF;
}

.custom-dots-style-1.custom-dots-style-1-light .owl-dots .owl-dot.active>span,
.custom-dots-style-1.custom-dots-style-1-light .owl-dots .owl-dot:hover>span,
.custom-dots-style-1.custom-dots-style-1-light .owl-dots .owl-dot:focus>span {
	border-color: var(--light);
}

.custom-dots-style-1.custom-dots-style-1-light .owl-dots .owl-dot.active>span:before,
.custom-dots-style-1.custom-dots-style-1-light .owl-dots .owl-dot:hover>span:before,
.custom-dots-style-1.custom-dots-style-1-light .owl-dots .owl-dot:focus>span:before {
	background: var(--light);
}

.custom-carousel-backward-shape {
	position: relative;
}

.custom-carousel-backward-shape:before {
	content: '';
	position: absolute;
	width: 100%;
	max-width: 1200px;
	top: 0px;
	left: 50%;
	right: auto;
	bottom: 60px;
	background-color: var(--grey-500);
	opacity: 0.15;
	transform: translate3d(-50%, 0, 0);
}

.custom-carousel-backward-shape .owl-dots {
	margin-top: 30px !important;
}

@media (min-width: 2000px) {
	.shape-divider svg {
		width: 100%;
	}
}

/* 
* Header
*/
@media (min-width: 1200px) {
	#header .header-nav-main nav>ul>li {
		margin-left: 15px;
	}
}

@media (min-width: 992px) {
	#header .header-nav-main nav>ul>li>a {
		font-size: 14px;
		padding: 0 1rem !important;
		font-weight: 600;
	}

	#header .header-btn-collapse-nav {
		display: none !important;
	}
}

/* Mobile Navigation Enhancement */
@media (max-width: 991px) {

	/* Override Bootstrap's collapse behavior for navigation */
	#header .header-nav-main nav.collapse {
		display: block !important;
		/* Override Bootstrap's display: none */
	}

	#header .header-nav-main {
		position: fixed !important;
		top: 72px !important;
		/* Height of header */
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		z-index: 999999 !important;
		/* Ensure it's above all other content */
		transform: none !important;
		/* Override theme transform */
	}

	#header .header-nav-main nav {
		transition: height 0.35s ease !important;
		max-height: none !important;
		position: relative !important;
		/* Create stacking context */
		background: #ffffff !important;
		/* Ensure solid background */
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
		/* Add shadow for visibility */
		overflow: hidden !important;
	}

	#header .header-nav-main nav.collapse:not(.show) {
		height: 0 !important;
		overflow: hidden !important;
		max-height: 0 !important;
		transition: height 0.35s ease !important;
	}

	#header .header-nav-main nav.collapsing {
		overflow: hidden !important;
		transition: height 0.35s ease !important;
	}

	#header .header-nav-main nav.show {
		overflow-y: auto !important;
		max-height: 50vh !important;
		transition: height 0.35s ease !important;
	}

	/* Ensure button is visible */
	#header .header-btn-collapse-nav {
		display: block !important;
		background: #6c757d !important;
		color: white !important;
		border: none !important;
		padding: 8px 12px !important;
		border-radius: 4px !important;
		cursor: pointer !important;
	}

	#header .header-btn-collapse-nav:hover {
		background: #5a6268 !important;
	}

	#header .header-btn-collapse-nav i {
		font-size: 16px !important;
	}
}

/* Home Enhancement */
@media (max-width: 360px) {
	.custom-svg-wrapper-5>svg {
		left: 20%;
	}
}

/*
* Pricing Table
*/
.custom-pricing-table-style-1 .plan {
	box-shadow: 0px 0px 40px rgba(200, 200, 200, 0.3);
}

.custom-pricing-table-style-1 .plan .plan-header {
	background-color: #f1f3f7;
	padding: 27.2px 16px;
	padding: 1.7rem 1rem;
}

.custom-pricing-table-style-1 .plan .plan-header h3 {
	color: #999999;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: 4px;
}

.custom-pricing-table-style-1 .plan .plan-price {
	background: transparent;
	padding-bottom: 3.2px;
	padding-bottom: 0.2rem;
}

.custom-pricing-table-style-1 .plan .plan-price .price {
	font-size: 48px;
	font-size: 3rem;
	font-weight: 800;
	align-items: flex-end;
}

.custom-pricing-table-style-1 .plan .plan-price .price .price-unit {
	font-weight: 400;
}

.custom-pricing-table-style-1 .plan .plan-price .price-label {
	text-transform: none;
	font-size: 20.8px;
	font-size: 1.3rem;
	font-family: 'Playfair Display', sans-serif;
	margin-top: 16px;
	margin-top: 1rem;
}

.custom-pricing-table-style-1 .plan .plan-features ul li {
	font-size: 1em !important;
	border-bottom: 0;
}

.custom-pricing-table-style-1 .plan .plan-footer {
	padding: 11.2px 12.8px 40px;
	padding: 0.7rem 0.8rem 2.5rem;
}

.custom-pricing-table-style-1 .plan .plan-price,
.custom-pricing-table-style-1 .plan .plan-features,
.custom-pricing-table-style-1 .plan .plan-footer {
	border: 0;
}

.custom-pricing-table-style-1 .plan.plan-featured {
	transform: scale(1) translate3d(0, -11px, 0);
}

.custom-pricing-table-style-1 .plan.plan-featured .plan-header {
	padding: 36.8px 16px;
	padding: 2.3rem 1rem;
}

.custom-pricing-table-style-1 .plan.plan-featured .plan-header h3 {
	color: var(--light);
	font-size: 16px;
	font-size: 1rem;
	font-weight: 400;
}

.custom-pricing-table-style-1 .plan.plan-featured .plan-price {
	padding-top: 25.6px;
	padding-top: 1.6rem;
}

/*
* Footer
*/
#footer {
	font-size: inherit;
}

.custom-form-style-1 {
	opacity: 1 !important;
}

.custom-form-style-1 .form-control {
	height: calc(1.5em + 1.85rem + 2px);
	padding: 15.6px 20px;
	padding: 0.975rem 1.25rem;
}

.custom-form-style-1 textarea.form-control {
	height: auto;
}

/* Skin */
.custom-carousel-backward-shape .owl-stage-outer:before {
	background-color: var(--primary--300);
}

.custom-svg-linear-gradient stop:nth-child(1) {
	stop-color: var(--secondary) !important;
}

.custom-svg-linear-gradient stop:nth-child(2) {
	stop-color: var(--primary) !important;
}

path.custom-svg-fill-color-primary,
circle.custom-svg-fill-color-primary {
	fill: var(--primary) !important;
}

path.custom-svg-fill-color-secondary,
circle.custom-svg-fill-color-secondary {
	fill: var(--secondary) !important;
}

path.custom-svg-fill-color-tertiary,
circle.custom-svg-fill-color-tertiary {
	fill: var(--tertiary) !important;
}

path.custom-svg-fill-color-quaternary,
circle.custom-svg-fill-color-quaternary {
	fill: var(--quaternary) !important;
}

path.custom-svg-fill-color-dark,
circle.custom-svg-fill-color-dark {
	fill: var(--dark) !important;
}

path.custom-svg-fill-color-light,
circle.custom-svg-fill-color-light {
	fill: var(--light) !important;
}

/* Custom Works Section Divider */
.custom-works-divider {
	height: 109px !important;
}