/* Bootstrap Specific Updates */

.container-fluid {
    max-width: 1600px;
}

.container-fluid-1440 {
    max-width: 1440px;
    margin: 0 auto;

    @media (max-width: 991px) {
        padding: 0.5rem 1rem;
    }
}

body {
    font-family: 'Muli', Arial, Helvetica, sans-serif;
}

img {
    max-width: 100%;
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle,
.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    background-color: #e5a724;
    border-color: #e5a724;
}
a {
    color: #22689b;
}
.opacity-50 {
    opacity: 0.5;
}
.opacity-50:hover {
    opacity: 1;
}
.tooltip-arrow,
.tooltip > .tooltip-inner {
    background-color: #002b5c;
}

.bs-tooltip-auto[x-placement^='bottom'] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #002b5c !important;
}
.bs-tooltip-auto[x-placement^='top'] .arrow::before,
.bs-tooltip-top .arrow::before {
    border-top-color: #002b5c !important;
}
.bs-tooltip-auto[x-placement^='left'] .arrow::before,
.bs-tooltip-left .arrow::before {
    border-left-color: #002b5c !important;
}
.bs-tooltip-auto[x-placement^='right'] .arrow::before,
.bs-tooltip-right .arrow::before {
    border-right-color: #002b5c !important;
}

.black-outline.btn {
    font-family: 'Prompt', sans-serif;
    font-size: 17px;
    font-weight: 700;
    border: 2px solid #212529;
    color: #212529;
    border-radius: 5px;
    padding: 5px 25px;
}
.blue-outline.btn {
    font-family: 'Prompt', sans-serif;
    font-size: 17px;
    font-weight: 700;
    border: 2px solid #22689b;
    color: #22689b;
    border-radius: 5px;
    padding: 5px 25px;
}
.blue-outline.btn.small {
    font-size: 12px;
    padding: 3px 5px;
}
.blue-outline.btn.small i {
    font-size: 10px;
    vertical-align: middle;
    margin-top: 2px;
}
.blue-outline.btn i {
    border-radius: 50%;
    background: #22689b;
    color: white;
    padding: 5px 5px;
    font-size: 50%;
    position: relative;
    top: -2px;
}
.profile-sidebar-extra-links a {
    text-transform: capitalize;
}

#cards-filter-container.filter {
    background: #002b5c radial-gradient(circle, rgba(255, 255, 255, 0.25) 0%, rgba(229, 229, 229, 0.01) 100%);
    color: white;
    padding: 100px 0 50px;
}
.radial-gradient-bg {
    background: #002b5c radial-gradient(circle, rgba(255, 255, 255, 0.25) 0%, rgba(229, 229, 229, 0.01) 100%);
    color: white;
}
.linear-gradient-bg {
    background: rgb(34, 104, 155);
    background: -webkit-linear-gradient(rgba(34, 104, 155, 1) 0%, rgba(0, 43, 92, 1) 100%);
    background: -o-linear-gradient(rgba(34, 104, 155, 1) 0%, rgba(0, 43, 92, 1) 100%);
    background: linear-gradient(rgba(34, 104, 155, 1) 0%, rgba(0, 43, 92, 1) 100%);
}
.linear-gradient-reverse-bg {
    background: rgb(34, 104, 155);
    background: -webkit-linear-gradient(rgba(0, 43, 92, 1) 0%, rgba(34, 104, 155, 1) 100%);
    background: -o-linear-gradient(rgba(0, 43, 92, 1) 0%, rgba(34, 104, 155, 1) 100%);
    background: linear-gradient(rgba(0, 43, 92, 1) 0%, rgba(34, 104, 155, 1) 100%);
}
.linear-gradient-left-to-right-bg {
    background: linear-gradient(120deg, rgb(6, 47, 95) 0%, rgb(60, 89, 128) 100%);
}
#cards-filter-container h2,
.radial-gradient-bg h2 {
    color: white;
    font-family: 'Prompt', sans-serif;
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 30px;
}
.radial-gradient-bg p {
    font-size: 18px;
}
#cards-filter-container img {
    display: block;
    margin: 0 auto 10px;
    height: 60px;
    fill: #fff;
}
#cards-filter-container button,
.radial-gradient-bg button {
    color: white;
    font-size: 17px;
    font-family: 'Prompt', sans-serif;
    font-weight: 400;
    min-height: 45px;
}
.btn-outline-primary {
    color: white;
    border-color: white;
}
.btn-outline-primary:hover {
    border-color: white;
}
#extended-filter-btn {
    display: inline-block;
    color: white;
    cursor: pointer;
}
.value-rankings-index #cards-filter-container #extended-filter-btn {
    margin-top: 10px;
    margin-bottom: 20px;
    border-radius: 20px;
    padding: 5px 35px;
}
.value-rankings-index #cards-filter-container #extended-filter-btn.active {
    background: none;
}
#extended-filter {
    clear: both;
    position: relative;
}
.scrollable-dropdown {
    z-index: 1030;
    max-height: 175px;
    overflow-y: scroll;
}
.btn.accent-btn {
    background: #e19e20;
    color: white;
    font-size: 17px;
    padding: 5px 25px;
    border-radius: 5px;
}
.btn.secondary-btn {
    background: #22689b;
    color: white;
    font-size: 17px;
    padding: 5px 25px;
    border-radius: 5px;
}
img.thumb {
    max-height: 55px;
}
.btn-primary:focus,
.btn-primary {
    border: none;
}
.clickable {
    cursor: pointer;
}
.underdashed {
    cursor: pointer;
    border-bottom: 1px dashed #999;
}
/* Homepage */

.home-mast {
    background: url(/img/home/home-mast.jpg) no-repeat 0 0 / cover;
}
.home-mast h1 {
    color: white;
    font-family: 'Prompt', sans-serif;
    font-size: 40px;
    font-weight: 300;
}
.slick-arrow {
    display: none;
}
.home-card {
    background: rgb(255, 255, 255);
    background: -webkit-linear-gradient(rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(237, 239, 242, 1) 100%);
    background: -o-linear-gradient(rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(237, 239, 242, 1) 100%);
    background: linear-gradient(rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(237, 239, 242, 1) 100%);
    border-radius: 5px 5px 0 0;
}
.home-card img {
    height: 30px;
}
.home-card h3 {
    font-size: 25px;
    font-weight: 700;
}
.home-mast .row .col-md-4:nth-child(2) {
    z-index: 2;
}
.home-mast .row .col-md-4:nth-child(1) .home-card,
.home-mast .row .col-md-4:nth-child(3) .home-card {
    height: 250px;
}
.home-mast .row .col-md-4:nth-child(2) .home-card {
    height: 280px;
}
.personalized-recommendations-wrap {
    padding-top: 10px;
    background: linear-gradient(to right, rgba(0, 43, 92, 1), rgba(41, 130, 195, 1), rgba(0, 43, 92, 1));
}
.personalized-recommendations {
    color: white;
}
.personalized-recommendations h3 {
    font-weight: 700;
    font-size: 2.25rem;
    margin-bottom: 2.5rem;
}
.personalized-recommendations h5 {
    font-size: 1.75rem;
}
.personalized-recommendations .btn {
    background: white;
    border-radius: 20px;
    color: #002b5c;
    font-family: 'Prompt', sans-serif;
    font-weight: 700;
    margin: 0 10px;
    padding: 10px 5px;
    width: 215px;
}
.personalized-recommendations .btn.active,
.personalized-recommendations .btn:hover {
    background: #e19e20;
    color: white;
}
.personalized-recommendations .number-box a {
    background: white;
    border-radius: 50%;
    cursor: pointer;
    padding: 0px;
    vertical-align: middle;
    font-size: 28px;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 1;
}
.personalized-recommendations .number-box a.decrease {
    font-size: 34px;
}
.personalized-recommendations .number-box a.increase {
    padding-top: 5px;
}
.personalized-recommendations .number-box a:hover {
    text-decoration: none;
    background: #e19e20;
    color: white;
}
.personalized-recommendations .number-box input[type='number'] {
    text-align: center;
    max-width: 120px;
    border-radius: 5px;
    border: none;
    font-size: 20px;
    vertical-align: middle;
    padding: 6px 0;
    margin: 0 10px;
}
.personalized-recommendations .question {
    height: 410px;
    padding: 7rem 10px;
}
.personalized-recommendations .question.one {
    padding-top: 5.25rem;
}
.user-profile-setup .personalized-recommendations .question {
    height: 90vh;
}
.user-profile-setup {
    height: 100vh;
    overflow: hidden;
}
.user-profile-setup .personalized-recommendations .question h3,
.user-profile-setup .personalized-recommendations .question h5 {
    margin-top: 10%;
}
.user-profile-setup .personalized-recommendations .question.one h5 {
    margin-top: 0;
}
.user-profile-setup .question.final a {
    padding-top: 12%;
}
.personalized-recommendations .question h5 {
    padding-top: 40px;
    margin-bottom: 1rem;
}
.progress {
    border-radius: 0;
}
.question.final a {
    display: block;
    color: white;
    font-family: 'Dosis', sans-serif;
    font-size: 55px;
    padding-top: 20px;
}
.question.final a:hover {
    text-decoration: none;
    color: #002b5c;
}
.question.final svg {
    width: 80px;
    height: 80px;
    fill: white !important;
}
.question.final svg path {
    fill: white !important;
}
.home-cards-filter-list .btn {
    font-size: 17px;
}
#cards-filter-container.filter.home-cards-filter-list {
    padding: 100px 0;
}
.limited-time-offers .card-name {
    color: #212529;
    font-size: 17px;
}
.limited-time-offers .offer-dates,
.limited-time-offers .card-excerpt {
    font-size: 14px;
}
.page-layout {
    background-color: #f1f1f1;
}

/* Homepage after Questions */

.gradient-half-bg {
    position: relative;
    background: #009cde;
    background: -webkit-gradient(linear, top, bottom, from(#002b5c), to(#22689b));
    background: linear-gradient(180deg, #002b5c 0, #22689b 100%);
}
.gradient-half-bg::after,
.gradient-half-bg::after {
    background: white;
}
.gradient-half-bg::after {
    content: '';
    width: 70%;
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
    z-index: 0;
}
.gradient-half-bg .container-fluid {
    z-index: 1;
    position: relative;
}
.gradient-half-bg .border-bottom-accent {
    border-bottom-width: 4px;
    border-bottom-style: solid;
}

/*
The following is a series of media queries to adjust the width of the white background on larger screens
It is pretty gross but the way the background is implemented makes it hard to do this in a cleaner way
without completely reworking the HTML structure.
*/
@media only screen and (min-width: 2040px) {
    .gradient-half-bg::after {
        width: 69%;
    }
}
@media only screen and (min-width: 2220px) {
    .gradient-half-bg::after {
        width: 67%;
    }
}
@media only screen and (min-width: 2500px) {
    .gradient-half-bg::after {
        width: 65%;
    }
}
@media only screen and (min-width: 2840px) {
    .gradient-half-bg::after {
        width: 63%;
    }
}

.gradient-col ul {
    font-size: 18px;
    font-weight: 700;
}
.gradient-col button {
    width: 100%;
}
.gradient-col .form-control {
    padding-right: calc(1.5em + 0.75rem);
    background-image: url('/img/sign-up-free/email.png');
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.75rem) calc(0.75em + 0.375rem);
}
.gradient-col .was-validated .form-control:invalid,
.gradient-col .form-control.is-invalid {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
}

.coaching-advice a {
    font-weight: 700;
}
.coaching-advice .bb-gray:last-child {
    border-bottom: none;
}
.sign-up-free-index .free-index h3 {
    font-size: 30px;
}

/* Overrides from BootStrap for Colors */

.bg-primary,
.btn-primary:focus,
a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #002b5c !important;
}
.bg-secondary {
    background-color: #22689b !important;
}
a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
    background: #22689b !important;
}

