body {
     font-family: 'Roboto';
     margin: 0 auto;
}

.owl-carousel .owl-item img {
     /*     min-height: 270px; */
}

.mob-version-logo {
     display: none;
}

.paddTop {
     padding-top: 100px;
}

.marginTop {
     margin-top: 120px;
}

.number {
     display: inline-block;
     direction: ltr;
}

.modal.article-modal {
     z-index: 999999;
     top: 125px;
     padding-bottom: 130px;
}

.article-modal .largeNewsInsightArticle {
     background-color: #fff;
     padding: 50px;
}

.article-modal .largeNewsInsightArticle-content {
     padding: 30px 0 0;
}

.article-modal .largeNewsInsightArticle .newsInsightArticle {
     background-color: #fff;
     margin-top: 30px;
}

.article-modal .modal-content {
     border: 0;
}

/**************bars*************/
#custom-bars {
     width: 35px;
     height: 22px;
     position: relative;
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
     -webkit-transition: .5s ease-in-out;
     -moz-transition: .5s ease-in-out;
     -o-transition: .5s ease-in-out;
     transition: .5s ease-in-out;
     cursor: pointer;
}

#custom-bars span {
     display: block;
     position: absolute;
     height: 3px;
     width: 100%;
     background: #003764;
     border-radius: 4px;
     opacity: 1;
     left: 0;
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
     -webkit-transition: .25s ease-in-out;
     -moz-transition: .25s ease-in-out;
     -o-transition: .25s ease-in-out;
     transition: .25s ease-in-out;
}

#custom-bars span:nth-child(1) {
     top: 0px;
     -webkit-transform-origin: left center;
     -moz-transform-origin: left center;
     -o-transform-origin: left center;
     transform-origin: left center;
}

#custom-bars span:nth-child(2) {
     top: 10px;
     -webkit-transform-origin: left center;
     -moz-transform-origin: left center;
     -o-transform-origin: left center;
     transform-origin: left center;
}

#custom-bars span:nth-child(3) {
     top: 20px;
     -webkit-transform-origin: left center;
     -moz-transform-origin: left center;
     -o-transform-origin: left center;
     transform-origin: left center;
}

#custom-bars.open span:nth-child(1) {
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
     top: -3px;
     left: 8px;
}

#custom-bars.open span:nth-child(2) {
     width: 0%;
     opacity: 0;
}

#custom-bars.open span:nth-child(3) {
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
     top: 22px;
     left: 8px;
}

/****************************************/
header {
     position: fixed;
     width: 100%;
     top: 0;
     left: 0;
     z-index: 99999;
}

.custom-nav-sec {
     position: absolute;
     z-index: 999;
     width: 100%;
     left: 0;
     background: rgb(23, 57, 99, .7);
     /*bottom: -165px;*/
     padding: 20px 0 10px;
     transform: translate(0, -260px);
     transition: .5s;
}

.custom-nav-sec.slide-nav {
     transform: translate(0, 0);
     transition: .5s;
}

.custom-nav {
     display: flex;
     justify-content: space-between;
     width: 100%;
     transition: .5s;
     margin: 0 auto;
     align-items: baseline;
}

.custom-nav ul {
     padding: 0;
     margin: 0;
}

.custom-nav li {
     list-style: none;
     padding-bottom: 10px;
}

.custom-nav li a {
     color: #fff;
     font-weight: 500;
     text-decoration: none;
}

#scrollButton {
     width: 50px;
     cursor: pointer;
     position: fixed;
     bottom: 30px;
     right: 80px;
     transition: background-color .3s,
          opacity .5s, visibility .5s;
     opacity: 0;
     visibility: hidden;
     z-index: 10000;
}

#scrollButton.show {
     opacity: 1;
     visibility: visible;
}

.custom-header {
     background-color: #fff;
     padding: 20px 0;
     z-index: 9999;
     position: relative;
}

.logo img {
     outline: 0;
     width: 270px;
}

.menu-side ul {
     padding: 0;
     display: flex;
     margin-bottom: 11px;
     align-items: center;
     justify-content: flex-end;
}

.menu-side li {
     list-style: none;
     padding-left: 20px;
}

.banner_carousel .carousel-item img {
     height: 100vh;
     width: 100%;
     object-fit: cover;
     object-position: top;
}

.slider-text {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     background: rgb(23, 57, 99, .7);
     padding: 30px 0;
}

.slider-caption {
     display: flex;
     align-items: end;
}

