:root {
    --background-color: #fff4e6;
    --dia-blue: #008080;
    --dia-white: #ffffff;
}

.join-newsletter {
    background: var(--background-color);
}

.btan-mailing {
    background: #d9480f;
    color: var(--background-color);
    text-decoration: none;
}
.styled-table {
    border-collapse: collapse;
    margin: 25px auto; /* Center the table horizontally */
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.styled-table thead tr {
    background-color: #009879;
    color: var(--dia-white);
    text-align: left;
}
.styled-table th,
.styled-table td {
    padding: 12px 15px;
}
.styled-table tbody tr {
    border-bottom: 1px solid #dddddd;
    background-color: var(--dia-white);
    font-weight: bold;

}

.styled-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.styled-table tbody tr:last-of-type {
    border-bottom: 2px solid var(--dia-blue);
}
.styled-table tbody tr.active-row {
    color: var(--dia-blue);
}

.header-container {
    display: flex;
    justify-content: center; /* Center elements horizontally */
    align-items: center;    /* Align elements vertically */
    position: relative;
}

.transformtext {
    text-align: center;
    margin-top: -100px;
    font-size: 4rem;
    color: blue;
    margin-right: 50px;
}

.centered-heading {
    flex: 1; /* Allow the heading to take up available space */
    text-align: center; /* Center the text within its space */
    margin-top: -75px;
    margin-bottom: 50px;
    /*margin-right: -190px;*/
    font-size: 5rem;
    color: var(--dia-blue);
    text-decoration: underline;
}
.questions {
    font-weight: bold;
    font-size: 1.25em;
}
.hide{
    font-weight: bold;
}
.right-text {
    flex-shrink: 0; /* Prevent the text box from shrinking */
    margin-left: auto; /* Push the text box to the far right */
    text-align: left; /* Optional: Align text within the box */
    max-width: 300px; /* Adjust the width of the text box if needed */
    margin-top: -25px;
}

@media (max-width: 768px) {
    .right-text {
        display: none;
    }
    .centered-heading {
        flex: 1; /* Allow the heading to take up available space */
        text-align: center; /* Center the text within its space */
        margin-top: -100px;
        margin-bottom: 75px;
        font-size: 5rem;
        color: var(--dia-blue);
        text-decoration: underline;
    }
    .hide {
        display: none;
    }
}


@media (min-width: 1024px) {
    .centered-heading {
        margin-right: -190px;
    }
}
@media (min-width: 1280px) and (max-width: 1792px) {
    .centered-heading {
        margin-top: -70px;
        margin-right: -50px;
    }
    .right-text {
        margin-right: -35px;
    }
}
@media (max-width: 1325px) {
    .questions{
        display: none;
    }
}
@media (min-width: 765px) and (max-width: 1330px) {
    .transformtext{
        margin-top: -50px;
    }
}
@media (min-width: 1024px) and (max-width: 1280px) {
    .centered-heading {
        margin-right: 5px;
    }
}