@media screen and (max-width:1900px) {
    .custom-container {
        padding: 0px 130px;
    }
    p , .who-are-section .left-box .common-list li { font-size: 20px; }

    .common-section {
        padding: 90px 0px;
    }
    .common-bottom-section { padding-bottom: 90px; }
    .common-top-section { padding-top:  90px; }
    header .header-menu ul , .header-menu , .header .center-box .btn-box { gap : 30px; }
.header .center-box .btn-box {width: 26%;text-align:right;justify-content: end;}
.header .header-menu ul{ width : 74%; }
.banner-section .title-box h1, .banner-section .title-box h1 span { font-size : 62px; }
.banner-section .custom-container { gap : 36px; }
.features-section .common-box .content-box { padding : 24px 24px 0px }
.features-section .common-box p { font-size : 20px; }
.features-section .common-box .trust-box p { font-size : 18px; }
.features-section .common-box:before, .features-section .common-box:after { left : -10%; }
.features-section .common-box:after { bottom: -15%;
    right: 16%;
    left: auto;
    top: auto; }
.cta-section .right-box span { font-size : 22px; }
.cta-section .left-box .title-box { width :85%; }
.core-future-section .title-box { width : 45%; }
.inner-banner-section { padding-top: 70px; height:450px; }
.productlist-section .common-grid .common-box:hover .service-icon {  transform: translateX(-150px) translateY(-130px); }
/* .inner-banner-section img { height: 550px; } */
.dropdown-menu {  width: 99.9vw !important;; left: -4px; }
.about-us-banner-section span { width: 68%; }
#vision-content, #values-content { padding: 30px; }
.image-container { height: 650px; }

}

@media screen and (max-width:1599px) {
    .custom-container {
        padding: 0px 100px;
    }
    .common-section {
        padding: 80px 0px;
    }
    .common-btn {
        padding: 10px 20px;
    }
    .common-bottom-section { padding-bottom: 80px; }
    .common-top-section { padding-top:  80px; }
    .banner-section .title-box h1, .banner-section .title-box h1 span { font-size : 52px; font-weight : 500; }
.title-box h2 { font-size : 42px }
.why-choose-section .right-box .common-box h4 { font-size : 22px; }
.your-future-section .custom-container { gap :40px; }
.common-grid { gap : 30px; }
.features-section .common-box .content-box { gap :24px }
.features-section .common-box .trust-box p { font-size : 16px; }
.features-section .common-box:before, .features-section .common-box:after { width : 80px; height :80px; }
.testimonial-section .owl-item span { font-size : 32px; }
.testimonial-section .owl-item .item .img-box { gap : 14px; }
.your-future-section .bottom-box.common-grid .common-box .content-box h5 { font-size : 28px; }
.cta-section .right-box span { font-size : 20px; }
.cta-section .right-box .form-group label { font-weight : 500; font-size : 20px }
.footer-logo h4 { font-size : 22px; }
footer .col-lg-2.col-md-6 h5, footer .col-lg-3.col-md-6 h5 { font-size : 18px; }
.footer-bottom p { font-size : 16px }
p  , .who-are-section .left-box .common-list li{ font-size: 18px; }
/* .dropdown-menu { width: 100vw !important; } */
.inner-banner-section { height: 400px; }
.vision-mission-section .right-box { padding: 30px; }
.vision-mission-section .title-box svg { width: 30px; height: auto; }
.common-list li { margin-bottom: 16px; }
.vision-mission-section .left-box p { font-size: 18px; }
.who-are-section .left-box .title-box h2 { font-size: 42px; }
.productlist-section .common-grid .common-box:hover .service-icon {
    transform: translateX(-130px) translateY(-120px);
}
.prodcut-inner-section .right-box h3 { font-size: 26px; margin-bottom: 10px; }
.prodcut-inner-section .right-box .tip-box { padding: 20px; }
.cta-box p{ width: 70%; }
.cta-box { padding: 60px; }
.header .center-box .btn-box { width: 13% !important; }
.header .header-menu ul { width: 86%; }
.cta-section .left-box .title-box { width: 100%; margin-bottom: 0px; }
.marquee-container { height: 100px; margin-top: 30px; }
.logo-item { object-fit: contain; height: 80px; }
.about-us-banner-section span {
    width: 74%;
    font-size: 26px;
}
.vision-values-section { padding-top: 20px; }
#vision-content, #values-content { padding: 20px; }
#vision-content img, #values-content img { right: 0%; height: 70px; object-fit: contain; width: 70px; }
.about-us-banner-section .custom-container { gap: 40px; }
.who-are-section .right-box img{ max-height: 400px; }
.image-container { height: 670px; }


}