.slider-caption h5,
.slider-caption h1 {
     margin: 0;
     color: #fff;
     font-size: 62px;
     font-weight: 700;
     width: 80%;
}

.cust-btn:hover {
     color: #fff;
}

.slider-caption .cust-btn {
     height: 40px;
     line-height: 38px;
     padding: 0;
     display: inline-block;
     text-align: center;
     width: 210px;
     top: -8px;
     font-size: 20px;
     position: relative;
}

.cust-btn {
     white-space: nowrap;
     color: #fff;
     text-decoration: none;
     border-radius: 0 !important;
     font-size: 14px;
     padding: 6px 20px;
}

.quick-link-sec {
     padding: 50px 0;
}

.quick-link-slider {
     padding-top: 50px;
}

.quick-link-sec .text p,
.quick-link-sec .text h2,
.faq-text-sec p {
     margin: 0;
     color: #000;
     font-size: 26px;
     font-weight: 300;
     line-height: 1.4;
     text-align: center;
}

.quick-link-sec .text p a,
.quick-link-sec .text p strong,
.faq-text-sec p a {
     text-decoration: none;
     color: #000;
     font-weight: 500;
}

.quick-link-slider h4 {
     text-align: center;
     font-size: 24px;
     font-weight: 600;
     margin-bottom: 40px;
     color: #b38b30;
     border-bottom: 2px solid lightgrey;
     padding-bottom: 20px;
}

.quick-link-slider a {
     text-decoration: none;
}

.quick-link-slider h5 {
     font-size: 16px;
     text-align: center;
     padding-top: 14px;
     color: #000;
}

.quick-link-slider .owl-carousel {
     padding-top: 40px;
}

.icon-sec {
     padding: 50px;
     background-color: #eff7fd;
}

.basic-page-sec {
     padding: 50px 0;
     background-color: #eff7fd;
}

.basic-page-sec .paragraph {
     padding-bottom: 20px;
}

.basic-page-sec .paragraph p {
     line-height: 1.3;
     color: #000;
}

.basic-page-sec a {
     text-decoration: none;
}

.icon-sec .paragraph p,
.icon-sec .paragraph ul,
.icon-sec .paragraph ol {
     font-size: 18px;
     color: #000;
     font-weight: 400;
     line-height: 1.4;
}

.icon-row ul {
     /*padding: 40px 0 0;*/
     display: flex;
     align-items: baseline;
     justify-content: space-between;
     width: 55%;
     margin: 0 auto;
}

.icon-row li {
     list-style: none;
     text-align: center;
}

.icon-row li img {
     width: 100px;
}

.icon-row li h5 {
     color: #005084;
     padding-top: 10px;
     margin-bottom: 0;
     font-size: 18px;
}

.icon-row li p {
     margin: 0;
     font-size: 14px;
     line-height: 1.2;
     color: #005084;
     padding: 3px 10px 0;
}

.calculator-sec {
     padding: 50px 0;
}

.calculator-sec h3 {
     color: #005084;
     border-top: 2px solid lightgrey;
     font-size: 32px;
     padding-bottom: 20px;
}

.calculator-sec label,
.calculator-sec input,
.calculator-sec select,
.calculator-sec option {
     color: #005084;
     font-weight: 700;
     border-radius: 0;
     border: 0;
     font-size: 16px;
}

.calculator-sec input,
.calculator-sec select {
     background: #E5EDF2;
     margin-bottom: 16px;
     height: 50px;
}

.form-select:focus,
.form-control:focus {
     outline: 0;
     box-shadow: none;
     border-color: #005084;
     background: #E5EDF2;
     color: #005084;
}

.calculator-sec label {
     padding-bottom: 10px;
}

.custom-form-select {
     position: relative;
}

.custom-form-select::before {
     position: absolute;
     content: '';
     border-bottom: 3px solid;
     border-right: 3px solid;
     display: inline-block;
     width: 10px;
     height: 10px;
     transform: rotate(45deg);
     right: 12px;
     top: 16px;
     color: #005084;
}

.calculator-btn .cust-btn {
     width: 100%;
     height: 50px;
     padding: 0.375rem 0.75rem;
     border: 0;
     display: flex;
     align-items: center;
     justify-content: space-between;
     font-size: 16px;
     font-weight: 500;
}

.calculator-content p {
     font-size: 14px;
     color: #005084;
     font-weight: 600;
     margin: 0;
}

