/* --- Adjust the nav to work with the hero background --- */

#nav .container .content .buttons a.button.blueberry.outline {
    color: #FFF;
    border-color: #FFF;
    background-color: transparent;
}

#nav .container .content .buttons a.button.blueberry.outline:hover {
    color: #112867;
    border-color: #FFF;
    background-color: #FFF;
}

/* ------ End nav adjustments ------ */

.single-text-card img:not(.circle-icon-img) {
    margin: 0;
    padding-bottom: 20px;
}

.single-text-card .button .button-img {
    padding: 0;
    margin-right: 10px;
}

.widget-section .text-card h3 {
    display: flex;
    align-items: center;
}

.widget-section .text-card h3 img {
    margin-right: 15px;
}

/* table css for sms code table */
.compare-table {
    border-collapse: separate;
    overflow: revert;
}

table.compare-table thead tr td,
table.compare-table tbody tr td {
    color: #FFFFFF;
    font-size: 16px;
}

table.compare-table thead tr td {
    background-color: transparent;
    border: 1px solid #5C77A7;
    font-weight: 800;
}

table.compare-table tbody tr {
    background-color: transparent;
}

table.compare-table tbody tr td:nth-of-type(2) {
    background-color: #33477F;
}

table.compare-table tbody tr td:nth-of-type(1) {
    white-space: nowrap;
}

table.compare-table tbody tr td {
    padding: 30px 18px;
    border: 1px solid #5C77A7;
    line-height: 22px;
}

table.compare-table thead tr td:first-child {
    border-top-left-radius: 10px;
    width: 20%;
}

table.compare-table thead tr td:nth-child(2) {
    width: 40%;
}

table.compare-table thead tr td:last-child {
    border-top-right-radius: 10px;
    width: 40%;
}

table.compare-table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
}

table.compare-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}

table.compare-table tr td:first-child {
    border-right: none;
    min-width: 282px;
}

table.compare-table tr td:last-child {
    border-left: none;
}

table.compare-table tbody tr td {
    border-top: none;
}

table.compare-table tbody tr td img {
    margin-right: 5px;
    margin-bottom: -2px;
}

/* mobile comparison styles */

.mobile-comparison-cards {
    min-width: 280px;
    margin-bottom: 50px;
}

.mobile-compare-chart {
    display: flex;
}

h3.mobile-cards-header {
    color: white;
    text-align: center;
    padding-bottom: 30px;
    font-size: 26px;
}

.mobile-comparison-item {
    color: white;
    line-height: 24px;
    flex: 1;
    padding: 15px;
    border: 1px solid #5C77A7;
}

.mobile-comparison-item.slicktext {
    background-color: #33477F;
}

.mobile-comparison-item.simpletexting {
    border-left: none;
}

.mobile-comparison-item span {
    font-size: 15px;
}

.heading-compare {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.mobile-comparison-card {
    margin-bottom: 25px;
}

.mobile-comparison-card:last-child {
    border-bottom: none;
}

.mobile-comparison-card h4 {
    color: white;
    text-align: center;
    border: 1px solid #5C77A7;
    border-bottom: 1px;
    padding-top: 15px;
}

.text-card h3.choose-slicktext {
    font-size: 22px;
    color: #112867;
    padding-bottom: 30px;
    font-weight: 600;
}
#hero h1 {
	font-size: 52px;
}

#hero .text-gradient-blueberry {
    display: inline;
}

.no-credit-card {
    color: #94BBFF;
    font-weight: 600;
    margin-left: 30px;
}

.footer-card .btn-group {
    flex-direction: column;
    gap: 15px;
}

.footer-no-credit-card {
    font-size: 14px;
    font-weight: 600;
    color: #112867;
    opacity: .8;
}

td.show-more-comparisons {
    border-right: 1px solid #5C77A7 !important;
    border-left: 1px solid #5C77A7 !important;
    text-align: center;
    padding: 25px !important;
    color: #23DDCD !important;
    font-weight: 600;
    cursor: pointer;
    transition: filter 0.3s ease;
}

td.show-more-comparisons:hover .show-more-comparisons-text {
    filter: brightness(1.2);
    transition: filter 0.3s ease;
}

.show-more-comparisons-text {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.show-more-comparisons-text img {
    height: 20px;
}

tr.hidden-additional-comparisons {
    display: none;
}

tr.hidden-additional-comparisons.visible {
    display: table-row;
}

tr.hidden-additional-comparisons td {
    padding: 0;
    overflow: hidden;
}

tr.hidden-additional-comparisons.visible td {
    padding: 30px 18px;
}

.hidden-mobile-additional-comparisons {
    display: none;
}

.hidden-mobile-additional-comparisons.visible {
    display: block;
}

.show-more-mobile-comparisons {
    text-align: center;
    color: #23DDCD;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: filter 0.3s ease;
}

span.no-break {
    white-space: nowrap;
}

.logoPackCarousel .images {
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
    mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
}

.logoPackCarousel .images::before,
.logoPackCarousel .images::after {
    display: none;
}

@media all and (max-width: 1028px) {
    .no-credit-card {
        margin-left: 0;
        margin-top: 20px;
        display: block;
    }

    #hero p.white-text.line-height-30 {
        min-height: 120px;
    }
}

@media all and (max-width: 960px) {

    table.compare-table thead tr td,
    table.compare-table tbody tr td {
        font-size: 14px;
    }

    table.compare-table tbody tr td {
        padding: 30px 10px;
    }

    table.compare-table tbody tr td:nth-of-type(1) {
        white-space: revert;
    }
}

@media all and (max-width: 768px) {
    /* --- Adjust the nav to work with the hero background --- */

    #nav .container .content .buttons a.button.blueberry.outline {
        color: #112867;
        border-color: #112867;
        background-color: transparent;
    }

    #nav .container .content .buttons a.button.blueberry.outline:hover {
        color: #FFF;
        border-color: #112867;
        background-color: #112867;
    }

    /* ------ End nav adjustments ------ */

    .section.padding-bottom-100 {
        padding-bottom: 50px;
    }

    .footer-no-credit-card {
        margin-top: 15px;
        display: block;
    }

    #hero.section.padding-bottom-120 {
        padding-bottom: 60px;
    }
}