.bg-accent {
    background-color: #e19e20 !important;
}
.color-primary {
    color: #002b5c !important;
}
.color-secondary {
    color: #22689b !important;
}
.color-accent {
    color: #e19e20 !important;
}
.color-gray {
    color: #707070;
}
.color-green {
    color: #4caf50;
}
.color-white {
    color: white;
}
.hover-primary-color:hover {
    color: #002b5c !important;
}
.hover-secondary-color:hover {
    color: #22689b !important;
}
.hover-accent-color:hover {
    color: #e19e20 !important;
}
.hover-primary-bg:hover {
    background-color: #002b5c !important;
}
.hover-secondary-bg:hover,
header .top li.nav-item:hover {
    background-color: #22689b !important;
}
.hover-accent-bg:hover {
    background-color: #e19e20 !important;
}
.border-primary {
    border-color: #002b5c !important;
}
.border-secondary {
    border-color: #22689b !important;
}
.border-accent {
    border-color: #e19e20 !important;
}
.border-bottom-accent {
    border-bottom-color: #e19e20 !important;
}
.border-bottom-primary {
    border-bottom-color: #002b5c !important;
}
.border-top-accent {
    border-top-color: #e19e20 !important;
}
.border-top-primary {
    border-top-color: #002b5c !important;
}
.fill-primary,
.fill-primary svg path {
    fill: #002b5c !important;
}
.fill-secondary,
.fill-secondary svg path {
    fill: #22689b !important;
}
.fill-accent,
.fill-accent svg path {
    fill: #e19e20 !important;
}
.circle-icon.border-primary:after {
    color: #002b5c !important;
}
.circle-icon.border-secondary:after {
    color: #22689b !important;
}
.circle-icon.border-accent:after {
    color: #e19e20 !important;
}
.guide-col ol li::before {
    background: #002b5c;
}
blockquote {
    border-left: 5px solid #e19e20;
}
.color-white:hover {
    color: white;
}
.btn.btn-outline-primary.color-primary.border-primary:hover {
    background: #002b5c !important;
    color: white !important;
}

/*Styled Ordered List */

ol.fancy-numbers {
    counter-reset: my-awesome-counter;
}
ol.fancy-numbers li {
    counter-increment: my-awesome-counter;
    list-style: none;
    position: relative;
    margin-bottom: 15px;
    padding-left: 70px;
}
ol.fancy-numbers li:before {
    content: counter(my-awesome-counter);
    background: rgba(138, 174, 201, 1);
    color: white;
    padding: 6px 13px;
    display: block;
    border-radius: 50%;
    font-size: 18px;
    width: 40px;
    text-align: center;
    position: absolute;
    left: 0;
}

/* Gradient BGs */

.gray-white-gradient-bg {
    background: rgba(237, 239, 242, 1);
    background: -webkit-linear-gradient(rgba(237, 239, 242, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(rgba(237, 239, 242, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(rgba(237, 239, 242, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

.gray-text {
    color: #4e545b;
}

/* Popover Colors */

.popover-header {
    background: #e19e20;
    color: white;
}

/* Header Styles */
header .navbar {
    padding: 0 40px;
}
header .bottom .navbar {
    background-color: white !important;
}
header .top .navbar-light .navbar-nav .nav-link {
    color: white;
}
.top .navbar-nav .nav-link {
    padding-left: 2rem;
    padding-right: 2rem;
}
header .top .navbar-light .navbar-nav .login-link .nav-link {
    background: rgba(255, 255, 255, 0.25);
}
header .bottom .navbar .nav-link,
header .bottom .navbar .nav-link:hover,
a,
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
    color: #22689b;
}
header .bottom .navbar .nav-link {
    padding: 1.5rem 2rem;
}
header .bottom .navbar .nav-link:hover {
    background: rgba(0, 0, 0, 0.1);
}
header.is-hidden {
    opacity: 0;
    -webkit-transform: translate(0, -10px);
    -webkit-transition:
        -webkit-transform 0.2s,
        background 0.3s,
        color 0.3s,
        opacity 0 0.3s;
}

header.is-visible {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -webkit-transition:
        -webkit-transform 0.2s,
        background 0.3s,
        color 0.3s;
}
.nav-item button {
    border: none;
    background: none;
}
header .profile-icon-shadow {
    padding: 5px 10px;
    text-transform: uppercase;
}
.dropdown-header {
    color: black;
    cursor: pointer;
    font-size: 16px;
    padding: 15px 10px;
}
.dropdown-header:hover {
    background: rgba(216, 222, 229, 0.25);
}
.dropdown-header .profile-icon-shadow {
    margin-right: 5px;
}

/* For UserSpendCategory / User Profile setup form or generally speaking inline forms */
.form-inline .hint-block {
    margin-left: 10px;
}
.has-error ~ .invalid-feedback {
    display: block;
}
.custom-radio.custom-control-inline .invalid-feedback {
    margin-left: 30px;
}

/* Compare Button Styles */

.compare-button {
    width: 100%;
}
.compare-button:hover {
    background: #002b5c !important;
    color: white !important;
}

/* Compare container styles */
#compare-preview-container {
    background: #f1f1f1;
    border-top: 1px solid #002b5c;
}
.compare-items-preview-list {
    padding-left: 0;
}
#compare-preview-container li {
    display: inline-block;
    width: 95px;
    height: 59.75px;
    background: grey;
    position: relative;
    margin-right: 15px;
    vertical-align: middle;
}
#compare-preview-container .compare-items-preview-list.compare-type-point-system li {
    background-color: #ffffff;
}
#compare-preview-container .compare-items-preview-list.compare-type-point-system li.compare-item-placeholder {
    background: grey;
}

#compare-preview-container .compare-items-preview-list.compare-type-point-system li img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
li .compare-remove {
    cursor: pointer;
    position: absolute;
    right: -16px;
}

.card-details svg {
    height: 30px;
}
.card-name {
    font-size: 24px;
}
.card-name small {
    display: block;
    font-size: 16px;
}
#extended-filter svg {
    height: 30px;
}
#extended-filter svg path {
    fill: white;
}
#clear-filters-btn {
    cursor: pointer;
}

/* Card Benefits */

.card-benefits svg {
    max-width: 45px;
    max-height: 45px;
    margin-right: 5px;
}
.credit-cards-view .card-benefits img {
    max-width: 65px;
    max-height: 65px;
}
.rank-card small {
    color: #777e86;
    display: block;
    font-size: 12px;
    text-transform: uppercase;
}
.rank-card strong {
    font-size: 25px;
}
.rank-card .gray-bg {
    background: #edeff2;
    min-height: 110px;
}
.rank-card a,
.card-benefits .col-sm-8 a {
    color: #22689b;
    font-size: 17px;
    font-weight: 700;
}

/* Homepage/Card Rankings Styles */

.table.bottom-table tbody td {
    font-size: 14px;
}
.bottom-table .rules-col {
    min-width: 200px;
}
#card-type-filter .top-buttons button,
#card-type-filter .top-buttons .btn {
    border-bottom: 3px solid transparent;
    border-radius: 0;
    outline: 0;
    color: white;
}
#card-type-filter .top-buttons button:focus {
    box-shadow: none;
}
#card-type-filter .top-buttons .btn.active,
#card-type-filter .top-buttons .btn:hover {
    border-bottom: 3px solid #e19e20;
}
#extended-filter button.btn:hover {
    background: #e19e20;
}
#extended-filter .dropdown-menu {
    max-height: 40vh;
    overflow-y: scroll;
}
/* Bank Info */

.bank-info {
    color: #4e545b;
}
.bank-info .phone-number {
    font-size: 17px;
}
.bank-info small {
    color: #4e545b;
    font-family: 'Dosis', sans-serif;
    font-size: 14px;
    font-weight: 700;
}

/* Sidebar with Border */

.bordered-left-content {
    border-left: 1px solid #d8dee5;
}
.bordered-sidebar svg {
    max-height: 30px;
    max-width: 30px;
}
.bordered-sidebar h5 {
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 700;
}
.bordered-sidebar > section,
.bb-gray {
    border-bottom: 1px solid #d8dee5;
}
.bordered-sidebar > section:last-child {
    border-bottom: none;
}
.circle-icon {
    border: 1px solid;
    border-radius: 50%;
    padding: 10px;
    position: relative;
}
.circle-icon:after {
    background: white;
    font-size: 22px;
    font-weight: 700;
    position: absolute;
    bottom: 0;
    right: 0;
    color: inherit;
    border-radius: 50%;
}
.circle-icon.plus:after {
    content: '+';
}
.circle-icon.minus:after {
    content: '-';
    bottom: 3px;
}
.spend-categories,
.border-bottom-gray {
    border-bottom: 1px solid var(--pn-border-grey);
}
.border-top-gray {
    border-top: 1px solid #d8dee5;
}
.spend-categories svg {
    width: 60px;
    height: 60px;
    margin: 0 10px 0 0;
    display: inline-block;
}
.best-card-for-index .spend-categories svg {
    width: 40px;
    height: 40px;
}
.card.benefits svg,
.card.benefits img {
    width: 50px;
    height: 50px;
    margin: 0 10px 0 0;
    display: inline-block;
}
.spend-categories .circle-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto;
}
.spend-categories .col-6 a,
.bank-info a,
.award-systems a,
.benefits a,
.related-guides a {
    color: #22689b;
    font-size: 18px;
}
.content-col a,
.additional-info a {
    font-weight: 700;
}
.user-profile-coaching-advice .content-col a {
    font-size: inherit;
}
.user-profile-coaching-advice .content-col ul li {
    color: black;
}
.user-profile-coaching-advice .content-col ul li a {
    color: #22689b;
}
.bordered-sidebar .award-systems a,
.bordered-sidebar .benefits a,
.bordered-sidebar .related-guides a {
    font-size: 17px;
}
.bordered-sidebar .associated-point-systems h6 {
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
}
.banks-container ul {
    padding-left: 0;
    list-style: none;
}
.banks-container ul li {
    margin-bottom: 5px;
}