.calculator-content small {
     font-size: 13px;
     line-height: 1.2;
     display: block;
     color: #005084;
     font-weight: 400;
}

.calculator-content {
     border-bottom: 2px solid lightgrey;
     padding-top: 20px;
}

.calculator-sec-btn .cust-btn {
     border: 0;
     font-weight: 600;
     margin: 10px;
     width: 190px;
     font-size: 16px;
     text-align: center;
}

.calculator-sec-btn {
     padding-top: 30px;
}

.parllax-image {
     background-position: center 130px;
     background-repeat: no-repeat;
     background-size: cover;
     background-attachment: fixed;
     min-height: 500px;
}

.newsInsight-sec {
     padding: 50px 0;
     /* 	direction: ltr; */
}

.newsInsight-sec h4 {
     font-size: 24px;
     font-weight: 600;
     color: #b38b30;
     text-align: center;
}

.newsInsight-slider {
     padding-top: 40px;
}

.newsInsight-slider a {
     text-decoration: none;
}

.newsInsight-slider small {
     color: #000;
     padding-top: 10px;
     display: block;
}

.newsInsight-slider p {
     color: #003764;
     font-size: 16px;
     font-weight: 400;
     line-height: 1.4;
}

.newsInsight-slider h5 {
     color: #003764;
     font-weight: 600;
     font-size: 22px;
}

.newsInsight-slider .owl-prev {
     left: 250px;
}

.newsInsight-slider .owl-next {
     right: 250px;
}

.newsInsight-slider .owl-prev,
.newsInsight-slider .owl-next {
     position: absolute;
     top: -40px;
     font-size: 28px !important;
     color: #b38b30 !important;
}

.read-more {
     color: #e81e20;
}

.reward-sec {
     background: #7f8693;
     padding: 30px 0;
}

.reward-sec h5 {
     text-align: center;
     color: #fff;
     font-size: 24px;
     margin: 0;
     display: flex;
     justify-content: center;
     align-items: center;
}

.reward-sec .cust-btn {
     color: #003764;
     margin-left: 10px;
     font-size: 16px;
     width: 180px;
     display: block;
}

.footer {
     padding: 50px 0;
     background-color: #003764;
}

.footer-links {
     color: #fff;
     padding-bottom: 5px;
}

.footer-links a {
     text-decoration: none;
     color: #fff;
}

.footer-links p,
.footer-links h2 {
     font-weight: 200;
}

.footer-links p,
.footer-links h2 {
     margin: 0;
     padding-bottom: 10px;
     color: #fff;
     font-size: 15px;
}

.footer-links h6 {
     margin: 0;
     font-weight: 600;
     color: #fff;
     font-size: 17px;
     padding-bottom: 15px;
}

.social-icons {
     padding: 26px 0px 36px 0px;
     display: flex;
}

.social-icons a {
     color: #003764;
     font-size: 20px;
     width: 40px;
     height: 40px;
     /*background: #fff;*/
     display: block;
     text-align: center;
     margin-right: 30px;
     line-height: 40px;
     border-radius: 100%;
}

.contact-modal .modal-content {
     border: 0;
     padding: 100px 80px;
     background-color: rgb(0, 0, 0, .9);
     border-radius: 0;
}

.contact-modal .modal-content .btn-close,
.article-modal .modal-content .btn-close {
     position: absolute;
     right: 20px;
     top: 20px;
     background-color: #fff;
     opacity: 1;
     color: #000;
     border-radius: 100%;
     height: 25px;
     width: 25px;
}

.article-modal .modal-content .btn-close {
     background-color: #000;
     color: #fff;
     background-image: url('../images/close_button_black.svg');
     height: 20px;
     width: 20px;
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
}

.btn-close:focus {
     box-shadow: none;
}

.contact-modal .modal-content p {
     color: #fff;
     text-align: center;
}

.contact-modal .modal-content ul {
     display: flex;
     justify-content: center;
     align-items: baseline;
     padding: 0;
}

.contact-modal .modal-content li {
     list-style: none;
     margin: 20px;
}

.contact-modal .modal-content li a {
     text-decoration: none;
     display: flex;
     flex-direction: column;
     align-items: center;
     text-align: center;
}

.contact-modal .modal-content li img {
     width: 70px;
     margin-bottom: 10px;
}

.contact-modal .modal-content li span {
     color: #fff;
     font-weight: 500;
     line-height: 1.5;
}

.contact-modal {
     top: 30px;
     z-index: 99999;
}

