.smart-credit-pkg .sign-up-nav, .smart-credit-pkg .login-nav { display: none } .smart-credit-pkg .page-steps { background-color: #f7f8fb } .smart-credit-pkg .page-steps .smart-credit-pkg .header__name { font-size: 24px } .smart-credit-pkg .main { border-radius: 3px; height: calc(100vh - 177px); max-width: 80%; margin: 0 auto } .smart-credit-pkg .main--auto { height: auto; justify-content: center } .smart-credit-pkg .main__content { border: 2px solid #f2f2f2; background-color: #fff } .smart-credit-pkg .main__aside { background-image: linear-gradient(to bottom, #b8d7f3, #82aee2) } .smart-credit-pkg .main__aside + .smart-credit-pkg .main__content { border-left: none } @media (max-width: 1199.98px) { .smart-credit-pkg .registration-steps .smart-credit-pkg .nav-steps li + li { margin-left: 50px } p { color: #4a4a4a; line-height: 32px } .smart-credit-pkg .terms-of-list p { line-height: initial } } .smart-credit-pkg .login-text { padding: 20px; text-align: center; color: #fff } .smart-credit-pkg .login-text h3 { font-weight: 300; line-height: 1.5 } .smart-credit-pkg .login-text p { color: #fff; font-size: 16px; margin-top: 15px; font-weight: bold; line-height: 2 } .smart-credit-pkg .login-text p.smart-credit-pkg .extra-bold { font-size: 35px; margin-top: 15px; font-weight: bold; line-height: 2 } .smart-credit-pkg .login-text .smart-credit-pkg .btn-link { font-size: 16px; padding: 0; border-radius: 0; color: #fff; border-bottom: 1px solid #fff } .smart-credit-pkg .form-element--login { width: 70%; margin: 0 auto } .smart-credit-pkg .form-element--login h2 { color: #82aee2; font-weight: 300 } .smart-credit-pkg .form-element--login a { cursor: pointer } .smart-credit-pkg .action-link a { cursor: pointer } @media (max-width: 991.98px) { .smart-credit-pkg .main { max-width: 100% } } @media (max-width: 767.98px) { .smart-credit-pkg .LoginText--box.smart-credit-pkg .d-flex { display: block !important } .smart-credit-pkg .login-text { margin-top: 20px } .smart-credit-pkg .page-steps .smart-credit-pkg .navigation { display: block } .smart-credit-pkg .main { height: auto; flex-direction: column-reverse } .smart-credit-pkg .main__content, .smart-credit-pkg .main__aside { max-width: 100% } .smart-credit-pkg .main__content { border-right: none; padding: 0 30px; border-left: none } .smart-credit-pkg .main__content .smart-credit-pkg .tab-content { padding-top: .5rem !important; padding-bottom: 1rem !important } .smart-credit-pkg .registration-steps .smart-credit-pkg .nav-steps .smart-credit-pkg .nav-link { font-size: 12px } .smart-credit-pkg .login-text, .smart-credit-pkg .action-link { text-align: center } } @media (max-width: 575.98px) { .smart-credit-pkg .steps .smart-credit-pkg .container { padding-left: 0; padding-right: 0 } .smart-credit-pkg .form-element { width: 100% } } .smart-credit-pkg .registration-steps { padding-top: 50px } .smart-credit-pkg .registration-steps .smart-credit-pkg .nav { margin: 50px -16px 20px; width: auto } .smart-credit-pkg .registration-steps .smart-credit-pkg .nav-steps .smart-credit-pkg .nav-link { color: #82aee2; font-weight: 300; cursor: context-menu } .smart-credit-pkg .registration-steps .smart-credit-pkg .nav-steps .smart-credit-pkg .nav-link::before { height: 12px; width: 12px; background-color: #c2c2c2; border-color: #c2c2c2 } .smart-credit-pkg .registration-steps .smart-credit-pkg .nav-steps .smart-credit-pkg .nav-link.smart-credit-pkg .active { font-weight: bold } .smart-credit-pkg .registration-steps .smart-credit-pkg .nav-steps .smart-credit-pkg .nav-link.smart-credit-pkg .active::before { height: 15px; width: 15px; background: #f2f2f2; border-color: #82aee2 } .smart-credit-pkg .confirm-name i { color: #82aee2 } @media (max-width: 767.98px) { .smart-credit-pkg .registration-steps { padding-top: 0 } .smart-credit-pkg .mt-sm--2 { margin-top: 16px } .smart-credit-pkg .registration-steps .smart-credit-pkg .nav { margin: 50px -30px 20px } } .smart-credit-pkg .main--credit { max-width: 100%; height: auto } .smart-credit-pkg .report-card { border-radius: 4px; border: solid 1px #f2f2f2; background-color: #fff; display: flex; flex-direction: column; height: auto; position: relative } .smart-credit-pkg .report-card--short { height: 85% } .smart-credit-pkg .report-card--info { border-top: 5px solid #3379d0 } .smart-credit-pkg .report-card--best, .smart-credit-pkg .report-card--gray { background: #f2f2f2 } .smart-credit-pkg .report-card--best .smart-credit-pkg .best-value { display: block; position: absolute; top: -38px; left: -20px } .smart-credit-pkg .report-card--danger { border-top: 5px solid #c03941 } .smart-credit-pkg .report-card__header { text-align: center; border-bottom: 1px solid #82aee2 } .smart-credit-pkg .report-card__header h5 { font-weight: 700; font-size: 18px; line-height: 26px; color: #3379d0; font-family: "Open Sans", sans-serif } .smart-credit-pkg .report-card__header h5 span { font-size: 21px } .smart-credit-pkg .report-card__header h5 sup { margin: 0 2px; top: -10px } .smart-credit-pkg .report-card__price { text-align: center; border-bottom: 1px solid #82aee2 } .smart-credit-pkg .report-card__price h4 { color: #82aee2; font-size: 24px !important } .smart-credit-pkg .report-card__price span { text-transform: uppercase; font-size: 11px } .smart-credit-pkg .report-card .provider-logo { width: 55%; vertical-align: middle; border-style: none; } .smart-credit-pkg .report-card__logo { position: relative; display: flex; align-items: center; margin-top: 10px; margin-bottom: 5px } .smart-credit-pkg .report-card__logo span { padding: 0 10px; color: #3379d0 } .smart-credit-pkg .report-card__logo strong { font-family: "open sans"; font-size: 18px } .smart-credit-pkg .report-card .smart-credit-pkg .provider-logo-small { width: 110px } .smart-credit-pkg .report-card__logo::before, .smart-credit-pkg .report-card__logo::after { content: ""; flex: 1; height: 2px; background: #82aee2 } .smart-credit-pkg .report-card__text { text-align: center } .smart-credit-pkg .report-card__text p { font-size: 13px; margin: 0 } .smart-credit-pkg .report-card__action { text-align: center; margin-top: auto } .smart-credit-pkg .report-card__action .smart-credit-pkg .btn { border-width: 2px } .smart-credit-pkg .points { list-style: none; padding: 0; margin: 0 } .smart-credit-pkg .points > li { font-size: 14px; position: relative; display: flex; align-items: center } .smart-credit-pkg .points > li i { color: #82aee2; margin-right: 5px; font-size: 16px } .smart-credit-pkg .points > li + li { margin-top: 15px } .smart-credit-pkg .best-value { display: none } .smart-credit-pkg .best-value img { width: 142px } .smart-credit-pkg .coming-soon { position: absolute; top: -38px; right: -20px } .smart-credit-pkg .coming-soon img { width: 142px } .smart-credit-pkg .coming-soon-btn { border: 2px solid #c2c2c2; color: #c2c2c2 } .smart-credit-pkg .coming-soon-btn:hover { background: #c2c2c2; color: #fff; border: 2px solid #c2c2c2 } .smart-credit-pkg .unavailable-btn { border: 2px solid #c2c2c2; color: #c2c2c2; word-spacing: 8px } .smart-credit-pkg .unavailable-btn:hover { background: #c2c2c2; color: #fff; border: 2px solid #c2c2c2 } .smart-credit-pkg .tab-content__header { max-width: 80%; margin: 0 auto } .smart-credit-pkg .tab-content__header h4 { font-size: 22px; font-weight: bold } .smart-credit-pkg .tab-content__report h4 { font-size: 22px; font-weight: bold } .smart-credit-pkg .report-list { justify-content: center } @media (max-width: 767.98px) { .smart-credit-pkg .tab-content__header { max-width: 100% } .smart-credit-pkg .tab-content__report { padding-top: 10px } .smart-credit-pkg .tab-content__header h4 { font-size: 22px; line-height: 36px } .smart-credit-pkg .tab-content__header p br { display: none } .smart-credit-pkg .tab-content__report > h4 { margin-top: 50px; font-size: 22px; line-height: 32px; text-align: left !important } .smart-credit-pkg .report-list { padding: 0 !important } .smart-credit-pkg .report-list .smart-credit-pkg .col-md-4 + .smart-credit-pkg .col-md-4 { margin-top: 50px } .smart-credit-pkg .report-card__text p { line-height: 22px } } .smart-credit-pkg .tab-content--report { position: relative } .smart-credit-pkg .tab-content--report .smart-credit-pkg .tab-content__header .smart-credit-pkg .btn { position: absolute; left: 34px; top: 25px; font-size: 16px; padding-left: 0 } .smart-credit-pkg .tab-content--report .smart-credit-pkg .tab-content__header h2 { color: #3379d0; font-weight: bold; font-family: "Open Sans", sans-serif } .smart-credit-pkg .tab-content--report .smart-credit-pkg .tab-content__header h2 span { font-size: 32px } .smart-credit-pkg .tab-content--report .smart-credit-pkg .tab-content__header h2 sup { font-size: 16px; top: -20px } .smart-credit-pkg .tab-content--report .smart-credit-pkg .tab-content__header p { font-size: 21px; font-weight: bold; margin: 0 auto } .smart-credit-pkg .tab-content--report .smart-credit-pkg .tab-content__header p span { font-size: 21px; font-weight: bold; font-style: italic; margin-right: 5px } .smart-credit-pkg .form-options .smart-credit-pkg .form-group > label { font-size: 18px; color: #9b9b9b; text-transform: none; margin-bottom: 25px; font-weight: normal } .smart-credit-pkg .form-options .smart-credit-pkg .form-group + .smart-credit-pkg .form-group { margin-top: 40px } .smart-credit-pkg .form-options .smart-credit-pkg .custom-radio { padding: 0 } .smart-credit-pkg .form-options .smart-credit-pkg .custom-radio input[type=radio]:checked + label { border-color: #82aee2; box-shadow: inset -1px 0 0 1px #82aee2 } .smart-credit-pkg .form-options .smart-credit-pkg .custom-control-label { padding: 16px 20px; display: block; border: 1px solid #e1e1e1; border-radius: 4px; border-left: 4px solid #82aee2; cursor: pointer; color: #4a4a4a; font-size: 16px; font-weight: 700 } .smart-credit-pkg .form-options .smart-credit-pkg .custom-control-label::before, .smart-credit-pkg .form-options .smart-credit-pkg .custom-control-label::after { display: none } .smart-credit-pkg .form-options .smart-credit-pkg .custom-control-label:hover { box-shadow: inset -1px 0 0 1px #82aee2; border-color: #82aee2 } @media (max-width: 1199.98px) { .smart-credit-pkg .form-options .smart-credit-pkg .form-group > label { margin-bottom: 18px } .smart-credit-pkg .form-options .smart-credit-pkg .form-group + .smart-credit-pkg .form-group { margin-top: 25px } } .smart-credit-pkg .form-element label { color: #82aee2 } .smart-credit-pkg .form-element--personal .smart-credit-pkg .form-group label { color: #9b9b9b } .smart-credit-pkg .smart-credit-account-modal .smart-credit-pkg .modal-dialog { max-width: 420px } .smart-credit-pkg .smart-credit-account-modal .smart-credit-pkg .modal-header { display: none } .smart-credit-pkg .success-icon { margin-top: 30px } .smart-credit-pkg .success-icon i { color: #82aee2; font-size: 40px } .smart-credit-pkg .modal-success__title { color: #545454; margin: 20px 0 30px } .smart-credit-pkg .modal-success__text { color: #4a4a4a; width: 80%; margin: auto } .smart-credit-pkg .smart-credit-account-modal .smart-credit-pkg .btn { font-weight: 100 } .smart-credit-pkg .credit-success { width: 60%; margin: 0 auto; text-align: center } .smart-credit-pkg .credit-success p { font-size: 20px; color: #545454 } .smart-credit-pkg .credit-info a, .smart-credit-pkg .credit-info span { font-size: 14px; line-height: 24px; font-weight: 300; color: #82aee2 } .smart-credit-pkg .credit-text { list-style: none; width: 70%; margin: 0 auto 20px; padding: 0; text-align: center } .smart-credit-pkg .credit-text li { position: relative; display: flex; justify-content: center; color: #4a4a4a } .smart-credit-pkg .credit-text li::before { content: ""; background: #82aee2; width: 6px; height: 6px; border-radius: 50%; margin-right: 10px; margin-top: 10px; padding-left: 6px } .smart-credit-pkg .credit-text li + li { margin-top: 15px } @media (max-width: 1199.98px) { .smart-credit-pkg .credit-success { width: 80% } } @media (max-width: 991.98px) { .smart-credit-pkg .credit-success { width: 100% } .smart-credit-pkg .credit-success .smart-credit-pkg .text { width: 100% } } @media (max-width: 767.98px) { .smart-credit-pkg .credit-success .smart-credit-pkg .text { text-align: left; display: block } .smart-credit-pkg .credit-success .smart-credit-pkg .btn { width: 100% } .smart-credit-pkg .credit-text { width: 100% } .smart-credit-pkg .credit-info { text-align: left } .smart-credit-pkg .success-credit .smart-credit-pkg .tab-content--report .smart-credit-pkg .tab-content__header { margin-bottom: 0 } .smart-credit-pkg .success-credit .smart-credit-pkg .btn { margin-bottom: 20px } } .smart-credit-pkg .credit-error .smart-credit-pkg .alert-danger { background: #dc8180; padding: 8px 20px } .smart-credit-pkg .credit-error .smart-credit-pkg .alert-danger p { color: #fff; font-size: 16px; font-weight: 100; line-height: 32px; letter-spacing:.04px; text-align: left } .smart-credit-pkg .credit-error .smart-credit-pkg .title { width: 50%; margin: 20px auto; font-size: 21px; line-height: 32px; letter-spacing:.06px; text-align: center; font-weight: bold } .smart-credit-pkg .credit-error .smart-credit-pkg .report-card__price { border: none } .smart-credit-pkg .credit-error .smart-credit-pkg .report-card__price span { display: none } .smart-credit-pkg .smart-credit-account label { color: #82aee2 !important; font-weight: bold } @media (max-width: 991.98px) { .smart-credit-pkg .credit-error .smart-credit-pkg .title { width: 100% } } @media (max-width: 767.98px) { .smart-credit-pkg .smart-credit-error .smart-credit-pkg .tab-content--report .smart-credit-pkg .tab-content__header { margin-bottom: 10px } .smart-credit-pkg .credit-error .smart-credit-pkg .report-row { margin-top: 40px !important } .smart-credit-pkg .credit-error .smart-credit-pkg .report-row__aside { margin-top: 30px } } @media (max-width: 575.98px) { .smart-credit-pkg .credit-error .smart-credit-pkg .alert-danger { margin: 0 -30px; padding: 10px 30px } } .smart-credit-pkg .smart-credit .smart-credit-pkg .tab-content--report .smart-credit-pkg .tab-content__header p { width: 90% } .smart-credit-pkg .smart-credit .smart-credit-pkg .report-row { width: 60%; margin: 0 auto } .smart-credit-pkg .smart-credit .smart-credit-pkg .btn { font-weight: 100 } .smart-credit-pkg .smart-credit .smart-credit-pkg .tab-content--report .smart-credit-pkg .tab-content__header .smart-credit-pkg .btn { top: 25px } .smart-credit-pkg .inactive-btn { color: #be4948 !important; border-color: #be4948; opacity: 1 !important } .smart-credit-pkg .inactive-btn:hover { background: #be4948; border-color: #be4948; color: #fff } @media (max-width: 991.98px) { .smart-credit-pkg .smart-credit .smart-credit-pkg .report-row { width: 75% } } @media (max-width: 767.98px) { .smart-credit-pkg .smart-credit .smart-credit-pkg .tab-content--report .smart-credit-pkg .tab-content__header p { width: 100% } .smart-credit-pkg .smart-credit .smart-credit-pkg .report-row { width: 100%; margin: 35px auto 0 !important } .smart-credit-pkg .smart-credit .smart-credit-pkg .form-title { text-align: left } } .smart-credit-pkg .smart-credit .smart-credit-pkg .form-element p { font-size: 16px; color: #4a4a4a; line-height: 32px; letter-spacing:.04px; margin-bottom: 0 } .smart-credit-pkg .smart-credit .smart-credit-pkg .form-element p a { font-size: 16px; color: #4a4a4a; line-height: 32px; letter-spacing:.04px; text-decoration: none } .smart-credit-pkg .credit-contact .smart-credit-pkg .tab-content--report .smart-credit-pkg .tab-content__header p { width: 80%; color: #4a4a4a } .smart-credit-pkg .credit-contact .smart-credit-pkg .tab-content--report .smart-credit-pkg .tab-content__header .smart-credit-pkg .btn { top: 25px } .smart-credit-pkg .credit-contact .smart-credit-pkg .form-title { margin-bottom: 15px } .smart-credit-pkg .credit-contact .smart-credit-pkg .form-element p { font-size: 16px; color: #4a4a4a; line-height: 32px; letter-spacing:.04px; margin-bottom: 0 } .smart-credit-pkg .credit-contact .smart-credit-pkg .form-element p a { font-size: 16px; color: #4a4a4a; line-height: 32px; letter-spacing:.04px; text-decoration: none } .smart-credit-pkg .credit-contact .smart-credit-pkg .report-card__logo, .smart-credit-pkg .credit-contact .smart-credit-pkg .report-card__price { display: none } @media (max-width: 991.98px) { .smart-credit-pkg .credit-contact .smart-credit-pkg .tab-content__header { max-width: 100% } } @media (max-width: 767.98px) { .smart-credit-pkg .credit-contact .smart-credit-pkg .tab-content--report .smart-credit-pkg .tab-content__header p { width: 100% } } .smart-credit-pkg .smart-credit-page .smart-credit-pkg .form-element .smart-credit-pkg .btn.smart-credit-pkg .btn-link { font-size: 16px; text-decoration: underline !important; display: block; text-align: center; margin-top: 15px } .smart-credit-pkg .readonly { font-size: 16px; font-weight: bold; padding: 0 0 15px; border: none !important; border-bottom: 1px solid #f2f2f2 !important; box-shadow: none; border-radius: 0 !important; height: 30px; background: #fff !important } .smart-credit-pkg .terms-of-list { border: 2px solid #f2f2f2; padding: 10px; font-size: 14px; list-style: none; height: 180px; overflow-y: auto } .smart-credit-pkg .terms-of-list li + li { margin-top: 10px } .smart-credit-pkg .terms-of-list::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #82aee2 } .smart-credit-pkg .terms-of-list::-webkit-scrollbar-track { border-radius: 10px } .smart-credit-pkg .terms-of-list::-webkit-scrollbar { width: 6px } .smart-credit-pkg .text-wrap-indent { padding-left: 3em; text-indent: -3em; display: inline-block } .smart-credit-pkg .smartcredit-color { } .smart-credit-pkg .creditarmor-color { color: #ce1f00 } .smart-credit-pkg .report-card .provider-logo { width: 55%; } .smart-credit-pkg .p-3 { padding: 1rem!important; } .smart-credit-pkg .pb-2, .smart-credit-pkg .py-2 { padding-bottom: 0.5rem!important; } .smart-credit-pkg .p-2 { padding: 0.5rem!important; } .smart-credit-pkg .pt-3, .smart-credit-pkg .py-3 { padding-top: 1rem!important; } .smart-credit-pkg .pb-2, .smart-credit-pkg .py-2 { padding-bottom: 0.5rem!important; } .smart-credit-pkg .pb-2, .smart-credit-pkg .py-2 { padding-bottom: 0.5rem!important; } .smart-credit-pkg .pt-2, .smart-credit-pkg .py-2 { padding-top: 0.5rem!important; } .smart-credit-logo { text-align: center; } .smart-credit-logo img { width: 27%; margin-bottom: -12px; } .smart-credit-pkg { width: 25%; padding-top: 3%; padding-right: 40px; font-family: "Lato", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }