html {

  font-size: 14px;

  box-sizing: border-box;

  -webkit-text-size-adjust: 100%;

}



:root {

  --primary-color: #007bff;

  --secondary-color: #0056b3;

  --text-color: #333;

  --background-color: #f8f9fa;

  --card-background: #ffffff;

  --border-color: #dee2e6;

  --hover-color: #0056b3;

  --text-muted: #6c757d;

}



*, *::before, *::after {

  box-sizing: inherit;

  margin: 0;

  padding: 0;

}



@media (min-width: 768px) {

  html {

    font-size: 16px;

  }

}



body {

  min-height: 100vh;

  scroll-behavior: smooth;

  text-rendering: optimizeSpeed;

  line-height: 1.5;

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

  background-color: var(--background-color);

  color: var(--text-color);

}



img, picture, video, canvas, svg {

  display: block;

  max-width: 100%;

}



input, button, textarea, select {

  font: inherit;

}



.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {

  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;

}



html {

  position: relative;

  min-height: 100%;

}



body {

  margin-bottom: 60px;

}



.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {

  color: var(--bs-secondary-color);

  text-align: end;

}



.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {

  text-align: start;

}



/* SEO Content Styling */

.seo-content {

  margin-top: 40px;

  padding: 30px 0;

  background-color: #f8f9fa;

  border-radius: 8px;

  border-top: 3px solid #007bff;

}



.seo-section {

  margin-bottom: 25px;

  padding: 0 20px;

}



.seo-section h2 {

  color: #2c3e50;

  font-size: 1.8rem;

  font-weight: 600;

  margin-bottom: 15px;

  border-bottom: 2px solid #007bff;

  padding-bottom: 8px;

}



.seo-section h3 {

  color: #34495e;

  font-size: 1.3rem;

  font-weight: 500;

  margin-bottom: 12px;

  margin-top: 20px;

}



.seo-section p {

  color: #555;

  line-height: 1.6;

  margin-bottom: 15px;

  text-align: justify;

}



.seo-section ul {

  margin-left: 20px;

  margin-bottom: 15px;

}



.seo-section li {

  color: #555;

  line-height: 1.6;

  margin-bottom: 8px;

}



@media (max-width: 768px) {

  .seo-content {

    margin-top: 30px;

    padding: 20px 0;

  }

  

  .seo-section {

    padding: 0 15px;

  }

  

  .seo-section h2 {

    font-size: 1.5rem;

  }

  

  .seo-section h3 {

    font-size: 1.2rem;

  }

}



/* Legal Pages Styling */

.legal-container {

  max-width: 800px;

  margin: 0 auto;

  padding: 2rem;

}



.legal-content {

  line-height: 1.6;

}



.legal-section {

  margin-bottom: 2rem;

}



.legal-section h2 {

  color: #007bff;

  margin-bottom: 1rem;

  border-bottom: 2px solid #f8f9fa;

  padding-bottom: 0.5rem;

}



.legal-section h3 {

  color: #6c757d;

  margin: 1.5rem 0 0.5rem;

}



.legal-section ul {

  padding-left: 2rem;

}



.legal-section li {

  margin-bottom: 0.5rem;

}



.legal-section p {

  margin-bottom: 1rem;

  text-align: justify;

}



@media (max-width: 768px) {

  .legal-container {

    padding: 1rem;

  }

}