/* Path: /assets/css/style.css */

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# common
# Animations
# Topbar
	## Topbar Two
	## Topbar Three
# Main Menu
# Header 
# SideMenu 
# Footer 
# Page Header 
# Slider
	## Slider Two
	## Slider Three
	## Slider Four
# Contact Info 
# Contact 
	## Contact Two
# Blog 
# Comment 
# Portfolio 
# Call To Action 
	## Cta Two 
	## Cta Three 
# Team Service 
# Team  
# Sidebar  
# Event 
	## Event Two 
	## Event Details 
# Appointment 
# History 
# Career 
# Living Option 
	## Living Option Two
	## Living Option Three
# FAQ 
# Video 
	## Video Two 
# Testimonials 
	## Testimonials Two
	## Testimonials Three
# Donation 
	## Donation Details
# Services 
	## Services Details
# About 
	## About Two 
	## About Three 
	## About Four 
# Funfact 
	## Funfact Two
# Location Finder
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# common
--------------------------------------------------------------*/
:root {
	--thm-font: "Rubik", sans-serif;
	--heading-font: "Baloo 2", serif;
	--special-font: 'Roboto', sans-serif;
	--thm-base: #5bb286; /* Color: Green */
	--thm-base-rgb: 91, 178, 134;
	--thm-primary: #f9b73f; /* Color: Yellow */
	--thm-primary-rgb: 249, 183, 63;
	--thm-black: #2d2929; /* Color: Dark Gray */
	--thm-black-rgb: 45, 41, 41;
}

body {
	font-family: var(--thm-font);
	font-size: 16px;
	line-height: 30px;
	color: #93959e; /* Color: Gray */
}

[dir=rtl] .thm__owl-carousel {
	direction: ltr;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--heading-font);
}

a,
a:hover,
a:active,
a:focus {
	text-decoration: none;
}

.page-wrapper {
	position: relative;
	margin: 0 auto;
	width: 100%;
	min-width: 300px;
	overflow: hidden;
}

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

/* block title */

.block-title {
	padding-bottom: 47px;
}

.block-title p {
	margin: 0;
	font-family: var(--heading-font);
	color: var(--thm-base); /* Color: Green */
	font-size: 22px;
	font-weight: 700;
	line-height: 1em;
	margin-top: -4px;
}

.block-title p.has-line {
	position: relative;
	padding-bottom: 6px;
}

.block-title p.has-line::before {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	width: 29px;
	height: 3px;
	background-color: var(--thm-base); /* Color: Green */
}

.block-title p+h3 {
	margin-top: 25px;
}

.block-title p.has-line+h3 {
	margin-top: 35px;
}

.block-title h3 {
	margin: 0;
	color: var(--thm-black); /* Color: Dark Gray */
	font-size: 45px;
	font-weight: bold;
	line-height: 50px;
}