.quick-link-sec .owl-stage {
     margin: 0 auto;
}

.steps-sec {
     padding: 50px 0;
     background: #7f8693;
}

.steps-sec-content {
     width: 80%;
     margin: 0 auto;
}

.steps-sec h3 {
     color: #fff;
     font-weight: 600;
     font-size: 32px;
}

.steps-sec p {
     color: #fff;
}

.steps-sec ul {
     padding: 30px 0 0;
     display: flex;
     justify-content: space-between;
     margin: 0;
     align-items: baseline;
}

.steps-sec li span {
     font-size: 40px;
     font-weight: 600;
     position: relative;
     top: 10px;
     left: -10px;
}

.steps-sec li {
     list-style: none;
     display: flex;
     color: #fff;
     width: 30%;
     font-size: 14px;
     align-items: baseline;
     border-top: 1px solid #fff;
}

.steps-sec-content .cust-btn {
     border: 0;
     background: #fff;
     color: #000;
     margin-top: 30px;
     font-size: 16px;
     font-weight: 500;
     width: 200px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 8px 16px;
}

.vehicleFinanace-slider {
     width: 80%;
     margin: 0 auto;
     padding: 50px 0px;
}

.faq-accord {
     padding: 50px 0px 0px;
}

.vehicleFinanace-faq .faq-accord {
     width: 80%;
     margin: 0 auto;
}

.vehicleFinanaceQuick-link {
     width: 60%;
     margin: 0 auto;
}

.faq-sec .accordion-button {
     border: 0;
     background: transparent;
     color: #b38b30;
     font-weight: 500;
     border-bottom: 1px solid lightgrey;
}

.faq-sec.faq-page .accordion-button.collapsed {
     color: #b38b30;
     padding-left: 0;
}

.faq-sec.faq-page .accordion-body,
.faq-sec.faq-page .accordion-button,
.faq-accord .accordion-button:not(.collapsed),
.faq-accord .accordion-body,
.faq-sec .accordion-button {
     padding-left: 0;
     padding-right: 0;
}

.faq-sec.faq-page .accordion-button {
     color: #e81e20;
}

.faq-accord .accordion {
     padding-top: 20px;
}

.faq-accord .accordion-button:focus {
     box-shadow: none;
}

.faq-accord .accordion-button:not(.collapsed)::after {
     filter: brightness(0);
}

.faq-accord .accordion-item {
     border: 0;
}

.faq-accord .accordion-button:not(.collapsed) {
     box-shadow: none;
}

.faq-accord h4 {
     font-weight: 600;
     padding-bottom: 20px;
     font-size: 24px;
     text-align: center;
     color: #b38b30;
}

.faq-accord span {
     font-size: 18px;
     font-weight: 500;
}

.faq-accord .cust-btn,
.newsInsight-sec .cust-btn {
     background: transparent;
     color: #000;
     border: 1px solid #000;
     border-radius: 4px;
     font-size: 16px;
     font-weight: 500;
     padding: 6px 40px;
     margin-top: 50px;
}

.cust-btn .fa-angle-right,
.cust-btn .fa-angle-left {
     font-size: 20px;
     font-weight: 600;
}

.calculator-sec .borderSqr {
     border: 1px solid #005084;
     width: 80%;
     padding: 40px 70px;
     margin: 0 auto;
}

.calculator-sec .borderSqr h3,
.calculator-sec .borderSqr .calculator-content {
     border: 0;
}

.faq-text-sec h4 {
     text-align: center;
     font-size: 24px;
     color: #b38b30;
     padding-top: 40px;
}

.contact-form-heading h4,
.map-sec h4,
.icon-sec h4 {
     text-align: center;
     font-weight: 600;
     font-size: 24px;
     color: #b38b30;
     padding-bottom: 20px;
}

.contact-form-heading p {
     line-height: 1.3;
     text-align: center;
     padding: 0 100px;
     font-size: 26px;
     font-weight: 300;
     color: #000;
}

.newsInsightArticle span {
     font-size: 18px;
     font-weight: 500;
     color: #000;
     padding-bottom: 10px;
     display: block;
}

.contact-form-sec {
     background: #e8e9ee;
     padding: 50px 0;
}

.contact-form-sec input,
.contact-form-sec select,
.contact-form-sec textarea {
     margin-bottom: 20px;
}

.contact-form-sec input,
.contact-form-sec input::placeholder,
.contact-form-sec select,
.contact-form-sec option,
.contact-form-sec textarea::placeholder,
.contact-form-sec textarea {
     color: grey;
     border: 0;
     border-radius: 0;
}

