@import url('https://fonts.googleapis.com/css?family=Inter');

.accordion .card-header:after {
    content: url("data:image/svg+xml,%3Csvg%20width%3D%2231%22%20height%3D%2232%22%20viewBox%3D%220%200%2031%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Ccircle%20cx%3D%2215.5%22%20cy%3D%2215.5448%22%20r%3D%2215.5%22%20fill%3D%22%23C4D7ED%22%2F%3E%0A%3Cpath%20d%3D%22M9.25%2011.7948C9.60156%2011.7948%209.91406%2011.912%2010.1484%2012.1464L15.5%2017.4979L20.8906%2012.1464C21.3594%2011.6385%2022.1797%2011.6385%2022.6484%2012.1464C23.1563%2012.6151%2023.1563%2013.4354%2022.6484%2013.9042L16.3984%2020.1542C15.9297%2020.662%2015.1094%2020.662%2014.6406%2020.1542L8.39063%2013.9042C7.88281%2013.4354%207.88281%2012.6151%208.39063%2012.1464C8.625%2011.912%208.9375%2011.7948%209.25%2011.7948Z%22%20fill%3D%22%23002C6C%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    float: right;
}

.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: url("data:image/svg+xml,%3Csvg%20width%3D%2231%22%20height%3D%2232%22%20viewBox%3D%220%200%2031%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Ccircle%20cx%3D%2215.5%22%20cy%3D%2215.5448%22%20r%3D%2215.5%22%20fill%3D%22%23C4D7ED%22%2F%3E%0A%3Cpath%20d%3D%22M21.75%2020.2948C21.3984%2020.2948%2021.0859%2020.1776%2020.8516%2019.9432L15.5%2014.5917L10.1094%2019.9432C9.64062%2020.451%208.82031%2020.451%208.35156%2019.9432C7.84375%2019.4745%207.84375%2018.6542%208.35156%2018.1854L14.6016%2011.9354C15.0703%2011.4276%2015.8906%2011.4276%2016.3594%2011.9354L22.6094%2018.1854C23.1172%2018.6542%2023.1172%2019.4745%2022.6094%2019.9432C22.375%2020.1776%2022.0625%2020.2948%2021.75%2020.2948Z%22%20fill%3D%22%23002C6C%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.accordion-title {
    text-decoration: none;
    color: #002C6C;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Inter';
}

.card-header {
    background: #fff;
}

.card-body {
    background: #F0F5FA;
}

.card {
    border-color: #F0F5FA;
}

.table th {
    color: #002C6C;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
}

.table td {
    color: #002C6C;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    white-space: nowrap;
}

@media (max-width: 768px) { /* Change the breakpoint value to match your specific needs */
    .table td {
        color: #002C6C;
        font-family: 'Inter';
        font-style: normal;
        font-weight: 500;
        font-size: 11px;
        word-break: normal;
        white-space: normal;
    }
    .table th {
        color: #002C6C;
        font-family: 'Inter';
        font-style: normal;
        font-weight: 600;
        font-size: 11px;
    }

    h2 {
        font-family: 'Inter';
        font-style: normal;
        font-weight: 500;
        font-size: 32px;
        line-height: 38px;
        color: #002C6C;
        text-align: center;
    }

    h4 {
        font-family: 'Inter';
        font-style: normal;
        font-weight: 500;
        font-size: 26px;
        line-height: 30px;
        color: #262626;
        text-align: center;
    }

    .centerPhone {
        display: flex; /* or grid */
        justify-content: center; /* or flex-start, flex-end */
        align-items: center; /* or flex-start, flex-end */
    }

}

.table {
    border-color: #F0F5FA;
    background: #fff;
}

h2 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 38px;
    color: #002C6C;
}

h4 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 26px;
    line-height: 30px;
    color: #262626;
}