@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Inter:wght@400;600&display=swap');

:root {
  --color-primary: #1B75BB; 
  --color-secondary: #E4572E;
  
  --color-text: #333333;
  --color-bg-light: #F7F7F7;
  --color-border: #AAAAAA;

  --font-heading: 'Montserrat', sans-serif;
  --font-body: 'Inter', sans-serif;
}

body {
    font-family: var(--font-body);
    color: var(--color-text);
}
h1, h2, h3 {
    font-family: var(--font-heading);
    color: var(--color-primary);
}

#hero-section {
    padding-top: 5rem; 
    padding-bottom: 5rem;
}

#final-cta {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.btn-cta {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
    color: white; 
    transition: all 0.3s;
}

.btn-cta:hover {
    background-color: #c94b27;
    border-color: #c94b27;
    transform: translateY(-2px);
}

.btn-outline-cta {
    color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn-outline-cta:hover {
    color: white;
    background-color: var(--color-primary);
}

.h-pot { 
    display: none !important; 
}