.contact-form-sec textarea {
     height: 160px;
     resize: none;
}

.contact-form-sec .form-select:focus,
.contact-form-sec .form-control:focus {
     background: #fff;
     border-color: transparent;
}

.contact-form-sec span {
     text-align: right;
     font-size: 14px;
     color: grey;
     font-weight: 500;
     display: block;
}

.contact-form-sec .cust-btn {
     border: 0;
     width: 160px;
     font-weight: 500;
     color: #000;
     margin-right: 10px;
     background: #fff;
}

.contact-form-sec .cust-btn:hover {
     color: inherit;
}

.contact-form-sec form {
     padding: 0 100px;
}

.map-sec {
     padding: 50px 0;
}

.map iframe {
     filter: grayscale(1);
}

.map-sec small {
     color: #000;
     padding: 0 100px;
}

.location {
     border-top: 1px solid lightgrey;
     padding-top: 20px;
}

.location h5 {
     font-size: 20px;
     color: #b38b30;
     padding-bottom: 10px;
}

.location p {
     color: #000;
}

.location span:not(.f-ltr) {
     color: #000;
     display: block;
     font-weight: bold;
}

.location a {
     display: block;
     color: #000;
     text-decoration: none;
}

.collection-dep p {
     margin: 0;
}

.location-sec {
     padding-bottom: 50px;
}

.locat-row {
     display: flex;
     padding: 0 100px;
     justify-content: space-between;
}

.location-sec ul {
     padding: 0;
     display: flex;
     flex-direction: column;
     width: 32%;
}

.location-sec li {
     padding-bottom: 20px;
     list-style: none;
}

.contact-page-logo img {
     width: 320px;
     margin: 60px auto 30px;
     display: block;
}

.newsInsightArticle img {
     width: 100%;
}

.newsInsightArticle small {
     color: #000;
     font-weight: 400;
     padding-top: 10px;
     display: block;
}

.newsInsightArticle a {
     text-decoration: none;
}

.newsInsightArticle p {
     color: #003764;
}

.newsInsightArticle h5 {
     color: #003764;
     font-weight: 600;
     font-size: 22px;
}

.largeNewsInsightArticle {
     background-color: #eff7fd;
}

.largeNewsInsightArticle .newsInsightArticle {
     background-color: #d1d8e0;
}

.largeNewsInsightArticle .newsInsightArticle img {
     height: 100%;
     object-fit: cover;
}

.largeNewsInsightArticle-content {
     padding: 50px 30px 0px 0px;
}

.largeNewsInsightArticle .newsInsightArticle h5 {
     font-size: 26px;
     color: #000;
     font-weight: 700;
}

.largeNewsInsightArticle .newsInsightArticle p {
     color: #000;
}

.newsDetailSec-head small {
     font-size: 14px;
     color: #000;
     word-spacing: 2px;
     margin-bottom: 10px;
     display: block;
     font-weight: 500;
}

.newsDetailSec-head h3 {
     font-size: 32px;
     padding-right: 25%;
     color: #003764;
     font-weight: 600;
     margin: 0;
}

.newsDetailSec-head ul {
     display: flex;
     margin: 0;
     position: relative;
     top: 10px;
     align-items: center;
     padding: 0;
}

.newsDetailSec-head li {
     padding-left: 10px;
     list-style: none;
}

.newsDetailSec-head li img {
     width: 30px;
}

.newsDetailSec-head {
     padding-top: 50px;
     padding-left: 100px;
}

.newsDetailSec-image {
     background: #e8e9ee;
     margin: 20px 0;
}

.newsDetailSec-image img {
     width: 100%;
     height: 650px;
     object-fit: cover;
}

.newsDetailSec-content p {
     color: #000;
}

.newsDetailSec-content {
     padding: 0 100px;
}

.director-sec h5 {
     margin-top: 12px;
     font-weight: 600;
     margin-bottom: 0;
}

.faq-page {
     padding-bottom: 50px;
}

.faq-page .cust-btn {
     margin: 50px 0 0;
     display: block;
}

.faq-text-sec {
     background-color: #eff7fd;
     padding: 50px 0;
}

.file-input {
     display: flex;
     background: #fff;
     padding: 10px;
     position: relative;
     border-radius: 0;
     align-items: center;
}

.file-name-label {
     max-width: 250px;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
}

