.my-footer-container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    /* margin-top: 3rem;  /* my-5 = 3rem top and bottom margin */
    /* margin-bottom: 3rem;
    max-width: 1140px; /* Same as Bootstrap container (optional) */
}



.alternativeLinks {
    background-color: #39eb26;
    border-top: 1px solid #ddd;
    padding: 10px 20px;
    margin-top: 40px;
}

.my-footer-columns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}

.my-footer-col {
    flex: 1 1 30%;
    min-width: 200px;
}

.my-footer-col a {
    display: block;
    margin-bottom: 6px;
    text-decoration: none;
    color: #333;
}

.my-footer-col a:hover {
    text-decoration: underline;
}

.footer-bottom {
    text-align: center;
    /* background-color: #e9ecef; */
    /* padding: 15px 0; */
    font-size: 14px;
    color: #6c757d;
    margin-top: 30px;
}

.footer-top {
    text-align: center;
    /* background-color: #ffffcc; /* For testing */
    padding: 0px;
    /* border: 1px solid red; */
}

.footer-top h1 {
    font-family: 'Playfair Display', serif;
    font-size: 24px;
    font-weight: bold;
    color: #333;
    /* margin-top: 50px; */
    margin-bottom: 5px;
}

.footer-top h2 {
    font-family: 'Playfair Display', serif;
    font-size: 28px;
    font-weight: bold;
    color: #333;
    /* margin-top: 50px; */
    margin-bottom: 5px;
}

.footer-top h3 {
    font-family: 'Playfair Display', serif;
    font-size: 28px;
    font-weight: bold;
    color: #333;
    /* margin-top: 50px; */
    margin-bottom: 5px;
}

.footer-top h4 {
    font-family: 'Ubuntu', sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #666;
    margin-top: 0;
    margin-bottom: 20px;
}


.footer-top h5 {
    font-family: 'IBM Plex Sans', sans-serif;
    /* font-family: 'Inter', sans-serif; */
    font-size: 16px;
    font-weight: normal;
    color: #666;
    margin-top: 0;
    margin-bottom: 20px;
}

.footer-top ip {
    font-family: 'Ubuntu', sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #666;
    margin-top: 0;
    margin-bottom: 20px;
}

.footer-separator {
    border: none;
    border-top: 1px solid #ccc;
    margin: 20px auto;
    width: 80%;
}
.footer-links {
    text-align: left;
    max-width: 100%;
}



/* body { background-color: yellow !important; } */

.container.footer-wrapper-container {
    background-color: #ffffff;        /* White background */
    border: 1px solid #ddd;           /* Light gray border */
    border-radius: 30px;               /* Rounded corners */
    /* padding: 20px;                    /* Optional: some inner spacing */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);  /* Optional: subtle shadow */
    margin-top: 40px;                 /* Optional spacing above */
}

/* Style for individual footer links */
.footer-links li.mb-1 {
    margin-bottom: 10px;
    font-size: 16px;
    color: #333;
}


/* Base style for links */
.footer-links li.mb-1 a {
    color: #444; /* Darker gray for normal state */
    text-decoration: none;
    /* line-height: 2.2; */
}

/* Hover style */
.footer-links li.mb-1 a:hover {
    color: #888; /* Lighter gray on hover */
    text-decoration: underline;
}

.left-align-text {
    text-align: left;
    white-space: pre-line; /* Handles line breaks */
}

.recom-text {
    /* background-color: yellow; */
    font-size: 14px;
    color: #444;
    font-weight: 400;
}

.search-link {
    font-size: 16px;
    color: #444;
    margin-top: 10px;
    text-align: center; /* ✅ this centers the text */
}

.search-link a {
    color: #0072ff;;
    text-decoration: none;
    font-weight: bold;
}

.search-link a:hover {
    color: #888;
    text-decoration: underline;
}
.container.footer-wrapper-container2 {
    background-color: #ffffff;        /* White background */
    border: 1px solid #ddd;           /* Light gray border */
    border-radius: 30px;               /* Rounded corners */
    /* padding: 20px;                    /* Optional: some inner spacing */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);  /* Optional: subtle shadow */
    margin-top: 40px;                 /* Optional spacing above */
}
.footer-wrapper-container2 { margin-top: 24px; }

.ad-wrap{
  width: 100%;
  margin: 18px auto;
}
.ad-wrap--content{
  max-width: 700px;
  padding: 0 12px; /* nice on mobile */
}
.ai-answer-text { white-space: normal; line-height: 1.35; }

/*.ai-item { border-bottom: 1px solid #eee; padding: 10px 0; }*/
/*.ai-q { font-weight: 700; margin: 0 0 8px 0; }*/
/*.ai-a { line-height: 1.35; }*/
/*.ai-line { margin: 2px 0; }*/
/*.ai-h { font-weight: 700; margin: 8px 0 6px; }*/
/*.ai-ul { margin: 6px 0 6px 20px; padding: 0; }*/
/*.ai-ul li { margin: 2px 0; }*/
/*.ai-notes { margin-top: 8px; }*/
.ai-history-body { display:block; white-space: normal; }
.ai-history-body * { white-space: normal; }