.credit-card .side-button svg {
    height: auto;
    overflow: visible;
    width: 20px;
    display: inline-block;
    margin-left: 5px;
    padding-left: 0px;
}
.shield-icon {
    display: inline-block;
    max-width: 30px;
    max-height: 24px;
    margin-left: 5px;
}
.bank-info a {
    font-size: 17px;
    font-weight: 700;
}
.bank-info a i {
    margin-left: 5px;
}
.credit-card .card-type span {
    font-size: 14px;
    font-weight: 700;
}
.credit-cards-view .bordered-left-content,
.credit-cards-view .bordered-left-content .table td {
    font-size: 16px;
}
.bordered-left-content h3,
.rule-view .content-col h3 {
    font-size: 25px;
    font-weight: 300;
}
.credit-cards-view .spend-categories a strong {
    font-size: 17px;
}
.credit-cards-view .spend-categories .color-accent strong {
    font-size: 16px;
}
.credit-cards-view .spend-categories p {
    font-size: 14px;
}
.credit-cards-view .spend-categories svg,
.credit-cards-view .card-benefits svg {
    width: 65px;
    height: 65px;
    max-width: 65px;
    max-height: 65px;
}
.point-details-table .table thead th,
.point-details-table .table td {
    border: none;
}
.point-details-table .point-system-ratings td {
    padding: 0.75rem 0;
}
.credit-cards-view .point-details-table .table td,
.credit-cards-view .card-details-table td {
    background: #edeff2;
}
.credit-cards-view .card-details-table .table tbody tr td:first-child {
    border-radius: 5px 0 0 5px;
}

.credit-cards-view .card-type {
    font-size: 14px;
}
.credit-cards-view .card-type .text-gray {
    color: #abb5c1;
    font-size: 17px;
}
.fixed-right.side-tab {
    position: fixed;
    top: 50%;
    right: 0;
    transform: rotate(-90deg) translate(50%, -50%);
    transform-origin: 100% 50%;
    color: #fff;
    padding: 5px 20px;
    border-radius: 5px 5px 0 0;
}
/* Additional Info */

.additional-info strong {
    color: #707070;
    font-size: 16px;
}

.dosis {
    font-family: 'Dosis', sans-serif;
}
.rule-view h2.dosis,
.rules-col h2.dosis,
span.s2-header.dosis {
    font-size: 40px;
    font-weight: 700;
}
.rule-view .bordered-sidebar ul,
.guides-view .bordered-sidebar ul,
.rules-col ul {
    padding: 0;
}
.rule-view .bordered-sidebar ul li,
.guides-view .bordered-sidebar ul li,
.rules-col ul li {
    list-style: none;
    margin-bottom: 5px;
}
.rule-view .bordered-sidebar ul li a,
.guides-view .bordered-sidebar ul li a,
.rules-col ul li a {
    font-size: 17px;
    color: #22689b;
}

/* Point Transfer Options */

.point-transfer-options .border-content .pto {
    border-right: 1px solid #d8dee5;
    padding: 10px;
}
.point-transfer-options .border-content .col-md-4:nth-child(3n) .pto {
    border-right: none;
}
.point-transfer-options .pto {
    border-top: 1px solid #d8dee5;
}

/* Tables for System Points and Trade In Points */

.system-points-table.table thead th,
.trade-in-points-table.table thead th {
    border-top: none;
    font-size: 17px;
}
.system-points-table tr td:nth-child(1) {
    width: 15%;
}
.system-points-table tr td:nth-child(3) {
    width: 45%;
}
.trade-in-points-table tfoot td.text-right {
    font-size: 18px;
}
.trade-in-points-table tfoot td h3 {
    font-size: 22px;
    margin-bottom: 0;
}
.system-points-table tr td {
    border-bottom: 2px solid #dee2e6;
}

/* Rules */

.gray-bg {
    background: #edeff2;
}
.white-bg {
    background: white;
}
.bordered-sidebar.gray-bg:before {
    position: absolute;
    left: -100%;
    content: '';
    height: 100%;
    width: 100%;
    z-index: -1;
    top: 0;
    background: #edeff2;
}
.sub-title {
    display: inline-block;
    font-size: 17px;
    border-bottom: 2px solid #e19e20;
}
.accent-underline {
    border-bottom: 2px solid #e19e20;
}
.content-col h1 {
    font-family: 'Dosis', sans-serif;
    font-size: 40px;
    font-weight: 700;
    color: black;
}
h4.gray,
h4.gray a {
    font-size: 20px;
    color: #abb5c1;
    font-weight: 700;
}
.related-guides img {
    display: block;
    object-fit: fill;
}
.related-guides.article-associations .card-preview-related img {
    max-height: 125px;
    width: auto;
}
.related-guides.article-associations .col-md-4 {
    margin-bottom: 1rem !important;
}
.related-guides a {
    font-size: 17px;
}
.bordered-sidebar .related-guides a {
    font-weight: 700;
}
.bordered-left-content .related-guides a {
    color: #212529;
}
.related-guides a .read-more {
    color: #22689b;
    margin-top: 10px;
}
.related-guides .per-day {
    color: #4e545b;
}
.related-guides a:hover {
    text-decoration: none;
}
.related-guides h4.bank-name a {
    font-size: 20px;
    color: #abb5c1;
}
.table-borderless td,
.table-borderless th {
    border: 0;
}
.rule-view .bordered-sidebar ul li a {
    font-weight: 700;
}
.two-col-card-list .thumb {
    padding-right: 20px;
}

/* Spend Category View */
.spend-categories-col a img,
.benefits-categories-col a img {
    border: 3px solid transparent;
    display: block;
    width: 100%;
    max-width: 70px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;

    align-items: center;
}
.spend-categories-col a,
.benefits-categories-col a {
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    display: block;
    font-weight: bold;
}
.spend-categories-col a:hover,
.benefits-categories-col a:hover {
    text-decoration: none;
}
.spend-categories-col a:hover img,
.spend-categories-col a.active img,
.benefits-categories-col a:hover img,
.benefits-categories-col a.active img {
    border: 3px solid #002b5c;
    border-radius: 50%;
}
.spend-categories-col a img,
.benefits-categories-col a img {
    display: block;
    margin: 0 auto 5px;
}
.spend-categories-col h2,
.benefits-categories-col h2 {
    font-size: 17px;
    padding: 0 10px;
    font-weight: 700;
    text-transform: uppercase;
}
.benefits-categories-col a img {
    width: 100%;
    height: 100%;
}
.benefits-categories-col .benefit-tier-container:nth-child(2) {
    padding: 15px 0;
    margin: 5px 0 15px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
/* Bank View */

.app-rule-list .rule-num {
    font-size: 24px;
}
.app-rule-list .gray-bg {
    font-size: 17px;
    font-family: 'Prompt', sans-serif;
    font-weight: 300;
}

/* Benefit */

.icon-row svg {
    max-width: 70px;
}

/* Award System */

.bordered-sidebar .related-guides h6 {
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 700;
}
.bordered-sidebar .related-guides ul {
    padding-left: 0;
}
.bordered-sidebar .related-guides li {
    list-style: none;
    margin-bottom: 5px;
}
.bordered-sidebar .related-guides li a {
    color: #22689b;
    font-size: 17px;
}

/* Table */

.table thead th {
    font-family: 'Dosis', sans-serif;
    font-size: 14px;
}
.table tbody {
    background: white;
}
.table tbody td {
    font-size: 18px;
}
.table .show-all .more-link {
    font-family: 'Prompt', sans-serif;
    font-size: 30px;
    font-weight: 700;
}

/* Rankings Landing Page */
.bg-image-left .card {
    padding-left: 180px;
    padding-right: 15px;
}
.page-mast {
    padding: 120px 0;
}
.page-mast.sm-mast {
    padding: 50px 0 30px;
}
.user-profile-card-cancellation-tool .page-mast {
    padding: 50px 0;
}
.user-profile-card-cancellation-tool .radial-gradient-bg h2 {
    margin-bottom: 0;
    margin-top: 10px;
}
.overlay-mast {
    margin-top: -60px;
}
h3.border-top-gold a {
    color: #22689b;
    font-size: 17px;
    font-weight: 700;
    padding-top: 10px;
}

.cards-container.side-cards .card h4 {
    font-family: 'Dosis', sans-serif;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 10px;
}
.cards-container.side-cards .card h4:after {
    content: '';
    width: 250px;
    height: 4px;
    background: #e19e20;
    position: absolute;
    bottom: 0;
    left: -160px;
}
.cards-container .card {
    min-height: 390px;
    border-radius: 0;
}
.cards-container .card ul {
    list-style: none;
    padding: 0;
}
.cards-container .card ul li {
    margin-bottom: 10px;
}
.cards-container .card ul li a {
    color: #22689b;
    font-size: 17px;
    font-weight: 700;
}
.cards-container.side-cards .card h5 {
    font-family: 'Prompt', sans-serif;
    font-weight: 300;
}
.show-all-link {
    text-transform: uppercase;
}
.cards-container.side-cards .card.airfare {
    background: white url(/img/card-side/airlines.png) no-repeat 0 bottom;
}
.cards-container.side-cards .card.hotels {
    background: white url(/img/card-side/hotels.png) no-repeat 0 bottom;
}
.cards-container.side-cards .card.spend-categories {
    background: white url(/img/card-side/spend-tall.png) no-repeat 0 bottom;
}
.cards-container.side-cards .card.benefits {
    background: white url(/img/card-side/benefits-tall.png) no-repeat 0 bottom;
}
.cards-container.side-cards .card.banks {
    background: white url(/img/card-side/bank.png) no-repeat 0 bottom;
}
.cards-container.side-cards .card.general {
    background: white url(/img/card-side/general.png) no-repeat 0 bottom;
}

.cards-container.side-cards .card img.icon {
    margin-right: 5px;
    width: 35px;
    height: 35px;
}
.cards-container.top-cards .card .top {
    position: relative;
    height: 100px;
    overflow: hidden;
}
.cards-container.top-cards .card .top img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}
.cards-container.top-cards .card h4 {
    font-family: 'Dosis', sans-serif;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px;
    position: relative;
}
.card-ranking-list strong.color-primary,
.card-ranking-list strong.text-white {
    font-family: 'Dosis', sans-serif;
    font-size: 22px;
    font-weight: 700;
}
.card-ranking-list a {
    color: #22689b;
    font-size: 17px;
    font-weight: 700;
}
.card-ranking-detail-list svg {
    width: 35px;
    height: 35px;
}
.card-ranking-list .active .col-3,
.card-ranking-list .active .col-6 {
    background: #edeff2;
}
.related-guides .card-ranking-list img {
    margin-bottom: 0;
}

/* Guides */

.border-top-gold {
    border-top: 2px solid #e19e20;
}
.border-top-gold-thick {
    border-top: 10px solid #e19e20;
}
h3.border-top-gold {
    padding-top: 5px;
}
.bordered-sidebar .sub-title {
    font-size: 22px;
    font-weight: 700;
}