.file-input>[type='file'] {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
     z-index: 10;
     cursor: pointer;
}

.file-input>.button {
     display: inline-block;
     cursor: pointer;
     background: #7f8693;
     padding: 8px 16px;
     color: #fff;
     border-radius: 2px;
     margin-right: 8px;
}

.file-input>.label {
     color: #000;
     white-space: nowrap;
     font-weight: 500;
     opacity: 1;
}

.upload-file small {
     color: #000;
     font-weight: 500;
     padding-left: 20px;
}

.quick-link-sec img,
.report img {
     width: 100%;
}

.reports-sec {
     padding-top: 50px;
}

.report h6 {
     color: #000;
     font-size: 16px;
     margin: 0;
}

.report-content {
     padding-top: 10px;
}

.report-content ul {
     padding: 0;
}

.report-content li {
     list-style: none;
}

.report-content li a {
     text-decoration: none;
     color: #000;
     font-size: 14px;
}

.down-arrow a {
     color: #fff;
     font-size: 60px;
     text-decoration: none;
     height: 40px;
     display: block;
}

@media (min-width: 992px) {
     .article-modal .modal-lg {
          max-width: 1036px;
     }
}

@media only screen and (max-width: 1400px) {
     .article-modal .modal-lg {
          max-width: 890px;
     }

     .banner_carousel .carousel-item img {
          object-position: center 90px;
     }

     .slider-caption h5,
     .slider-caption h1 {
          margin: 0;
          color: #fff;
          font-size: 52px;
          font-weight: 700;
          width: 70%;
     }

     .slider-text {
          padding: 20px 0;
     }

     .slider-caption .cust-btn {
          font-size: 16px;
          width: 180px;
          top: -7px;
          height: 30px;
          line-height: 29px;
     }

     .down-arrow a {
          height: 50px;
     }
}

@media only screen and (max-width: 1191px) {

     .slider-caption h5,
     .slider-caption h1 {
          font-size: 40px;
     }

     .vehicleFinanace-faq,
     .vehicleFinanaceQuick-link {
          width: 70%;
     }

     .largeNewsInsightArticle-content {
          padding: 20px 20px 0px 0px;
     }

     .article-modal .modal-lg {
          max-width: 750px;
     }
}

@media only screen and (max-width: 992px) {
     .article-modal .modal-lg {
          max-width: 622px;
     }

     .logo img {
          width: 210px;
     }

     .slider-caption,
     .icon-row ul {
          width: 75%;
     }

     .custom-nav {
          width: 80%;
     }

     .slider-caption h5,
     .slider-caption h1 {
          font-size: 38px;
          width: 100%;
     }

     .calculator-sec,
     .vehicleFinanace-faq,
     .vehicleFinanaceQuick-link,
     .vehicleFinanace-slider,
     .vehicleFinanace-faq .faq-accord {
          width: 100%;
     }

     .calculator-sec .borderSqr {
          width: 90%;
          padding: 30px;
     }

     .newsInsight-slider .owl-prev {
          left: 20px;
     }

     .newsInsight-slider .owl-next {
          right: 20px;
     }

     .contact-modal .modal-content {
          padding: 50px;
     }

     .contact-modal .modal-content .btn-close {
          right: 9px;
          top: 9px;
          font-size: 13px;
          height: 20px;
          width: 20px;
     }

     .contact-modal .modal-content li img {
          width: 50px;
     }

     .contact-modal .modal-content ul {
          justify-content: space-between;
     }

     .contact-modal .modal-content li {
          margin: 10px 0 0;
     }

     .contact-modal .modal-content li span {
          font-size: 13px;
          line-height: 1.5;
     }

     .steps-sec-content {
          width: 90%;
     }

     .contact-form-sec form,
     .locat-row,
     .newsDetailSec-content,
     .contact-form-heading p {
          padding: 0;
     }

     .newsDetailSec-head {
          padding-left: 0;
     }

     .largeNewsInsightArticle-content {
          padding: 20px;
     }

     .social-icons a {
          margin-right: 10px;
     }

     .banner_carousel .carousel-item img {
          height: 650px;
     }

     .down-arrow {
          display: none;
     }

     .slider-caption .cust-btn {
          font-size: 14px;
          width: 140px;
          top: -4px;
          height: 20px;
          line-height: 20px;
     }

     .parllax-image {
          min-height: 300px;
     }
}