@media screen and (max-width:1439px) {
    .custom-container {
        padding: 0px 80px;
    }
    .common-section {
        padding: 70px 0px;
    }
    .common-bottom-section { padding-bottom: 70px; }
    .common-top-section { padding-top:  70px; }
    header .center-box .header-menu ul li a {
        padding: 34px 0px;
    }
    .why-choose-section .right-box .common-box span { font-size : 22px; }
.title-box h2 { font-size : 38px; }
.why-choose-section .right-box .common-box { gap : 14px; }
.why-choose-section .right-box .common-box h4 { font-size : 20px; }
.why-choose-section .right-box .common-box p { font-size : 16px; }
.your-future-section .bottom-box.common-grid .common-box { padding : 20px; }
.core-future-section .tab-content.resp-tab-content-active { gap : 20px; }
.resp-vtabs li.resp-tab-active { padding : 8px 12px !important; font-size :24   px; }
.features-section .common-box .content-box { padding : 18px 18px 0px; }
.features-section .common-box p { font-size : 18px; }
.testimonial-section .owl-item .item { gap : 30px; }
.loan-dashboard-section img { width : 60%; }
.loan-dashboard-section .step-1 , .loan-dashboard-section .step-3  {left: 42px !important;}
.loan-dashboard-section .step-2 {left: 92px !important;}
.loan-dashboard-section .step-5 {right: 60px !important;}
.inner-banner-section { height: 360px; }
.vision-mission-section .title-box h2 { font-size: 24px; }
.vision-mission-section .title-box svg { width: 24px; }
.vision-mission-section .title-box  { margin-bottom: 20px; }
.who-are-section .left-box .title-box h2 { font-size: 38px; }
.productlist-section .common-grid .common-box:hover .service-icon {
    transform: translateX(-125px) translateY(-115px);
}
.productlist-section .common-grid .common-box .content-box h4 { font-size: 24px; margin-bottom: 10px; }
.cta-box p { width: 84%;font-size: 18px; }
.cta-box  { padding: 40px; }
.cta-box h4 { font-size: 28px; }
.dropdown-menu {
    width: 101.2vw !important;
    left: -7px;
}
.image-container { height: 600px; }

}

@media screen and (max-width:1365px) {
    .custom-container {
        padding: 0px 50px;
    }
    .common-section {
        padding: 60px 0px;
    }
    .common-grid {
        gap: 20px;
    }
    .common-bottom-section { padding-bottom: 60px; }
    .common-top-section { padding-top:  50px; }
    header .common-grid{
        grid-template-columns: 150px auto 200px;
    }
    header .center-box .header-menu ul li a {
        padding: 34px 0px;
    }
    .banner-section .custom-container { gap : 20px; }
.marquee-item { height : 120px; }
.title-box h2 { font-size : 32px;  }
.title-box { width : 100%;  }
.your-future-section  .title-box { width : 100%; }
.your-future-section  .title-box  p { font-size : 16px; }
.loan-dashboard-section .title-box p { width : 60%; }
.features-section  .title-box , .core-future-section .title-box  , .why-choose-section .title-box { margin-left : 0px; }
    .loan-dashboard-section .step-4 {
        right: 40px !important;
    }
    .bg-inner-box .title-box , .who-are-section .left-box .title-box { width: 100%; }
    .who-are-section .left-box .title-box h2 { font-size: 32px; }
    .common-list li { margin-bottom: 10px; }
    .dropdown-menu {
        width: 103.5vw !important;
        left: -7px;
    }
    .header .center-box .btn-box {
        width: 14% !important;
    }
    .second-grid { margin-top: 30px; }

}

