/* Header Sticky for desktop */
.desktop-header,
.headerMobile {
  position: relative; /* Or static, depending on your default layout */
  z-index: 1000; /* Ensure it stays on top of other content */
  /* Your other default header styles (e.g., background, padding) */
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; /* Smooth transition for transform and box-shadow */
  transform: translateY(0); /* Initially not translated */
}

.desktop-header.scrolled-header,
.headerMobile.scrolled-header{
  position: fixed; /* Make it stick to the top */
  top: 0;
  left: 0;
  width: 100%;
  /* Add styles for when the header is sticky */
  background-color: rgba(184, 150, 126, 1) !important; /* Example: semi-transparent white background */
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Optional: add a subtle shadow */
  transform: translateY(0); /* Ensure it's visible when scrolled */
  margin-top: 0 !important;
}

.headerMobile.scrolled-header {
	background-color: #000000 !important
}

/* Optional: Adjust padding to avoid content jumping */
body {
  padding-top: 0; /* Reset default body padding */
  transition: padding-top 0.3s ease-in-out; /* Smooth transition for body padding */
}

body.has-sticky-header {
  padding-top: /* Height of your header */; /* Add padding to the top of the body to prevent content from being hidden behind the sticky header */
}

/* You might need to adjust the height value based on your header's actual height */
/* Example: If your header is 80px tall */
body.has-sticky-header {
  padding-top: 80px;
}

.desktop-header.scrolled-header .headerLogo img{
	width: 50px !important;
}


.desktop-header.scrolled-header .elementor-nav-menu--main .elementor-item.elementor-item-active,
.desktop-header.scrolled-header .elementor-nav-menu--main .elementor-item:hover,
.desktop-header.scrolled-header .animate-underline-ltr .elementor-icon-list-item:hover .elementor-icon-list-text,
.desktop-header.scrolled-header .animate-underline-ltr .elementor-icon-list-item:hover .elementor-icon-list-icon i{
	color: #000000 !important;
}


.desktop-header.scrolled-header .animate-underline-ltr .elementor-icon-list-item:hover a::before {
	background-color: #000000 !important;		
}
.desktop-header.scrolled-header .headerSearch:hover .elementor-icon svg {
	fill: #000000 !important;
}

/* home page attorney slider */
.h-100 {
	height: 100%;
}

.SocialTrigger .elementor-image-box-content {
	padding: 10px 15px
}