.browse-by-category {
    color: #22689b;
    font-size: 21px;
}
.browse-by-category a {
    color: #22689b;
    font-weight: 700;
    font-size: 17px;
}
.browse-by-category span {
    color: #212529;
    font-size: 18px;
}
.guides-listing .card-body h5 {
    font-family: 'Dosis', sans-serif;
    margin-bottom: 0;
    font-weight: 700;
    font-size: 22px;
}
.guides-listing .card-body a {
    color: #212529;
}
.guides-listing .card-body a:hover {
    text-decoration: none;
}
.guides-listing .card-body .read-more {
    color: #22689b;
    font-size: 18px;
}
.guides-listing .card-body small {
    color: #777e86;
    font-size: 12px;
}
.additional-guides h4 {
    color: #212529;
    font-size: 18px;
}
.additional-guides a:hover {
    text-decoration: none;
}
.additional-guides .read-more {
    color: #22689b;
}

/* Individual Guide Style */

.guide-col ol {
    counter-reset: my-awesome-counter;
    list-style: none;
    padding-left: 50px;
}
.guide-col ol li {
    margin: 0 0 1.25rem 0;
    counter-increment: my-awesome-counter;
    position: relative;
    font-family: 'Dosis', sans-serif;
    font-weight: 700;
    font-size: 20px;
}
.guide-col ol li::before {
    content: counter(my-awesome-counter);
    color: white;
    font-size: 1.5rem;
    font-weight: bold;
    position: absolute;
    --size: 32px;
    left: calc(-1 * var(--size) - 20px);
    line-height: var(--size);
    opacity: 0.5;
    width: var(--size);
    height: var(--size);
    top: 0;
    border-radius: 50%;
    text-align: center;
}
blockquote {
    background: white;
    font-size: 2rem;
    font-style: italic;
    margin: 1.5em 10px;
    padding: 0 10px 0 35px;
    quotes: '\201C' '\201D' '\2018' '\2019';
}
blockquote:before {
    color: #ccc;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    padding: 0 0 0 30px;
    vertical-align: -0.4em;
}
blockquote p {
    display: inline;
}

/* Related */

.breaking-points-container .related a {
    background: #22689b;
    border-radius: 15px;
    color: white;
    display: inline-block;
    padding: 5px 15px;
    font-size: 13px;
    margin: 0 5px 5px;
}
.breaking-points-index .page-mast {
    background: url(/img/breaking-points/breaking-point-bg.jpg) no-repeat 0 0 / cover;
}
.breaking-points-index #blog-sidebar .form-group {
    border-bottom: 1px solid #ccc;
    margin-right: 20px;
    padding-bottom: 10px;
}
.breaking-points-index #blog-sidebar h5 {
    margin-bottom: 20px;
}
.breaking-points-index #blog-sidebar .form-group::last-child {
    border-bottom: none;
}
.breaking-points-title {
    font-weight: bold;
    margin: 20px 0;
}
.breaking-points-container.secondary .date {
    border-radius: 0.25rem 0.25rem 0 0;
    font-size: 12px;
}
.breaking-points-container.secondary {
    margin-right: 15px;
}
.breaking-points-container.secondary img {
    max-width: 90px;
    max-height: 40px;
    margin: 10px 0;
}
.breaking-points-container.secondary h5 {
    font-size: 14px;
}
.breaking-points-container.secondary .text {
    font-size: 12px;
}
.breaking-points-container.secondary .related,
.breaking-points-container.secondary .related a {
    font-size: 10px;
}
.breaking-points-container.secondary .related a {
    padding: 3px 10px;
}
/* Slider */

input[type='range'] {
    -webkit-appearance: none;
    width: 100%;
    margin: 7.55px 0;
}
input[type='range']:focus {
    outline: none;
}
input[type='range']::-webkit-slider-runnable-track {
    width: 100%;
    height: 4.9px;
    cursor: pointer;
    box-shadow:
        1px 1px 1px rgba(0, 0, 0, 0),
        0px 0px 1px rgba(13, 13, 13, 0);
    background: #abb5c1;
    border-radius: 0.8px;
    border: 0px solid rgba(0, 0, 0, 0.45);
}
input[type='range']::-webkit-slider-thumb {
    box-shadow:
        0px 0px 3px #000000,
        0px 0px 0px #0d0d0d;
    border: 0px solid rgba(0, 0, 0, 0);
    height: 20px;
    width: 20px;
    border-radius: 50px;
    background: #e19e20;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -7.55px;
}
input[type='range']:focus::-webkit-slider-runnable-track {
    background: #bac2cc;
}
input[type='range']::-moz-range-track {
    width: 100%;
    height: 4.9px;
    cursor: pointer;
    box-shadow:
        1px 1px 1px rgba(0, 0, 0, 0),
        0px 0px 1px rgba(13, 13, 13, 0);
    background: #abb5c1;
    border-radius: 0.8px;
    border: 0px solid rgba(0, 0, 0, 0.45);
}
input[type='range']::-moz-range-thumb {
    box-shadow:
        0px 0px 3px #000000,
        0px 0px 0px #0d0d0d;
    border: 0px solid rgba(0, 0, 0, 0);
    height: 20px;
    width: 20px;
    border-radius: 50px;
    background: #e19e20;
    cursor: pointer;
}
input[type='range']::-ms-track {
    width: 100%;
    height: 4.9px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent;
}
input[type='range']::-ms-fill-lower {
    background: #9ca8b6;
    border: 0px solid rgba(0, 0, 0, 0.45);
    border-radius: 1.6px;
    box-shadow:
        1px 1px 1px rgba(0, 0, 0, 0),
        0px 0px 1px rgba(13, 13, 13, 0);
}
input[type='range']::-ms-fill-upper {
    background: #abb5c1;
    border: 0px solid rgba(0, 0, 0, 0.45);
    border-radius: 1.6px;
    box-shadow:
        1px 1px 1px rgba(0, 0, 0, 0),
        0px 0px 1px rgba(13, 13, 13, 0);
}
input[type='range']::-ms-thumb {
    box-shadow:
        0px 0px 3px #000000,
        0px 0px 0px #0d0d0d;
    border: 0px solid rgba(0, 0, 0, 0);
    height: 20px;
    width: 20px;
    border-radius: 50px;
    background: #e19e20;
    cursor: pointer;
    height: 4.9px;
}
input[type='range']:focus::-ms-fill-lower {
    background: #abb5c1;
}
input[type='range']:focus::-ms-fill-upper {
    background: #bac2cc;
}

/* Personalized Card Finder */

.personalized-card-finder-index .card,
.board-index .cards-container .card {
    min-height: 0;
}
.page-mast.overlaid {
    padding: 40px 0 80px;
}
.order-link {
    cursor: pointer;
}
.settings-card {
    background: #edeff2;
}
.mobile-settings {
    display: none;
}
.settings-card h3 {
    font-family: 'Dosis', sans-serif;
    font-size: 20px;
    font-weight: 700;
}
.settings-card label {
    font-family: 'Dosis', sans-serif;
    font-size: 14px;
    font-weight: 700;
}
.settings-card label small {
    font-size: 18px;
    margin: 0 5px;
}
.settings-card input {
    border: 1px solid #dddddd;
    max-width: 34%;
}
.board-settings .settings-card input {
    max-width: 90%;
    background: white !important;
}
#board-form li.select2-search {
    margin-bottom: 0;
}
.settings-card .input-group-append button {
    background: white;
    border: 1px solid #dddddd;
    font-weight: 700;
    color: #22689b;
    font-size: 14px;
}
.board-settings .settings-card .input-group-append button {
    min-height: 38px;
    min-width: 80px;
}
.settings-card .input-group-append button i {
    margin: 0 5px;
}
a.filter-button {
    background: #e19e20;
    border-radius: 0;
    color: white;
    margin-right: 15px;
    position: relative;
}
a.filter-button:hover {
    color: white;
}
a.filter-button i:nth-child(1) {
    margin-right: 5px;
}
a.filter-button i:nth-child(2) {
    margin: 0 5px 0 35px;
}
a.filter-button:after {
    content: '';
    width: 100%;
    bottom: 0;
    height: 2px;
    position: absolute;
}
a.filter-button.collapsed:after {
    content: none;
}
.bottom-form button,
.bottom-form a {
    font-family: 'Dosis', sans-serif;
    font-size: 14px;
    font-weight: 700;
}
.bottom-form a i {
    font-size: 18px;
}
.bottom-form a.float-right {
    padding-top: 5px;
}
.form-inline .bottom-form select {
    width: 100%;
}
.form-inline .bottom-form .form-group {
    display: block;
}
.bottom-form label {
    display: inline-block;
    justify-content: left;
}
.bottom-form svg {
    width: 35px;
    display: inline-block;
}
.bottom-form .field-board-cardtypeid svg {
    margin-right: 5px;
}

.card-finder-table tbody tr td {
    font-size: 16px;
}
.action-heads {
    width: 140px;
}
.popover-icon {
    background: none;
    color: none;
    border: none;
    padding: 0;
    outline: none;
    cursor: pointer;
}
.popover-icon i {
    color: red;
    text-align: center;
    margin-top: 4px;
}
.popover-header {
    display: none;
}
.popover {
    max-width: 400px;
    width: 400px;
    border-radius: 6px;
    border: none;
    box-shadow: 0 0 6px 1px #eee;
}
.popover-body {
    border: none;
    padding: 20px;
    color: #212529;
    font-size: 16px;
    z-index: 2;
}
.popover-body h4 {
    color: #95989a;
    font-size: 17px;
}
.popover-body ul {
    padding: 0;
}
.popover-body ul li {
    list-style: none;
}
.popover-body h4.top-border {
    border-top: 1px solid #ededed;
    padding-top: 15px;
}
.popover-body a {
    background: url(/img/checkbox.png) no-repeat 0 3px;
    display: block;
    min-height: 20px;
    padding-left: 30px;
}
.popover-body a.active {
    background: url(/img/checkbox-active.png) no-repeat 0 3px;
}
.material-icons {
    font-size: 16px;
    font-weight: bold;
    color: red;
}
.popover-close {
    position: absolute;
    top: 5px;
    right: 10px;
    opacity: 1;
    cursor: pointer;
}
.user-card-comment-form-wrapper {
    display: none;
}
#spend-categories-form-modal .modal-dialog {
    max-width: 800px;
}

/* Signup Modal Styles */

#sign-up-free-modal-form .modal-header {
    background: white;
    border-bottom: none;
}
#sign-up-free-modal-form .modal-header .close {
    color: #abb5c1;
}
#sign-up-free-modal-form .modal-body {
    padding-bottom: 0;
    padding-top: 0;
}
#sign-up-free-modal-form h5 {
    font-size: 2.5rem;
    line-height: 2.75rem;
    margin-bottom: 30px;
}
#sign-up-free-modal-form .modal-footer {
    padding-bottom: 4rem;
}
#sign-up-free-modal-form .modal-footer button {
    margin: 0 auto;
    font-weight: 700;
    display: block;
    padding: 10px 55px;
}
#sign-up-free-modal-form input {
    padding: 25px 10px;
    max-width: 420px;
    text-align: center;
    font-size: 18px;
    margin: 0 auto;
}

/* Table For Cards */

