.card-details {
    font-size: 16px;
    line-height: 22px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #c4cdd5;
    box-shadow: 2px 2px 8px -1px rgba(0, 0, 0, .1);
    margin-bottom: 16px;
    position: relative;
}
#landing-page-content .card-details a {
    font-weight: 400;
}
.card-details .compare-details p.likeLabel {
    font-weight: 500 !important;
}
#landing-page-content .featured {
    font-size: 14px;
    color: #3e3e40;
}
.card-details:hover {
    box-shadow: 2px 2px 12px 0 rgba(0, 0, 0, .2);
}
.card-details .text {
    color: #86939e;
    font-size: 13px;
    position: absolute;
    top: 5px;
}
.card-details ul li::marker {
    line-height: 14px;
    font-size: 10px;
}
.card-details .rate-text {
    color: #86939e;
    font-size: 12px;
    position: absolute;
    bottom: 5px;
}
.card-details .apy-box {
    background: #f1f8ff;
    border-radius: 8px;
}
.card-details .apy-box .apy-text,
.card-details .min-text {
    color: #86939e;
    font-size: 12px;
    line-height: 1em;
    padding-bottom: 5px;
    font-weight: 500;
}
.card-details .apy-box .apy-value {
    color: #3e3e40;
    font-size: 28px;
    white-space: nowrap
}
.card-details .min-value { 
    color: #3e3e40;
    font-size: 18px;
    white-space: nowrap
}
.card-details .card-name {
    color: #333647;
    font-size: 16px;
}
.card-details .account-name {
    color: #333647;
    font-size: 14px;
    font-weight: 400;
}
.card-details .learn-more {
    height: 42px;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
    background: #04a052;
}
.card-details .learn-more:hover {
    background: #05924b;
}
.card-details .disclosure-text,
.disclosure-text {
    color: #86939e;
    font-size: 13px;
    font-weight: 400;
    cursor: pointer;
    border-bottom: 1px solid #86939e;
}
.card-details .details,
.card-details .card-box .details ul li,
.content-list .card-details .compare-details,
.card-details .details ul li,
.card-details .details ol li {
    font-size: 14px !important;
    line-height: 22px !important;
    color: #000 !important;
}
.show-offers {
    border: 1px solid #86939e;
    border-radius: 22px;
    padding: 10px 0px;
    color: #5a646d;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
}
.show-offers:hover {
    color: #6b7a86;
    border-color: #6b7a86;
    background-color: #f7f8f9;
}
.card-details .compare-details p {
    color: #333647 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    white-space: normal;
    line-height: 22px;
    text-align: justify;
}
.card-details .reviewBtn {
    border: 2px solid #049f53;
    background: #fff;
    color: #049f53;
    height: 42px;
    font-weight: 500;
}
.card-details .reviewBtn:hover {
    border-color: #05924b;
    background: #05924b;
    color: #fff;
}
.modal-dialog {
    border-radius: 14px;
    background: #fff;
    padding: 20px;
    font-size: 14px;
    max-width: 786px;
}
.modal-header .close {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDExIDI0IiBmaWxsPSIjNjY2YjcwIiBzdmctaW5saW5lPSIiIHJvbGU9InByZXNlbnRhdGlvbiIgZm9jdXNhYmxlPSJmYWxzZSIgdGFiaW5kZXg9Ii0xIiBjbGFzcz0ibWJ0LS1odG1sLXN2ZyI+PHBhdGggZD0iTTkuMjggMTcuNDRMNS4zMiAxMy40bC0zLjk2IDQuMDRMMCAxNi4wNCAzLjk2IDEyIDAgNy45NmwxLjM2LTEuNCAzLjk2IDQuMDQgMy45Mi00TDEwLjYgOGwtMy45MiA0IDMuOTYgNC4wNC0xLjM2IDEuNHoiLz48L3N2Zz4=") no-repeat 0px 0px;
    background-position: center;
    outline: 0;
    padding: 1rem 1rem;
    margin: -3rem -1rem -1rem auto;
    border: none;
}
#advertiser_disclosure .modal-header .close {
    margin-top: -1.5rem;
}
#advertiser_disclosure .modal-body p {
    line-height: 1.5;
    font-size: 14px;
    color: #212529;
    font-weight: 400;
}
.advertiser-disclosure {
    border-bottom: 1px dotted #86939e;
}
.advertiser-disclosure, .annual-text {
    color: #86939e;
    font-size: 13px;
    font-weight: 400;
}
.editor-rating .green-sign {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCA2IDEyIDEyIiBmaWxsPSIjMDRhMDUyIiBzdmctaW5saW5lPSIiIHJvbGU9InByZXNlbnRhdGlvbiIgZm9jdXNhYmxlPSJmYWxzZSIgdGFiaW5kZXg9Ii0xIiBjbGFzcz0ibWJ0LS1odG1sLXN2ZyI+PHBhdGggZD0iTTEwLjg0IDEwLjUybC0zLjYtMy42YTIuMSAyLjEgMCAwMC0zIDBsLTMuNiAzLjZjLS44NC44NC0uODQgMi4xNiAwIDIuOTZsMy42IDMuNmEyLjEgMi4xIDAgMDAzIDBsMy42LTMuNmMuOC0uOC44LTIuMTYgMC0yLjk2em0tNS41NiA0SDUuMmwtMi40NC0yLjQ0LjgtLjhMNS4yOCAxMyA4IDEwLjI4bC44LjgtMy41MiAzLjQ0eiIvPjwvc3ZnPg==");
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: center;

}
.editor-rating .StarContainer {
    width: 100%;
    height: 13px;
}
.editor-rating .rating-text {
    color: #86939e;
    font-size: 13px;
    font-weight: 500;
}
.editor-rating .numeric {
    font-size: 12px;
    color: #86939e;
    right: -30px;
    top: -2px;
}
.editor-rating .star-rating .star_span {
    position: absolute;
    left: 0;
    height: 15px;
    width: 70px;
}
#fillerlist .toggle.collapsed:before {
    content: "More details";
    background: none;
    right: 0;
    bottom: 12px;
    position: relative;
    font-size: 13px;
    font-weight: 500;
    color: #04a052;
}
#fillerlist .toggle.collapsed:after {
    content: '';
    width: 12px;
    height: 17px;
    position: relative;
    bottom: 15px;
    display: inline-block;
    margin-left: 4px;
    background-repeat: no-repeat;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDEyIDI0IiBmaWxsPSIjMDRhMDUyIiBzdmctaW5saW5lPSIiIHJvbGU9InByZXNlbnRhdGlvbiIgZm9jdXNhYmxlPSJmYWxzZSIgdGFiaW5kZXg9Ii0xIiBjbGFzcz0ibWJ0LS1odG1sLXN2ZyI+PHBhdGggZD0iTTEyLjQ4IDEwLjA4bC02LjI0IDUuOEwwIDEwLjA4bDEuMjQtMS4xNiA1IDQuNiA1LTQuNiAxLjI0IDEuMTZ6Ii8+PC9zdmc+) no-repeat;
    vertical-align: text-bottom;
}
#fillerlist .collapse:not(.show) {
    height: 38px;
    overflow: hidden;
    position: relative;
    display: block;
}
#fillerlist .collapse:not(.show):after {
    height: 2.5rem;
    top: auto;
    background-image: linear-gradient(rgba(254, 255, 255, 0) 50%, rgba(252, 253, 255, 1) 100%);
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
@media screen and (min-width:768px) {
    .landing-page-mbt5 #landing-page-content .landing-page-rate-table .product-container .landing-page-widget {
        margin-bottom: 60px;
    }
    .single_posts-single_post .card-details .rate-text, .single_posts-single_post .card-details .text {
        left: 8px;
    }
    #landing-page-content .card-details .card-image {
        height: auto;
    }
}
@media screen and (min-width:768px) and (max-width: 991px) {
    .personal_loans-index .card-details .card-image {
        height: 50px;
        width: auto;
    }
}
@media screen and (max-width: 767px) {
    .card-details .months .min-value {
        white-space: normal;
    }
    .card-details .card-image {
        height: 50px;
        width: auto;
    }
    .card-details .text, .card-details .rate-text {
        right: 8px;
    }
}