* {
  box-sizing: border-box;
}
html,
body {
  overflow-x: hidden;
}
:root {
  --alpha-primary: #102542;
  --alpha-secondary: #d90429;
  --alpha-light: #f8f9fa;
  --alpha-dark: #1b1b1b;
  --alpha-accent: #edf2f4;
  --alpha-muted: #6c757d;
  --bs-font-sans-serif: "Inter", "Helvetica Neue", sans-serif;
}

body {
  font-family: var(--bs-font-sans-serif);
  background-color: var(--alpha-light);
  color: #212529;
  scroll-behavior: smooth;
}

a {
  color: var(--alpha-secondary);
  text-decoration: none;
  transition: all 0.3s ease;
}
a:hover {
  color: var(--alpha-primary);
  text-decoration: underline;
}

.navbar {
  background-color: white;
  border-bottom: 1px solid #ddd;
}
.navbar-brand {
  font-weight: bold;
  font-size: 1.5rem;
  color: var(--alpha-primary) !important;
}
.navbar-nav .nav-link {
  color: var(--alpha-primary);
  font-weight: 500;
}
.navbar-nav .nav-link:hover {
  color: var(--alpha-secondary);
}

.btn-primary {
  background-color: var(--alpha-primary);
  border-color: var(--alpha-primary);
}
.btn-primary:hover {
  background-color: #0c1e33;
}
.btn-danger {
  background-color: var(--alpha-secondary);
  border-color: var(--alpha-secondary);
}
.btn-danger:hover {
  background-color: #a5031f;
}

h1,
h2,
h3,
h4,
h5 {
  /* color: var(--alpha-primary); */
  font-weight: 700;
}
p {
  color: var(--alpha-muted);
}

section {
  padding: 4rem 0;
}
.bg-accent {
  background-color: var(--alpha-accent);
}
.bg-light-gray {
  background-color: #f1f1f1;
}

.pricing-card {
  border: 1px solid #dee2e6;
  border-radius: 12px;
  transition: all 0.3s ease;
}
.pricing-card:hover {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  transform: translateY(-5px);
}
.pricing-header {
  background-color: var(--alpha-primary);
  color: white;
  border-radius: 12px 12px 0 0;
  padding: 1rem;
  text-align: center;
}
.pricing-body {
  padding: 2rem;
}
.price {
  font-size: 2rem;
  font-weight: bold;
  color: var(--alpha-secondary);
}

footer {
  background-color: var(--alpha-dark);
  color: #ddd;
}
footer a {
  color: #ccc;
}
footer a:hover {
  color: white;
}
footer h5 {
  color: #fff;
}

form label {
  font-weight: 500;
}
form .form-check-label {
  font-size: 0.9rem;
}

[data-aos] {
  transition: all 0.7s ease;
}