.card-finder-table thead th,
.user-profile-card-cancellation-tool-table thead th {
    background: #edeff2;
    color: #777e86;
    font-size: 14px;
    font-weight: 700;
}
.card-finder-table tbody td,
.user-profile-card-cancellation-tool-table tbody td {
    vertical-align: middle;
}
.card-finder-table tbody td.highlight-bg {
    background: rgba(34, 104, 155, 0.15);
}
.card-finder-table tbody .actions > a,
tbody .actions > i {
    color: #777e86;
    font-size: 14px;
    margin: 0 3px;
    cursor: pointer;
}
.card-finder-table tbody tr {
    border-bottom: 1px solid #d8dee5;
}
.card-img {
    width: 140px;
}
.card-img img {
    max-width: 100px;
}
.user-profile-card-finder-table thead tr th:last-child {
    min-width: 90px;
}
.user-profile-card-cancellation-tool .hovering-box .bg-accent h4 {
    padding: 10px;
}
.play-icon {
    font-size: 34px;
    cursor: pointer;
}

/* User Profile Card Board */

#rules-tripped-container h6 {
    margin-bottom: 0;
    font-weight: 700;
}
#rules-tripped-container .card-links a {
    font-size: 17px;
}
/* Login Page Styles */

.wrapper {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    min-height: 100%;
    padding: 20px;
}

#formContent {
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    background: #fff;
    padding: 30px;
    width: 90%;
    max-width: 450px;
    position: relative;
    padding: 0px;
    -webkit-box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.3);
    text-align: center;
}

#formFooter {
    background-color: #f6f6f6;
    border-top: 1px solid #dce8f1;
    padding: 25px;
    text-align: center;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
}

/* TABS */

h2.inactive {
    color: #cccccc;
}

h2.active {
    color: #0d0d0d;
    border-bottom: 2px solid #5fbae9;
}

.rankings-table img {
    max-height: 50px;
}
.rankings-table p.description {
    font-size: 14px;
}

/* FORM TYPOGRAPHY*/

#login-form input[type='button'],
#login-form input[type='submit'],
#login-form input[type='reset'] {
    background-color: #56baed;
    border: none;
    color: white;
    padding: 15px 80px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    font-size: 13px;
    -webkit-box-shadow: 0 10px 30px 0 rgba(95, 186, 233, 0.4);
    box-shadow: 0 10px 30px 0 rgba(95, 186, 233, 0.4);
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    margin: 5px 20px 40px 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#login-form input[type='button']:hover,
#login-form input[type='submit']:hover,
#login-form input[type='reset']:hover {
    background-color: #39ace7;
}

#login-form input[type='button']:active,
#login-form input[type='submit']:active,
#login-form input[type='reset']:active {
    -moz-transform: scale(0.95);
    -webkit-transform: scale(0.95);
    -o-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
}

#login-form input[type='text'],
#login-form input[type='password'] {
    background-color: #f6f6f6;
    border: none;
    color: #0d0d0d;
    padding: 25px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 5px;
    width: 85%;
    border: 2px solid #f6f6f6;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

#login-form input[type='text']:focus,
#login-form input[type='password']:focus {
    background-color: #fff;
    border-bottom: 2px solid #5fbae9;
}

#login-form input[type='text']:placeholder,
#login-form input[type='password']:placeholder {
    color: #cccccc;
}

.site-login {
    background: transparent url(/img/user/subtleprism-bg-overlay.svg) no-repeat bottom right / cover;
    min-height: 80vh;
}

td.points-transfer-out-to img {
    max-height: 25px;
    margin-right: 5px;
}

/* ANIMATIONS */

/* Simple CSS3 Fade-in-down Animation */
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

/* Simple CSS3 Fade-in Animation */
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-moz-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.fadeIn {
    opacity: 0;
    -webkit-animation: fadeIn ease-in 1;
    -moz-animation: fadeIn ease-in 1;
    animation: fadeIn ease-in 1;

    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;

    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
}

.fadeIn.first {
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.fadeIn.first i {
    font-size: 48px;
    position: relative;
    background: white;
    padding: 10px 15px;
    top: -20px;
    border-radius: 50%;
}

.fadeIn.second {
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.fadeIn.third {
    -webkit-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.fadeIn.fourth {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
}

.field-loginform-email label,
.field-loginform-password label {
    display: none;
}

/* Simple CSS3 Fade-in Animation */
.underlineHover:after {
    display: block;
    left: 0;
    bottom: -10px;
    width: 0;
    height: 2px;
    background-color: #56baed;
    content: '';
    transition: width 0.2s;
}

.underlineHover:hover {
    color: #0d0d0d;
}

.underlineHover:hover:after {
    width: 100%;
}

/* Tab Styles */

.nav-tabs {
    border-bottom: 1px solid #e19e20;
}
.nav-tabs.nav-up {
    border-top: 1px solid #e19e20;
    border-bottom: none;
}
.nav-tabs .nav-link {
    border: 1px solid #e19e20;
    color: #e19e20;
    font-weight: 700;
    margin-right: 20px;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    background: #e19e20;
    color: white;
    border-color: #e19e20;
}
.nav-tabs.nav-up .nav-link {
    border-top: none;
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/* Search Form */

.twitter-typeahead {
    position: relative;
}

.search-input {
    background: white url(/img/search-icon-white.png) no-repeat right 0.25rem center / 1rem;
    border: 0.25rem solid transparent;
    border-radius: 5rem;
    box-sizing: border-box;
    color: transparent;
    cursor: pointer;
    float: right;
    font-size: 0.8rem;
    height: 2rem;
    line-height: 0.8rem;
    outline: none;
    padding: 0.25rem 0.75rem;
    transition: all 0.5s;
    width: 2rem;
    -webkit-appearance: textfield;
    appearance: textfield;
    margin-top: 5px;
}
.search-input.tt-input.loading {
    background-color: white !important;
    background-position: right 0.25rem center !important;
    background-size: 1rem !important;
    background-clip: padding-box !important;
    background-origin: padding-box !important;
}

.search-input:focus {
    background: white url(/img/search-icon-blue.png) no-repeat right 0.25rem center / 1rem !important;
    color: black;
    cursor: auto;
    padding-right: 2rem;
    width: 100%;
}

.search-input::-webkit-search-decoration,
.search-input::-webkit-search-cancel-button {
    display: none;
}

.tt-hint {
    display: none;
}

.search-input::-moz-placeholder,
.search-input::-webkit-input-placeholder {
    color: transparent;
}

.tt-menu.tt-open {
    min-width: 400px !important;
}
.tt-dataset {
    padding: 0 0 10px !important;
    font-size: 16px;
}
.tt-menu .tt-dataset:nth-child(1) h3 {
    border-top: none;
}
.tt-dataset h3 {
    border-top: 1px solid #ccc;
    font-size: 17px;
    font-weight: 700;
    padding: 10px 15px 0 !important;
}
.tt-menu .tt-suggestion.tt-cursor,
.tt-menu .tt-suggestion.tt-selectable:hover {
    background: #c7d9e6 !important;
}
.tt-suggestion.tt-selectable {
    padding: 5px 15px !important;
}

/* My Referrals */

.referral-index .mast-img {
    display: flex;
    min-height: 85px;
}
.referral-index .page-mast img {
    display: flex;
    margin: 0 auto;
    align-self: center;
}
.referral-index .page-mast {
    padding: 80px 0 130px;
}
.start-here-arrow {
    margin-top: -100px;
}
.start-here-arrow h3 {
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 20px;
}
.referral-index .repeating-fields-container .label {
    font-size: 16px;
}
.referral-index button.btn.accent-btn {
    font-weight: 700;
}
.referral-index button.add-fields-btn {
    display: block;
    margin-bottom: 15px;
}
.referral-index input[type='text'] {
    background: white;
}
.referral-index .referral-link label {
    display: block;
    margin-bottom: 10px;
    width: 100%;
}
.referral-link .input-group-append span {
    background: #e19e20;
    color: white;
    font-weight: 700;
}
.referral-index .input-group-append {
    cursor: pointer;
}
.referral-index .facebook-btn {
    background: #002b5c;
    color: white;
    font-weight: 700;
}
.referral-index .twitter-btn {
    background: #22689b;
    color: white;
    font-weight: 700;
}
.referral-index .facebook-btn i {
    padding-left: 4px;
    padding-right: 19px;
}
.referral-index .twitter-btn i {
    padding-right: 15px;
}

/* Articles */
.bordered-sidebar .active a {
    border-bottom: 2px solid #e19e20;
}
.featured-article-image {
    position: relative;
    overflow: hidden;
    height: 40vh;
}
.featured-article-image img {
    width: 100%;
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}
.author-info {
    padding-bottom: 10px;
}
.publish-date,
.category-list-articles .article-preview-description small {
    color: #777e86;
    font-size: 12px;
}
.card-ranking-detail-list h3 {
    font-size: 25px;
    font-weight: 300;
}
.related-guides.article-associations a {
    font-weight: 700;
}
.related-guides.article-associations .read-more {
    font-weight: normal;
}
.card-body a:hover {
    text-decoration: none;
}

/* Honorable Mentions */

.honorable-mentions span.fas {
    font-size: 18px;
}
.honorable-mentions strong {
    font-size: 16px;
}
.honorable-mentions a {
    font-size: 14px;
}
span.honorable-mention {
    font-size: 12px;
    display: block;
    margin-top: 5px;
}

/* Guide Listing Styles */

.category-list-articles .content-col h5.card-title {
    font-family: 'Dosis', sans-serif;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 0;
    color: black;
}
.category-list-articles .card-text {
    color: black;
}
.category-list-articles .article-preview-description small {
    margin-bottom: 10px;
}
.extra-guides a h4 {
    color: black;
    font-size: 18px;
    font-weight: 700;
}
.extra-guides a .read-more {
    font-size: 18px;
    font-weight: 700;
    display: block;
}
.extra-guides a {
    font-weight: 700;
}
.category-list-articles .page-mast {
    padding: 60px 0;
}
.category-list-articles .rules-col ul li a {
    font-size: 18px;
    font-weight: 700;
}

/* Free */

.looking-for h3 {
    font-family: 'Dosis', sans-serif;
    font-size: 40px;
    font-weight: 700;
}
.looking-for h3 span {
    border-bottom: 2px solid #e19e20;
}
.looking-for strong {
    font-family: 'Dosis', sans-serif;
    font-size: 25px;
    font-weight: 700;
}
.looking-for .recommendation-number {
    background: rgba(138, 174, 201, 1);
    color: white;
    padding: 6px 13px;
    display: block;
    border-radius: 50%;
    font-size: 18px;
    width: 40px;
    text-align: center;
}
.free-index .looking-for .container {
    max-width: 800px;
}
.looking-for form label {
    display: block;
    font-size: 25px;
    font-weight: 300;
}
.looking-for form input[type='text'] {
    width: 80%;
    margin: 0 auto;
    display: block;
}
.looking-for form .accent-btn {
    margin: 15px auto;
    display: block;
    font-weight: 700;
}
.looking-for form a span {
    font-weight: 700;
}
.additional-image img,
.additional-mobile-image img {
    width: 100%;
}
.additional-mobile-image {
    display: none;
}

/* My Profile */
.my-points-index .page-mast {
    padding: 70px 0 50px;
}
.user-profile-card-board .page-mast a[data-target='#add-card-form-modal'] i,
.board-index .page-mast a[data-target='#add-card-form-modal'] i,
.page-mast .plus-btn i {
    font-size: 28px;
    border: 3px solid white;
    border-radius: 5px;
    vertical-align: middle;
    margin-right: 5px;
    padding: 5px 20px;
}
.user-profile-card-board .page-mast a,
.board-index .page-mast a,
.page-mast .plus-btn {
    color: white;
    cursor: pointer;
    font-size: 17px;
    font-weight: 700;
}
.user-profile-card-board .page-mast .switch-profiles {
    display: inline-block;
    padding-top: 5px;
    padding-right: 15px;
}
.coaching-advice-link {
    font-size: 18px;
    color: white;
}
.coaching-advice-link img {
    margin-right: 10px;
}
.profile-icon {
    color: white;
    padding: 15px 20px;
    line-height: 29px;
    font-size: 28px;
    display: inline-block;
    border: 3px solid transparent;
    transition: border-color 0.1s linear;
    text-transform: uppercase;
    width: 65px;
    text-align: center;
}
.profile-icon:hover,
a.active .profile-icon {
    border-color: white;
}
.profile-icon.small {
    font-size: 14px;
    padding: 7px 10px;
    line-height: 15px;
    display: inline-block;
    width: 35px;
}
.profile-name {
    text-transform: capitalize;
}
.two-col-list {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -ms-column-count: 2;
    -o-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 2em;
    -moz-column-gap: 2em;
    -ms-column-gap: 2em;
    -o-column-gap: 2em;
    column-gap: 2em;
    counter-reset: item;
    list-style: none;
}
.two-col-list > li {
    counter-increment: item;
}
.two-col-list > li:before {
    display: inline-block;
    padding-right: 0.5em;
    font-weight: bold;
    text-align: right;
    content: counter(item) '.';
}
.hide-cancelled .cancelled {
    display: none;
}
tr.cancelled td {
    background: #fafafa;
    color: #777e86;
    opacity: 0.75;
}
tr.cancelled td:nth-child(2) {
    text-decoration: line-through;
}
tr.cancelled td:nth-child(2) a {
    color: #777e86;
}
tr.cancelled .card-img img {
    -webkit-clip-path: polygon(0 0, 0 100%, 50% 100%, 120% 0%, 75% 0);
    clip-path: polygon(0 0, 0 100%, 50% 100%, 120% 0%, 75% 0);
    opacity: 0.75;
}
.user-profile-card-finder-table th {
    background: #edeff2;
    color: #777e86;
}
.user-profile-card-finder-table tbody td {
    font-size: 16px;
    vertical-align: middle;
}
.my-points-index .user-profile-card-finder-table tr td:nth-child(2) {
    border-left: 1px solid #dee2e6;
}
.my-points-index .user-profile-card-finder-table tr.award-extra-row td {
    border-top: none;
}
.my-points-index .user-profile-card-finder-table tr.award-extra-row td:nth-child(2) {
    border-left: none;
}
tfoot.totals {
    border-top: 10px solid rgba(34, 104, 155, 0.15);
}
tfoot.totals strong {
    font-size: 20px;
    font-weight: 700;
}
.bg-primary-transparent {
    background: rgba(34, 104, 155, 0.15);
}
.totals .amount {
    font-size: 16px;
}
.user-profile-coaching-advice h2 {
    font-size: 25px;
    font-weight: 300;
}
.bb-blue {
    border-bottom: 1px solid #22689b;
}
.my-points-index .main-layout img {
    image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}
#awards-form .input-group-text {
    color: white;
}
.add-fields-element {
    cursor: pointer;
}
.empty-message-row h3 {
    font-size: 25px;
}
.empty-message-row p {
    font-size: 16px;
}
.empty-message-row .btn {
    font-size: 17px;
}
#rules-tripped-container .border-top-accent {
    border-top: 6px solid;
}
#cards-history-excludes .card {
    border-top: 6px solid #abb5c1;
}
.status-top-stuck {
    border-bottom: 2px solid #abb5c1;
}
#rules-tripped-container h3,
#cards-history-excludes h3 {
    font-size: 21px;
}
#board-triggeredruleids .custom-control-label {
    color: black;
}
#board-triggeredruleids .custom-checkbox {
    margin-bottom: 5px;
}

