.elementor-102 .elementor-element.elementor-element-9578470{--display:flex;}.elementor-102 .elementor-element.elementor-element-85db485{width:100%;max-width:100%;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-85db485 *//* Global Styles */

* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}

body {

  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  line-height: 1.3;

  color: #111827;

}

/* ========== HEADER STYLES ========== */

.header {

  width: 100%;

  padding: 1rem 0;

  background: rgba(255, 255, 255, 0.9);

  border-bottom: 1px solid #e5e7eb;

  position: sticky;

  top: 0;

  z-index: 50;

  backdrop-filter: blur(8px);

  animation: slideDown 0.6s ease-out;

}

.header-container {

  width: 100%;

  max-width: none;

  padding: 0 2rem;

  margin: 0;

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.logo-container {

  display: flex;

  align-items: center;

  gap: 0.75rem;

  cursor: pointer;

  transition: transform 0.3s ease;

  animation: fadeInLeft 0.8s ease-out;

}

.logo-container:hover {

  transform: scale(1.05);

}

.logo-icon {

  width: 2.5rem;

  height: 2.5rem;

  background: linear-gradient(135deg, #10b981, #059669);

  border-radius: 0.5rem;

  display: flex;

  align-items: center;

  justify-content: center;

  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);

}

.logo-square {

  width: 1.5rem;

  height: 1.5rem;

  background: white;

  border-radius: 0.125rem;

}

.logo-text {

  font-size: 1.5rem;

  font-weight: 700;

  background: linear-gradient(135deg, #0d4f3c 0%, #1a7a5e 100%);

  -webkit-background-clip: text;

  background-clip: text;

  -webkit-text-fill-color: transparent;

}

.nav-menu {

  display: flex;

  gap: 2rem;

}

.nav-link {

  color: #6b7280;

  text-decoration: none;

  font-weight: 500;

  position: relative;

  transition: color 0.2s ease;

  animation: fadeInUp 0.5s ease-out;

}

.nav-link:nth-child(1) { animation-delay: 0.1s; }

.nav-link:nth-child(2) { animation-delay: 0.2s; }

.nav-link:nth-child(3) { animation-delay: 0.3s; }

.nav-link:nth-child(4) { animation-delay: 0.4s; }

.nav-link:hover {

  color: #059669;

}

.nav-link::after {

  content: '';

  position: absolute;

  bottom: -0.25rem;

  left: 0;

  width: 0;

  height: 0.125rem;

  background: #14634F;

  transition: width 0.3s ease;

}

.nav-link:hover::after {

  width: 100%;

}

.auth-buttons {

  display: flex;

  gap: 0.75rem;

  animation: fadeInRight 0.5s ease-out 0.3s both;

}

.login-btn {

  padding: 0.5rem 1rem;

  color: #6b7280;

  background: none;

  border: none;

  font-weight: 500;

  cursor: pointer;

  transition: color 0.2s ease;

  font-family: inherit;

}

.login-btn:hover {

  color: #14634F;

}

.signup-btn {

  padding: 0.5rem 1.5rem;

  background: linear-gradient(135deg, #0d4f3c 0%, #1a7a5e 100%);

  color: white;

  border: none;

  border-radius: 8.5rem;

  font-weight: 600;

  cursor: pointer;

  transition: all 0.2s ease;

  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);

  font-family: inherit;

}

.signup-btn:hover {

  background: #059669;

  transform: scale(1.05);

  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);

}

/* Header Animations */

@keyframes slideDown {

  from {

    transform: translateY(-50px);

    opacity: 0;

  }

  to {

    transform: translateY(0);

    opacity: 1;

  }

}

@keyframes fadeInLeft {

  from {

    transform: translateX(-50px);

    opacity: 0;

  }

  to {

    transform: translateX(0);

    opacity: 1;

  }

}

@keyframes fadeInRight {

  from {

    transform: translateX(50px);

    opacity: 0;

  }

  to {

    transform: translateX(0);

    opacity: 1;

  }

}

@keyframes fadeInUp {

  from {

    transform: translateY(30px);

    opacity: 0;

  }

  to {

    transform: translateY(0);

    opacity: 1;

  }

}

/* Mobile Responsive */

@media (max-width: 768px) {

  .nav-menu {

    display: none;

  }

}

@media (max-width: 640px) {

  .header-container {

    padding: 0 1rem;

  }

  

  .auth-buttons {

    gap: 0.5rem;

  }

  

  .login-btn,

  .signup-btn {

    padding: 0.4rem 0.8rem;

    font-size: 0.875rem;

  }

}

/* Additional WordPress Theme Compatibility */

a {

  text-decoration: none;

}

button {

  outline: none;

}

button:focus {

  outline: 2px solid #10b981;

  outline-offset: 2px;

}

/* Ensure proper z-index stacking */

.header {

  z-index: 999;

}/* End custom CSS */