:root {
  --thm-base: #005230 !important;
}
.header {
	background: #e5f0ec; 
}
.header-top {
	background: #005230; 
}
.main-menu .navigation>li.current-menu-item>a {
    background-color: #e5f0ec !important;
}
.main-logo-box {
    height: 122px;
	background: #005230;
}
.main-logo-box img {
    height: 85px;
}
.sticky-header .logo img {
    height: 75px !important;
}
.sticky-header{
		  background: #e5f0ec;

}
.progress-box.wow{
	display:none;
}
.about-style1-area {
	padding: 90px 0 0px;
}
/* .bottom-parallax .footer-area {
	position: absolute;
} */
.about-style1-area .shape1
{
   top: 0px;
    width: 640px;
    height: 604px;
}
.main-menu .navigation>li.current-menu-item>a {
    background-color: #ffffff;
}
.submenu{
	    top: 106px !important;
}
.sec-title--style2 .sub-title h3 {
	font-family: auto;
}
.sec-title .sub-title h3 {
	font-family: auto;
}
.phone-number-box2 .phone p {
	font-family:auto;
}
.video-gallery-style1 {
	display:none;
}
.breadcrumb-menu ul li a {
	font-family:auto;
}
.breadcrumb-menu ul li:last-child {
	font-family:auto;
}
.breadcrumb-area-bg:before {
	    background: none;
}
.breadcrumb-menu ul li:last-child {
    color: black;
}
.breadcrumb-area .title h2
 {
    color: #000000;
}
.breadcrumb-area .inner-content
 {
    padding: 80px 0 0px;
}
.tag-social-share-box
 {
    display: none !important;
}
@media (max-width: 768px) {
  h2 {
    font-size: 30px !important;
  }
	.about-style1-area {
	padding: 10px 0 60px;
}
	.about-style1__bottom-content {
		display:none !important;
	}
}
/* 1. Target ONLY the icons by name */
.footer-area i, 
.footer-area svg, 
[class^="eicon-"], 
.elementor-icon i {
    width: 25px !important;
    height: 25px !important;
    font-size: 25px !important;
    max-width: 25px !important;
    display: inline-block !important;
}

/* 2. Reset ALL images to behave normally */
img {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
}

/* 3. Specifically fix the "Small Photo" on the Home Page */
#big-photo img, 
.elementor-widget-image img {
    min-width: 250px !important; /* Forces them to stay at least this big */
}
/* --- GLOBAL FLOATING BOOKING BUTTON --- */
.global-book-btn {
    position: fixed;
    bottom: 20px;
    left: 20px; /* Kept on the left so it doesn't block your "Text us" widget on the right! */
    background-color: #ffcc00; /* Matches your brand's golden yellow contact buttons */
    color: #000000 !important;
    font-weight: bold !important;
    font-family: inherit;
    text-decoration: none !important;
    padding: 12px 24px;
    border-radius: 50px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    z-index: 999999 !important; /* Forces it to stay visible on top of images */
    display: flex;
    align-items: center;
    gap: 8px;
    transition: transform 0.2s ease, background-color 0.2s ease;
}

/* Add a subtle hover animation */
.global-book-btn:hover {
    transform: scale(1.05);
    background-color: #e6b800; /* Slightly darker gold on hover */
}

/* Adjust button sizing so it is clean on mobile phones */
@media (max-width: 768px) {
    .global-book-btn {
        bottom: 15px;
        left: 15px;
        padding: 10px 18px;
        font-size: 14px;
    }
}
/* --- GLOBAL FLOATING BOOKING BUTTON --- */
.global-book-btn {
    position: fixed;
    bottom: 20px;
    left: 20px; /* Kept on the left so it doesn't block your "Text us" widget on the right! */
    background-color: #ffcc00 !important; /* Matches your brand's golden yellow contact buttons */
    color: #000000 !important;
    font-weight: bold !important;
    font-family: inherit;
    text-decoration: none !important;
    padding: 12px 24px !important;
    border-radius: 50px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
    z-index: 999999 !important; /* Forces it to stay visible on top of everything */
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    transition: transform 0.2s ease, background-color 0.2s ease !important;
}

/* Add a subtle hover animation */
.global-book-btn:hover {
    transform: scale(1.05) !important;
    background-color: #e6b800 !important; /* Slightly darker gold on hover */
}

/* Adjust button sizing so it is clean on mobile phones */
@media (max-width: 768px) {
    .global-book-btn {
        bottom: 15px !important;
        left: 15px !important;
        padding: 10px 18px !important;
        font-size: 14px !important;
    }
}
/* --- GLOBAL FLOATING BOOKING BUTTON --- */
.global-book-btn {
    position: fixed !important;
    bottom: 25px !important;
    left: 25px !important; /* Placed on the left so it does not block your text bubble on the right! */
    background-color: #ffcc00 !important; /* Golden yellow */
    color: #000000 !important;
    font-weight: bold !important;
    font-family: inherit !important;
    text-decoration: none !important;
    padding: 12px 24px !important;
    border-radius: 50px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3) !important;
    z-index: 999999 !important; /* Keeps it on top of other content */
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    transition: transform 0.2s ease, background-color 0.2s ease !important;
}

/* Hover effect */
.global-book-btn:hover {
    transform: scale(1.05) !important;
    background-color: #e6b800 !important;
}

/* Responsive adjustment for mobile screens */
@media (max-width: 768px) {
    .global-book-btn {
        bottom: 15px !important;
        left: 15px !important;
        padding: 10px 18px !important;
        font-size: 14px !important;
    }
}
/* Prevents location and contact icons from expanding full-screen on load */
.elementor-widget img, 
.elementor-widget svg,
.elementor-icon-list-icon img, 
.elementor-icon-list-icon svg {
    max-width: 100% !important;
}

i.elementor-icon, 
.elementor-icon-list-icon i,
.elementor-icon-list-icon svg {
    max-width: 32px !important;
    max-height: 32px !important;
    width: 32px !important;
    height: auto !important;
}