/* thm btn */
.thm-btn {
	display: inline-block;
	vertical-align: middle;
	border: none;
	outline: none;
	text-align: center;
	background-color: var(--thm-base); /* Color: Green */
	border-radius: 30px;
	font-size: 16px;
	font-weight: 500;
	color: #fff; /* Color: White */
	padding: 15px 40px;
	box-shadow: 0px 20px 30px 0px rgba(67, 131, 99, 0.15);
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.thm-btn i {
	font-size: 24px;
	line-height: 1;










	top: 4px;
	position: relative;
	margin-right: 6px;
}

.thm-btn:hover {
	color: #fff; /* Color: White */
	background-color: var(--thm-black); /* Color: Dark Gray */
}

/* default owl nav styles */

.thm__owl-carousel .owl-nav {
	display: flex;
	justify-content: center;
	align-items: center;
}

.thm__owl-carousel.owl-theme .owl-nav .owl-next,
.thm__owl-carousel.owl-theme .owl-nav .owl-prev {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	display: flex;
	background-color: #fff; /* Color: White */
	justify-content: center;
	align-items: center;
	font-size: 25px;
	color: rgba(0, 0, 0, 0);
	text-align: center;
	position: relative;
	transition: 500ms ease;
	transition: 500ms;
	border: none;
	outline: none;
	box-shadow: 0px 10px 20px 0px rgba(67, 131, 99, 0.2);
}

.thm__owl-carousel.owl-theme .owl-nav [class*=owl-]:hover {
	background-color: var(--thm-base); /* Color: Green */
}

.thm__owl-carousel.owl-theme .owl-nav [class*=owl-] span {
	display: none;
}

.thm__owl-carousel.owl-theme .owl-nav [class*=owl-]::after {
	content: "\f105";
	font-family: 'Font Awesome 5 Pro';
	font-weight: 400;
	color: #9c9da5; /* Color: Gray */
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	transition: all 500ms ease;
}

.thm__owl-carousel.owl-theme .owl-nav [class*=owl-prev]::after {
	content: "\f104";
}

.thm__owl-carousel.owl-theme .owl-nav [class*=owl-]:hover::after {
	color: #fff; /* Color: White */
}

.thm__owl-carousel.owl-theme .owl-nav .disabled {
	opacity: 1 !important;
}

/* Cursor*/

.cursor {
	position: absolute;
	background-color: #fff; /* Color: White */
	width: 6px;
	height: 6px;
	border-radius: 100%;
	z-index: 1;
	-webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,
		0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
	transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,
		0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
	transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,
		0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
	transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,
		0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,
		0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	z-index: 10000;
	-webkit-transform: scale(1);
	transform: scale(1);
	visibility: hidden;
}

.cursor {
	visibility: visible;
}

.cursor.active {
	opacity: 0.5;
	-webkit-transform: scale(0);
	transform: scale(0);
}

.cursor.hovered {
	opacity: 0.08;
}

.cursor-follower {
	position: absolute;
	background-color: RGBA(255, 255, 255, 0.3); /* Color: Transparent White */
	width: 50px;
	height: 50px;
	border-radius: 100%;
	z-index: 1;
	-webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,
		0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
	transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,
		0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
	transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,
		0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
	transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,
		0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,
		0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	z-index: 10000;
	visibility: hidden;
}

.cursor-follower {
	visibility: visible;
}

.cursor-follower.active {
	opacity: 0.7;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.cursor-follower.hovered {
	opacity: 0.08;
}

.cursor-follower.close-cursor:before {
	position: absolute;
	content: "";
	height: 25px;
	width: 2px;
	background: #fff; /* Color: White */
	left: 48%;
	top: 12px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	display: inline-block;
}

.cursor-follower.close-cursor:after {
	position: absolute;
	content: "";
	height: 25px;
	width: 2px;
	background: #fff; /* Color: White */
	right: 48%;
	top: 12px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* bootstrap select */
.bootstrap-select .btn-light:not(:disabled):not(.disabled).active,
.bootstrap-select .btn-light:not(:disabled):not(.disabled):active,
.bootstrap-select .show>.btn-light.dropdown-toggle {
	background-color: inherit !important;
	box-shadow: none !important;
	outline: none !important;
}

.bootstrap-select>.dropdown-toggle {
	box-shadow: none !important;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
	outline: none !important;
}

.bootstrap-select .dropdown-menu {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	z-index: 991;
}

.bootstrap-select .dropdown-menu>li+li>a {
	border-top: 1px solid #f4f4f4; /* Color: Light Gray */
}

.bootstrap-select .dropdown-menu>li:first-child>a {
	padding-top: 10px;
}

.bootstrap-select .dropdown-menu>li:last-child>a {
	padding-bottom: 10px;
}

.bootstrap-select .dropdown-menu>li.selected>a {
	background: var(--thm-black); /* Color: Dark Gray */
	color: #fff; /* Color: White */
}

.bootstrap-select .dropdown-menu>li>a {
	font-size: 16px;
	font-weight: 400;
	padding: 9px 20px;
	color: var(--thm-black); /* Color: Dark Gray */
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.bootstrap-select .dropdown-menu>li>a:hover {
	background: var(--thm-black); /* Color: Dark Gray */
	color: #fff; /* Color: White */
	cursor: pointer;
}

.scroll-to-top {
	display: inline-block;
	width: 50px;
	height: 50px;
	background: var(--thm-primary); /* Color: Yellow */
	border-radius: 50%;
	position: fixed;
	bottom: 40px;
	right: 40px;
	z-index: 990;
	text-align: center;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	display: none;
}

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

.scroll-to-top i {
	font-size: 14px;
	line-height: 50px;
	color: #fff; /* Color: White */
	position: relative;
	z-index: 10;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

@media (max-width: 480px) {
	.scroll-to-top i {
		font-size: 14px;
		line-height: 40px;
	}
}

.scroll-to-top:hover {
	background-color: var(--thm-black); /* Color: Dark Gray */
}

.scroll-to-top:hover i {
	color: #fff; /* Color: White */
}

.post-pagination {
	text-align: center;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
}

.post-pagination a {
	color: var(--thm-black); /* Color: Dark Gray */
	font-size: 16px;
	font-weight: 500;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-radius: 30px;
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	box-shadow: 0px 10px 20px 0px rgba(67, 131, 99, 0.2);
}

.post-pagination a.active,
.post-pagination a:hover {
	color: #fff; /* Color: White */
	background-color: var(--thm-base); /* Color: Green */
	border-color: var(--thm-base); /* Color: Green */
}

.post-pagination a+a {
	margin-left: 10px;
}

.post-pagination a.active {
	cursor: auto;
}

.post-pagination__prev,
.post-pagination__next {
	border: none !important;
	background-color: transparent !important;
	text-decoration: underline;
	color: var(--thm-black) !important; /* Color: Dark Gray */
	text-transform: uppercase;
	font-size: 14px !important;
}

/* datepicker */
.datepicker-dropdown {
	min-width: 300px;
}

.datepicker-dropdown table {
	width: 100%;
}

.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover:active {
	background-color: var(--thm-black); /* Color: Dark Gray */
	background-image: none;
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
	background-color: var(--thm-base); /* Color: Green */
	background-image: none;
}

/* preloader */

.preloader {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 999999999;
	background-color: #fff; /* Color: White */
	top: 0;
	left: 0;
	z-index: 999999999;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
}

.lds-ripple {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}

.lds-ripple div {
	position: absolute;
	border: 4px solid var(--thm-base); /* Color: Green */
	opacity: 1;
	border-radius: 50%;
	-webkit-animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
	animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple div:nth-child(2) {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}

@-webkit-keyframes lds-ripple {
	0% {
		top: 36px;
		left: 36px;
		width: 0;
		height: 0;
		opacity: 1;
	}

	100% {
		top: 0px;
		left: 0px;
		width: 72px;
		height: 72px;
		opacity: 0;
	}
}

@keyframes lds-ripple {
	0% {
		top: 36px;
		left: 36px;
		width: 0;
		height: 0;
		opacity: 1;
	}

	100% {
		top: 0px;
		left: 0px;
		width: 72px;
		height: 72px;
		opacity: 0;
	}
}


/*-------------------------------------------------------------- 
# Animations
--------------------------------------------------------------*/

@-webkit-keyframes ImgBounce {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

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

@keyframes ImgBounce {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

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

@-webkit-keyframes slideBgImage {
	from {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	to {
		-webkit-transform: scale(1.15);
		transform: scale(1.15);
	}
}

@keyframes slideBgImage {
	from {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	to {
		-webkit-transform: scale(1.15);
		transform: scale(1.15);
	}
}

/*--------------------------------------------------------------
# Topbar
--------------------------------------------------------------*/

.topbar-one {
	background-color: #1b1d21; /* Color: Nearly Black */
}

.topbar-one .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 17.5px;
	padding-bottom: 17.5px;
}

.topbar-one__left {
	display: flex;
	align-items: center;
}

.topbar-one__left>a {
	color: #93969b; /* Color: Gray */
	font-size: 15px;
	display: flex;
	align-items: center;
	line-height: 16px;
	transition: 500ms;
}

.topbar-one__left>a:hover {
	color: #fff; /* Color: White */
}

.topbar-one__left>a:not(:last-of-type) {
	border-right: 1px solid rgba(255, 255, 255, .2); /* Color: Transparent White */
	margin-right: 20px;
	padding-right: 20px;
}

.topbar-one__left>a i {
	color: var(--thm-base); /* Color: Green */
	margin-right: 8px;
}

.topbar-one__social {
	display: flex;
	align-items: center;
}

.topbar-one__social a {
	font-size: 14px;
	color: #93969b; /* Color: Gray */
	display: flex;
	align-items: center;
	transition: 500ms;
}

.topbar-one__social a:hover {
	color: var(--thm-base); /* Color: Green */
}

.topbar-one__social a+a {
	margin-left: 25px;
}


.topbar-one__inner-page .container {
	justify-content: flex-end;
}

.topbar-one__inner-page .topbar-one__social {
	border-right: 1px solid rgba(255, 255, 255, .2); /* Color: Transparent White */
	margin-right: 20px;
	padding-right: 20px;

}

.topbar-one__inner-page .topbar-one__left>a {
	position: relative;
}

.topbar-one__inner-page .topbar-one__left>a::before {
	content: '';
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: var(--thm-base); /* Color: Green */
	transform: scale(0, 1);
	transform-origin: left center;
	transition: transform 500ms ease;
}

.topbar-one__inner-page .topbar-one__left>a:not(:last-of-type)::before {
	width: calc(100% - 20px);
}

.topbar-one__inner-page .topbar-one__left>a:hover {
	color: var(--thm-base); /* Color: Green */
}

.topbar-one__inner-page .topbar-one__left>a:hover::before {
	transform-origin: right center;
	transform: scale(1, 1);
}

/*--------------------------------------------------------------
## Topbar Two
--------------------------------------------------------------*/

.topbar-two {
	background-color: #f0f7f7; /* Color: Very Light Green-Blue */
	padding-left: 70px;
	padding-right: 70px;
	padding-top: 6px;
	padding-bottom: 34px;
	position: relative;
}

.topbar-two::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 34px;
	background-image: url(../images/svgs/page-header-curv-1-1.svg);
	background-position: center bottom;
	background-repeat: no-repeat;
	z-index: 99;
}

@media(min-width: 1921px) {
	.topbar-two::after {
		background-size: 100% auto;
		bottom: -3px;
	}
}

.topbar-two .container-fluid {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}

.topbar-two p {
	margin: 0;
	font-size: 16px;
	color: var(--thm-black); /* Color: Dark Gray */
}


.topbar-two__social {
	display: flex;
	align-items: center;
}

.topbar-two__social a {
	border-radius: 50%;
	width: 50px;
	height: 50px;
	font-size: 16px;
	color: #fff; /* Color: White */
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	transition: 500ms;
	background-color: var(--thm-primary); /* Color: Yellow */
}

.topbar-two__social a:nth-child(1) {
	background-color: var(--thm-primary); /* Color: Yellow */
}

.topbar-two__social a:nth-child(2) {
	background-color: #7b54f9; /* Color: Purple */
}

.topbar-two__social a:nth-child(3) {
	background-color: #ff5e5e; /* Color: Red */
}

.topbar-two__social a+a {
	margin-left: 10px;
}

.topbar-two__social a:hover {
	box-shadow: 0px 10px 20px 0px rgba(67, 131, 99, 0.2);
	color: #acadb4; /* Color: Gray */
	background-color: #fff; /* Color: White */
}


/*--------------------------------------------------------------
## Topbar Three
--------------------------------------------------------------*/

.topbar-three .inner-container {
	padding-bottom: 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #e6edea; /* Color: Light Gray */
}

.topbar-three__logo {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 200px;
	height: 160px;
	position: relative;
	background-color: var(--thm-base); /* Color: Green */
}

.topbar-three__logo::before {
	content: '';
	width: 100%;
	height: 100%;
	background-image: url(../images/svgs/home-5-logo-curv.svg);
	position: absolute;
	top: 0;
	left: 0;
}

.topbar-three__logo>a {
	position: relative;
	top: -10px;
}

.topbar-three__logo-main {
	display: flex;
}

.topbar-three .side-menu__toggler,
.topbar-three__logo-mobile {
	display: none;
}

.topbar-three .main-nav-one__cta {
	background-color: #fff; /* Color: White */
}

.topbar-three .main-nav-one__cta span,
.topbar-three .main-nav-one__cta b {
	color: var(--thm-black); /* Color: Dark Gray */
	transition: 500ms;
}

.topbar-three .main-nav-one__cta>i {
	color: var(--thm-base); /* Color: Green */
	transition: 500ms;
}

.topbar-three .main-nav-one__cta:hover span,
.topbar-three .main-nav-one__cta:hover>i,
.topbar-three .main-nav-one__cta:hover b {
	color: #fff; /* Color: White */
}























/*-------------------------------------------------------------- 
# Main Menu
--------------------------------------------------------------*/
.main-nav-one {
	position: relative;
	z-index: 91;
}

.main-nav-one .inner-container {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
}

.main-nav-one .side-menu__toggler {
	display: none;
}

.main-nav-one .logo-box {
	background-color: #f0f7f7; /* Color: Very Light Green-Blue */
	padding-right: 90px;
	min-height: 125px;
	display: flex;
	align-items: center;
	position: relative;
}

.main-nav-one .logo-box::before {
	content: '';
	width: 100000px;
	height: 100%;
	position: absolute;
	right: 100%;
	top: 0;
	background-color: #f0f7f7; /* Color: Very Light Green-Blue */
}

.main-nav-one .logo-box::after {
	content: '';
	width: 21px;
	height: 100%;
	background-image: url(../images/svgs/header-scratch-1-1.svg);
	background-repeat: no-repeat;
	background-position: top left;
	position: absolute;
	top: 0;
	right: 0;
}

.main-nav-one .main-nav__main-navigation {
	margin-left: auto;
	margin-right: 65px;
}

.main-nav-one .main-nav__main-navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.main-nav-one .dropdown-btn {
	display: none;
}

.main-nav-one .main-nav__main-navigation .main-nav__navigation-box {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
}

.main-nav-one .main-nav__navigation-box>li {
	padding: 47.5px 0;
}


.main-nav-one .main-nav__navigation-box>li+li {
	margin-left: 35px;
}

.main-nav-one .main-nav__navigation-box>li>a {
	font-size: 18px;
	color: var(--thm-black); /* Color: Dark Gray */
	font-weight: 500;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	position: relative;
}

.main-nav-one .main-nav__navigation-box>li>a::before {
	content: '';
	position: absolute;
	top: 100%;
	left: calc(50% - 5px);
	width: 10px;
	height: 2px;
	background-color: var(--thm-base); /* Color: Green */
	transform: scale(0, 1);
	transform-origin: center right;
	transition: transform 500ms ease;
}

.main-nav-one .main-nav__navigation-box>li.current>a::before,
.main-nav-one .main-nav__navigation-box>li:hover>a::before {
	transform: scale(1, 1);
	transform-origin: left center;
}


/* Dropdown menu */

.main-nav__main-navigation .dropdown-btn {
	display: none;
}

.main-nav__main-navigation .main-nav__navigation-box>li ul {
	position: absolute;
	width: 210px;
	background-color: #fff; /* Color: White */
	border-top: 2px solid var(--thm-primary); /* Color: Yellow */
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05),
		-2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-webkit-transform-origin: top;
	transform-origin: top;
	visibility: hidden;
	opacity: 0;
	z-index: 991;
	-webkit-transition: opacity 500ms ease, visibility 500ms ease,
		-webkit-transform 500ms ease;
	transition: opacity 500ms ease, visibility 500ms ease,
		-webkit-transform 500ms ease;
	-webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
	transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease,
		-webkit-transform 500ms ease;
}

.main-nav__main-navigation .main-nav__navigation-box>li ul>li {
	position: relative;
}

.main-nav__main-navigation .main-nav__navigation-box>li ul .dropdown>a {
	position: relative;
}

.main-nav__main-navigation .main-nav__navigation-box>li ul .dropdown>a::after {
	position: absolute;
	right: 25px;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(-90deg);
	transform: translateY(-50%) rotate(-90deg);
}

.main-nav__main-navigation .main-nav__navigation-box>li ul>li+li {
	border-top: 1px solid rgba(var(--thm-black-rgb), 0.15);
}

.main-nav__main-navigation .main-nav__navigation-box>li ul>li>a {
	display: block;
	color: var(--thm-black); /* Color: Dark Gray */
	font-size: 16px;
	font-family: var(--thm-font);
	word-break: break-all;
	padding-top: 9.5px;
	padding-bottom: 9.5px;
	padding-left: 20px;
	padding-right: 20px;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.main-nav__main-navigation .main-nav__navigation-box>li ul>li:hover>a {
	color: #fff; /* Color: White */
	background-color: var(--thm-base); /* Color: Green */
}

/* Second level menu */

.main-nav__main-navigation .main-nav__navigation-box>li>ul {
	top: 100%;
	left: 0;
	-webkit-transform: perspective(300px) scaleY(0) translateZ(30px);
	transform: perspective(300px) scaleY(0) translateZ(30px);

	visibility: hidden;
	opacity: 0;
}

.main-nav__main-navigation .main-nav__navigation-box>li:hover>ul {
	-webkit-transform: perspective(300px) scaleY(1) translateZ(0);
	transform: perspective(300px) scaleY(1) translateZ(0);
	visibility: visible;
	opacity: 1;
}

/* Third level menu */

.main-nav__main-navigation .main-nav__navigation-box>li>ul>li>ul {
	top: 0;
	left: 100%;
	-webkit-transform: perspective(300px) scaleX(0);
	transform: perspective(300px) scaleX(0);
	visibility: hidden;
	opacity: 0;
	-webkit-transform-origin: left;
	transform-origin: left;
}

.main-nav__main-navigation .main-nav__navigation-box>li>ul>li:hover>ul {
	-webkit-transform: perspective(300px) scaleX(1);
	transform: perspective(300px) scaleX(1);
	visibility: visible;
	opacity: 1;
}

/* After Third level menu */

.main-nav__main-navigation .main-nav__navigation-box>li>ul>li>ul>li>ul {
	display: none;
}

/* Right Side */

.main-nav-one__cta {
	background-color: var(--thm-base); /* Color: Green */
	border-radius: 35px;
	box-shadow: 0px 20px 30px 0px rgba(67, 131, 99, 0.15);
	display: inline-block;
	padding-top: 14.5px;
	padding-bottom: 14.5px;
	padding-right: 45px;
	padding-left: 75px;
	position: relative;
	transition: 500ms;
}

.main-nav-one__cta:hover {
	background-color: var(--thm-primary); /* Color: Yellow */
}

.main-nav-one__cta>i {
	position: absolute;
	top: 50%;
	left: 30px;
	transform: translateY(-50%);
	color: #fff; /* Color: White */
	font-size: 34px;
}

.main-nav-one__cta span {
	display: block;
	color: #ffffff; /* Color: White */
	font-size: 15px;
	line-height: 1em;
	margin-bottom: 4px;
}

.main-nav-one__cta b {
	font-family: var(--heading-font);
	font-size: 22px;
	display: block;
	line-height: 1em;
	color: #fff; /* Color: White */
}


/* stricked menu */
.stricked-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	background-color: #ffffff; /* Color: White */
	box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.06);
	opacity: 0;
	-webkit-transform: translateY(-110%);
	transform: translateY(-110%);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.stricked-menu.stricky-fixed {
	opacity: 1;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
}

.main-nav-one.stricked-menu .logo-box {
	min-height: 95px;
}

.main-nav-one.stricked-menu .main-nav__navigation-box>li {
	padding: 32.5px 0;
}

/* main nav social */

.main-nav__social {
	display: flex;
	align-items: center;
}

.main-nav__social a {
	color: #b9bac1; /* Color: Light Gray */
	font-size: 18px;
	transition: 500ms;
}

.main-nav__social a:hover {
	color: var(--thm-base); /* Color: Green */
}

.main-nav__social a+a {
	margin-left: 35px;
}

/* inner page menu */

.main-nav-one__mobile-logo {
	display: none;
}

.main-nav-one__inner-page .logo-box {
	background-color: transparent; /* Color: Transparent */
}

.main-nav-one__inner-page .logo-box::before,
.main-nav-one__inner-page .logo-box::after {
	display: none;
}

.main-nav-one__inner-page .container {
	position: relative;
}

.main-nav-one__inner-page .main-nav-one__logo {
	background-color: var(--thm-base); /* Color: Green */
	width: 205px;
	height: 198px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: -22px;
	left: 15px;
	z-index: 10;
}

.main-nav-one__inner-page .main-nav-one__logo::before {
	content: '';
	width: 100%;
	height: 7px;
	position: absolute;
	left: 0;
	top: 100%;
	background-image: url(../images/svgs/logo-curv-1-1.svg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.main-nav-one__inner-page.stricked-menu .main-nav-one__logo {
	height: 120px;
}

/* main nav home two */

.main-nav-one__home-two .container-fluid {
	padding-left: 100px;
	padding-right: 100px;
}

@media(max-width: 1440px) {
	.main-nav-one__home-two .container-fluid {
		padding-left: 50px;
		padding-right: 50px;
	}
}

@media(max-width: 1280px) {
	.main-nav-one__home-two .container-fluid {
		padding-left: 15px;
		padding-right: 15px;
	}
}

.main-nav-one__home-two .logo-box {
	background-color: transparent;
	padding-right: 0;
}

.main-nav-one__home-two .logo-box::after,
.main-nav-one__home-two .logo-box::before {
	display: none;
}

.main-nav-one__home-two .main-nav__main-navigation {
	margin-left: 100px;
	margin-right: auto;
}

@media(max-width: 1440px) {
	.main-nav-one__home-two .main-nav__main-navigation {
		margin-left: 50px;
	}
}

@media(max-width: 1280px) {
	.main-nav-one__home-two .main-nav__main-navigation {
		margin-left: 30px;
	}
}

.main-nav-one__home-two .main-nav__right {
	display: flex;
	align-items: center;
}

.main-nav-one__home-two .main-nav__social {
	margin-right: 100px;
}

@media(max-width: 1440px) {
	.main-nav-one__home-two .main-nav__social {
		margin-right: 30px;
	}
}

.main-nav-one__home-two .main-nav__navigation-box>li {
	padding: 57.5px 0;
}

/* home three */

.main-nav-one__home-three {
	background-color: #fff; /* Color: White */
}

.main-nav-one__home-three .main-nav__navigation-box>li {
	padding: 32.5px 0;
}

.main-nav-one__home-three .main-nav__main-navigation {
	margin-left: auto;
	margin-right: auto;
}

.main-nav-one__home-three .main-nav__navigation-box>li+li {
	margin-left: 32.5px;
}

.main-nav-one__home-three .main-nav__navigation-box>li+li>a {
	position: relative;
	padding-left: 32.5px;
}

.main-nav-one__home-three .main-nav__navigation-box>li+li>a:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 1px;
	height: 20px;
	background-color: #d2d9d9; /* Color: Light Gray */
}

/*-------------------------------------------------------------- 
# Header 
--------------------------------------------------------------*/

.site-header-three {
	position: relative;
	padding-left: 205px;
}

.site-header-three .container-fluid {
	position: relative;
	padding-left: 0;
	padding-right: 0;
}

.site-header-three__logo {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 16;
	display: flex;
	width: 205px;
	height: 205px;
	align-items: center;
	justify-content: center;
	text-align: center;
	background-color: var(--thm-base); /* Color: Green */
}

.site-header-three__main-logo {
	display: flex;
}

.site-header-three .side-menu__toggler,
.site-header-three__mobile-logo {
	display: none;
}

.site-header-three .side-menu__toggler {
	font-size: 22px;
	color: var(--thm-black); /* Color: Dark Gray */
	transition: all 500ms ease;
}

.site-header-three .side-menu__toggler:hover {
	color: var(--thm-base); /* Color: Green */
}

/*-------------------------------------------------------------- 
# SideMenu 
--------------------------------------------------------------*/

.side-menu__block {
	position: fixed;
	top: 0;
	right: 0;
	width: 100vw;
	height: 100vh;
	z-index: 1000;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: right center; /* Changed from left to right */
	transform-origin: right center; /* Changed from left to right */
	-webkit-transition: -webkit-transform 0.7s ease;
	transition: -webkit-transform 0.7s ease;
	transition: transform 0.7s ease;
	transition: transform 0.7s ease, -webkit-transform 0.7s ease;
}

.side-menu__block.active {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}

.side-menu__block-overlay {
	width: 100%;
	height: 100%;
	background-color: #000; /* Color: Black */
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	opacity: 0.7;
}

.side-menu__block-inner {
	position: relative;
	width: 300px;
	margin-left: auto;
	height: 100vh;
	background-color: #1b1d21; /* Color: Nearly Black */
	z-index: 999999;
	overflow-y: auto;
	padding: 40px 0;
	padding-top: 60px;
	position: relative;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	align-content: space-between;
}

.side-menu__block-inner .mCustomScrollBox {
	width: 100%;
}

.side-menu__close-btn {
	position: absolute;
	top: 20px;
	right: 30px;
	z-index: 9999999;
	font-size: 18px;
	color: #fff; /* Color: White */
	opacity: 1;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.side-menu__close-btn:hover {
	color: var(--thm-base); /* Color: Green */
}

.mobile-nav__container {
	margin: 40px 0;
	border-top: 1px solid rgba(var(--thm-base-rgb), 0.3);
	border-bottom: 1px solid rgba(var(--thm-base-rgb), 0.3);
}

.mobile-nav__container ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mobile-nav__container li.dropdown ul {
	display: none;
}

.mobile-nav__container li.dropdown {
	position: relative;
}

.mobile-nav__container li.dropdown .dropdown-btn {
	border: none;
	outline: none;
	width: 35px;
	height: 35px;
	background-color: #000000; /* Color: Black */
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	text-align: center;
	font-size: 20px;
	color: #fff; /* Color: White */
	position: absolute;
	top: 8px;
	right: 0;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: transfrom 500ms ease, color 500ms ease,
		background-color 500ms ease;
	transition: transfrom 500ms ease, color 500ms ease,
		background-color 500ms ease;
}

.mobile-nav__container li.dropdown .dropdown-btn.open {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	background: #ffffff; /* Color: White */
	color: var(--thm-black); /* Color: Dark Gray */
}

.mobile-nav__container li+li {
	border-top: 1px solid rgba(255, 255, 255, .2); /* Color: Transparent White */
}

.mobile-nav__container li>ul {
	border-top: 1px solid rgba(255, 255, 255, .2); /* Color: Transparent White */
}

.mobile-nav__container li a {
	text-transform: uppercase;
	color: #fff; /* Color: White */
	font-size: 16px;
	font-weight: 500;
	display: block;
	font-family: var(--thm-font);
	padding: 10px 0;
	padding-left: 30px;
	padding-right: 30px;
	border-left: 3px solid transparent;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	position: relative;
}

.mobile-nav__container li a:hover {
	background-color: var(--thm-base); /* Color: Green */
	color: #ffffff; /* Color: White */
}

.mobile-nav__container li.current-menu-item>a,
.mobile-nav__container li.current>a {
	border-color: var(--thm-primary); /* Color: Yellow */
	background-color: var(--thm-base); /* Color: Green */
}

.mobile-nav__container .navigation-box__right {
	border-top: 1px solid rgba(var(--thm-base-rgb), 0.3);
}

.side-menu__logo {
	padding-left: 30px;
}

.side-menu__block__copy {
	color: #93969b; /* Color: Gray */
	font-family: var(--thm-font);
	font-size: 15px;
	text-align: center;
	padding-left: 30px;
	padding-right: 30px;
}

.side-menu__block__copy a {
	text-transform: uppercase;
	color: #fff; /* Color: White */
	font-weight: 500;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.side-menu__block__copy a:hover {
	color: var(--thm-base); /* Color: Green */
}

.side-menu__social {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
}

.side-menu__social a {
	color: #93969b; /* Color: Gray */
	font-size: 14px;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.side-menu__social a:hover {
	color: var(--thm-base); /* Color: Green */
}

.side-menu__social a+a {
	margin-left: 10px;
}

/*-------------------------------------------------------------- 
# Footer 
--------------------------------------------------------------*/
.site-footer {
	background-color: #1b1d21; /* Color: Nearly Black */
}

.site-footer__upper {
	background-color: #24262b; /* Color: Dark Gray */
	padding-top: 88px;
	padding-bottom: 88px;
	position: relative;
}

.site-footer__upper::before {
	content: '';
	width: 100%;
	height: 33px;
	background-image: url(../images/svgs/footer-scratch-2-1-new.svg);
	background-repeat: no-repeat;
	background-position: bottom center;
	position: absolute;
	top: 100%;
	left: 0;
}

@media(min-width: 1921px) {
	.site-footer__upper::before {
		background-size: 100% auto;
		
	}
}

.site-footer__upper .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}

.site-footer__upper-moc {
	position: absolute;
	top: calc(50% - 77px);
	left: calc(50% - 70px);
	z-index: 10;
	opacity: .04;
}

.site-footer__social {
	display: flex;
	align-items: center;
}

.site-footer__social a {
	color: #93959e; /* Color: Gray */
	font-size: 20px;
	transition: 500ms;
}

.site-footer__social a:hover {
	color: #fff; /* Color: White */
}

.site-footer__social a+a {
	margin-left: 35px;
}

.site-footer__menu {
	margin: 0;
	display: flex;
	align-items: center;
}

.site-footer__menu li:not(:last-of-type)::after {
	content: '|';
	color: #a0a1a8; /* Color: Gray */
	font-size: 16px;
	margin-left: 13px;
	margin-right: 13px;
}

.site-footer__menu li a {
	color: #a0a1a8; /* Color: Gray */
	font-size: 16px;
	transition: 500ms;
}

.site-footer__menu li:hover a {
	color: #fff; /* Color: White */
}

.site-footer__bottom {
	border-top: 1px solid rgba(255, 255, 255, .1); /* Color: Transparent White */
}

.site-footer__bottom .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 34.5px;
	padding-bottom: 34.5px;
}

.site-footer__bottom p {
	margin: 0;
	font-size: 16px;
	color: #a0a1a8; /* Color: Gray */
}

.site-footer__main {
	padding-bottom: 90px;
	padding-top: 133px;
}

@media(min-width: 1200px) {
	.footer-widget__about {
		padding-right: 85px;
	}

	.footer-widget__links {
		margin-left: -30px;
	}

	.footer-widget__post {
		margin-left: -25px;
	}
}

.footer-widget {
	margin-bottom: 40px;
}

.footer-widget__title {
	font-size: 26px;
	letter-spacing: .05em;
	color: #fff; /* Color: White */
	margin: 0;
	font-weight: bold;
	margin-bottom: 32px;
}

.footer-widget p {
	margin: 0;
	color: #a0a1a8; /* Color: Gray */
	font-size: 16px;
	line-height: 30px;
}

.footer-widget p a {
	color: inherit;
	transition: 500ms;
}

.footer-widget p a:hover {
	color: #fff; /* Color: White */
}

.footer-widget__contact p {
	line-height: 26px;
}

.footer-widget__post-single {
	display: flex;
	align-items: center;
}

.footer-widget__post-single+.footer-widget__post-single {
	margin-top: 20px;
}

.footer-widget__post-image>img {
	width: 100px;
	border-radius: 5px;
	margin-right: 15px;
}

.footer-widget__post-content h3 {
	font-family: var(--thm-font);
	font-size: 17px;
	line-height: 24px;
	font-weight: 500;
	color: #a0a1a8; /* Color: Gray */
	margin: 0;
}

.footer-widget__post-content h3 a {
	color: inherit;
	transition: 500ms;
}

.footer-widget__post-content h3 a:hover {
	color: #fff; /* Color: White */
}

.footer-widget__post-content span {
	margin: 0;
	color: #a0a1a8; /* Color: Gray */
	font-size: 16px;
	display: block;
	margin-top: 5px;
}

.footer-widget__links-list {
	margin: 0;
	margin-top: -10px;
}

.footer-widget__links-list li+li {
	margin-top: 8px;
}

.footer-widget__links-list li a {
	color: #a0a1a8; /* Color: Gray */
	font-size: 16px;
	transition: 500ms;
	display: inline-block;
	position: relative;
	line-height: 1em;
}

.footer-widget__links-list li a::before {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #fff; /* Color: White */
	transform: scale(0, 1);
	transform-origin: left center;
	transition: transform 500ms ease;
}

.footer-widget__links-list li:hover a::before {
	transform: scale(1, 1);
	transform-origin: right center;
}

.footer-widget__links-list li a:hover {
	color: #ffffff; /* Color: White */
}

.footer-widget__about p+p {
	margin-top: 28px;
}

.footer-widget__about .footer-widget__title {
	margin-bottom: 25px;
}

.footer-widget__contact .footer-widget__title {
	margin-bottom: 25px;
}

.footer-widget__contact p+p {
	margin-top: 20px;
}















/*================================================================================================*/
/*================================================================================================*/
/*================================================================================================*/
/*
   SECTION DIVIDER: [DEFINITIVE GLOBAL FIX] - V5.5 (Hybrid Push-Down/Overlay - INCORPORATED)
   
   PURPOSE: THIS IS THE SINGLE, MASTER CODE BLOCK FOR THE HEADER AND BANNER,
   INCORPORATING ALL PROVIDED FRAGMENTS, INCLUDING THE ADDITIONAL RESPONSIVE "PUSH-DOWN" MENU PART.
   UPDATED TO FIX MOBILE MENU TEXT COLOR VISIBILITY ON CAREER-JOBS.HTML AND SIMILAR PAGES.
   FORCED DARK TEXT COLOR ON MOBILE MENU ITEMS, LINKS, AND SUBMENUS WHEN OPEN FOR VISIBILITY ON WHITE BACKGROUND.
   ENSURES CONSISTENCY ACROSS PAGES REGARDLESS OF BANNER COLOR.
*/
/*================================================================================================*/
/*================================================================================================*/
/*================================================================================================*/


/*================================================================================================*/
/*================================================================================================*/
/*================================================================================================*/
/*   PART 1: GENERAL & DESKTOP STYLES (Incorporated from user-provided blocks)                    */
/*   PURPOSE: Defines base styles for headers, banners, and navigation that apply globally,       */
/*            with a focus on desktop overlay behavior.                                           */
/*================================================================================================*/
/*================================================================================================*/
/*================================================================================================*/

/* --- This controls the banner's height directly. --- */
/* Targets .page-header (from one block) and .page_cover, .hero (from others) for global coverage */
/* Ensures consistent height, flex alignment, and background properties for banners across different class names. */
.page-header, .page_cover, .hero {
    min-height: 600px !important;  /* <-- EDIT for DESKTOP banner height */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-size: cover !important;
    background-position: center !important;
}







/* --- This restores the correct height for the desktop navigation bar. --- */
/* Adjusts padding for navigation items in the non-sticky state. */
.main-nav-one .main-nav__navigation-box>li {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

/* --- This makes the sticky navigation bar slimmer on scroll. --- */
/* Reduces padding for navigation items when the nav is sticky. */
.main-nav-one.stricky-fixed .main-nav__navigation-box>li {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

/* --- This pushes the page title down from under the transparent nav bar. --- */
/* Adds top padding to containers to avoid overlap with the transparent nav. */
.page-header .container, .page_cover, .hero {
    padding-top: 50px !important;  /* This is for the h1 Header */
}

/* --- This BRUTE FORCES the page title color. --- */
/* Overrides title color and adds shadow for better readability on banners. */
.page-header h1, .page_cover-title {
    color: #ffffff !important; /* <-- CHANGE THIS HEX CODE for the title color */
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.6) !important; 
}

/* --- Hide placeholder image divs --- */
/* Hides unnecessary image placeholders in banners. */
.page_cover-img, .hero_media {
    display: none !important;
}

/* --- Hide hamburger on desktop by default --- */
/* Ensures the trigger button is not visible on larger screens. */
.header_trigger {
    display: none !important;
}

/* --- Show desktop nav always, override Bootstrap collapse --- */
/* Makes the nav visible and flex on desktop. */
.header_nav.collapse {
    display: flex !important;
}

/*================================================================================================*/
/*================================================================================================*/
/*================================================================================================*/
/*   PART 2: MOBILE STYLES (< 1199.98px) - (Incorporated "Push-Down" Logic)                      */
/*   PURPOSE: Overrides desktop styles for mobile devices, making the header a relative block    */
/*            that pushes content down, including hamburger menu and push-down effect when open. */
/*            Updated: Forced dark text color on menu items, links, and submenus for visibility.  */
/*================================================================================================*/
/*================================================================================================*/
/*================================================================================================*/
@media (max-width: 1199.98px) {

    /* --- On MOBILE, the header becomes a SOLID BLOCK to enable the push-down effect --- */
    /* Changes position to relative and sets solid background for mobile header. Ensures auto height. */
    .header, .main-nav-one {
        position: relative !important; 
        background-color: #ffffff !important;
        height: auto !important; /* Ensure height expands */
        min-height: auto !important;
    }

    /* --- This controls the banner's height on mobile. --- */
    /* Sets reduced height for banners on mobile and removes top padding. */
    .page-header, .page_cover, .hero, .hero_media {
        min-height: 350px !important; /* <-- CHANGE THIS VALUE for MOBILE banner height */
        padding-top: 0 !important; /* Padding is removed as header is no longer an overlay */
    }

    /* Changes the header container to column layout so nav stacks below logo/hamburger. */
    .header .container {
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        padding: 15px !important; /* Adjust padding for mobile */
        height: auto !important;
    }

    /* Positions the logo on the left, with space for hamburger. */
    .header .logo {
        margin-bottom: 0 !important; /* No extra space below logo */
        padding-right: 50px !important; /* Space for hamburger */
    }

    /* Shows and positions the hamburger button absolutely on the right top. */
    .header_trigger {
        display: block !important;
        position: absolute !important;
        right: 15px !important;
        top: 15px !important; /* Align with logo height; adjust if logo height changes */
        background: none !important;
        border: none !important;
        cursor: pointer !important;
        z-index: 1000 !important; /* Above other elements */
    }

    /* Styles the hamburger lines for visibility. */
    .header_trigger .line {
        display: block !important;
        width: 30px !important;
        height: 3px !important;
        background-color: #2d2929 !important; /* Dark gray */
        margin: 5px 0 !important;
        transition: all 0.3s ease !important;
    }

    /* Change hamburger color for light/dark themes or scrolled. */
    .header.nav-light-content .header_trigger .line {
        background-color: #ffffff !important;
    }

    .header.scrolled .header_trigger .line {
        background-color: #2d2929 !important;
    }

    /* Hides the nav by default on mobile. */
    .header_nav.collapse:not(.show) {
        display: none !important;
    }

    /* Shows the nav as block when open, placed below the logo/hamburger row. */
    .header_nav.show {
        display: block !important;
        width: 100% !important;
        background-color: #ffffff !important; /* Solid white for visibility */
        padding: 20px 0 !important; /* Padding inside menu */
        margin-top: 10px !important; /* Space below logo row */
        border-top: 1px solid #eee !important; /* Optional separator */
        z-index: 998 !important; /* Ensure below hamburger if needed */
    }

    /* Main nav list as column. */
    .header_nav-list {
        flex-direction: column !important;
        align-items: flex-start !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    /* Each nav item full width. */
    .header_nav-list_item {
        width: 100% !important;
        margin-bottom: 15px !important;
    }

    /* Nav links styling for mobile. */
    .header_nav-list_item .nav-link {
        padding: 10px 0 !important;
        width: 100% !important;
        display: block !important;
    }

    /* Submenus (dropdown-menu) in-flow for push-down. */
    .header_nav .dropdown-menu.collapse:not(.show) {
        display: none !important;
    }

    .header_nav .dropdown-menu.show {
        display: block !important;
        position: static !important;
        width: 100% !important;
        background-color: transparent !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 0 0 20px !important; /* Indent sub-items */
        margin: 0 !important;
    }

    /* Dropdown list items. */
    .dropdown-list .list-item {
        margin-bottom: 10px !important;
    }

    /* Socials at the bottom of the menu. */
    .header_nav-socials {
        flex-direction: row !important;
        justify-content: flex-start !important;
        margin-top: 20px !important;
        padding: 0 !important;
    }

    .header_nav-socials li {
        margin-right: 15px !important;
    }

    /* --- Fix mobile menu text color for visibility --- */
    /* Forces dark text color on all menu links, items, and submenus when open to ensure visibility on white bg. */
    .header_nav.show a,
    .header_nav.show .nav-item,
    .header_nav.show .nav-item_text,
    .header_nav.show .dropdown-item {
        color: #2d2929 !important; /* Dark gray for high contrast on white background */
    }

    /* Optional: Darken icons or other elements if needed. */
    .header_nav.show .icon {
        color: #2d2929 !important;
    }

    /* 
       CORE PUSH-DOWN LOGIC:
       With .header and .container set to flex-column and height: auto, when .header_nav.show
       is displayed as block, it adds to the header's height, pushing <main> and .hero down.
       No absolute positioning on nav, solid bg prevents hero bleed-through.
    */
}






/* ========================================================================== */
/* [NAV SCROLL TRANSITION — STICKY + FADE]                                    */
/* Path: /assets/css/style.css                                                */
/* Purpose: Ensure header reappears (no disappearing) and transitions smoothly*/
/* Scope: .header only                                                        */
/* ========================================================================== */

.header {
  /* smooth fade between transparent overlay and solid on scroll */
  transition: background-color 0.25s ease, box-shadow 0.25s ease;
  will-change: background-color, box-shadow;
  /* do NOT force a color here; your existing background stays as-is */
}

.header.scrolled {
  position: fixed;                          /* stick it to the top       */
  top: 0; left: 0; right: 0;                /* full width                 */
  z-index: 999;                             /* above content              */
  background-color: #ffffff;                /* Color: White on scroll     */
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);  /* Color: rgba(0,0,0,0.08)    */
}

/* Desktop: never let Bootstrap collapse hide the menu while scrolled */
@media (min-width: 992px) {
  .header.scrolled .header_nav {
    display: flex !important;               /* keep desktop nav visible   */
  }
}






/* ========================================================================== */
/* [CRITICAL FIX V4] CHEVRON ARROW — Font Awesome glyph (no borders/diamonds) */
/* Path: /assets/css/style.css                                                */
/* Purpose: Render a clean, down-facing chevron that inherits link color.     */
/* Notes:                                                                     */
/* - Uses Font Awesome 4.7 (already linked in <head>).                        */
/* - Uses currentColor so it exactly matches the nav link color (your blue).  */
/* - No color overrides here (we do NOT force white or dark).                 */
/* ========================================================================== */

.header_nav .dropdown-toggle .icon {
  position: relative;                 /* anchor for ::before glyph */
  display: inline-block;              /* inline box next to text   */
  width: 12px;                        /* icon box width            */
  height: 12px;                       /* icon box height           */
  margin-left: 8px;                   /* spacing from label        */
  vertical-align: middle;             /* align with text baseline  */
}

.header_nav .dropdown-toggle .icon::before {
  content: "\f107";                   /* FA4.7 down-chevron glyph  */
  font-family: "FontAwesome";         /* use FA (already on page)  */
  font-style: normal;                 /* reset                     */
  font-weight: normal;                /* reset                     */
  display: inline-block;              /* allow transform           */
  font-size: 14px;                    /* icon size                 */
  line-height: 1;                     /* tight line height         */
  color: currentColor !important;     /* EXACTLY match link color  */
  transform: translateY(1px);         /* tiny optical nudge        */
  transition: transform 0.2s ease;    /* smooth rotate on open     */
}

/* Rotate the chevron when the dropdown is open */
.header_nav .dropdown-toggle[aria-expanded="true"] .icon::before {
  transform: translateY(1px) rotate(180deg);
}