.elementor-988809 .elementor-element.elementor-element-01cbb69{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-988809 .elementor-element.elementor-element-d173303 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-988809 .elementor-element.elementor-element-c56ccc0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-988809 .elementor-element.elementor-element-8646f73 > .elementor-widget-container{margin:-100px 0px 0px 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-d173303 */:root {
  --oli-green: #1a472a;
  --oli-white: #ffffff;
}

.oli-circle-logo svg {
    width: 125px;
    height: 110px;
     transition: 0.3s ease;
}
header.oli-header.scrolled svg {
    width: 80px;
    height: 80px;
    transition: 0.3s ease;
}

.oli-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  padding: 20px 0;
  transition: all 0.4s ease;
}

.oli-header-container {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 40px;
}

/* --- Navigation Group (The Container) --- */
.oli-nav-group {
  display: flex;
  align-items: center;
  gap: 20px;
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  padding: 8px;
  border-radius: 50px;
}

/* --- Nav Links (Centered on Load) --- */
.oli-nav-links {
  display: flex;
  gap: 30px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

/* --- Contact Button (Right on Load) --- */
.oli-contact-btn {
  background-color: var(--oli-green);
  color: white;
  border: none;
  padding: 12px 24px;
  border-radius: 30px;
  font-weight: 700;
  cursor: pointer;
  margin-left: auto; /* Pushes it to the right */
  transition: all 0.4s ease;
}

/* --- SCROLLED STATE: The Merge --- */

.oli-header.scrolled .oli-nav-group {
  background: white;
  box-shadow: 0 4px 20px rgba(0,0,0,0.1);
  border: 1px solid rgba(0,0,0,0.05);
  padding-left: 30px; /* Room for the links now that they've arrived */
}

.oli-header.scrolled .oli-nav-links {
  position: relative;
  left: 0;
  transform: translateX(0);
  gap: 20px; /* Tighten gap slightly for the pill look */
}

/* --- Styling & Hover --- */
.oli-nav-link {
  text-decoration: none;
  color: var(--oli-green);
  font-weight: 700;
  font-size: 0.9rem;
  white-space: nowrap;
}

.oli-circle-logo {
  width: 80px;
  height: 80px;
}

/* Optional: Shrink header padding on scroll */
.oli-header.scrolled {
  padding: 10px 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8646f73 */section.bg-\[\#FDBA21\].pt-24.pb-12.relative {
    padding-top: 165px;
}
:root {
  --oli-green: #1a472a;
  --oli-white: #ffffff;
}

.oli-circle-logo svg {
    width: 125px;
    height: 110px;
     transition: 0.3s ease;
}
header.oli-header.scrolled svg {
    width: 80px;
    height: 80px;
    transition: 0.3s ease;
}

.oli-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  padding: 20px 0;
  transition: all 0.4s ease;
}

.oli-header-container {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 40px;
}

/* --- Navigation Group (The Container) --- */
.oli-nav-group {
  display: flex;
  align-items: center;
  gap: 20px;
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  padding: 8px;
  border-radius: 50px;
}

/* --- Nav Links (Centered on Load) --- */
.oli-nav-links {
  display: flex;
  gap: 30px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

/* --- Contact Button (Right on Load) --- */
.oli-contact-btn {
  background-color: var(--oli-green);
  color: white;
  border: none;
  padding: 12px 24px;
  border-radius: 30px;
  font-weight: 700;
  cursor: pointer;
  margin-left: auto; /* Pushes it to the right */
  transition: all 0.4s ease;
}

/* --- SCROLLED STATE: The Merge --- */

.oli-header.scrolled .oli-nav-group {
  background: white;
  box-shadow: 0 4px 20px rgba(0,0,0,0.1);
  border: 1px solid rgba(0,0,0,0.05);
  padding-left: 30px; /* Room for the links now that they've arrived */
}

.oli-header.scrolled .oli-nav-links {
  position: relative;
  left: 0;
  transform: translateX(0);
  gap: 20px; /* Tighten gap slightly for the pill look */
}

/* --- Styling & Hover --- */
.oli-nav-link {
  text-decoration: none;
  color: var(--oli-green);
  font-weight: 700;
  font-size: 0.9rem;
  white-space: nowrap;
}

.oli-circle-logo {
  width: 80px;
  height: 80px;
}

/* Optional: Shrink header padding on scroll */
.oli-header.scrolled {
  padding: 10px 0;
}/* End custom CSS */