.btn.accent-btn,
a.bg-accent,
.user-profile-link {
    transition: all 0.2s ease-in-out;
}
.btn.accent-btn:hover,
a.bg-accent:hover,
.user-profile-link:hover {
    transform: scale(1.05);
    text-decoration: none;
}

.modal-tip .btn.accent-btn:hover,
.modal-tip a.bg-accent:hover {
    transform: none;
}

.two-column-list {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 10%;
}
.two-column-list li {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    margin-bottom: 10px;
}
.referral-list {
    font-size: 18px;
}
.referral-list li:last-child {
    list-style: none;
}
.remove-set-btn.blue-outline.btn {
    border: none;
}

/* Switch Profile Styles */

.switch-profiles-avatars a {
    cursor: pointer;
}

.user-profile-card-board .page-mast a[data-target='#add-card-form-modal']:hover i,
.board-index .page-mast a[data-target='#add-card-form-modal']:hover i,
.page-mast .plus-btn:hover i {
    -webkit-animation: scale-down-center 0.1s linear both;
    animation: scale-down-center 0.1s linear both;
}
@keyframes scale-down-center {
    0% {
        background: none;
        font-size: 28px;
        padding: 5px 20px;
        border-color: white;
    }
    100% {
        background: #e19e20;
        font-size: 22px;
        padding: 8px 22.5px;
        border-color: #e19e20;
    }
}

/* Footer */

/* Dropdown Checkboxlist Widget */
.dropdown-checkboxlist .dropdown-menu {
    padding: 0;
    margin: 0;
    min-width: 300px;
}
.dropdown-checkboxlist li {
    padding: 0;
}
.dropdown-checkboxlist input[type='checkbox'] {
    display: none;
}

.dropdown-checkboxlist li label {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #c7d9e6;
    padding: 5px 0 5px 20px;
    margin-bottom: 0;
}
.dropdown-checkboxlist input[type='checkbox']:checked ~ label::after {
    position: absolute;
    right: 10px;
    top: 3px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f00d';
    color: #fff;
    font-size: 20px;
}
/* General Modal Styles */

.modal-header .close {
    color: white;
    opacity: 1;
}
.modal-content .modal-header {
    background: #22689b;
    color: white;
}
.modal-title,
.cards-container.side-cards .card h5.modal-title {
    font-family: 'Dosis', sans-serif;
    font-size: 30px;
    font-weight: 700;
    width: 100%;
}
.modal-title span {
    font-family: 'Muli', sans-serif;
    font-size: 25px;
    font-weight: 400;
}
.modal-footer {
    border-top: none;
}
.modal-footer a,
.modal-footer button {
    cursor: pointer;
}

/* Modal Button Styles Width */

.modal-tip .hover-button {
    animation-duration: 1s;
    color: white;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    width: 40%;
}
.modal-tip .hover-button .caret-part {
    float: right;
    font-size: 24px;
    margin-top: 3px;
}
.modal-tip .modal-content {
    border: 2px solid #e19e20;
    border-radius: 0 0 5px 5px;
    display: none;
    visibility: hidden;
    opacity: 0;
    padding: 15px;
}
.modal-tip:hover .hover-button {
    border-radius: 5px 5px 0 0;
    color: white;
    width: 100%;
    animation-duration: 0.5s;
    animation-name: widenOut;
}
.modal-tip:hover .hover-button .caret-part:before {
    content: '\f0d8';
}
.modal-tip:hover .modal-content {
    background: white;
    display: block;
    visibility: visible;
    opacity: 1;
    animation-duration: 0.75s;
    animation-name: fadeIn;
}
#add-card-form-modal .modal-content .modal-content {
    background: white;
}

/* Site Error */

.whoops-mast {
    background: rgb(90, 142, 180);
    background: linear-gradient(0deg, rgba(90, 142, 180, 1) 0%, rgba(0, 43, 92, 1) 100%);
    color: white;
}
.whoops-mast span {
    border-bottom: 2px solid #e19e20;
}
.whoops-mast img {
    animation-name: spin;
    animation-duration: 3000ms;
    animation-iteration-count: 1;
    transition-timing-function: ease;
}
.whoops-mast a {
    color: white;
}
.whoops-mast .dosis {
    font-weight: 700;
}
.whoops-mast h2 {
    font-size: 38px;
}
.whoops-mast ul {
    padding-left: 15px;
    font-size: 16px;
}

/* Spend Category View */

.spend-category-view .rankings-table tr td:nth-child(1),
.spend-category-view .rankings-table tr td:nth-child(1) img,
.benefit-view .rankings-table tr td:nth-child(1),
.benefit-view .rankings-table tr td:nth-child(1) img {
    width: 130px;
    max-height: fit-content;
}

/* Alliance */

.associated-alliance .airlines-within {
    font-weight: 700;
    font-size: 16px;
}
.associated-alliance .airlines-within strong {
    vertical-align: bottom;
    line-height: 0.8;
    margin-left: 10px;
}
/* My Account Pages */

.prompt {
    font-family: 'Prompt', sans-serif;
}
.light {
    font-weight: 300;
}
.account-sidebar h3 {
    font-size: 25px;
}
.account-sidebar h4,
#user-cards-referral-links-form th,
.my-account h4,
#user-spend-categories-form th,
.subscribe-purchase h4,
.control-panel-index .table thead th {
    font-size: 17px;
    font-family: 'Muli', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
}
.user-spend-category-user-update table tr td:nth-child(1),
.user-spend-category-user-update table tr th:nth-child(1) {
    width: 10%;
    min-width: 80px;
}
.account-sidebar ul {
    padding-left: 0;
}
.account-sidebar li {
    list-style: none;
    margin-bottom: 5px;
}
.account-sidebar li a {
    font-weight: normal;
}
.input-group-text {
    background: #22689b;
}
.field-userprofilecard-date_opened .input-group-text i,
.field-edituserprofilecardform-date_bonus_received .input-group-text i,
.field-userprofilecard-date_cancelled .input-group-text i,
.field-edituserprofilecardform-date_bonus_received .input-group-text i,
.field-edituserprofilecardform-date_cancelled .input-group-text i,
.field-edituserprofilecardform-date_opened .input-group-text i {
    color: white;
}

