@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');

/* ==========================
   VARIABLES
========================== */
:root {
    --primary: #6e2e2a;
    --primary-dark: #552320;
    --accent: #b26a00;
    --accent-dark: #8f5500;
    --white: #fff;
    --gray-100: #f1f1f1;
    --gray-300: #d1d1d1;
    --gray-600: #555;
    --gray-900: #1f1f1f;
}

/* ==========================
   RESET & BASE
========================== */
*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: Figtree, sans-serif;
    background: #fafafa;
    color: var(--gray-900);
    line-height: 1.7;
    font-size: 16px;
}


img {
    display: block;
    max-width: 100%;
    height: auto;
}

a {
    text-decoration: none;
    color: inherit;
}

ul, ol {
    padding-left: 20px;
}

li {
    margin-bottom: 8px;
    color: var(--gray-600);
}

h1, h2, h3, h4, h5, h6 {
    color: var(--primary);
    margin-bottom: 12px;
}

p {
    margin-bottom: 16px;
    color: var(--gray-600);
}

/* ==========================
   CONTAINERS & LAYOUT
========================== */

.container {
    padding: 0 2px;
    
}
.container h2{
    text-align: center;
}
.section {
    padding: 60px 0;
    background: #fff;
}

.section.alt {
    background: var(--gray-100);
    
}
.get-cost{
    background-color: #fff5e4;
    
}
.get-cost p{
    color: black;
}
.get-cost .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.genearl{
      display: flex;
  flex-direction: column;
  align-items: center;
}

/* ==========================
   BUTTONS / CTA
========================== */
.cta {
    display: inline-block;
    margin-top: 24px;
    padding: 14px 32px;
    background: var(--accent);
    color: #fff;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease;
}

.cta:hover {
    background: var(--accent-dark);
}
.general-cta {
    display: block;        /* REQUIRED */
    width: fit-content;    /* button width only */
    margin: 24px auto 0;   /* centers horizontally */
}

/* ==========================
   GRID UTILITIES
========================== */
.features,
.doctors {
    display: grid;
    gap: 18px;
}

@media(max-width: 768px) {
    .features,
    .doctors {
        grid-template-columns: 1fr !important;
    }
}

/* ==========================
   IMAGE UTILITIES
========================== */
.full-width-image {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    cursor: pointer;
}

/* ==========================
   MISC
========================== */
.text-center {
    text-align: center;
}

.hidden {
    display: none !important;
}

.center-list {
  list-style: disc;           /* normal bullets */
  padding-left: 0;            /* remove default left padding */
  text-align: left;           /* text aligned to bullet */
  max-width: 600px;           /* optional: limit width for better centering */
  margin: 0 auto;             /* center the whole list block */
}

.center-list li {
  margin-bottom: 12px;        /* spacing between points */
  color: var(--gray-600);     /* your text color */
}
@media(max-width:768px){
    .compare{grid-template-columns:1fr;}
    .container{
        padding: 0 40px;
    }
}
/* ==========================
   Container Typography
========================== */
.container p,
.container li,
.container ul {
    font-size: 17px;
    color: black;
}

/* Slightly larger on desktop */
@media (min-width: 992px) {
    .container p,
    .container li,
    .container ul {
        font-size: 18px;
    }
}