body{background-color:#f7f5f9}.car-loan-bg{width:100%;background-size:cover;background-position:bottom;background-repeat:no-repeat;background-image:url('/Images/car-loan-cover.jpg');position:relative;padding:180px 100px}.car-loan-bg>.title{font-size:70px;color:#fff;font-weight:bold;font-family:'Changa',sans-serif;line-height:70px}.car-loan-bg>.sub-title{font-size:30px;color:#fff}.loan-detail{font-size:30px;color:#121212;max-width:1000px;margin-left:auto;margin-right:auto;padding:10px;padding-top:50px}.body-context{margin:20px 0;position:relative;display:flex;max-width:1000px;margin-left:auto;margin-right:auto;box-shadow:3px 3px 7px rgba(0,0,0,.15)}.body-context>.left-context{flex:5;background-color:#fff;padding:30px 10px}.body-context>.left-context>.header{font-size:25px;font-family:'Roboto',sans-serif;color:#000;padding-left:15px}.body-context>.right-context{flex:3;padding:15px;padding-left:35px;background-color:#00ace8}.body-context>.right-context>.header{font-size:20px;font-weight:bold;font-family:'Roboto',sans-serif;color:#fff}.body-context>.right-context>.header>i{height:25px;width:25px;border:1px solid #0e9a90;padding:5px;font-size:14px}.body-context>.right-context>.detail{color:#fff;font-size:14px;padding-bottom:25px}.body-context>.right-context>.contact-no{font-size:18px;color:#fff;font-weight:bold;font-family:'Roboto Condensed',sans-serif;padding:5px 0}.body-context>.right-context>.contact-no>i{height:25px;width:25px;border-radius:50%;background-color:#000;color:#fff;padding:5px}.body-context label{font-size:12px;font-weight:normal;color:#99999f;margin-top:10px}.body-context .input{border:1px solid #ddd;padding:10px;width:100%;outline:none}.body-context .input-group-addon{background-color:transparent;color:#333;border:1px solid #ddd}.body-context input[type="date"]{height:40px}.body-context .input:focus{border:1px solid #ced6e6;box-shadow:0 3px 7px rgba(17,33,159,.09)}.body-context .button{width:40px;height:40px;background-color:#e00;border:none;border-radius:50%;float:right;box-shadow:3px 3px 7px rgba(0,0,0,.2)}.body-context .button img{height:20px;padding-left:4px}.body-context .button:hover{background-color:#00ace8}.body-context .button:focus{background-color:#0e9a90;box-shadow:3px 4px 7px rgba(0,7,137,.2);outline:none}.body-context>.right-context label{font-size:12px;font-weight:normal;color:#fff;margin-top:10px}.body-context>.right-context .input{border:1px solid #ddd;padding:10px;width:100%;outline:none;background-color:transparent}.body-context>.right-context .input:focus{border:1px solid #fff;box-shadow:0 3px 7px rgba(17,33,159,.09)}@media(max-width:991px){.car-loan-bg{padding:130px 100px}.car-loan-bg>.title{font-size:50px;line-height:40px}}@media(max-width:767px){.car-loan-bg{padding:100px 100px}.car-loan-bg>.title{font-size:40px;line-height:40px}.car-loan-bg>.sub-title{font-size:22px}.loan-detail{font-size:25px}.body-context>.right-context{padding:15px;padding-left:25px}}@media(max-width:600px){.car-loan-bg{padding:80px 50px}.car-loan-bg>.title{font-size:30px;line-height:30px}.car-loan-bg>.sub-title{font-size:18px}.loan-detail{font-size:16px}}@media(max-width:500px){.car-loan-bg{padding:60px 30px}.car-loan-bg>.title{font-size:25px;line-height:30px}.car-loan-bg>.sub-title{font-size:16px}.body-context{display:block}.body-context>.left-context{flex:unset;padding:30px 0}.body-context>.right-context{flex:unset;padding:15px 10px}.body-context>.right-context>.header{font-size:16px}.body-context>.right-context>.detail{font-size:13px}.body-context>.right-context>.contact-no{font-size:16px}}@media(max-width:400px){.car-loan-bg{padding:50px 20px}.car-loan-bg>.title{font-size:22px;line-height:25px}.car-loan-bg>.sub-title{font-size:14px}}