/* Subscription Page */
.subscribe-table.linear-gradient-bg {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5a8eb4+0,002b5c+100 */
    background: #5a8eb4; /* Old browsers */
    background: -moz-linear-gradient(top, #5a8eb4 0%, #002b5c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #5a8eb4 0%, #002b5c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #5a8eb4 0%, #002b5c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a8eb4', endColorstr='#002b5c',GradientType=0 ); /* IE6-9 */
}
.subscribe-index .radial-gradient-bg {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5a8eb4+0,002b5c+69,002b5c+100 */
    background: #5a8eb4; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #5a8eb4 0%, #002b5c 69%, #002b5c 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, #5a8eb4 0%, #002b5c 69%, #002b5c 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(
        ellipse at center,
        #5a8eb4 0%,
        #002b5c 69%,
        #002b5c 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a8eb4', endColorstr='#002b5c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.subscription-table {
    font-size: 16px;
}
.subscription-body {
    background: white;
}
.subscription-body > div:nth-child(odd) {
    background: rgba(0, 0, 0, 0.1);
}
.subscription-body h3 {
    font-size: 21px;
    font-weight: 700;
}
.subscription-body h3 small {
    color: #22689b;
    font-size: 18px;
}
.subscription-table .subscription-head .free {
    background: #22689b;
    color: white;
}
.subscription-table .subscription-head .insider {
    background: #e19e20;
    color: white;
}
.subscription-table .subscription-head {
    font-size: 20px;
}
.subscription-body .row .col-md-2:nth-child(even) .p-3 {
    border-left: 1px solid #abb5c1;
    border-right: 1px solid #abb5c1;
}
.subscription-body .icon {
    height: 45px;
}
.subscription-footer .sign-me-up {
    background: #e19e20;
    border-radius: 0 0 5px 5px;
    color: white;
    font-size: 20px;
    font-weight: 700;
}
.pays-itself .middle img {
    max-height: 60px;
}
.pays-itself .top h3 {
    font-family: 'Prompt', sans-serif;
    font-size: 40px;
    font-weight: 300;
}
.pays-itself .top p {
    font-size: 20px;
    font-weight: 700;
}
.pays-itself .middle p {
    font-size: 21px;
    font-weight: 700;
}
.pays-itself .middle h3 {
    font-size: 40px;
}
.pays-itself .bottom .row .col-md-4 h3 {
    font-size: 40px;
}
.pays-itself .bottom .row .col-md-4 p {
    font-size: 21px;
}
.pays-itself .bottom .row .col-md-4:nth-child(2) h3 {
    font-size: 70px;
}
.pays-itself .bottom .row .col-md-4:nth-child(2) p {
    font-size: 25px;
}
.pays-itself .bottom .row .col-md-4:nth-child(2) {
    margin-left: -20px;
    margin-right: -20px;
    z-index: 3;
    padding-right: 0px;
}
.pays-itself .bottom .row .col-md-4 h3 sup {
    font-size: 65%;
}
.pays-itself .bottom .btn {
    background: #22689b;
    color: white;
    display: inline-block;
    font-size: 17px;
    width: 50%;
    display: inline-block;
    margin: 0 auto;
    padding: 10px 0;
}
.pays-itself .bottom .btn.accent-btn {
    background: #e19e20;
}
header.shadow {
    z-index: 3;
    position: relative;
}
header.shadow .bottom .navbar .nav-link {
    background: #22689b;
    color: white;
}

/* Subscription Payment */

.subscribe-purchase .linear-gradient-reverse-bg {
    min-height: 100vh;
}
.level .details {
    background: url(/img/subscribe/radio.png) no-repeat 0 center;
    padding-left: 40px;
}
.level.active .details {
    background: url(/img/subscribe/radio-active.png) no-repeat 0 center;
}
.level .details strong {
    font-size: 21px;
}
.level .details span {
    font-style: 16px;
}
.level .details small {
    font-size: 10px;
}
.level h3 {
    font-size: 40px;
}
.level h3 sup {
    font-size: 65%;
}
.level:hover {
    text-decoration: none;
}
.promise {
    color: #777e86;
}
.promise img {
    height: 60px;
}
.total .price {
    font-size: 23px;
}
.subscribe-purchase h1 span {
    border-bottom: 3px solid #e19e20;
}
.subscribe-purchase .btn {
    padding: 20px 30px;
    display: block;
    width: 100%;
    font-size: 20px;
}

/* Modal Styles */
#alert-confirm-modal .modal-content,
.apply-modal .modal-content,
#add-card-form-modal .modal-content,
#sign-up-free-modal-form .modal-content,
#preview-email-modal .modal-content,
.modal-content.pad-top {
    padding-top: 10px;
}
#alert-confirm-modal .modal-body,
.apply-modal .modal-body,
.modal-body,
#sign-up-free-modal-form .modal-footer {
    background: white;
}
#alert-confirm-modal i,
.apply-modal i,
.modal-body .body-header i {
    font-size: 55px;
}
#alert-confirm-modal.warning .modal-content {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#923026+0,ea272a+50,923026+100 */
    background: #923026; /* Old browsers */
    background: -moz-linear-gradient(left, #923026 0%, #ea272a 50%, #923026 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #923026 0%, #ea272a 50%, #923026 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #923026 0%, #ea272a 50%, #923026 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#923026', endColorstr='#923026',GradientType=1 ); /* IE6-9 */
}
#alert-confirm-modal.warning .body-header {
    color: #923026;
}
#alert-confirm-modal.info .modal-content,
#add-card-form-modal .modal-content,
#sign-up-free-modal-form .modal-content,
#preview-email-modal .modal-content,
.modal-content.top-gradient {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#002b5c+0,5084ab+50,002b5c+100 */
    background: #002b5c; /* Old browsers */
    background: -moz-linear-gradient(left, #002b5c 0%, #5084ab 50%, #002b5c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #002b5c 0%, #5084ab 50%, #002b5c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #002b5c 0%, #5084ab 50%, #002b5c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002b5c', endColorstr='#002b5c',GradientType=1 ); /* IE6-9 */
}
#preview-email-modal .modal-body a {
    font-weight: 700;
}
#alert-confirm-modal.info .body-header,
#add-card-form-modal .body-header,
.top-gradient .body-header {
    color: #002b5c;
}
#alert-confirm-modal.success .modal-content {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#205e3b+0,5fbf58+50,205e3b+100 */
    background: #205e3b; /* Old browsers */
    background: -moz-linear-gradient(left, #205e3b 0%, #5fbf58 50%, #205e3b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #205e3b 0%, #5fbf58 50%, #205e3b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #205e3b 0%, #5fbf58 50%, #205e3b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#205e3b', endColorstr='#205e3b',GradientType=1 ); /* IE6-9 */
}
#alert-confirm-modal.success .body-header {
    color: #205e3b;
}
.body-header h3 {
    font-size: 30px;
}
.bg-none,
.bg-none:hover {
    background: none;
}

/* My Points */

.dismissable-local-content .close {
    background: rgba(112, 112, 112, 0.1);
    opacity: 1;
}
.vertical-gradient-border:before {
    content: '';
    display: block;
    height: 100%;
    background: -moz-linear-gradient(top, #002b5c 0%, #5084ab 50%, #002b5c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #002b5c 0%, #5084ab 50%, #002b5c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #002b5c 0%, #5084ab 50%, #002b5c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    width: 10px;
    position: absolute;
}
.info-overview {
    background: /* top, transparent black, faked with gradient */ radial-gradient(rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0)), #002b5c;
    color: white;
    font-size: 18px;
}
.info-overview h3 {
    font-size: clamp(25px, 2.5vw, 40px);
}
.info-overview a.color-white:hover {
    text-decoration: none;
}
.info-detailed span {
    font-size: 14px;
}
.info-detailed strong {
    font-size: 16px;
}

.user-profile-card-finder-table tbody .summary-row td {
    font-size: 12px;
}
.user-profile-card-finder-table tbody .summary-row td strong {
    font-size: 14px;
}

.user-profile-card-finder-table .user-left-color-border {
    border-left: 20px solid;
    padding: 20px 0 20px 10px;
}
.user-profile-card-finder-table .point-system-img {
    max-height: 50px;
}

/* Toggle Button */

.toggle-switch input[type='checkbox'] {
    display: none;
}
.toggle-switch label {
    cursor: pointer;
}
.toggle-switch label .toggle-track {
    display: block;
    height: 22px;
    width: 40px;
    background: #002b5c;
    border-radius: 10px;
    position: relative;
    border: 1px solid #ccc;
}
.toggle-switch .toggle-track {
    float: right;
    margin-left: 20px;
}
.toggle-switch input[type='checkbox']:not(:checked) + label .toggle-track {
    background: #ccc;
}
.toggle-switch .toggle-track:before {
    content: '';
    display: inline-block;
    height: 20px;
    width: 20px;
    background: white;
    border-radius: 20px;
    position: absolute;
    top: 0;
    right: 0;
    transition: right 0.2s ease-in;
}

.toggle-switch input[type='checkbox']:not(:checked) + label .toggle-track:before {
    background: #002b5c;
    right: 20px;
}

/* Details Page */

.detail-title h2.sub-title {
    font-size: 40px;
    border-bottom-width: 4px;
}
.detail-title a {
    font-size: 17px;
}
.detail-description .card {
    transition: transform 0.2s; /* Animation */
}
.detail-description .card:hover {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
}
.detail-description a {
    display: block;
    font-size: 14px;
}
.detail-description a:hover {
    text-decoration: none;
}
.details-index #spend-categories .detail-description a {
    display: block;
    font-size: 16px;
}
.details-index #benefits .detail-description a strong {
    color: #212529;
}
.details-index #benefits .border-left,
#all-benefits .border-right {
    border-color: #707070 !important;
}
.details-index .page-mast .btn {
    width: 100%;
}
.details-index .detail-description svg,
.details-index .detail-description img {
    max-height: 70px;
    margin-bottom: 10px;
}

/* CSS Grid for showing spend categories */

.spend-categories-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-gap: 10px;
}

/* Card Compare */

.card-compare tbody td {
    border-right: 1px solid #c3c3c3;
    border-top: 1px solid #c3c3c3;
    text-align: center;
    width: 25%;
}
.card-compare tbody tr:nth-child(1) td {
    border-top: none;
}
.card-compare tbody th,
.card-compare thead th {
    border-right: 1px solid #c3c3c3;
}
.card-compare thead td {
    border-right: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
    text-align: center;
    width: 25%;
}
.card-compare .table thead th {
    font-family: 'Muli', Arial, Helvetica, sans-serif;
    text-align: right;
    vertical-align: top !important;
    font-size: 17px;
}
.card-compare .table {
    border-collapse: separate; /* Don't collapse */
    border-spacing: 0;
}
.card-compare .top-row th,
.card-compare .top-row td {
    border-bottom-width: 10px;
    border-bottom-style: solid;
}
.card-compare .top-row {
    box-shadow: 0 1rem 0.5rem rgba(0, 0, 0, 0.175);
}
.card-compare .top-row .compare-remove {
    cursor: pointer;
    position: absolute;
    font-size: 22px;
    top: 10px;
    right: 10px;
}
.card-compare .top-row .fa-sticky-note {
    cursor: pointer;
    position: absolute;
    font-size: 22px;
    top: 50px;
    right: 12px;
    color: #777e86;
}
.card-compare .top-row img {
    max-height: 134px;
}
.card-compare .table thead th.buttons {
    vertical-align: bottom !important;
}
.card-compare .top-row .select-box {
    max-width: 240px;
    margin: 0 auto;
}
.card-compare .table .is-hidden.sticky-top {
    top: 0;
}
.card-compare .table .is-visible.sticky-top {
    top: 112px;
}
.card-compare .table .sticky-top {
    text-align: center;
}
.card-compare .top-row img {
    transition: max-height 0.1s ease-in-out;
}
.card-compare .sticking img {
    max-height: 65px;
}
#aps .btn:hover {
    color: white;
}

/* Flash Messages */
.alert.fixed-top {
    top: 100px;
    width: 75%;
}
.dismissable-local-content .icon i {
    font-size: 45px;
}
.dismissable-local-content .success .vertical-gradient-border:before {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#205e3b+0,5fbf58+50,205e3b+100 */
    background: #205e3b; /* Old browsers */
    background: -moz-linear-gradient(top, #205e3b 0%, #5fbf58 50%, #205e3b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #205e3b 0%, #5fbf58 50%, #205e3b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #205e3b 0%, #5fbf58 50%, #205e3b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#205e3b', endColorstr='#205e3b',GradientType=0 ); /* IE6-9 */
}
.dismissable-local-content .success i,
.dismissable-local-content .success .heading {
    color: #205e3b;
}
.dismissable-local-content .error .vertical-gradient-border:before {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#205e3b+0,5fbf58+50,205e3b+100 */
    background: #205e3b; /* Old browsers */
    background: -moz-linear-gradient(top, #923026 0%, #ea272a 50%, #923026 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #923026 0%, #ea272a 50%, #923026 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #923026 0%, #ea272a 50%, #923026 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#923026', endColorstr='#923026',GradientType=0 ); /* IE6-9 */
}
.dismissable-local-content .error i,
.dismissable-local-content .error .heading {
    color: #923026;
}

/* Control Panel */

.commissions-earned strong,
.commissions-ptd strong,
.availale-for-withdrawal strong {
    color: white;
    display: block;
    font-size: 45px;
    margin-bottom: 10px;
}
.commissions-earned strong {
    background-image: radial-gradient(circle at top left, #5a8eb4, #002b5c);
}
.commissions-ptd strong {
    background-image: radial-gradient(circle at top left, #1a4667, #22689b);
}
.availale-for-withdrawal strong,
.request-withdrawal-index .availale-for-withdrawal {
    background-image: radial-gradient(circle at top left, #5fbf58, #205e3b);
}
.request-withdrawal-index .availale-for-withdrawal strong {
    background: none;
}
.commissions-earned img,
.commissions-ptd img,
.availale-for-withdrawal img {
    width: 60px;
    height: 60px;
    vertical-align: middle;
}
.commissions-earned .label,
.commissions-ptd .label,
.availale-for-withdrawal .label {
    font-size: 18px;
    display: block;
    margin-bottom: 15px;
}
.control-panel-index .table thead th {
    background: white;
    border-bottom: 1px solid;
}
.control-panel-index .table tfoot td {
    background: white;
    border-top: 1px solid;
}
.control-panel-index .table tfoot td span {
    font-size: 14px;
    text-transform: uppercase;
}
.request-withdrawal-index .content-col form {
    max-width: 500px;
}

#browse-all-link.collapse {
    display: block;
}
.browse-all-link {
    display: none;
}

.user-profile-links a:hover {
    text-decoration: none;
}
.user-profile-links a {
    font-size: 25px;
    text-transform: capitalize;
}

/* Logged in Dashboard */

.expiring-special-offer {
    border-bottom: 1px solid #d8dee5;
}
.tab {
    color: white;
    font-size: 20px;
    font-weight: 700;
}
.tab > div {
    padding: 10px 0;
}
.tab.active > div {
    padding: 20px 0;
}
.tab > div {
    margin: 0 5px;
    cursor: pointer !important;
    padding-bottom: 5px;
}
.row > .tab:first-child > div {
    margin-left: 0;
}
.row > .tab:last-child > div {
    margin-right: 0;
}
.view-coaching-doc-link {
    font-size: 21px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    40% {
        transform: rotate(90deg);
    }
    60% {
        transform: rotate(45deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes widenOut {
    from {
        width: 40%;
    }

    to {
        width: 100%;
    }
}

@keyframes fadeIn {
    from {
        display: none;
        visibility: hidden;
        opacity: 0;
    }

    to {
        display: block;
        visibility: visible;
        opacity: 1;
    }
}

/* Why Trust Us */

.why-trust-us-index .fancy-numbers {
    font-size: 16px;
}

footer {
    background: #212529;
    -webkit-box-shadow: 0px -5px 7px -5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px -5px 7px -5px rgba(0, 0, 0, 0.25);
    box-shadow: 0px -5px 7px -5px rgba(0, 0, 0, 0.25);
    font-size: 16px;
    position: relative;
    z-index: 2;
}
footer a,
footer a:visited {
    color: white;
}
.site-index footer .top {
    display: none;
}
footer .top img,
.unique-insights img {
    height: 65px;
    display: block;
    margin: 0 auto 10px;
}
footer .top strong,
.unique-insights strong {
    color: #22689b;
}
footer .top h4,
.unique-insights h4 {
    font-weight: 300;
    font-size: 25px;
    margin-bottom: 15px;
}
footer .bottom {
    box-shadow: inset 0 7px 9px -7px rgba(0, 0, 0, 0.4);
}
footer .bottom h5 {
    border-bottom: 3px solid #e19e20;
    margin-bottom: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}
footer .bottom ul {
    padding-left: 5px;
}
footer .bottom li {
    list-style: none;
}
footer .bottom a:hover {
    color: #e19e20;
    text-decoration: none;
}
@media only screen and (max-width: 1600px) {
    header .navbar {
        padding: 0;
    }
}

@media only screen and (max-width: 1500px) {
    .settings-card input {
        max-width: 20%;
    }
}
@media only screen and (max-width: 992px) {
    .featured-article-image {
        height: 200px;
    }
}
@media only screen and (max-width: 600px) {
    .additional-image {
        display: none;
    }
    .additional-mobile-image {
        display: block;
    }
    .alert.fixed-top {
        width: 100%;
    }
}
@media only screen and (max-width: 330px) {
    .card.shadow.success .vertical-gradient-border {
        padding: 0 5px !important;
    }
}

/*
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media only screen and (max-width: 768px) {
    /* Force table to not be like tables anymore */
    .card-finder-table,
    .card-finder-table thead,
    .card-finder-table tbody,
    .card-finder-table th,
    .card-finder-table td,
    .card-finder-table tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .card-finder-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .card-finder-table tr {
        border: 1px solid #ccc;
    }

    .card-finder-table td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }

    .card-finder-table td.card-img-col {
        border-bottom: none;
    }

    .card-finder-table td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }

    /*
	Label the data
	*/
    .card-finder-table tr td:nth-of-type(1):before {
        content: '';
    }
    .card-finder-table tr td:nth-of-type(2):before {
        content: 'Card Name';
    }
    .card-finder-table tr td:nth-of-type(3):before {
        content: 'Point System';
    }
    .card-finder-table tr td:nth-of-type(4):before {
        content: 'Bonus Points';
    }
    .card-finder-table tr td:nth-of-type(5):before {
        content: 'Min. Spend';
    }
    .card-finder-table tr td:nth-of-type(6):before {
        content: 'Pt. Value';
    }
    .card-finder-table tr td:nth-of-type(7):before {
        content: 'Annual Value';
    }
    .card-finder-table tr td:nth-of-type(8):before {
        content: 'Annual Fee';
    }
    .card-finder-table tr td:nth-of-type(9):before {
        content: '1st Year Value';
    }
    .card-finder-table tr td:nth-of-type(10):before {
        content: 'Personal Value';
    }
    .card-finder-table tr td:nth-of-type(11):before {
        content: 'Actions';
    }

    .card-finder-table tr td:nth-of-type(3),
    .card-finder-table tr td:nth-of-type(5),
    .card-finder-table tr td:nth-of-type(6),
    .card-finder-table tr td:nth-of-type(7),
    .card-finder-table tr td:nth-of-type(8),
    .card-finder-table tr td:nth-of-type(9) {
        display: none;
    }
    .card-finder-table tbody tr,
    #rules-tripped-container {
        margin-bottom: 10px;
    }
    .board-index .settings-card label {
        width: 40%;
        justify-content: left;
    }
    .board-settings .settings-card label {
        margin-bottom: 0;
        align-self: center;
    }
}

/*
	Sto Added
	*/

.header-blue-box {
    background-color: #002b5c;
    padding: 30px;
    text-align: center;
    border-radius: 10px 10px 0px 0px;
}

.margin-auto {
    margin: auto;
}

.turn-white {
    color: #ffffff !important;
}

.blue-box-sub-title {
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 0;
    color: #ffffff;
}

.mt-3-adjustment {
    margin-top: 0.5rem !important;
}

.justify-text {
    text-align: justify;
}

.pb-5-adjustment {
    padding-bottom: 8rem !important;
}

.spendcat-container svg {
    max-height: 50px;
    margin-bottom: 10px;
}

.spend-categories-grid-alt {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 10px;
}

@media only screen and (max-width: 768px) {
    .spend-categories-grid-alt {
        grid-template-columns: repeat(2, 1fr);
    }
}

.block-margin-auto {
    display: block;
    margin: auto;
}

.ta-center {
    text-align: center;
}

.landingpages .h1-increase {
    font-size: 60px;
}

.h1-image-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.h2-landing {
    color: #111;
    font-size: 26px;
    font-weight: 600;
    text-transform: capitalize;
}

.h2-signup {
    color: #111;
    font-size: 26px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px;
}

.landing-pr55 {
    padding-right: 55px;
    margin-top: 18px;
}

.landing-signup-box {
    background-color: #e9f1fc;
    border-radius: 8px;
}

.form-container {
    max-width: 400px;
    margin: auto;
}

.pt-2rem {
    padding-top: 2rem;
}

.quizh1 {
    text-align: center;
    color: #fff;
    margin-bottom: 0;
}

.quizh1div {
    background-color: rgba(0, 43, 92, 1);
    padding-top: 3rem;
}

.whiteh1 {
    color: #ffffff;
    font-size: 3.5rem;
}

.loginp {
    color: #ffffff;
    font-size: 1.2rem;
}

.pt-5px {
    padding-top: 5px;
}

.guidesubs {
    font-size: 1.75rem;
    font-weight: 500;
}

.divheadingw {
    font-size: 1.5rem;
}

.cssorder1-ps {
    order: 1;
}

.cssorder2-ps {
    order: 2;
}

.svg-left svg {
    width: 75px;
    height: 75px;
}

.whytrustus h3 {
    font-size: 1.4rem;
    font-weight: 700;
}

.h2aboutw {
    font-size: 1.2rem;
}

.whytrustus h1 {
    font-size: 1.2rem;
}

.about-large {
    font-size: 4rem;
    font-weight: 600;
    font-family: 'Dosis';
}

.whytrustus-author-image {
    border-radius: 25px;
}

h3.whytrustus-author-name {
    font-size: 20px;
    font-weight: 600;
}

.meettheteam .author-title {
    font-size: 15px;
}

.lennyimagefix {
    width: 300px;
}

a.visitprofile {
    color: #000;
}

@media only screen and (max-width: 992px) {
    .about-large {
        font-size: 2.8rem;
    }
}

.rewardprogramfilter h2 {
    font-size: 1.5rem !important;
}