/**********************common css*******************/
 
* { margin: 0px; padding: 0px; list-style: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
/* img { max-width: 100%; height: auto; width: auto\9; / ie8 / border: none;
outline: none; vertical-align: middle; } */
a, button, input, select, textarea { outline: none !important; }
a, a:focus { outline: none; }
a:hover, a:focus { text-decoration: none; }
a { text-decoration: none; }
ul li { list-style: none; }
body { font-family: 'Roboto', sans-serif; color: #000; font-size: 15px; font-weight: 400; }
p { margin: 0px; }
/**********************header css start*******************/


.header-top { padding: 8px 0px; background: #080808; }
.header-top p { font-size: 14px; color: #B0B2B3; }
.header-top a { color: #19E68C; }
.header-nav-outer .white-logo { display: none; }
.header-nav-outer { position: absolute; left: 0px; width: 100%; }
.fixed_header { position: fixed; top: 0px; left: 0px; width: 100%; background: #080808; z-index: 9999; }
.fixed_header .white-logo { display: block; }
.fixed_header .black-logo { display: none; }
/*nav css*/
header.header {position: relative;z-index: 999;}
.header-nav-outer .navbar-brand { height: auto; padding: 0px; width: 250px; }
.header-nav-outer .navbar-default { background: none; border: none; margin: 0px; display: flex; justify-content: space-between; align-items: center; padding: 20px 0px; }
.header-nav-outer .navbar-default::after, .header-nav-outer .navbar-default:before { display: none; }
.header-nav-outer .navbar-default .navbar-nav > li > a { font-size: 16px; font-weight: 400; padding: 0 0px 3px; color: #080808; background: transparent; border-bottom: 1px solid transparent; }
.header-nav-outer .navbar-default .navbar-nav > li > a:hover, .header-nav-outer .navbar-default .navbar-nav > li > a:focus { color: #19E68C; background: transparent; }
.header-nav-outer .navbar-default .navbar-nav > li > a .fa { margin-right: 8px; }
.header-nav-outer .nav > li.active > a { border-bottom: 1.5px solid #080808; }
.header-nav-outer .nav > li.active > a:hover{ border-color: #19E68C; }
.header-nav-outer .navbar-collapse { padding-right: 0; padding-left: 0; }
.header-nav-outer .nav > li { padding: 0px 15px; }
.header-nav-outer .navbar-nav > li > .dropdown-menu { left: 0; right: auto; border-radius: 12px; padding: 15px; border: 0px; min-width: 182px; }
.header-nav-outer .navbar-nav > li > .dropdown-menu a { font-size: 16px; color: #575757; margin-bottom: 10px; display: block; }
.header-nav-outer .navbar-nav > li > .dropdown-menu a:hover, .header-nav-outer .nav > li.dropdown:hover > a { color: #19E68C; }
.header-nav-outer .nav > li .caret { border-width: 5px; }
.header-nav-outer.navbar-fixed-top .navbar-brand > img { width: 220px; }
.header-nav-outer.navbar-fixed-top .navbar-nav > li > a { padding: 32px 0px 32px 0px; }
.header-nav-outer .navbar-default .navbar-nav > li > .quote-btn { background: #080808; box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25); border-radius: 50px; color: #19E68C; padding: 10px 30px; font-weight: 500; }
.header-nav-outer .navbar-default .navbar-nav > li > .quote-btn:hover, .header-nav-outer .navbar-default .navbar-nav > li > .quote-btn:focus { background: #262626; }
.nav.navbar-nav { display: flex; align-items: center; }
.fixed_header.header-nav-outer .navbar-default .navbar-nav > li > a { color: #fff; }
.fixed_header.header-nav-outer .navbar-default .navbar-nav > li > a:hover, .fixed_header.header-nav-outer .navbar-default .navbar-nav > li > a:focus { color: #19E68C; }
.fixed_header.header-nav-outer .nav > li.active > a { border-bottom: 1.5px solid #fff; }
.fixed_header.header-nav-outer .nav > li.active > a:hover { border-color: #19E68C; }
.fixed_header.header-nav-outer .navbar-default .navbar-nav > li > .quote-btn { background: #19E68C; color: #080808; }
.fixed_header.header-nav-outer .navbar-default .navbar-nav > li > .quote-btn:hover, .fixed_header.header-nav-outer .navbar-default .navbar-nav > li > .quote-btn:focus { background: #2DFAA0; color: #080808; }
/********************footer css start***********************/

.footer {padding: 180px 0px 20px;background-image: url(../images/footer-bg.png);background-position: top center;background-size: cover;position: relative;}
.footer h3 { color: #fff; font-size: 42px; font-weight: 700; margin: 0px 0px 30px; text-align: center; }
.footer p { font-size: 16px; color: #fff; }
.footer-top { margin-bottom: 150px; }
.footer .green-btn { background: #19E68C; box-shadow: 0px 5px 15px rgba(25, 230, 140, 0.25); border-radius: 50px; max-width: 420px; display: block; font-size: 18px; font-weight: 500; color: #080808; padding: 10px 30px; margin: 0 auto; text-align: center; }
.footer .green-btn:hover, .footer .green-btn:focus { background: #2DFAA0; color: #080808; }
.footer-top.flex-box { display: flex; justify-content: center; align-items: center; }
.footer-top.flex-box h3 { margin: 0px; }
.footer-top.flex-box p { color: #B0B2B3; font-size: 20px; margin-left: 20px; }
.footer-top.flex-box p a { color: #19E68C; }
.footer.bg-none { background-color: #080808; background-image: none; padding: 30px 0px; }
/* ****************home banner css start******************** */

.home-banner { background-image: url(../images/banner-bg.jpg); background-size: cover; background-position: center bottom; padding: 150px 0px 60px; }
#bodymovin { width: 900px; height: 400px; }
#bodymovin > div { left: -200px !important; }
.banner-pin-block { margin-top: 50px; display: flex; align-items: center; font-size: 16px; font-weight: 700; color: #fff; }
.banner-pin-block > div { display: flex; align-items: center; margin-right: 10px; }
.banner-pin-block span { width: 40px; position: relative; top: 5px; }
.banner-form-block { background: rgba(255, 255, 255, 0.5); box-shadow: 5px 15px 25px rgba(18, 91, 95, 0.25); border-radius: 12px; padding: 30px; margin-left: auto; max-width: 480px; margin-bottom: -100px; }
.banner-form-block h2 { margin: 0 0px 10px; font-size: 24px; color: #080808; font-weight: 700; }
.form-head { margin-bottom: 25px; padding-right: 150px; position: relative; }
.form-head p { color: #080808; font-size: 16px; }
.retrive-block { position: absolute; width: 140px; right: 0; bottom: 0px; }
.banner-form-block label { color: #575757; font-size: 16px; font-weight: 400; }
.banner-form-block .form-control { background: #FFFFFF; border-radius: 6px; border: 0px; box-shadow: none; height: 54px; padding: 10px; font-size: 18px; font-weight: 400; color: #080808; }
.select-hidden { display: none; visibility: hidden; padding-right: 10px; }
.select { cursor: pointer; display: inline-block; position: relative; height: 54px; font-size: 18px; font-weight: 400; color: #080808; width: 100%; }
.select-styled { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 15px 20px 15px 10px; background: #FFFFFF; border-radius: 6px; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; border: 1px solid transparent; }
.select-styled:after { content: ""; width: 0; height: 0; border: 7px solid transparent; border-color: #080808 transparent transparent transparent; position: absolute; top: 23px; right: 10px; }
.select-styled:active, .select-styled.active { border-color: #080808; }
.select-styled:active:after, .select-styled.active:after { top: 15px; border-color: transparent transparent #080808 transparent; }
.select-options { display: none; position: absolute; top: 100%; right: 0; left: 0; z-index: 999; margin: 0; padding: 10px 0px; list-style: none; background: #EFEFEF; border: 1px solid #B0B2B3; box-sizing: border-box; box-shadow: 5px 10px 25px rgba(8, 8, 8, 0.1); border-radius: 6px; max-height: 180px; overflow-y: auto; }
.select-options li { margin: 0; padding: 5px 10px; -moz-transition: all 0.15s ease-in; -o-transition: all 0.15s ease-in; -webkit-transition: all 0.15s ease-in; transition: all 0.15s ease-in; }
.select-options li[rel="hide"] { display: none; }
.form-btn-blck { background: #080808; box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25); border-radius: 50px; width: 100%; border: 0px; height: 50px; text-align: center; font-size: 18px; color: #19E68C; font-weight: 500; margin: 20px 0px 30px; }
.form-btn-blck:hover, .form-btn-blck:focus { background: #262626; }
.bottom-txt { font-size: 14px; color: #575757; }
.owl-carousel .owl-dots .owl-dot { width: 8px; height: 8px; background-color: #080808; opacity: 0.25; border-radius: 50%; margin: 0px 5px; }
.owl-carousel .owl-dots .owl-dot.active { opacity: 1; }
.owl-dots { text-align: center; }
/* **************content css start*************** */

.reason-block { padding: 200px 0px 100px; background-image: url(../images/left-bg.png); background-repeat: no-repeat; background-position: left top; }
.head-block { margin-bottom: 75px; }
.head-block h4 { letter-spacing: 0.1em; color: #19E68C; font-size: 18px; font-weight: bold; text-transform: uppercase; margin: 0px 0px 15px; }
.head-block h2 { color: #080808; font-size: 42px; font-weight: bold; margin: 0px; }
.head-block p { color: #575757; font-size: 20px; margin: 10px 0px 0px; }
.reason-block .row > div { margin-bottom: 30px; }
.reason-icon { text-align: center; min-height: 150px; }
.reason-block h3 { color: #080808; font-size: 24px; font-weight: bold; margin-bottom: 13px; }
.reason-block p { color: #575757; font-size: 18px; }
.trusted-user-block { padding: 150px 0px 200px; background-image: url(../images/trusted-bg.png); background-size: cover; background-position: center right; }
.trusted-user-inner { background: #FFFFFF; box-shadow: 5px 10px 25px rgba(8, 8, 8, 0.1); border-radius: 12px; padding: 30px 40px; }
.user-dtl { display: flex; margin-bottom: 20px; }
.user-img { width: 50px; height: 50px; overflow: hidden; border-radius: 50%; margin-right: 20px; }
.user-dtl h5 { color: #080808; font-size: 18px; font-weight: bold; margin: 5px 0px 2px; }
.rating-list a { color: #B0B2B3; margin-right: 2px; }
.rating-list .fill { color: #1D75DE; }
.trusted-user-inner p { color: #575757; font-size: 18px; }
.owl-carousel.trusted-user-slider .owl-nav button { width: 42px; height: 42px; background: #080808; border-radius: 50%; text-align: center; color: #fff; margin: 0px 10px 0px 0px; }
.owl-carousel.trusted-user-slider .owl-nav button span { display: none; }
.owl-carousel.trusted-user-slider .owl-nav button.owl-prev:after { content: "\f0d9"; font: normal normal normal 20px/1 FontAwesome; line-height: 42px; }
.owl-carousel.trusted-user-slider .owl-nav button.owl-next:after { content: "\f0da"; font: normal normal normal 20px/1 FontAwesome; line-height: 42px; }
.trusted-user-slider .owl-nav { text-align: right; margin-top: 30px; }
.save-time-block { padding: 150px 0px; background-image: url(../images/bubble-bg.png); background-position: center; background-size: cover; }
.save-inner-block { background: rgba(255, 255, 255, 0.5); border-radius: 12px; margin: 0px auto 20px; position: relative; max-width: 480px; padding: 30px 30px 30px 110px; }
.save-inner-block .numb-box { background: #FFFFFF; box-shadow: 3px 3px 10px rgba(176, 178, 179, 0.25); border-radius: 0px 0px 6px 6px; position: absolute; top: 0px; left: 30px; padding: 20px; font-size: 24px; font-weight: bold; color: #080808; }
.save-inner-block h3 { font-size: 24px; color: #080808; font-weight: bold; margin: 0px 0px 13px; }
.save-inner-block p { color: #575757; font-size: 18px; }
.black-btn { background: #080808; box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25); border-radius: 50px; max-width: 420px; border: 0px; height: 50px; text-align: center; font-size: 18px; color: #19E68C; font-weight: 500; margin: 60px auto 0; display: block; line-height: 50px; }
.black-btn:hover, .black-btn:focus { background: #262626; color: #19E68C; }
.faq-block { background-image: url(../images/left-bg.png); padding: 150px 0; background-repeat: no-repeat; background-position: left bottom; }
.faq-block .head-block { padding-right: 90px; }
.faq-block .panel-group { margin: 0; }
.faq-block .panel-group .panel { border-radius: 0; border: 0; box-shadow: none; margin: 0 !important; border-bottom: 1px solid #C0C0C0; background: transparent; }
.faq-block .panel-group .panel-heading { background: none; padding: 0; }
.faq-block .panel-group .panel-heading .panel-title a { display: block; padding: 30px 40px 30px 0; font-size: 20px; line-height: 24px; font-weight: normal; position: relative; color: #19E68C; }
.faq-block .panel-group .panel-heading .panel-title a:hover { text-decoration: none; }
.faq-block .panel-group .panel-heading .panel-title a:after { content: "\f0d8"; font: normal normal normal 20px/1 FontAwesome; position: absolute; top: 33px; right: 0; color: #080808; }
.faq-block .panel-group .panel-heading .panel-title a.collapsed { color: #080808; }
.faq-block .panel-group .panel-heading .panel-title a.collapsed:after { content: "\f0d7"; }
.faq-block .panel-group .panel-body { border: none !important; padding: 0 0 33px; color: #575757; font-size: 18px; line-height: 26px; }
.blog-main-block { padding: 50px 0px 150px; background-image: url(../images/right-bubble-bg.png); background-repeat: no-repeat; background-position: right bottom; }
.blog-main-block .row { display: flex; flex-wrap: wrap; }
.blog-main-block .row > div { margin-bottom: 30px; }
.blog-inner { background: #FFFFFF; box-shadow: 5px 10px 25px rgba(8, 8, 8, 0.1); border-radius: 12px; padding: 10px 20px 60px; position: relative; height: 100%; }
.blog-inner h3 { font-size: 18px; font-weight: bold; color: #080808; margin: 0px; }
.blog-img { margin: 0px -10px 20px; }
.blog-img img { width: 100%; }
.blog-date { color: #575757; font-size: 16px; text-align: right; margin-top: 15px; position: absolute; bottom: 20px; right: 20px; }
.blog-inner:hover h3 { color: #19E68C; }
/*****************
my info page css 
****************/
.wrapper { padding-top: 80px; }
#loan-block { padding: 80px 0; position: relative; }
#loan-block::before { content: ""; position: absolute; left: 0; top: 730px; background: url(../images/back-before.png) no-repeat; width: 250px; height: 400px; background-size: cover; background-position: bottom left; }
#loan-block::after { content: ""; position: absolute; right: 0; top: 300px; background: url(../images/back-after.png) no-repeat; width: 250px; height: 400px; background-size: cover; background-position: top right; }
.loan-content h1 { font-size: 42px; line-height: 50px; font-weight: 700; color: #080808; font-style: normal; margin: 0 0 10px; }
.loan-content p { font-size: 20px; line-height: 26px; font-style: normal; font-weight: 400; color: #575757; }
.loan-box { background: #EFEFEF; position: relative; padding: 30px; border-radius: 12px; margin: 50px 0 0; width: auto; height: auto; }
.loan-box::before { content: ""; background: url(../images/loan-bg.png) no-repeat; position: absolute; left: -150px; top: 40%; background-size: cover; background-position: left; width: 150px; height: 150px; }
.loan-content { width: auto; max-width: 780px; margin: auto; }
.myinfo-block .form-group { background: #ffffff; box-shadow: 0px 0px 6px #ddd; padding: 10px; margin: 15px 0 0px; border-radius: 5px; }
.myinfo-block .select { height: 28px; font-size: 16px; }
.myinfo-block .select-styled { padding: 5px 0px; border-radius: 0; border: 0; }
.myinfo-block .select-styled::after { top: 13px; right: 0px; }
.myinfo-block .select-styled:active::after, .myinfo-block .select-styled.active::after { top: 5px; }
.myinfo-block .select-options { right: -10px; left: -10px; margin: 14px 0px 0px; background: #fff; }
.date-box { position: relative; }
.date-box input { padding-right: 15px; }
.date-box::after { content: "\f073"; font: normal normal normal 16px/1 FontAwesome; position: absolute; right: 0px; top: 8px; color: #080808; pointer-events: none; }
.date-box input[type="date"]::-webkit-inner-spin-button, .date-box input[type="date"]::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none;}
.loan-details-box { margin: 0 0 30px; }
.loan-box .form-group input:focus, .loan-box .form-group textarea:focus { box-shadow: none; }
.loan-content h2 { font-size: 24px; line-height: 32px; font-weight: 700; font-style: normal; color: #080808; margin-top: 0px; }
.loan-box .form-group label { margin: 0 0 7px; font-size: 12px; line-height: 15px; font-weight: 400; color: #575757; }
.loan-box .form-group .error { margin: 0 0 7px; font-size: 12px; line-height: 15px; font-weight: 400; color: #c20101; }
.loan-box .form-group input, .loan-box .form-group textarea { padding: 0; border: none; box-shadow: none; font-size: 16px; height: 34px; font-style: normal; font-weight: 400; color: #080808; }
.loan-step .nav-tabs > li > a { background: #CFCFCF; font-size: 20px; font-weight: 700; color: #fff; width: 40px; height: 40px; border-radius: 50%; line-height: 40px; text-align: center; padding: 0px; font-family: 'Montserrat', sans-serif; border: 0px; position: relative; z-index: 9; }
.loan-step .nav-tabs > li.active > a, .loan-step .nav-tabs > li.active > a:focus, .loan-step .nav-tabs > li.active > a:hover, .loan-step .nav-tabs > li.clicked > a { background: #19E68C; border: 0px; color: #fff; }
.loan-step .nav-tabs > li.active > a:after { content: ''; display: block; }
.loan-step .nav-tabs { border-bottom: 0px; text-align: center; display: flex; justify-content: space-between; align-items: center; max-width: 320px; margin: 0 auto 30px; }
.loan-step .nav-tabs:before, .loan-step .nav-tabs:after { display: none; }
.loan-step .nav-tabs > li { float: none; margin: 0 5px; display: inline-block; position: relative; }
.loan-step .nav-tabs > li::before { content: ''; display: block; width: 95px; border: 2px solid #CFCFCF; position: absolute; right: 100%; top: 50%; transform: translateY(-50%); z-index: 1; }
.loan-step .nav-tabs > li:first-child::before { display: none; }
.loan-step .nav-tabs > li.active::before, .loan-step .nav-tabs > li.clicked::before { border-color: #19E68C; }
.loan-step .nav-tabs > li.active > a::after { content: ''; display: block; background: #19E68C; opacity: 0.2; top: -10px; left: -10px; position: absolute; right: -10px; bottom: -10px; border-radius: 50%; }
.button-group { text-align: center; padding: 20px 0 0; }
.apply-button { text-align: center; min-width: 170px; height: 50px; display: inline-block; background: #080808; padding: 0px 13px; color: #B0B2B3; border-radius: 50px; font-size: 18px; line-height: 50px; font-weight: 500; margin: 0 20px 0 0; }
.apply-button.btnPrevious.disable { background: #B0B2B3; color: #fff; }
.apply-button:hover, .apply-button:focus { background: #080808; text-decoration: none; color: #fff; }
.continue-button { text-align: center; min-width: 170px; height: 50px; display: inline-block; background: #080808; box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25); padding: 0px 13px; color: #19E68C; border-radius: 50px; font-size: 18px; line-height: 50px; font-weight: 500; }
.continue-button:hover, .continue-button:focus { background: #19E68C; text-decoration: none; color: #fff; }
.form-group.flex-block { display: flex; justify-content: space-between; align-items: center; }
.loan-box .file-box input { width: 0px; height: 0px; }
.form-group.flex-block label { margin-bottom: 0px; width: 50%; line-height: 15.5px; }
.loan-box .form-group .file-box { margin: 13px 0px 13px 15px; background: #080808; border-radius: 50px; color: #fff; display: block; padding: 9px 20px; font-size: 16px; cursor: pointer; width: auto; }
.assest-block table { background: #ffffff; margin: 0; }
.assest-block table tr:nth-of-type(odd) { background: none; }
.assest-block table tr:nth-of-type(even) { background: #EFEFEF; }
.assest-block table tr { background: none; }
.assest-block table th { font-size: 12px; border: none !important; line-height: 15px; font-weight: 400; font-style: normal; color: #575757; }
.assest-block table td { font-size: 16px; line-height: 19px; border: none !important; font-weight: 400; font-style: normal; color: #575757; }
.assest-block .table-responsive { background: #fff; border-radius: 5px; margin: 15px 0px 0px; border: 1px solid #fff; }
/*****************
Get Quote page css 
*****************/
.loan-content-block { display: flex; justify-content: space-between; }
.loan-content-title p { max-width: 550px; }
.quote-continue { width: 420px; }
.submit-content { margin: 40px 0 0; }
.submit-content p { font-size: 14px; line-height: 17px; font-style: normal; font-weight: 400; color: #575757; }
.submit-content p a { color: #1D75DE; }
.submit-content p a:hover, .submit-content p a:focus { .title-section pcolor: #575757; text-decoration: none; }
.loan-box.quote-box form input { padding: 10px; height: 54px; border-radius: 6px; }
.loan-box.quote-box .form-group label { font-size: 16px; margin: 0 0 7px 12px; line-height: 23px; }
.loan-box.loan-box.quote-box .form-group select { padding: 6px 12px; }
.loan-box.quote-box form textarea { padding: 10px; height: 100px; border-radius: 6px; }

/*****************loan offers css start********************/

.wrapper.grey-bg {
    background: #EFEFEF;
}
.loan-offer-block {
    padding: 80px 0 100px;
	position:relative;
}
.loan-offer-block > .container {
    position: relative;
    z-index: 9;
}
.loan-offer-block::after {
    content: '';
    display: block;
    width: 400px;
    height: 500px;
    background: url(../images/left-bg.png);
	background-size: contain;
background-repeat: no-repeat;
background-position: left;
    position: absolute;
    bottom: 0px;
    left: 0px;
}
.loan-offer-block::before {
    content: '';
    display: block;
    width: 250px;
    height: 250px;
    background: url(../images/right-bubble-bg.png);
	background-size: contain;
background-repeat: no-repeat;
background-position: right;
    position: absolute;
    top: 0px;
    right: 0px;
}
.title-section { margin-bottom: 20px; }
.title-section h2 {  font-size: 42px; font-style: normal; font-weight: 700; line-height: 36px; margin: 0px 0px 15px; text-align: left; color: #080808; }
.title-section p { font-size: 18px; font-style: normal; font-weight: 400; line-height: 26px; letter-spacing: 0em; text-align: left; color: #757575; }
.preapprove-loan-inner { background: #FFFFFF;border: 1px solid #EFEFEF;box-sizing: border-box;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.08);border-radius: 6px; margin-top: 30px;padding:20px; min-height:380px; }
.preapprove-loan-top {  display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; border-bottom: 1px solid #CFCFCF; margin: 0px 0px 10px;
padding-bottom: 15px;min-height: 55px; }
.preapprove-loan-top h4 { color: #757575; font-weight: 700; font-size: 16px; width: 66.66%;  margin: 0; padding: 0px 5px}
.preapprove-loan-top .logo-block { width: 33.33%; padding: 0px 5px; }
.preapprove-loan-top .logo-block img { width: 100%;height: 100%;}
.preapprove-loan-mid {  display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0px -10px; }
.preapprove-loan-mid .loan-mid { width: 48%; padding: 10px; }
.loan-mid h5 { color: #757575; font-size: 14px; font-weight: 600; margin: 0px 0px 5px; }
.preapprove-loan-mid .loan-mid .amont { color: #080808; font-size: 20px; font-weight: 700; display: block; margin-bottom: 3px; font-family: 'Montserrat', sans-serif; }
.preapprove-loan-mid .amnt-limit { font-size: 11px;
font-weight: 700;
padding: 3px 3px;
display: inline-block;
text-align: center;
background: #E3E8F4;
border-radius: 3px;
color: #1D75DE; }
.preapprove-loan-btn {  margin: 20px 0 0; display: flex; justify-content: space-between; align-items: center;}
.preapprove-loan-btn .black-btn {
    margin: 0px;
    height: 40px;
    line-height: 40px;
    min-width: 215px;
}
.info-btn {
    color: #575757;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
	margin-left:5px;
}
.custom-popup .modal-content {
    background: #FFFFFF;
    box-shadow: 5px 10px 25px rgba(8, 8, 8, 0.2);
    border-radius: 12px;
}
.custom-popup  .modal-body {   
    padding: 40px;
}
.custom-popup .modal-header {
    padding: 0;
    border-bottom: 0;
}
.custom-popup .modal-dialog {
    width: auto;
	max-width:600px;
    margin: 30px auto;
    top: 150px;
}
.custom-popup .modal-header .close {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 30px;
    font-weight: normal;
	z-index: 9;
}
.custom-popup h3 {
    font-weight: 700;
    color: #080808;
    margin: 30px 0px 15px;
}
.custom-popup p {
    color: #575757;
    font-size: 16px;
}
.apply-link {
    color: #080808;
    font-size: 16px;
    font-weight: 500;
    margin-top: 30px;
    display: inline-block;
}
.apply-link .fa {
    margin-left: 5px;
}


/**************Loan appointment page*****************/

.title-section mark {
    background: #19E68C;
}
.title-section h3 {
    font-weight: 700;
    margin-bottom: 20px;
	line-height: normal;
}
.loan-appoint-block > .container {
    max-width: 780px;
}
.loan-appoint-block .title-section p {
    font-size: 18px;
}
.loan-appoint-block .date-box::after {
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
}
.form-group.time-block .select-styled::after {
    content: "\f017";
    font: normal normal normal 18px/1 FontAwesome;    
    top: 50%;
    transform: translateY(-50%);
    border: 0px;
    width: auto;
    height: auto;
}
.location-block .select {    
    background: #FFF;
    border-radius: 6px;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    border: 1px solid transparent;
	font-size: 14px;
}
.location-block .select-styled {
    height: 20px;
    overflow: hidden;    
    border: 0px;
	padding:0px 20px 0px 10px;
	top:50%;
	transform: translateY(-50%);
}
.location-block .select-styled::after {    
    top: 70%;
    right: 10px;
    transform: translateY(-50%);
}
.location-block .select-styled:active::after, .location-block .select-styled.active::after{top:40%;}
.button-group .black-btn {
    margin: 0px auto 20px;
}
.thankyou-block {
    text-align: center;
    padding: 50px 0px 100px;
}
.thankyou-block h2 {
    font-size: 42px;
    font-weight: 700;
    margin: 30px 0px 15px;
}
.thankyou-block p {
    font-size: 18px;
    color: #575757;
}
.thankyou-block p strong{
color: #080808;
}

/* *************Loan tip page css start************** */

.inner-banner {background-image: url(../images/loan-tip-bg.png);background-size: cover;background-position: center bottom;padding: 150px 0px 60px;margin-bottom: 100px;position: relative;z-index: 1;}
.banner-img-right {text-align: right;margin-bottom: -150px;}
.banner-content {margin-top: 60px;}
.banner-content h2 {font-size: 52px;font-weight: bold;color: #fff;margin: 0px 0 20px;}
.banner-content p {font-size: 24px;color: #fff;}

/***************inner contant sec*************/

.btn.btn-new {box-shadow: 0 0 8px rgb(25 230 140 / 25%);background-color: #19E68C;color: #080808;border-radius: 50px;padding: 7px 13px;font-size: 18px;line-height: 25px;font-family: 'Roboto';font-weight: 500;min-width: 100%;}
.fix-box {background-color: #fff;box-shadow: 0 3px 8px rgb(0, 0, 0, .25);padding: 30px;border-radius: 25px;}
.fix-box h6 {font-family: Roboto;font-weight: Bold;font-size: 24px;line-height: 31px;margin: 0 0 22px;}
.fix-box .fix-box-loan .img-box {width: 71px;}
.fix-box .fix-box-loan .text-box {width: calc(100% - 71px);padding-left: 20px;}
.fix-box-loan {display: flex;flex-wrap: wrap;align-items: center;margin-bottom: 25px;}
.fix-box .fix-box-loan .text-box span {display: block;font-family: Roboto;font-weight: 400;font-size: 16px;line-height: 22px;}
.fix-box .fix-box-loan .text-box  p {font-family: Roboto;font-weight: 900;font-size: 18px;line-height: 25px;}
.color-blue {display: block;font-weight: Bold;font-size: 18px;line-height: 25px;color: #19E68C;margin: 0 0 14px;padding: 0;}
.overview-sec h2 {font-weight: Bold;font-size: 42px;margin: 0 0 40px;}
.overview-sec p {font-weight: 400;font-size: 18px;line-height: 25px;margin-bottom: 30px;color: #575757;}
.overview-sec ul {padding-left: 20px;margin-bottom: 30px;}
.overview-sec ul li {font-family: Roboto;font-weight: 400;font-size: 18px;line-height: 25px;list-style-type: disc;color: #575757;}
.img-overview {margin-bottom: 45px;margin-top: 45px;}
.img-overview img {width: 100%;}
.inner-loan-tip {display: flex;flex-wrap: wrap;}
.inner-loan-tip .left-box {width: 370px;}
.inner-loan-tip .right-box {width: calc(100% - 370px);padding-left: 140px;}
.load-top-sec {position: relative;padding-top: 110px;padding-bottom: 165px;}
.load-top-sec:before {content: "";width: 400px;height: 400px;position: absolute;left: 0;top: 0;background-image: url(../images/first-bg.svg);background-repeat: no-repeat;background-position: left top;background-size: contain;z-index: -1;}
.load-top-sec:after {content: "";width: 150px;height: 150px;position: absolute;left: 0;top: 0;background-image: url(../images/second-bg.svg);background-repeat: no-repeat;background-position: left top;background-size: contain;z-index: -1;left: 204px;top: 0;}
.loan-tip-block {position: relative;width: 100%;}
.loan-tip-block:before {content: "";width: 400px;height: 400px;position: absolute;left: 0;bottom: 0;background-image: url(../images/third-bg.svg);background-repeat: no-repeat;background-position: left top;background-size: contain;z-index: -1;}
.loan-tip-block:after {
content: "";
width: 150px;
height: 150px;
position: absolute;
background-image: url(../images/second-bg.svg);
background-repeat: no-repeat;
background-position: left top;
background-size: contain;
z-index: -1;
left: 204px;
bottom: 400px;
}
.bg-sec {position: relative;width: 100%;}
.bg-sec:before {content: "";width: 400px;height: 400px;position: absolute;right: 0;top: 20%;background-image: url(../images/fifth-bg.svg);background-repeat: no-repeat;background-position: right top;background-size: contain;z-index: -1;}
.overview-sec a {color: #1D75DE;font-weight: 400;font-size: 18px;line-height: 25px;margin-bottom: 30px;}
/**********adding sec************/
.mobile {display: none;}
.desktop {display: block;width: 100%;}
.inner-add-sec {position: relative;}
.inner-add-sec .text-box {position: absolute;top: 50%;right: 100px;transform: translateY(-50%);max-width: 400px;}
.inner-add-sec .text-box h2 {font-size: 42px;font-weight: bold;margin-bottom: 15px;margin-top: 0;}
.inner-add-sec .text-box p {font-weight: 400;font-size: 18px;line-height: 25px;margin-bottom: 34px;}
.btn.btn-lar {box-shadow: 0 0 8px rgb(25 230 140 / 25%);background-color: #19E68C;color: #080808;border-radius: 50px;width: 100%;padding: 13px;font-size: 18px;line-height: 25px;font-family: 'Roboto';font-weight: 500;}
.Add-sec {margin-bottom: 100px;}

/**********************/
.loan-tips-sec {margin: 100px 0 170px;position: relative;}
.loan-tips-sec h2 {text-align: center;font-size: 42px;margin-bottom: 50px;}
.loan-tips-sec ul {display: flex;flex-wrap: wrap;align-items: center;position: relative;}
.loan-tips-sec ul li {width: calc(50% - 58px); margin: 0 29px;}
.loan-tips-sec ul li a {width: 100%;display: block;box-shadow: 0 4px 11px rgb(0, 0, 0, .20);margin-bottom: 20px;font-family: Roboto;font-weight: 400;font-size: 18px;line-height: 25px;padding: 13px 10px;text-align: center;border-radius: 50px;color: #080808;background-color: #fff;}
.loan-tips-sec ul li a.active, .loan-tips-sec ul li a:hover {color: #19E68C;}
.loan-tips-sec .inner-loan-tips:before {content: "";width: 100%;height: 100%;position: absolute;right: 0;top: 16%;background-image: url(../images/six-bg.svg);background-repeat: no-repeat;background-position: right bottom;background-size: contain;z-index: -1;}


/***********************/


.business-sec {padding: 180px 0 170px;}
.business-sec h1 {font-weight: bold; font-size: 52px; max-width: 580px; margin-bottom: 88px;}
.business-sec ul li {margin-bottom: 23px;font-weight: 400;font-size: 24px;line-height: 31px;display: flex;align-items: center;/* white-space: nowrap; *//* word-break: break-all; */}
.business-sec ul li a {color: #080808;/* word-break: break-all; */}
.business-sec ul li .bg-light-grey {background-color: #D0D1D1;padding: 5px 8px;margin-left: 10px;border-radius: 6px;font-weight: 100;font-size: 14px;line-height: 19px;display: inline-block;/* width: 85px; */min-width: 85px;/* max-width: 85px; */}
.business-sec ul li a:hover {color: #19E68C;}



/*************faq******************/

.faq-sec .accordion {background-color: transparent;color: #080808;cursor: pointer;padding: 30px 20px 34px 0;width: 100%;border: none;text-align: left;outline: none !important;transition: 0.4s;font-family: Roboto;font-weight: 100;font-size: 20px;line-height: 24px;position: relative;}
.faq-sec .active, .faq-sec .accordion:hover {color: #19E68C;}
.faq-sec .accordion:after {content: "";width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid #080808;position: absolute;right: 0;transition: all .5s;top: 39px;}
.faq-sec .active:after {transform: rotate(180deg);}
.faq-sec .panel {padding: 0 0;background-color: transparent;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;margin: 0;}
.inner-faq-acc {padding-bottom: 34px;float: left;width: 100%;}
.faq-sec {background-image: url(../images/bg-faq.png);background-repeat: no-repeat;background-position: 100% 50px;background-size: contain;}
.faq-sec {background-color: #EFEFEF;padding-bottom: 150px;}
.heading-faq h1 {font-weight: bold;font-size: 52px;width: 580px;margin: 0 auto;padding: 220px 0 218px;}
.inner-faq-acc p {font-family: Roboto;font-weight: 400;font-size: 18px;line-height: 25px;color: #575757;}
.faq-sec .container {max-width: 780px;}
.Add-sec.faq-page {background-color: #efefef;margin-bottom: -70px;padding-bottom: 170px;}
.Add-sec.faq-page .top-add-sec h2 {margin-bottom: 140px;font-weight: bold;font-size: 42px;}
.Add-sec.faq-page .top-add-sec h2 .email-us-sec {font-weight: 400;font-size: 20px;line-height: 26px;}
.Add-sec.faq-page .top-add-sec h2 .email-us-sec a {color: #19E68C;}
.inner-add-sec input {width: 100%;height: 54px;border-radius: 16px;border: none;padding: 10px 14px;margin-bottom: 10px;}
.inner-add-sec form .btn.btn-lar {margin-top: 20px;}


/****************blog page******************/


.inner-banner.blog-banner .banner-content h2, .inner-banner.blog-banner .banner-content p {color: #080808;}
.blog-sec {display: flex;flex-wrap: wrap;}
.blog-sec .com-blog-box {width: calc(33.33% - 30px);margin: 15px;box-shadow: 5px 10px 25px rgb(8 8 8 / 10%);padding: 10px;border-radius: 12px;position: relative;background-color: #fff;}
.blog-sec .com-blog-box .img-box img {width: 100%;}
.blog-sec .com-blog-box .text-box {padding-top: 20px;margin-bottom: 40px;}
.blog-sec .com-blog-box .text-box h3 {margin: 0;padding: 0 10px 40px;}
.blog-sec .com-blog-box .text-box h3 a {color: #080808;font-family: Roboto;font-weight: bold;font-size: 18px;line-height: 25px;transition: all 0.5s;}
.blog-sec .com-blog-box .text-box .calendar {padding-right: 20px;position: absolute;bottom: 15px;right: 0;}
.blog-sec .com-blog-box .text-box .calendar p {color: #575757;font-family: Roboto;font-weight: 400;font-size: 16px;line-height: 22px;}
.blog-sec {background-color: #EFEFEF;padding: 160px 0 60px;margin-bottom: -66px;margin-top: -160px;position: relative;z-index: 0;}
.blog-sec .com-blog-box .text-box h3 a:hover {color: #19E68C;}
nav ul.pagination li a {background-color: transparent;border: none;font-family: Roboto;font-weight: 400;font-size: 18px;line-height: 23px;color: #080808;}
nav ul.pagination li.active a, nav ul.pagination li:hover a {background-color: transparent;color: #19E68C;}
nav ul.pagination {margin: 60px auto 130px;display: flex;justify-content: center;}
.inner-banner.blog-banner {background-image: url(../images/bacg-green.png);}


/*************modal******/

.modal-retrieve .loan-box.quote-box input {background: #FFFFFF;border-radius: 6px;border: 0px;box-shadow: none;height: 54px;padding: 10px;font-size: 18px;font-weight: 400;color: #080808;}
.modal-retrieve .loan-box.quote-box {margin: 0;}
.modal-retrieve button.close {position: absolute;z-index: 9999;right: 15px;top: 8px;color: #080808;opacity: 1;font-size: 30px;}
.modal-retrieve .modal-dialog {top: 50%;transform: translateY(-50%) !important;}
.my-info-logo {margin: 0 auto;text-align: center;}


/**********single blog*******/

.blog-single-sec .banner-blog {padding-top: 140px;}
.blog-single-sec .banner-blog img {width: 100%;display: block;}
.blog-single-sec .inner-single-blog {padding: 60px 0 145px;}
.blog-single-sec .inner-single-blog .left-single-blog h1 {margin: 0;font-weight: bold;font-size: 42px;padding-bottom: 20px;}
.blog-single-sec .inner-single-blog .left-single-blog .heading-blog {font-family: Roboto;font-weight: 400;font-size: 18px;line-height: 25px;color: #B0B2B3;margin-bottom: 14px;display: flex;align-items: center;}
.blog-single-sec .inner-single-blog .left-single-blog .heading-blog a {font-weight: 400;font-size: 18px;line-height: 25px;color: #19E68C;}
.admin-img i {font-size: 30px;}
.blog-single-sec .inner-single-blog .left-single-blog .heading-blog i {margin-right: 12px;}
.blog-single-sec .inner-single-blog .left-single-blog p {font-size: 18px;font-weight: 400;line-height: 25px;margin-bottom: 30px;color: #575757;}
.blog-single-sec .inner-single-blog .left-single-blog p a {color: #1D75DE;}
.blog-single-sec .inner-single-blog .left-single-blog  h2 {font-weight: bold;font-size: 24px;line-height: 31px;margin-bottom: 23px;padding-top: 20px;margin-top: 0;color: #080808;}
.blog-single-sec .inner-single-blog .left-single-blog img {margin-bottom: 30px;}


.blog-single-sec .inner-single-blog .left-single-blog .top-single-bg p {
    margin-bottom: 14px;
}

.blog-single-sec .inner-single-blog .left-single-blog .top-single-bg {
    margin-bottom: 36px;
}

.left-single-blog {
    padding: 0 0 0 85px;
}

.right-single-blog {
    float: right;
    text-align: center;
}

.right-single-blog p {
    font-family: Roboto;
    font-weight: Bold;
    font-size: 16px;
    line-height: 22px;
}

.right-single-blog .social-sec li {
    margin-bottom: 20px;
}

.right-single-blog .social-sec {
    margin-top: 14px;
}

.right-single-blog .social-sec li a {
    font-size: 17px;
    display: block;
    line-height: 1.2;
    transition: all 0.5s;
}

.fb {
    color: #fff;
    background-color: #4267B2;
    padding: 5px;
    color: #fff;
    border-radius: 7px;
    width: 30px;
    height: 30px;
    margin: 0 auto;
}

.link {
    color: #fff;
    background-color: #0E76A8;
    padding: 5px;
    color: #fff;
    border-radius: 7px;
    width: 30px;
    height: 30px;
    margin: 0 auto;
}

.send {
    color: #fff;
    background-color: #0088CC;
    padding: 5px;
    color: #fff;
    border-radius: 7px;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    font-size: 15px !important;
    line-height: 1.4 !important;
}

.twitter {
    color: #fff;
    background-color: #00ACEE;
    padding: 5px;
    color: #fff;
    border-radius: 7px;
    width: 30px;
    height: 30px;
    margin: 0 auto;
}

.whatsapp {
    background-color: #25D366;
    padding: 5px;
    color: #fff;
    border-radius: 7px;
    width: 30px;
    height: 30px;
    margin: 0 auto;
}

.right-single-blog .social-sec li a:hover {
    transform: rotateY(360deg);
    color: #fff;
}
.blog-single-sec .blog-main-block {
    background-image: none;
}




/*************join-mailing-list page****************/

.join-mailing-list .loan-box.quote-box {
    margin: 0;
    padding-top: 80px;
}

.join-mailing-list button.close {
    position: absolute;
    z-index: 9999;
    right: 15px;
    top: 8px;
    color: #B0B2B3;
    opacity: 1;
    font-size: 30px;
    font-weight: 400;
}
.join-mailing-list .loan-box.quote-box .my-info-logo {
    position: absolute;
    top: -65px;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.join-mailing-list .modal-dialog {
    top: 50%;
    transform: translateY(-50%) !important;
}

.join-mailing-list .loan-box.quote-box .flex-join-mailing-list {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}

.join-mailing-list .loan-box.quote-box .flex-join-mailing-list input {
    background: #FFFFFF;
    border-radius: 6px;
    border: 0px;
    box-shadow: none;
    height: 54px;
    padding: 10px;
    font-size: 18px;
    font-weight: 400;
    color: #080808;
}

.join-mailing-list .loan-box.quote-box .loan-details-box {
    margin: 0;
}

.join-mailing-list .loan-box.quote-box .loan-details-box h2 {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 42px;
}
.join-mailing-list .button-group {
    margin-top: 0;
    padding: 0;
}


/**************blog-lifestyle page***************/

.blog-sec.blog-style-sec {
    margin-top: 0;
    padding-bottom: 170px;
}

.heading-blog-style {
    width: 100%;
    position: relative;
    z-index: 9;
}

.heading-blog-style h1 {
    font-weight: bold;
    font-size: 24px;
    line-height: 31px;
    padding-left: 15px;
    margin: 0 0 30px;
}



/***************single business page design*************/


.blog-single-sec.business-listion-details .left-single-blog {
    padding: 180px 0 0;
}

.blog-single-sec.business-listion-details .left-single-blog h4 {
}

.business-listing-page {
    padding-bottom: 50px;
    position: relative;
}

.business-listing-page:before {content: "";width: 100%;position: absolute;bottom: 18px;left: 0;background-color: #ddd;height: 1px;}

.business-listing-page:last-child {
    padding: 0;
}

.business-listing-page:last-child:before {
    display: none;
}

.business-listing-page ul li {
    font-size: 15px;
    margin-bottom: 5px;
}




/****************loan tips new sec design******************/

.related-loan-tips-sec {
    margin-bottom: 100px;
}

.related-loan-tips-sec h2 {
    font-weight: Bold;
    font-size: 42px;
    display: block;
    margin-bottom: 50px;
}

.related-loan-tips-sec .related-loan-sec {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
}

.related-loan-tips-sec .related-loan-sec .related-box {
    width: calc(50% - 20px);
    margin: 10px;
    background-color: #fff;
    box-shadow: 0 3px 8px rgb(0 0 0 / 25%);
    padding: 10px;
    border-radius: 12px;
    display: flex;
    flex-wrap: wrap;
}

.related-loan-tips-sec .related-loan-sec .related-box .img-related {
    width: 48%;
}

.related-loan-tips-sec .related-loan-sec .related-box .text-related {
    width: 52%;
    padding-left: 20px;
    position: relative;
    padding-bottom: 25px;
}

.related-loan-sec .related-box .text-related h4 {
    margin: 0;
    font-weight: Bold;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 14px;
    color: #080808;
}

.related-loan-sec .related-box .text-related p {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #575757;
}

.related-loan-tips-sec .related-loan-sec .related-box .text-related a {
    position: absolute;
    right: 6px;
    bottom: 0;
    font-family: Roboto;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #19E68C;
    display: inline-flex;
    align-items: center;
}
.related-loan-tips-sec .related-loan-sec .related-box .text-related a i {
    margin-left: 6px;
}
.related-loan-tips-sec .related-loan-sec .related-box .img-related img {
    height: 100%;
    object-fit: cover;
}
.button-group .btn-sumit {
    padding-left: 50px;
    padding-right: 50px;
}

div .text-danger {
    color: red;
    font-style: italic;
}

.bigpara {
    font-size:28px !important;
    padding-bottom: 15px;
}

.loan-offer-block .thankyou-block p {
    font-size: 16px;
}

.loan-offer-block .thankyou-block br {
    display: none;
}