body {font-family: 'Roboto', sans-serif;}
header {position: absolute; width: 100%; text-align: center;}
.logo {width: 160px; margin: 20px 0px;}
.banner {background: url('../images/banner-bg.png') no-repeat #830a0a; background-size: cover; display: flex; align-items: center; justify-content: center; padding-top: 150px; padding-bottom: 50px;}
.banner-box {display: block; align-items: center; justify-content: center;width: 100%;}
.banner-box img {width: 400px;}
.bannerText {width: 100%;}
.banner-box h1 {font-size: 28px; color: #FFF; text-transform: uppercase; text-align: center;}
.banner-box h1 span {display:block; color: #FFF;}
.banner-box p {font-size: 14px; color: #fff; text-align: center;}
.form-section {width:100%; max-width: 800px; background: #FFF; padding: 20px; border-radius: 15px; margin: 0px auto;}
.form-heading {position: relative; text-align: center; padding: 0px 0px 10px 0px; margin-bottom: 30px;}
.form-heading::after {background:#830a0a; width: 100px; height: 3px; content: ''; position: absolute; bottom: 0; left: 50%; margin-left: -50px;}
.form-heading h3 {font-size: 16px; font-weight: 600; line-height: 18px; color: #830a0a; margin: 0;}
.form-heading p {font-size: 0.8rem; font-weight: 500; line-height: 18px; color: #212121; padding: 0px 10px 0px 10px; margin: 0;}
.form-section h4 {font-size:14px; color:#2B2B2B; text-align: left;}
.form-section .form-control {font-size:14px; border: 1px #C9C9C9 solid; border-radius: 5px;}
.form-control::placeholder {color: #2B2B2B; opacity: 0.5;}

.loan-box {text-align: center; margin: 50px 0px; padding: 10px;}
.loan-box .loan-icon {width: 150px; height: 150px; display: flex; justify-content: center; align-items: center; border: 2px #830a0a solid; border-radius: 5px; margin: 0px auto; box-shadow: inset 0px 0px 0px 2px #be1818;}
.loan-box .loan-icon img {width: 60px;}
.loan-box h3 {font-size: 18px; margin: 15px 0px 0px 0px; font-weight: 900;}
.loan-box p {font-size:14px; font-weight: 500; color:#676767;}

.bottombanner {background: url('../images/bottom-bg.png') no-repeat; background-size: cover; display: flex; align-items: center; justify-content: center; padding: 40px 0px 0px 0px;}
.banner-bottombox {width: 100%;}
.banner-bottombox img {width:100%; max-width: 350px;}
.banner-bottomtext {width: 100%; max-width: 450px;}
.banner-bottombox h1 {font-size: 54px; color: #000; font-weight: 600; text-align: left;}
.banner-bottombox h1 span { color: #830a0a;}
.banner-bottombox p {font-size: 16px; color: #000; text-align: left;}

footer {background: #2B2B2B; padding: 10px; text-align: center;}
footer p {color: #FFF; margin: 0; font-size: 14px;}

.action-btn {padding: 10px 20px 10px 20px; font-size: 14px; color: #FFF; font-weight: 400; display: inline-block; margin: 3px; border-radius: 5px; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; cursor: pointer; border: 0px #000 solid;}
.primary-btn {color: #FFF; background: #830a0a;}
.primary-btn:hover {color: #FFF; background: #830a0a; text-decoration: none;}

.innerdetail {height: auto;}
.innerheading {padding: 80px 0px;}

.banner-box h1 {text-transform: capitalize;}
.offerlist {padding: 40px 0px;}
.offerBox {background: #f8f8f8; margin: 0px 0px 20px 0px; padding: 10px; border: 1px #eee solid; border-radius: 5px;}
.offerBox .offersubBox {display:flex;}
.offerBox .offersubBox img {min-width: 100px; max-width: 100px; height: 70px; object-fit: contain; border-radius: 5px; margin-right: 10px; border: 1px #eee solid; padding: 5px; background: #FFF; box-shadow: 1px 1px 2px 1px #eee;}
.offerBox h3 {font-size: 16px; font-weight: 600;}
.offerBox ul {margin: 0; padding: 0;}
.offerBox ul li {position: relative; font-size: 12px; font-weight: 500; text-align: left; line-height: 1.5; color: #555555; padding: 0px 17px; margin: 5px 0px; list-style-type: none; float: left; width: 50%;}
.offerBox ul li::before {position: absolute; content: ''; background: url('../images/correct.png')0 no-repeat; background-size: contain; left: 0; top: 3px; width: 12px; height: 12px;}
.offerBox p {font-size: 12px; font-weight: 500; color: #555555;}
.offerbottom {display: inline-block; width: 100%; text-align: right;}
.offerBox .action-btn {padding: 5px 20px 5px 20px; font-size: 12px; border-radius: 30px;}

ul.parsley-errors-list {margin: 0; padding: 0;}
ul.parsley-errors-list li {font-size: 12px; font-weight: 500; color: #ff0000; list-style-type: none; text-align: left;}

.thankyou-container {display: flex; height: 100%; position: absolute; width: 100%; padding: 0;}

.thankyoubox {text-align: center;}
.thankyoubox img {width: 100px; display: inline-block; margin: 20px 0px;}
.thankyoubox h1 {font-size: 36px; color: #FFF;}
.thankyoubox span {font-size: 16px; font-weight: 300; color: #FFF; display: block;}
.thankyoubox span {font-size: 14px;}

.form-control + ul + span, .form-control + ul + span + span,  .form-control + ul + span + span + span {font-size: 12px; color: #ff0000; font-weight: 500; display: block; text-align: left;}

footer + script + img {display: none;}

@media (min-width: 1200px) {
    .container {max-width: 1360px;}
}

@media (max-width: 768px) {
    header {background: #830a0a; position: relative; text-align: center;}
    .banner {display: block; height: auto; padding: 20px 0px 20px 0px;}
    .banner-box {flex-direction: column;}
    .banner-img {order: 1;}
    .banner-box h1 {font-size: 18px;}
    .banner-box p {font-size: 12px;font-weight: 500;}
    .banner-box {text-align: center;}
    .banner-box img {width: 70%;margin: 20px auto;}
    .loan-box {margin: 20px 0px;}
    .banner-bottombox h1 {font-size: 22px; margin: 10px 0px;}
    .offerBox ul li {width: 100%;}
    .offerbottom {text-align: left;}
    .offerBox .offersubBox {display: block;}
    .offerBox .offersubBox img {margin-bottom: 10px;}
    .innerheading {padding: 20px 0px;}
    .thankyoubox img {width: 70px;}
    .thankyoubox h1 {font-size: 22px;}
}