@media screen and (max-width:1279px) {
    .header .header-menu ul { width: 100%; }
    .common-section {
        padding: 50px 0px;
    }
    .common-btn {
        padding: 8px 16px;
    }
    .custom-container {
        padding: 0px 40px;
    }
    .common-bottom-section { padding-bottom: 50px; }
    .common-top-section { padding-top:  50px; }


    header .common-grid{
        grid-template-columns: 150px auto;
    }
    header .right-box{
        display: none;
    }
    header .center-box nav.header-menu {
        display: block;
    }
    header .center-box .header-menu ul li a:after {
        content: none;
    }

    header .center-box .header-menu ul li:first-child a {
        padding-left: 0px;
    }

    header .log-box a img {
        width: 100px;
    }

    header {
        padding: 10px 0px;
    }

    .menu-box {
        display: block;
        position: absolute;
        right: 20px;
        z-index: 9999;
        top: 50%;
        transform: translateY(-50%);
    }

    .menu-box span {
        height: 2px;
        width: 40px;
        background: #1B75BB;
        display: block;
        margin-bottom: 8px;
    }
    .innner-header .menu-box span { background: #fff !important; }

    .menu-box a {
        display: block;
        outline: none;
    }

    .menu-open .menu-box a span:first-child {
        transform: rotate(45deg);
        background: #fff;
    }
    .menu-open .menu-box a span:nth-last-child(2) {
        display: none;
    }

    .menu-open .menu-box a span:last-of-type {
        transform: rotate(-45deg);
        margin-top: -9px;
        background: #fff;
    }

    body.menu-open {
        overflow-y: hidden;
    }

    header .center-box .header-menu ul li {
        display: block;
    }

    header .center-box .header-menu ul li a {
        display: block;
        color: #fff;
        padding: 10px 20px !important;
        font-size: 18px;
        text-align: left;
    }
    .header .center-box .btn-box  { margin-top: 20px ; flex-wrap: wrap; gap: 20px; width: 100%; justify-content: start; padding: 0px 20px;}

    header .center-box .inner-box {
        position: fixed;
        width: 0;
        right: -100%;
        top: 0;
        height: 100vh;
        text-align: left;
        z-index: 9999;
        overflow-y: auto;
        transform: translate3d(0px, 150px, 0px);
        transition-duration: 0.3s, 0.3s;
        transition-property: transform, opacity;
        transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    }

    .menu-open header .center-box .inner-box {
        padding-top: 85px;
        overflow: scroll;
        height: 100%;
        left: 0;
        right: 0;
        width: 100%;
        pointer-events: auto;
        background-color: black;
        transform: translate3d(0px, 0px, 0px);
    }

    header .center-box .header-menu ul {
        display: block;
    }

    .right-box{
        margin-left: 30px;
    }
    header  .log-box a {
        padding: 25px 0;
    }
    /* dropdown */
    header .center-box .header-menu ul li.dropdown.open .dropdown-menu {
        display: grid !important;
        opacity: 1;
    }
    .dropdown-menu {
        display: none;
    }
    header .center-box .header-menu ul li a.dropdown-toggle {
        display: flex;
        justify-content: space-between;
    }
    header .center-box .header-menu ul li.dropdown ul.dropdown-menu{
        display: none;
    }
    header .center-box .header-menu ul li.dropdown.open ul.dropdown-menu {
        position: relative;
        left: 0;
        padding-left: 30px;
    }
    header {     box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); }
.banner-section .title-box { margin-bottom : 0px; }
.banner-section .title-box h1, .banner-section .title-box h1 span { font-size : 48px; }
.marquee-wrapper .marquee-block { height : 120px; }
.why-choose-section .right-box { margin-left : 0px; }
.resp-vtabs .resp-tabs-list li { font-size : 20px; padding : 10px 12px !important   }
.loan-dashboard-section p { font-size : 14px; }
.features-section .common-box p { font-size : 16px; }
.features-section .common-box .trust-box { gap : 10px; }
.testimonial-section .owl-item span { font-size : 20px; }
.testimonial-section .owl-item span { width : 80%; }
.features-section .common-box:after { content : none; }
.footer-logo h4 { font-size : 22px; }
.dropdown-menu { 
    margin-left: 0 !important;
        width: 100% !important;
        position: static;
        transform: none;
        border-radius: 0;
        box-shadow: none;
        display: none !important;
        left: 0px !important;
 }
 header .center-box .header-menu ul li.dropdown.open ul.dropdown-menu a  { color: #000; display: flex; padding-left: 0px !important; font-size: 20px;}
 header .center-box .header-menu ul li.dropdown ul.dropdown-menu { gap: 20px; }
 .dropdown-menu li p { font-size: 16px; }
 .inner-banner-section {height: 300px; }
 .bg-inner-box { padding-top: 160px; }
 .right-box { margin-left: 0px; }
 .vision-mission-section .common-flex-box  { flex-wrap: wrap; }
 .vision-mission-section .left-box , .vision-mission-section .right-box { width: 100%; }
 .vision-mission-section .left-box { order: 2; }
 .who-are-section .common-grid { grid-template-columns: 1fr; }
 .vision-mission-section .right-box { width: auto; }
 .vision-mission-section .common-flex-box { gap: 30px; }
 .productlist-section .common-grid .common-box:hover .service-icon {
    transform: translateX(-88px) translateY(-88px);
}
.productlist-section .common-grid .common-box .content-box h4 { font-size: 22px; }
.prodcut-inner-section .common-grid { grid-template-columns: 1fr; }
.bg-inner-box.prodcut-inner-section  .left-box { order: 2; }
.header .center-box .btn-box { width: 100% !important; }
.why-choose-section .left-box .rating-box h3 { font-size: 38px; }
.why-choose-section .left-box .rating-box .img-box img, .why-choose-section .left-box .rating-box .img-box a { width: 40px; height: 40px; }
.why-choose-section .left-box .rating-box .img-box a svg { width: 13px; }
.your-future-section .bottom-box.common-grid .common-box p { font-size: 16px; width: 90%; }
.testimonial-section .owl-item span { width: 48%; font-size: 22px; }
.logo-item { height: 60px; }
.about-us-banner-section span { width: 90%; }
.blog-inner-section .img-box { padding: 20px; }
.common-banner-section .title-box h2 { width: 100%; }
.image-container {
    height: 650px;
}
.contactus-section .common-grid .right-box iframe { min-height: 824px !important; }




}

@media screen and (max-width:1023px) {
    header  .log-box a img {
        width: 80px;
    }
    .why-choose-section .common-grid , .your-future-section .common-grid , .features-section .common-grid , .cta-section  .common-grid { grid-template-columns : 1fr }
.title-box h2 { font-size : 28px; }
.your-future-section .custom-container { gap : 20px; }
.your-future-section .bottom-box.common-grid { grid-template-columns : repeat(2, 1fr); }
.your-future-section .bottom-box.common-grid .common-box .content-box h5 { font-size : 24px; }
.your-future-section .bottom-box.common-grid .common-box p { font-size : 16px; }
.features-section .title-box, .core-future-section .title-box, .why-choose-section .title-box { width : 100%; }
.core-future-section #parentVerticalTab { grid-template-columns : 1fr; }
.core-future-section .resp-vtabs .resp-tabs-container { border-top : 1px solid #e3e3e3 }
.step-4 , .step-3 , .step-2 , .step-1 , .step-5 { display : none !important; }
.cta-section .right-box { margin-left : 0px; }
.cta-section .left-box .title-box { margin-left : 0px; }
.tabing-img { display: none; }
h2.resp-accordion.resp-tab-active { background-color: #1B75BB !important; color: #fff; }
h2.resp-accordion.resp-tab-active svg { fill: #fff; }
h2.resp-accordion svg { fill: #1B75BB; }
.core-future-section .resp-vtabs ul.resp-tabs-list .common-btn { margin-top : 10px; }
.resp-arrow { display : none }
h2.resp-accordion { display : flex; justify-content : space-between }

h2.resp-accordion.resp-tab-active {margin-bottom: 10px !important;}
.productlist-section .common-grid { grid-template-columns: repeat(2, 1fr); gap: 30px; }
.inner-banner-section { padding-top: 50px; height: 230px; }
.bg-inner-box { padding-top: 130px; }
.aboutus-section .common-grid { grid-template-columns: 1fr; }
.aboutus-section .common-grid  .title-box { margin-bottom: 0px; }
.vision-mission-section .common-flex-box { gap: 20px; }
.productlist-section .common-grid .common-box:hover .service-icon {
    transform: translateX(-110px) translateY(-100px);
}
.productlist-section .common-grid .common-box .content-box { padding: 16px; }
.productlist-section .common-grid .common-box .content-box p { font-size: 16px; }
.prodcut-inner-section .right-box .tip-box { padding: 16px; }
.prodcut-inner-section .right-box .tip-box p { font-size: 16px; }
.cta-box p { width: 100%; font-size: 16px; }
.cta-box { padding: 30px; gap: 12px; }
.cta-box h4 { font-size: 24px; }
.blog-main-section .common-grid { grid-template-columns: repeat(2, 1fr); }
ul.resp-tabs-list { display: none !important; }
h2.resp-accordion { border: none !important;  font-size: 18px;}
.core-future-section .resp-vtabs .resp-tabs-container { border: 1px solid #eeeeee; }
h2.resp-accordion { margin-bottom: 10px; }
h2.resp-accordion:last-child { margin-bottom: 0px; }
.resp-vtabs .resp-tab-content { border: none; }
.testimonial-section .owl-item span { width: 70%; }
.banner-section .title-box h1, .banner-section .title-box h1 span { font-size: 34px; }
.about-us-banner-section img { width: 65%; }
.vision-values-section { gap: 20px;  flex-wrap: wrap;}
.vision-values-section .left-slides , .vision-values-section .right-content { width: 100%; flex: auto; display: flex; gap: 20px ; justify-content: center; }
.slide-item img { width: 40px; }
.slide-title { font-size: 22px; }
.slide-item { margin-bottom: 0px; }
.blog-inner-section .common-list li { font-size: 15px; }
.common-list li::before { top: 3px; }
.blog-inner-section .common-list { margin: 0px; }
.image-container {
    height: 303px;
}
.contactus-section .common-grid { grid-template-columns: 1fr; }
.contactus-section .common-grid .right-box iframe { min-height: 813px !important; }
.features-section .title-box, .core-future-section .title-box, .why-choose-section .title-box { margin-bottom: 0px; }
.core-future-section .title-box { margin-bottom: 15px; }


}
@media screen and (max-width:899px) {
    .common-section {
        padding: 30px 0px;
    }
    .common-grid {
        gap: 20px;
    }
    .common-bottom-section { padding-bottom: 30px; }
    .common-top-section { padding-top:  30px; }

    .custom-container {
        padding: 0px 20px;
    }
    /* backto top */
    #backToTop {
        width: 48px;
    height: 48px;
    right: 20px;
    bottom: 16px;
    }
    svg.icon__arrow-up {
        width: 24px;
        height: 24px;
      }
      .about-us-banner-section span { font-size: 18px; width: 100%; }
      .about-us-banner-section .custom-container { gap: 20px; }
      .slide-title {font-size: 18px;}
      .content-slide p { font-size: 16px; }
      #vision-content img, #values-content img { position: relative; top: auto; right: auto; margin-bottom: 10px; }
      .slide-item img { width: 26px; }
      .about-us-banner-section img { width: 100%; }
      .vision-values-section { padding: 0px; }
      .vision-values-section .left-slides, .vision-values-section .right-content { flex-wrap: wrap; }


}
@media screen and (max-width:767px) {
    .common-btn {
        padding: 7px 10px;
        font-weight: normal;
    }
    .banner-section .title-box h1, .banner-section .title-box h1 span { font-size : 28px; }
.title-box h2 { font-size : 22px; }
.your-future-section .bottom-box.common-grid { grid-template-columns : 1fr; }
.title-box , .loan-dashboard-section .title-box p { width : 100%; }
.step-4, .step-3, .step-2, .step-1, .step-5 { display : none; }
.features-section .common-box img { display : none; }
.features-section .common-box .content-box { width : 100%; }
.features-section .common-box:before, .features-section .common-box:after { content : none; }
.testimonial-section .owl-item span { width : 100%; font-size : 16px }
.faq-section .collapse.show .accordion-body p { font-size : 16px; }
.cta-section .left-box .title-box { margin-bottom : 0px }
.footer-bottom  { flex-wrap : wrap; justify-content : center; text-align : center; gap : 10px }
.footer-bottom > * { width : 100% }
.social-icons  { margin-top : 0px !important; justify-content : center; }
.header .center-box { width : 47%; }
.blog-main-section .common-grid { grid-template-columns: 1fr; }
.productlist-section .common-grid { grid-template-columns: repeat(1, 1fr); gap: 20px; }
.inner-banner-section { height: 200px; }
.bg-inner-box { padding-top: 100px; }
.who-are-section .left-box .title-box h2 { font-size: 22px; }
.vision-mission-section .title-box h2 { font-size: 20px; }
.vision-mission-section .title-box { margin-bottom: 10px; }
.vision-mission-section .left-box p { font-size: 16px; }
.title-box p , .who-are-section .left-box .common-list li , .common-list li { font-size: 16px; }
.common-list li { margin-bottom: 10px; }
.productlist-section .common-grid .common-box:hover .service-icon {
    transform: translateX(-230px) translateY(-180px);
}
.prodcut-inner-section .right-box h3 { font-size: 24px; }
.common-list li p , .prodcut-inner-section .right-box p { font-size: 16px; }
.cta-box { padding: 20px; }
.blog-main-section .common-grid { grid-template-columns: 1fr; }
.card-body { gap: 14px; padding: 16px; }
.testimonial-section .owl-item .item .img-box img { width : 50px; height: 50px; } 
.testimonial-section .owl-nav { width: 100%; }
.testimonial-section .owl-item .item { gap: 20px; }
.testimonial-section .owl-item span { font-size: 22px; width: 90%; }
.accordion-button { font-size: 18px; }
.blog-inner-section .img-box  { padding: 15px; }
.why-choose-section .right-box[data-aos="fade-left"] { transition-timing-function : none !important; }
.common-grid { gap: 14px; }

}
@media screen and (max-width:639px) {
    #backToTop {
        width: 40px;
    height: 40px;
    right: 20px;
    bottom: 16px;
    }
    svg.icon__arrow-up {
        width: 20px;
        height: 20px;
      }
      .why-choose-section .left-box .rating-box { width : 100% }
      header .center-box .header-menu ul li.dropdown ul.dropdown-menu  { grid-template-columns: 1fr; gap: 20px; padding: 20px !important; } 
      header .center-box .header-menu ul li.dropdown.open ul.dropdown-menu a{ font-size: 18px; }
      .inner-banner-section { height: 150px;padding-top: 30px; }
      .bg-inner-box { padding-top: 70px; }
      .vision-mission-section .right-box { padding: 16px; border-radius: 12px; }
      .vision-mission-section .right-box img { border-radius: 12px; }
      .inner-banner-section img { border-radius: 12px; }
      .logo-box img { height: 60px; }
      footer p { font-size: 16px; }
      .productlist-section .common-grid .common-box:hover .service-icon {
        transform: translateX(-160px) translateY(-130px); }
        .prodcut-inner-section .right-box h3 { font-size: 22px; margin-bottom: 5px; } 
        .cta-box h4 { font-size: 22px; text-align: center; }
        .cta-box { border-radius: 12px; }
        .dropdown-menu  li { display: flex !important; gap: 10px; }
        header .center-box .header-menu ul li.dropdown.open ul.dropdown-menu a { padding: 0px !important; }
        .testimonial-section .owl-item span { font-size: 18px; width: 100%; }
        .testimonial-section .owl-item .item .img-box { gap: 10px; }
        .marquee-container { height: 50px; }
        .marquee-track { gap: 20px; }
        [loading-anim-type="spinner-small-light"] { height : 300px }    

}
@media screen and (max-width:479px) {
    .inner-banner-section { height: 120px; }
    .productlist-section .common-grid .common-box:hover .service-icon {
        transform: translateX(-130px) translateY(-110px);
    }   
}
@media screen and (max-width:424px) {
    .bg-inner-box { padding-top: 60px; }
    .productlist-section .common-grid .common-box:hover .service-icon {
        transform: translateX(-100px) translateY(-100px);
    }
}
@media screen and (max-width:375px) {}

@media screen and (max-width : 359px ){
    .inner-banner-section { height: 100px; }
    .productlist-section .common-grid .common-box:hover .service-icon {
        transform: translateX(-80px) translateY(-80px);
    }   
}