@media only screen and (max-width: 776px) {
     .article-modal .modal-lg {
          max-width: 460px;
     }

     #scrollButton {
          bottom: 20px;
          right: 10px;
     }

     .logo img {
          width: 160px;
     }

     .slider-caption,
     .icon-row ul,
     .custom-nav,
     .steps-sec-content,
     .locat-row ul {
          width: 100%;
     }

     .quick-link-sec .text p,
     .reward-sec h5,
     .faq-text-sec p,
     .quick-link-sec .text h2 {
          font-size: 20px;
     }

     .calculator-btn {
          margin-bottom: 10px;
     }

     .reward-sec h5,
     .steps-sec ul,
     .locat-row {
          flex-wrap: wrap;
     }

     .steps-sec li {
          width: 48%;
     }

     .steps-sec li span {
          font-size: 32px;
     }

     .vehicleFinanace-slider,
     .faq-accord {
          padding: 50px 0;
     }

     .newsDetailSec-head h3 {
          font-size: 26px;
          padding: 0;
     }

     .newsDetailSec-image img {
          height: auto;
     }

     .parllax-image {
          display: none;
     }

     label.month-pay-line {
          padding-bottom: 10px !important;
          text-align: left !important;
     }

     .custom-nav li a {
          font-size: 14px;
     }

     .modal.article-modal {
          top: 90px;
          padding-bottom: 90px;
     }
}

@media only screen and (max-width: 576px) {
     .menu-side ul {
          margin-bottom: 20px;
     }

     .desk-version-logo {
          display: none;
     }

     .mob-version-logo {
          display: block;
     }

     .logo img {
          width: 50px;
          margin-left: 6px;
     }

     .calculator-sec-btn,
     .custom-nav,
     .contact-modal .modal-content ul,
     .file-input {
          flex-direction: column;
          align-items: center;
     }

     .contact-modal .modal-content li {
          margin: 20px 0 0;
     }

     .contact-modal .modal-content {
          padding: 20px;
     }

     .footer {
          text-align: left;
          padding-left: 40px;
          padding-top: 30px;
          padding-bottom: 30px;
     }

     .social-icons {
          justify-content: flex-start;
     }

     .logo {
          margin-bottom: 10px;
     }

     .upload-file small {
          padding-left: 0;
          font-size: 12px;
          max-width: 180px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
     }

     .file-input>.label {
          font-size: 14px;
     }

     .menu-side li:last-child {
          margin-left: auto;
     }

     .icon-sec {
          padding: 50px 0;
     }

     .calculator-sec .row,
     .calculator-sec h3,
     .calculator-content {
          padding: 0;
     }

     .reward-sec .cust-btn {
          margin-left: 0;
          margin-top: 10px;
     }

     .custom-nav-sec.slide-nav {
          transform: translate(0, 80px);
          height: 100vh;
          bottom: auto;
          z-index: 999;
          transition: .5s;
          overflow-y: auto;
          top: 0;
     }

     .custom-nav {
          height: 100%;
          justify-content: flex-start;
          padding-left: 10px;
          align-items: flex-start;
     }

     .custom-nav ul {
          text-align: left;
     }

     .custom-nav li {
          padding: 6px 0;
     }

     .custom-nav li a {
          font-weight: 500;
     }

     .steps-sec li {
          width: 100%;
          border-top: 0;
     }

     .steps-sec li span {
          font-size: 26px;
          padding-right: 10px;
          top: 0;
          left: 0;
     }

     .contact-page-logo img {
          width: 100%;
     }

     .contact-form-sec .cust-btn {
          margin-right: 0;
          margin-bottom: 10px;
     }

     .newsDetailSec-head>div {
          flex-wrap: wrap;
     }

     .newsDetailSec-head ul {
          padding: 16px 0 0;
     }

     .newsDetailSec-head li {
          padding-right: 10px;
          padding-left: 0;
     }

     .contact-form-heading p,
     .quick-link-sec .text p,
     .faq-text-sec p,
     .quick-link-sec .text h2 {
          font-size: 16px;
     }

     .newsInsight-sec h4,
     .quick-link-slider h4,
     .contact-form-heading h4,
     .map-sec h4,
     .icon-sec h4,
     .newsInsightArticle h5,
     .faq-accord h4 {
          font-size: 15px;
     }

     .slider-caption h5,
     .slider-caption h1 {
          font-size: 26px;
          width: 80%;
     }

     .slider-text {
          padding: 16px 0;
     }

     .custom-header {
          padding: 10px 0;
     }

     .down-arrow a {
          font-size: 30px;
     }

     .menu-side li {
          padding-left: 10px;
     }

     .menu-side li:first-child img {
          width: 40px;
     }

     .menu-side li:nth-child(2) img {
          width: 90px;
     }

     #custom-bars {
          width: 30px;
     }

     #custom-bars.open span:nth-child(3) {
          top: 20px;
     }

     #custom-bars.open span:nth-child(1) {
          top: -1px;
     }

     .quick-link-sec,
     .icon-sec,
     .newsInsight-sec,
     .calculator-sec {
          padding: 30px 0;
     }

     .reward-sec {
          padding: 15px 0;
     }

     .icon-row li img {
          width: 60px;
     }

     .icon-row li p {
          font-size: 12px;
          padding: 3px 3px 0px;
     }

     .icon-row li h5 {
          font-size: 16px;
     }

     .calculator-sec h3 {
          font-size: 26px;
     }

     .calculator-sec .borderSqr {
          padding: 20px;
     }

     .slider-caption .cust-btn {
          width: 110px;
          top: -1px;
          height: 16px;
          font-size: 11px;
          line-height: 16px;
     }

     .quick-link-slider {
          padding-top: 20px;
     }

     .banner_carousel .carousel-item img {
          height: 400px;
          object-position: center 60px;
     }

     .quick-link-slider h5 {
          font-size: 13px;
          padding-top: 4px;
          padding-bottom: 6px;
     }

     .quick-link-slider .row {
          --bs-gutter-x: 10px;
     }

     .icon-sec .paragraph p {
          font-size: 16px;
     }

     .calculator-sec-btn .cust-btn {
          margin: 5px;
          width: 180px;
          font-size: 14px;
     }

     .contact-modal {
          top: 0;
     }

     .contact-modal .modal-content p {
          margin-top: 30px;
          font-size: 14px;
     }

     .quick-link-slider h4 {
          padding-bottom: 12px;
          margin-bottom: 25px;
     }

     .reports-sec .row {
          --bs-gutter-x: .75rem;
     }

     .article-modal .largeNewsInsightArticle {
          padding: 20px;
     }

     .article-modal .largeNewsInsightArticle .newsInsightArticle {
          margin-top: 60px;
     }

     .largeNewsInsightArticle .newsInsightArticle h5 {
          font-size: 22px;
     }

     .article-modal .modal-lg {
          max-width: none;
          margin: 0 auto;
          width: 95%;
     }
}

@media only screen and (max-width: 480px) {
     .custom-nav-sec {
          bottom: -165px;
     }

     .slider-caption h5,
     .slider-caption h1 {
          font-size: 24px;
          width: 100%;
     }
}

.social-icons {
     position: fixed;
     top: 45%;
     z-index: 9999;
     display: flex;
     flex-direction: column;
}

.social-icons a img {
     width: 35px;
     height: 35px;
     object-fit: cover;
     margin: 4px;
     /*border:1px solid white;*/
     border-radius: 50px;
}

.social-icons a i {
     background-color: #003764;
     color: #fff;
     /*border: 1px solid;*/
     height: 35px;
     width: 35px;
     border-radius: 100%;
     text-align: center;
     line-height: 34px;
     font-size: 20px;
     display: block;
     margin: 4px;
}

.social-icons a {
     text-decoration: none;
}

.banner_carousel .carousel-indicators [data-bs-target] {
     width: 20px;
     height: 20px;
     border-radius: 50%;
     border-top: none;
     border-bottom: none;
}

.banner_carousel .carousel-indicators {
     height: 42vh;
     flex-direction: column;
     justify-content: start;
     margin-left: 2%;
     margin-right: 2%;
     gap: 10px;
}

@media screen and (max-width:576px) {
     .banner_carousel .carousel-indicators {
          height: 23vh;
          gap: 5px;
     }

     .banner_carousel .carousel-indicators [data-bs-target] {
          width: 15px;
          height: 14px;
     }
}

.carousel-indicators {
     position: absolute;
     width: 2%;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 2;
     display: flex;
     padding: 0;
     margin-left: 15%;
     list-style: none;
}

.hidden {
     display: none;
}

.error {
     color: red;
     font-weight: 500;
}



.calculator-sec .input-with-label {
     position: relative;
}

.calculator-sec .input-with-label span {
     position: absolute;
     top: 47px;
     left: 9px;
     color: #005084;
     font-weight: 600;
}

.calculator-sec .input-with-label input {
     padding-left: 35px;

}