@media(min-width: 1300px) {
    .container {
        max-width: 1240px;
    }
}

@media(max-width: 1440px) {
    .aboutusshape {
        height: 320px;
    }
}

@media(max-width: 1365px) {
    .loan-right.image-holder img {
        max-width: 100%;
    }

    .personal-card-img img {
        height: 120px;
    }

    .personal-card-bottom h4 {
        font-size: 20px;
    }

    .personal-card-bottom {
        padding: 24px 5px;
    }

    .eligibility-left {
        justify-content: center;
    }

    .doc-icon-main h5 {
        font-size: 28px;
    }

    .doc-icon-main {
        gap: 12px;
        padding-inline: 20px;
    }

    .faq-right {
        max-width: 570px;
        width: 100%;
    }

    .faq-shape {
        height: 470px;
    }

    .choose-bottom {
        padding: 16px 8px 32px 8px;
    }

    .personal-loan {
        margin-top: -60px;
    }

    .loan-hero {
        padding-top: 30px;
    }

    .cards-row {
        margin-top: 30px;
    }

    .story-page .form-box {
        padding: 32px 12px;
    }

    .individual-blog-sec .breadcrumb {
        margin-bottom: 32px;
    }

    .individual-blog-sec .blog-article-right h3.text-48 {
        font-size: 40px;
    }

    .loan-calculator-page .get-loan .form-box {
        padding: 32px 15px;
    }

    .faq-page .faq-right {
        max-width: 100%;
    }

    .faq-page .form-box {
        padding: 32px 14px;
    }

    .faq-page .categories-box .nav-item .nav-link {
        text-align: left;
    }
}

@media(max-width: 1199px) {

    /*  */
    .hero-sec .text-box p {
        margin-bottom: 12px;
        font-size: 14px;
        line-height: 22px;
    }

    .milestone-boxes h2 {
        font-size: 46px;
    }

    .slide-2 .text-box p {
        max-width: 590px;
    }

    .mt-93 {
        margin-top: 28px;
    }

    .navbar-nav {
        margin-left: 28px;
        gap: 16px;
    }

    .navbar-brand img {
        height: 36px;
    }

    .loan-hero {
        padding-top: 80px;
    }

    .text-56 {
        font-size: 44px;
    }

    .text-50 {
        font-size: 40px;
    }

    .personal-card-bottom h4 {
        font-size: 18px;
    }

    .personal-card-bottom p {
        padding-bottom: 12px;
        font-size: 11px;
    }

    .nav-link {
        font-size: 14px;
    }

    .doc-main-last {
        padding-inline: 16px;
    }

    .doc-icon-main h5 {
        font-size: 24px;
    }

    .loan-process-shape {
        height: 320px;
    }

    .faq-right {
        max-width: 470px;
    }

    .our-blog-card {
        padding: 0 14px 23px;
    }

    .our-blog-card h4 {
        font-size: 18px;
    }

    .secure-loan-shape {
        height: 420px;
    }

    .contact-shape2 {
        height: 250px;
    }

    header .dropdown-item {
        margin-bottom: 8px;
    }

    .personal-loan {
        margin-top: -30px;
    }

    .blog-article-main {
        gap: 28px;
    }

    .blog-article-left {
        max-width: 314px;
    }

    .image-holder.article-resp img {
        height: 170px;
    }

    .loan-solution-card h4 {
        font-size: 22px;
    }

    .cards-row {
        margin-top: 20px;
        gap: 14px;
    }

    .story-page .left-text-box {
        max-width: 600px;
        text-align: center;
        margin: 0 auto;
    }

    .story-page .loan-apply-sec .form-box,
    .story-page .story-swiper-main {
        max-width: 100%;
    }

    .story-page .left-text-box .btn-apply {
        margin: auto;
    }

    .story-page .list-item {
        justify-content: center;
    }

    .story-page .story-swiper-main {
        padding-bottom: 40px;
    }

    .card-logo {
        left: 48%;
    }

    .individual-blog-sec .blog-main {
        margin-bottom: 0;
    }

    .individual-blog-page .apply-box .main-btn {
        margin-top: 10px;
    }

    .individual-blog-page .blog-main,
    .individual-blog-page .blog-main img {
        height: 100%;
    }

    .individual-blog-page .blog-article-main-second {
        padding-top: 24px;
    }

    .individual-blog-sec .blog-article-right h3.text-48 {
        font-weight: 600;
        line-height: 57px;
    }

    .individual-blog-page .loan-sharks-box .table thead tr th {
        padding: 12px 18px;
    }

    .loan-calculator-page .loan-right.image-holder {
        margin-right: 0;
    }

    .loan-calculator-page .loan-left h1 {
        font-size: 40px;
        line-height: 44px;
    }

    .loan-calculator-shape1 {
        right: -20px;
    }

    .loan-calculator-page .loan-left {
        z-index: 3;
    }

    .loan-calculator-page .calc-loan-shap2 {
        top: 34%;
    }

    .loan-calculator-page .right-text,
    .loan-calculator-page .get-loan .form-box {
        max-width: 100%;
    }

    .loan-calculator-page .right-text {
        padding-bottom: 48px;
        text-align: center;
    }

    .loan-calculator-page .get-loan {
        padding: 60px 0;
    }

    .loan-calculator-page .contact-us-sec {
        border-radius: 0;
    }
}

@media(max-width: 991px) {
    .blog-detail-right {
        display: none;
    }

    .blog-article-main {
        display: block;
    }

    .individual-blog-page .blog-detail-right {
        display: block;
    }

    /* updated-css */
    .about-inner-header {
        margin: 0px 0px 45px;
        grid-gap: 40px;
    }

    .team-box-wrapper {
        grid-template-columns: 4fr 4fr;
    }

    .value-box {
        width: 49%;
    }

    .top-heading {
        grid-gap: 40px;
    }

    .milestone-boxes h2 {
        font-size: 40px;
    }

    /* updated-css */

    /*  */
    .shadow-img img {
        width: 100%;
        height: 100%;
    }

    .about-sec {
        padding: 124px 0px 84px;
    }

    .home-page .loan-left {
        height: auto;
        display: block;
        text-align: start;
    }

    .shadow-img {
        height: auto;
        top: -220px;
    }

    .roadmap-box-wrapper {
        height: auto;
        margin-top: 116px;
    }

    .roadmap-wrapper {
        height: 78vh;
        overflow: hidden;
    }

    .loan-box {
        opacity: 100%;
    }

    .plan-box {
        flex-wrap: wrap;
        grid-gap: 20px;
    }

    .right-text {
        max-width: 100%;
        margin-bottom: 40px;
    }

    .next-section {
        margin-top: 0px;
    }

    .plan-box-left,
    .plan-box-right {
        width: 100%;
    }

    .loan-box .img-holder img {
        height: 100%;
        width: 100%;
    }

    .value-box-wrapper {
        grid-gap: 12px;
    }



    .loan-service-sec {
        padding: 60px 0px;
    }

    .slide-2 .img-holder {
        display: none;
    }

    .navbar-toggler {
        margin: 0;
        padding: 0;
        border: 0;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .navbar-nav {
        margin-left: 0;
        gap: 10px;
        margin: 32px 0;
        margin-top: 64px;
    }

    .nav-link {
        font-size: 20px;
        font-weight: 600;
        padding: 16px 8px !important;
        color: #FBF2EA;
    }

    .apply-btn {
        display: flex;
        height: 46px;
        width: 100%;
    }

    header .dropdown-menu {
        width: 100%;
    }

    .loan-left {
        max-width: 100%;
        text-align: center;
    }

    .text-56 {
        font-size: 40px;
        line-height: 44px;
        letter-spacing: -2px;
    }

    .loan-left .main-btn {
        margin: auto;
    }

    .loan-hero {
        padding-top: 100px;
    }

    .loan-left p {
        padding-top: 16px;
        padding-bottom: 33px;
    }

    .loan-right.image-holder img {
        max-width: 520px;
        width: 100%;
    }

    .loan-right.image-holder {
        padding-top: 33px;
        text-align: center;
        float: none;
    }

    .line3,
    .line1,
    .line2,
    .line4 {
        display: none;
    }

    .line-circle {
        bottom: 76px;
        left: 124px;
    }

    .loan-mid-inner ol {
        padding-top: 0;
        gap: 22px;
        align-items: flex-start;
        width: 100%;
    }

    .loan-mid-bottom {
        margin-top: 0;
    }

    .loan-mid-inner {
        display: block;
        max-width: 450px;
        margin: auto;
        margin-bottom: 32px;
    }

    .loan-mid-inner ol li:nth-of-type(even) {
        margin-left: auto;
    }

    .loan-mid-inner ol li:last-child {
        position: static;
    }

    .personal-loan-top {
        padding-bottom: 84px;
    }

    .personal-card-bottom h4 {
        font-size: 24px;
        letter-spacing: -0.24px;
    }

    .personal-card-bottom p {
        padding-bottom: 16px;
        font-size: 14px;
    }

    .personal-card {
        margin-bottom: 20px;
    }

    .personal-loan {
        padding-bottom: 93px;
    }

    .choose-bottom h4 {
        font-size: 20px;
        font-weight: 600;
        line-height: 24px;
        max-width: 260px;
        padding-bottom: 10px;
    }

    .choose-bottom p {
        font-size: 14px;
        max-width: 298px;
        width: 100%;
        margin: 0 auto;
    }

    .choose-bottom {
        padding: 20px;
    }

    .eligibility-left h3 {
        font-size: 36px;
    }

    .eligibility-sec .why-choose-top {
        padding-bottom: 48px;
    }

    .eligibility-left {
        justify-content: flex-start;
        padding-bottom: 32px;
    }

    .eligibility-shape {
        display: none;
    }

    .mbl-eligibility-shape {
        display: flex;
        position: absolute;
        top: 280px;
        right: 0;
    }

    .text-48 {
        font-size: 38px;
    }

    .doc-main {
        flex-direction: column;
        overflow: hidden;
    }

    .doc-icon-main.second-doc {
        border: 0;
        border-top: 1px solid #DA9E50;
        border-bottom: 1px solid #DA9E50;
    }

    .doc-icon-main.third-doc {
        border-top: 1px solid #DA9E50;
    }

    .doc-icon-main {
        min-height: auto;
        padding: 24px 16px;
    }

    .doc-icon-main.first-doc {
        justify-content: center;
        width: auto;
        gap: 20px;
        min-height: auto;
    }

    .doc-icon {
        width: 48px;
        height: 48px;
    }

    .doc-main {
        border-radius: 16px;
    }

    .doc-main-last {
        min-height: auto;
        padding-top: 14px;
        padding-bottom: 20px;
    }

    .doc-main-last .doc-icon-main {
        padding: 0;
        gap: 20px;
    }

    .doc-main-last {
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    .foreigner-span {
        margin-bottom: 10px;
    }

    .doc-last-right {
        flex-direction: column;
    }

    .doc-icon-main.third-doc.last,
    .doc-icon-main.second-doc.doc-last-item {
        border-top: 1px solid #DA9E50;
        border-bottom: 1px solid #DA9E50;
    }

    .doc-icon-main.third-doc {
        border-top-right-radius: 0;
    }

    .doc-icon-main.doc-last-item,
    .doc-icon-main.third-doc {
        border-bottom-right-radius: 0;
    }

    .doc-icon-main.second-doc.doc-last-item {
        border-bottom: 0;
    }

    .doc-icon img {
        height: 24px;
    }

    .eligibility-inner-top {
        padding-bottom: 60px;
    }

    .eligibility-sec {
        padding-top: 60px;
        padding-bottom: 36px;
    }

    .loan-process-shape {
        height: 270px;
    }

    .faq-right {
        max-width: 330px;
    }

    .secure-loan-left {
        max-width: 380px;
    }

    .contact-shape2 {
        height: 190px;
    }

    .contact-card.contact-card3 {
        margin-top: 20px;
    }

    .footer-left-top {
        max-width: 100%;
    }

    .mbl-ol {
        gap: 32px;
        padding-top: 32px;
        padding-bottom: 24px;
    }

    .copyright-para {
        color: #F7E3D2;
    }

    footer {
        padding: 42px 24px 24px;
    }

    .navbar-collapse {
        background: linear-gradient(180deg, #48040D 0%, #932729 98.08%);
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        height: 100vh;
        padding-inline: 24px;
        overflow-y: auto;
        padding-bottom: 57px;
    }

    .navbar-toggler,
    .navbar-brand {
        position: relative;
        z-index: 1;
    }

    header .dropdown-menu {
        background: transparent;
        box-shadow: none;
        border: 0;
        padding: 0 8px;
    }

    header .dropdown-item,
    .nav-link:focus,
    .nav-link:hover {
        color: #FBF2EA !important;
    }

    header .dropdown-item:hover {
        border-color: #FBF2EA;
    }

    header .dropdown-item:hover svg path {
        stroke: #FBF2EA;
    }

    .loan-down-arw svg path {
        fill: #FBF2EA;
    }

    .privacy-hero {
        padding-top: 120px;
    }

    .contact-us-sec {
        border-radius: 18px 18px 0px 0px;
    }

    .privacy-page .contact-us-sec {
        margin-top: -20px;
    }

    .blog-article-left {
        display: none;
    }

    .image-holder.article-resp img {
        height: 217px;
    }

    .all-article-mbl {
        display: block;
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
    }

    .blog-article {
        padding-top: 0;
    }

    .all-article-mbl .dropdown-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid transparent;
        padding: 0;
        padding-bottom: 6px;
        white-space: normal;
    }

    .all-article-mbl .dropdown-uparw {
        opacity: 0;
        transition: all 0.5s ease-in-out;
    }

    .all-article-mbl .dropdown-item:hover .dropdown-uparw {
        opacity: 1;
        transition: all 0.5s ease-in-out;
    }

    .all-article-mbl .dropdown-item:hover {
        background: transparent;
        border-color: #881F1E;
        font-weight: 600;
        color: #881F1E;
    }

    .all-article-mbl .dropdown-menu {
        padding: 18px;
        border-radius: 8px;
        background: linear-gradient(180deg, #FBF2EA 0%, #FCFEFB 100%);
        border: 0;
    }

    .all-article-mbl li {
        padding-bottom: 12px;
    }

    .all-article-mbl li:last-child {
        padding-bottom: 0;
    }

    .blog-page .privacy-hero {
        padding-bottom: 0;
    }

    .loan-solution-right {
        max-width: 100%;
        padding-top: 54px;
    }

    .story-page .left-text-box {
        max-width: 100%;
        text-align: center;
    }

    .story-page .left-text-box .btn-apply {
        margin: auto;
    }

    .story-page .list-item {
        justify-content: center;
    }

    .story-page .loan-apply-sec {
        padding: 100px 0px 84px;
    }

    .cards-row {
        margin-bottom: 40px;
    }

    .story-page .loan-apply-sec .form-box {
        max-width: 100%;
    }

    .story-contact-page .contact-hero {
        background-image: url('../images/contact-bg.webp');
        background-repeat: no-repeat;
        background-size: cover;
        padding: 96px 0px 76px;
    }

    .individual-blog-sec .blog-article-right h3.text-48 {
        font-size: 32px;
        line-height: 44px;
    }

    .individual-blog-page .blog-detail-right {
        position: static;
        max-width: 100%;
    }

    .individual-blog-page .overview-box ul li a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-color: transparent;
    }

    .individual-blog-page .overview-box ul li a svg {
        opacity: 0;
        transition: all 0.5s ease-in-out;
    }

    .individual-blog-page .overview-box ul li a:hover svg {
        opacity: 1;
        transition: all 0.5s ease-in-out;
    }

    .individual-blog-page .overview-box ul li a:hover {
        border-color: #881F1E;
    }

    .individual-blog-page .overview-box ul li a,
    .individual-blog-page .overview-box h4 {
        font-size: 16px;
    }

    .individual-blog-page .blog-detail-right {
        padding-bottom: 40px;
    }

    .step-container {
        gap: 28px;
        padding-bottom: 109px;
    }

    .step-title {
        font-size: 24px;
    }

    .loan-calculator-page .loan-right.image-holder {
        float: none;
    }

    .loan-calculator-page .loan-left,
    .loan-calculator-page .loan-left p {
        margin: 0 auto;
    }

    .loan-calculator-page .loan-calculator-shape1 {
        right: auto;
        left: 0;
        bottom: 0;
        top: auto;
    }

    .loan-calculator-page .loan-right.image-holder {
        padding-top: 16px;
    }

    .loan-calculator-page .calc-loan-shape {
        height: 210px;
    }

    .faq-page .categories-box {
        margin-bottom: 20px;
        background: transparent;
        border: 0;
        padding: 0;
    }

    .faq-page .categories-select-main {
        margin-bottom: 20px;
    }

    .faq-page .categories-select-main select {
        border-radius: 8px;
        border: 0.8px solid #E6BE8A;
        padding: 10px 8px 10px 14px;
    }

    .faq-page .categories-select-main select span {
        font-weight: 600;
    }

    .faq-page .categories-sec {
        padding: 100px 0px 72px;
    }

    .faq-page .categories-sec .faq-header h1 {
        margin: 0px 0px 18px;
    }

    .faq-page .categories-sec .faq-header form {
        margin-top: 35px;
        max-width: 100%;
    }

    .faq-page .faq-header {
        margin-bottom: 83px;
    }

    .faq-page .faq-sec {
        border-radius: 0;
    }

    .nav-link.dropdown-toggle:hover .loan-down-arw svg path {
        fill: #FBF2EA;
    }

    .about-sec h2 {
        max-width: 275px;
    }

    .aboutusshape {
        height: 230px;
    }

    .about-page .secure-loan-shape {
        height: 302px;
    }

    .loan-service-shape {
        right: 0;
        left: auto;
    }

    .pin-spacer {
        height: 120vh !important;
    }

    .loan-service-sec {
        height: 120vh !important;
    }
}

@media(max-width: 767px) {

    /* updated-css */
    .milestone-boxes {
        flex-wrap: wrap;
    }

    .milestone-sec .about-sec .text-42 {
        font-size: 36px;
    }

    .text-42 {
        color: #FBF2EA;
        font-size: 36px;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -1.26px;
    }

    .mb-84 {
        margin-bottom: 48px;
    }

    .mt-32 {
        margin-top: 32px;
    }

    .value-box-wrapper {
        grid-gap: 20px;
        margin-bottom: 0;
    }

    .about-page .value-sec {
        padding: 60px 12px;
    }

    .licence-sec {
        padding: 60px 12px;
    }

    .licence-sec h6 {
        text-align: center;
        font-size: 18px;
    }

    .hero-text-wrapper {
        padding-bottom: 0px;
        text-align: center;
    }

    .hero-sec .text-box .verified-box {
        font-size: 14px;
        margin: 0 auto;
    }

    .shadow-img {
        height: auto;
        top: -14px;
    }

    .hero-sec .text-box h1 {
        margin: 16px 0px 14px;
    }

    .hero-sec .text-box p {
        margin: 0 auto 32px;
        line-height: 140%;
        max-width: 345px;
    }

    .br-last {
        display: none;
    }

    .btn-apply-banner {
        margin: 0 auto;
    }

    .hero-sec .swiper-pagination {
        bottom: -3px !important;
    }

    .my-16 {
        margin: 16px 0px 0px;
    }

    .roadmap-box-wrapper {
        margin-top: 102px;
    }

    .roadmap-box-wrapper .number-box span {
        font-size: 18px;
        width: 42px;
        height: 42px;
    }

    .roadmap-box-wrapper:first-child {
        margin-top: 40px;
    }

    .roadmap-left {
        max-width: 77px;
    }

    .roadmap-box-wrapper::after {
        left: 21px;
    }

    .loan-box {
        border-radius: 12px;
        padding: 0px 16px 16px;
        opacity: 100%;
    }

    .roadmap-box-wrapper .main-btn {
        padding-inline: 26px;
        gap: 8px;
        font-size: 14px;
        height: 46px;
    }

    .who-sec {
        padding: 60px 12px;
    }

    .mission-sec {
        padding: 0 12px;
    }

    .credit-box h3 br {
        display: none;
    }

    .credit-box h3 {
        margin-bottom: 16px;
    }

    .office-sec .shape-2 {
        right: auto;
        left: 0;
        max-width: 113px;
        bottom: 0;
    }

    .sections-wrapper {
        border-radius: 12px 12px 0px 0px;
        padding: 60px 12px;
        margin-top: -10px;
    }

    .plan-box {
        padding: 0px;
        background: transparent;
        border: none;
        box-shadow: none;
    }

    .text-56 {
        font-size: 36px;
        line-height: normal;
        letter-spacing: -1.08px;
        font-weight: 600;
    }

    .right-text p {
        margin-top: 12px;
    }

    .right-text {
        text-align: center;
    }

    .form-box {
        border-radius: 16px;
        padding: 24px 20px;
    }

    .form-group {
        margin-bottom: 12px;
    }

    .form-check-label {
        font-size: 14px;
    }

    .form-box .form-control,
    .select2-container--default .select2-selection--single {
        font-size: 14px;
    }

    .input-row {
        grid-template-columns: 6fr;
        grid-gap: 0px;
    }

    .form-footer {
        justify-content: center;
        flex-wrap: wrap;
        grid-gap: 32px;
    }

    .loan-sec {
        padding: 60px 0px;
    }

    .installment-box {
        padding: 32px 20px;
    }

    .office-sec {
        padding: 60px 12px;
        border-radius: 18px 18px 0px 0px;
    }

    .office-sec .shape-1 {
        right: 0;
        left: auto;
    }

    .shape-2 img {
        height: auto;
    }

    .mb-40 {
        margin-bottom: 24px;
    }

    .value-sec {
        padding: 60px 12px 88px;
    }

    .loan-box h4 {
        font-size: 24px;
        margin: 16px 0px 10px;
    }

    .hero-sec {
        padding-bottom: 56px;
        background: linear-gradient(180deg, #FBF2EA 0%, #FCF3EB 100%);
    }

    .hero-mobil5 {
        margin: 0 auto;
        display: block;
    }

    .slide-1 .img-holder {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .hero-sec .slide-2 .text-box p {
        margin-bottom: 13px;
    }

    .mt-93 {
        margin: 24px auto 0;
        max-width: 320px;
        padding-left: 30px;
    }

    .slide-2 .mt-93 {
        padding-left: 45px;
    }

    .hero-sec .btn-apply {
        margin: 0 auto;
    }

    .secure-loan-left .apply-btn {
        margin: 0 auto;
    }

    .mb-60 {
        margin-bottom: 40px;
    }

    .team-box-wrapper {
        grid-template-columns: 4fr;
    }

    .team-sec {
        border-radius: 18px 18px 0px 0px;
        padding: 60px 12px;
    }

    .value-box {
        width: 100%;
    }

    .mission_vision_sec {
        padding: 60px 12px;
    }

    .mission_vision_sec .image-holder {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .milestone-boxes h2 {
        font-size: 42px;
        margin-bottom: 12px;
    }

    .aboutusshape {
        height: 180px;
    }

    .about-inner-header {
        flex-wrap: wrap;
        margin: 0px 0px 24px;
        flex-direction: column;
        align-items: flex-start;
        grid-gap: 12px;
    }

    .top-heading {
        grid-gap: 12px;
        text-align: center;
        justify-content: center;
        flex-wrap: wrap;
    }

    .milestone-boxes {
        display: grid;
        justify-content: space-between;
        grid-gap: 48px 30px;
        margin-top: 40px;
        grid-template-columns: 6fr 6fr;
    }

    .mt-84 {
        margin-top: 32px;
    }

    .about-inner-header p,
    .about-inner-header h2 {
        width: 100%;
    }

    /* updated-css */
    .text-18 {
        font-size: 14px;
        line-height: 19px;
    }

    .main-btn {
        height: 50px;
    }

    .loan-shape {
        bottom: 30px;
    }

    .personal-loan {
        padding: 60px 0;
    }

    .text-50 {
        font-size: 36px;
    }

    .main-tag {
        font-size: 10px;
        padding: 10px;
        color: #FBF2EA;
        border-color: #FBF2EA;
    }

    .personal-loan-bottom h3 {
        padding-bottom: 40px;
    }

    .personal-card-img {
        padding: 60px 0;
    }

    .personal-card-bottom h4 {
        max-width: 247px;
        width: 100%;
        margin: 0 auto;
    }

    .text-16 {
        font-size: 14px;
        line-height: 19px;
    }

    .why-choose-top h1,
    .why-choose-top h2 {
        padding-top: 16px;
        padding-bottom: 12px;
    }


    .why-choose-top {
        padding-bottom: 40px;
    }

    .choose-bottom p,
    .choose-bottom h4 {
        max-width: 100%;
    }

    .choose-box {
        margin-bottom: 20px;
    }

    .why-choose {
        padding: 60px 12px 28px;
    }

    .eligibility-left h3 {
        font-size: 24px;
    }

    .eligibility-left {
        padding-bottom: 24px;
    }

    .eligibility-text span img {
        height: 32px;
    }

    .eligibility-text .text-24 {
        font-size: 18px;
        line-height: 20px;
    }

    .text-48 {
        font-size: 24px;
        line-height: 30px;
    }

    .eligibility-bottom h4 {
        padding-bottom: 40px;
    }

    .process-left {
        text-align: center;
    }

    .process-left h2 {
        max-width: 100%;
        padding-bottom: 12px;
    }

    .loan-process .text-50 {
        color: #FBF2EA;
    }

    .process-left {
        padding-bottom: 40px;
    }

    .loan-process {
        padding: 42px 12px 0 12px;
    }

    .process-right {
        position: relative;
        z-index: 1;
        padding-bottom: 0;
    }

    .loan-process-shape {
        position: static;
        height: 429px;
    }

    .faq-left {
        max-width: 100%;
        text-align: center;
        padding-bottom: 54px;
    }

    .faq-right {
        max-width: 460px;
        position: relative;
        z-index: 1;
    }

    .singpass-btn {
        display: none;
    }

    .faq-sec .accordion-button {
        padding: 16px;
    }

    .faq-sec .accordion-button::after,
    .faq-sec .accordion-button:not(.collapsed)::after {
        width: 32px;
        height: 32px;
    }

    .faq-sec .accordion-button::after {
        right: -55px;
    }

    .loan-process,
    .our-blog,
    .personal-loan {
        border-radius: 18px 18px 0px 0px;
    }

    .our-blog {
        padding: 60px 0;
    }

    .personal-loan {
        margin-top: -50px;
    }

    .faq-shape {
        height: 224px;
    }

    .our-blog .text-50 {
        color: #FBF2EA;
    }

    .our-blog-main .main-btn {
        padding-inline: 10px;
    }

    .our-blog-card h4 {
        font-size: 20px;
    }

    .secure-loan-shape {
        position: static;
    }

    .secure-loan-sec {
        padding: 60px 12px 0 12px;
    }

    .secure-loan-left {
        max-width: 100%;
        text-align: center;
        padding-bottom: 48px;
    }

    .secure-loan-left p {
        max-width: 100%;
        padding-top: 12px;
        padding-bottom: 33px;
    }

    .secure-mbl-shape {
        margin-left: auto;
        margin-bottom: -40px;
    }

    .contact-shape2 {
        height: 178px;
        top: -60px;
        right: -50px;
    }

    .contact-us-sec {
        overflow: hidden;
        padding-top: 60px;
    }

    .contact-us-top {
        text-align: center;
    }

    .contact-us-img {
        padding: 48px 0;
    }

    .mbl-map-img {
        width: 100%;
    }

    .contact-card {
        margin-bottom: 20px;
    }

    .contact-shape {
        height: 86px;
    }

    .footer-brand img {
        height: 49px;
    }

    .footer-left p {
        padding-top: 24px;
        padding-bottom: 36px;
    }

    .footer-right h5 {
        padding-bottom: 20px;
    }

    .footer-right {
        padding-bottom: 32px;
    }


    .footer-shape {
        bottom: 74px;
        opacity: 0.12;
        width: 775px;
        left: 50%;
        transform: translate(-50%, 0);
    }

    .footer-shape img {
        opacity: 0.60;
    }

    .copyright-para,
    .mbl-ol {
        position: relative;
        z-index: 1;
        text-align: center;
    }

    .mbl-ol {
        padding-top: 20px;
        padding-bottom: 24px;
        justify-content: center;
    }

    .mbl-apply-main {
        display: flex;
    }

    footer {
        padding: 42px 12px 80px;
        overflow: hidden;
    }

    .loan-top-main {
        padding-bottom: 48px;
    }

    .loan-top-main h2 {
        color: #FBF2EA;
    }

    .loan-mid-bottom {
        padding: 16px;
    }

    .customer-reviews .customer-reviews-inner {
        grid-template-columns: repeat(1, 1fr);
    }

    @keyframes scroll-up {
        0% {
            transform: translateX(0%);
        }

        100% {
            transform: translateX(-50%);
        }
    }

    @keyframes scroll-up2 {
        0% {
            transform: translateX(-50%);
        }

        100% {
            transform: translateX(100%);
        }
    }

    .scroll-top,
    .scroll-bottom {
        display: flex;
        align-items: center;
        gap: 17px;
        width: 2500px;
    }

    .scroll-bottom {
        width: 7080px;
        animation: scroll-up2 200s linear infinite;
    }

    .customer-reviews-box ol li a img {
        height: 16px;
    }

    .user-main {
        margin-bottom: 0;
    }

    .customer-reviews-box {
        margin-bottom: 0;
    }

    .privacy-bottom {
        padding-top: 18px;
    }

    .privacy-hero .why-choose-top h1,
    .why-choose-top h2 {
        padding-bottom: 12px;
    }

    .privacy-info .text-32 {
        font-size: 24px;
    }

    .privacy-info .text-20 {
        font-size: 16px;
    }

    .privacy-info-list {
        gap: 16px;
    }

    .privacy-info-list ol {
        padding-top: 12px;
    }

    .privacy-info-list ol li {
        padding-bottom: 12px;
    }

    .privacy-info-list {
        padding-bottom: 24px;
    }

    .num-circle {
        width: 40px;
        height: 40px;
    }

    .latest-article-main {
        flex-direction: column;
        padding: 10px;
    }

    .latest-article-main .image-holder {
        padding: 0;
    }

    .latest-article-main .image-holder {
        width: 100%;
    }

    .image-holder.article-resp img {
        height: auto;
        width: 100%;
        object-fit: cover;
    }

    .latest-article h3 {
        padding-top: 16px;
        padding-bottom: 8px;
    }

    .latest-article p {
        padding-top: 16px;
    }

    .latest-article {
        flex: 1;
        padding: 0 10px 16px 0;
    }

    .latest-article-main {
        gap: 12px;
    }

    .more-article .latest-article h3 {
        padding-top: 12px;
        padding-bottom: 8px;
    }

    .more-article .main-btn {
        margin-top: 16px;
    }

    .more-article .latest-article {
        padding: 0;
    }

    .more-article .latest-article-main {
        gap: 12px;
    }

    .latest-article-main .image-holder img {
        width: 100%;
    }

    .more-article .latest-article-main {
        margin-bottom: 8px;
    }

    .loan-solution {
        padding-top: 0;
    }

    .loan-solution-left h3 {
        padding-bottom: 32px;
    }

    .loan-solution-left {
        padding-bottom: 54px;
    }

    .loan-solution-card h4 {
        font-size: 20px;
        letter-spacing: -0.2px;
        line-height: 24px;
    }

    .loan-solution-card img {
        height: 80px;
    }

    .loan-solution-right {
        padding-top: 0;
    }

    .story-page .cards-row .card-logo {
        display: none;
    }

    .story-contact-page .map-sec {
        padding: 60px 0px 160px;
    }

    .story-contact-page .contacrt-header {
        flex-direction: column;
        gap: 12px;
        text-align: center;
    }

    .story-contact-page .contacrt-header .text-42 {
        color: #881F1E;
    }

    .story-contact-page .indicator .swiper-button-next,
    .story-contact-page .indicator .swiper-button-prev {
        width: 32px;
        height: 32px;
    }

    .story-contact-page .indicator .swiper-button-next svg,
    .story-contact-page .indicator .swiper-button-prev svg {
        height: 24px;
    }

    .story-contact-page .indicator {
        margin-top: 24px;
    }

    .story-contact-page .contacrt-header {
        margin-bottom: 48px;
    }

    .story-sec {
        padding: 48px 0px 60px;
    }

    .story-contact-page .text-56 {
        font-size: 40px;
        line-height: 44px;
        /* 110% */
    }

    .story-contact-page .contact-hero .text-box h1 {
        margin-bottom: 18px;
    }

    .story-contact-page .map-sec {
        margin-top: -20px;
        border-radius: 18px 18px 0px 0px;
    }

    .story-contact-page .mt-80 {
        margin-top: 60px;
    }

    .story-contact-page .nav-link {
        color: #FBF2EA;
    }

    .story-contact-page .nav-link svg path {
        fill: #FBF2EA;
    }

    .story-contact-page .contact-us-main {
        padding-inline: 12px;
    }

    .individual-blog-page .latest-article .article-top-pra span {
        font-size: 12px;
    }

    .individual-blog-page .latest-article .article-top-pra span.latest-date {
        font-size: 10px;
    }

    .individual-blog-page .latest-article-main h3 {
        font-size: 16px;
    }

    .loan-calculator-page .loan-shape {
        bottom: 0px;
    }

    .loan-calculator-page .loan-calculator-shape1 {
        height: 390px;
        left: -80px;
        bottom: 100px;
    }

    .step-container {
        flex-direction: column;
        align-items: flex-start;
    }

    .step .line {
        height: 67%;
        width: 4px;
        left: 18px;
        top: 52px;
    }

    .step .circle {
        width: 40px;
        height: 40px;
        margin-left: 0;
        margin-bottom: 0;
    }

    .step-bottom {
        text-align: left;
    }

    .step {
        display: flex;
        align-items: flex-start;
        gap: 40px;
    }

    .step-desc {
        min-height: 62px;
    }

    .loan-calculator-page .calc-loan-shape {
        height: 156px;
        top: -30px;
        right: -30px;
    }

    .loan-calculator-page .eligibility-sec {
        overflow: hidden;
    }

    .benefit-circle {
        width: 108px;
        height: 108px;
    }

    .benefit-circle img {
        height: 60px;
    }

    .benefit-box {
        padding-bottom: 32px;
    }

    .benefit-box-bottom h4 {
        padding-bottom: 10px;
    }

    .loan-calculator-page .eligibility-sec {
        background: linear-gradient(180deg, #FCFEFB 0%, #E3DED7 49.62%, #E3DED7 100%);
        padding-bottom: 0;
    }

    .loan-calculator-page .calc-loan-shap2 {
        top: 30%;
        height: 235px;
    }

    .loan-calculator-page .eligibility-sec .why-choose-top {
        padding-bottom: 60px;
    }

    .loan-calculator-page .eligibility-inner-top .why-choose-top {
        padding-bottom: 48px;
    }

    .loan-calculator-page .loan-solution {
        padding-top: 0;
    }

    .loan-calculator-page .loan-solution-main {
        background: transparent;
    }

    .loan-calculator-page .loan-solution {
        background: linear-gradient(180deg, #48040D 0%, #932729 98.08%);
        margin-inline: -32px;
    }

    .loan-calculator-page .loan-solution-main {
        padding-bottom: 89px;
    }

    .loan-calculator-page .loan-solution-inner {
        padding-inline: 0;
    }

    .loan-calculator-page .loan-solution .container {
        padding: 0;
    }

    .loan-calculator-page .loan-solution-shape {
        left: -18px;
    }

    .loan-calculator-page .right-text {
        padding-bottom: 54px;
        margin-bottom: 0;
    }

    .loan-calculator-page .sections-wrapper {
        padding-bottom: 60px;
    }

    .plan-box .label-row h4 {
        color: #E7E9EA;
        font-size: 20px;
        font-weight: 400;
    }

    .plan-box .range-labels span {
        color: #EEE;
    }

    .plan-box .value-display {
        font-size: 24px;
    }

    .plan-box .slider-container button {
        width: 32px;
        height: 32px;
    }

    .plan-box .input-range-middle {
        margin-top: 20px;
    }

    .faq-page .categories-sec {
        padding: 100px 0px 44px;
    }

    .faq-page .faq-header .text-56 {
        font-size: 40px;
        line-height: 44px;
    }

    .about-sec h2 {
        max-width: 100%;
        margin: 12px 0px 20px;
    }

    .about-inner-header h2 {
        margin: 0;
    }

    .about-page .mb-12 {
        margin-bottom: 16px;
    }

    .about-sec {
        padding: 100px 0px 60px;
    }

    .my-16 {
        margin: 16px 0px 12px;
    }

    .team-sec h2 {
        color: #FBF2EA;
    }

    .mb-84 {
        margin-bottom: 40px;
    }

    .licence-sec img {
        width: 100%;
    }

    .about-page .apply-btn {
        display: inline-flex;
        height: 50px;
        width: auto;
        padding: 0 51px;
    }

    .faq-sec {
        padding: 60px 0;
    }

    header {
        padding: 19px 12px;
    }

    .slide-2 {
        padding: 78px 0px 0px;
    }

    .slide-2 .text-box .text-56 {
        margin-bottom: 14px;
    }

    .slide-2 .text-box p.last-para {
        margin-bottom: 33px;
    }

    .loan-process2 {
        margin: 30px -12px 0;
    }

    .loan-process-shape {
        position: static;
        height: 295px;
        width: 100%;
    }

    .eligibility-sec.customer-sec {
        overflow: hidden;
    }

    .eligibility-sec.customer-sec .container {
        padding: 0;
    }

    .home-page .contact-us-sec {
        padding-left: 12px;
        padding-right: 12px;
    }

    .who-sec .image-holder {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .credit-box {
        max-width: 100%;
    }

    .mission-sec img {
        width: 100%;
    }

    .mission-box {
        max-width: 100%;
    }

    .home-page .loan-left {
        padding-top: 0;
    }

    .roadmap-wrapper {
        height: 65vh;
        overflow: hidden;
    }

    @keyframes lineGrowVertical {
        0% {
            transform: scaleY(0);
        }

        100% {
            transform: scaleY(1);
        }
    }

    /* Base line style */
    .line {
        background-color: #3b82f6;
        transform-origin: left;
        transform: scaleX(0);
    }

    /* Horizontal animation for desktop */
    .line.animated {
        animation: lineGrowOnce 1s ease forwards;
    }

    .line {
        width: 4px;
        height: 100%;
        transform-origin: top;
        transform: scaleY(0);
    }

    .line.animated {
        animation: lineGrowVertical 1s ease forwards;
    }

    .step:nth-child(2) .line {
        background: #7a0e0e;
    }
}

@media(max-width: 575px) {
    .faq-right {
        max-width: 100%;
        margin: 0 auto;
        padding-right: 42px;
    }

    .faq-sec .accordion-button::after {
        right: -46px;
    }

    .faq-sec .accordion-button {
        font-size: 16px;
    }

    footer {
        padding: 42px 24px 80px;
    }

    .loan-mid-inner ol li span {
        width: 24px;
        height: 24px;
    }

    .choose-bottom p,
    .choose-bottom h4 {
        max-width: 260px;
    }

    .our-blog-card.second-blog p {
        margin-bottom: 24px;
    }

    .privacy-hero {
        padding-top: 90px;
    }

    .privacy-info .text-32 {
        font-size: 20px;
    }

    .privacy-info .num-circle {
        font-size: 14px;
        width: 28px;
        height: 28px;
        font-weight: 500;
    }

    .privacy-info-list {
        gap: 10px;
    }

    .privacy-info-list ol {
        padding-top: 10px;
    }

    .loan-solution-right {
        flex-direction: column;
    }

    .blog-page .pagination ol {
        max-width: 156px;
    }

    .latest-article .text-18 {
        font-size: 16px;
    }

    .loan-solution .container {
        padding-inline: 0;
    }

    .loan-solution .loan-solution-main {
        border-radius: 0;
    }

    .loan-solution {
        padding: 0;
    }

    .card-logo {
        display: none;
    }

    .story-page .left-text-box h1 {
        color: #FBF2EA !important;
        font-size: 40px;
        line-height: 110%;
    }

    .story-page .loan-apply-sec {
        overflow: hidden;
    }

    .story-page .apply-card a {
        font-size: 14px;
    }

    .story-page .apply-card p {
        font-size: 16px;
    }

    .story-page .apply-card .img-holder img {
        height: 60px;
    }

    .story-page .loan-apply-sec .form-box {
        margin-inline: 12px;
    }

    .story-apply-col {
        padding: 0;
    }

    .story-page .left-text-box {
        padding-inline: 24px;
    }

    .story-swiper-main .storySwiper {
        margin-left: 24px;
    }

    .story-contact-page .swiper-slide .img-holder .slider-footer {
        position: absolute;
        bottom: 12px;
    }

    .individual-blog-page .blog-user-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .individual-blog-page .blog-article-main-second {
        padding-top: 16px;
    }

    .individual-blog-page .individual-blog-sec .blog-article-right h3.text-48 {
        font-size: 28px;
        line-height: 33px;
    }

    .individual-blog-page .individual-blog-page .blog-article {
        padding-top: 90px;
    }

    .individual-blog-page .blog-user-inner {
        margin-bottom: 24px;
    }

    .individual-blog-page .blog-article {
        padding-top: 90px;
    }

    .individual-blog-page .key-takeways h4 {
        font-size: 20px;
        line-height: 120%;
    }

    .individual-blog-page .key-takeways {
        padding: 14px;
    }

    .individual-blog-page .loan-shark h4,
    .individual-blog-page .loan-shark h5,
    .individual-blog-page .common-warning-top h4,
    .individual-blog-page .verify-legit h4,
    .individual-blog-page .loan-sharks-box h4,
    .individual-blog-page .horsion-credit-box h4,
    .individual-blog-page .safer-box h4,
    .individual-blog-page .safer-box h5 {
        font-size: 20px;
        line-height: 28px;
    }

    .text-dark-green {
        font-size: 22px !important;
    }

    .individual-blog-page .loan-shark h4 {
        padding-bottom: 12px;
    }

    .individual-blog-page .loan-shark h5 {
        padding-bottom: 14px;
    }

    .individual-blog-page .loan-shark {
        padding-bottom: 18px;
    }

    .individual-blog-page .common-warning {
        padding-bottom: 56px;
    }

    .individual-blog-page .verify-legit h4 {
        padding-bottom: 18px;
    }

    .individual-blog-page .loan-sharks-box .table {
        margin-top: 12px;
    }

    .individual-blog-page .loan-sharks-box .table thead tr th {
        font-size: 14px;
    }

    .individual-blog-page .loan-sharks-box .table thead tr th {
        padding: 10px;
    }

    .individual-blog-page .horsion-credit-box h4 {
        margin-bottom: 14px;
    }

    .individual-blog-page .common-warning {
        padding-bottom: 32px;
    }

    .individual-blog-page .loan-sharks-box .table tbody tr td {
        font-size: 14px;
        padding: 10px 12px;
    }

    .individual-blog-page .author-box .img-holder img {
        height: 60px;
    }

    .individual-blog-page .author-details img {
        height: 60px;
    }

    .individual-blog-page .author-details h6 {
        font-size: 14px;
    }

    .individual-blog-page .author-details {
        grid-gap: 12px;
        margin-bottom: 16px;
    }

    .individual-blog-page .overview-box ul li a,
    .individual-blog-page .overview-box h4 {
        font-size: 14px;
    }

    .individual-blog-page .apply-box {
        background: transparent;
        padding: 0;
    }

    .individual-blog-page .apply-box .main-btn {
        width: 100%;
        justify-content: center;
    }

    .individual-blog-page footer {
        margin-top: -10px;
        position: relative;
        z-index: 9;
    }

    .individual-blog-page .apply-box .main-btn {
        font-size: 14px;
        height: 43px;
    }

    .individual-blog-page .blog-detail-right {
        padding-bottom: 36px;
    }

    .loan-calculator-page .loan-calculator-shape1 {
        height: 262px;
    }

    .loan-calculator-page .sections-wrapper {
        position: relative;
        z-index: 2;
        margin-top: -12px;
    }

    .loan-calculator-page .loan-solution {
        margin-inline: -12px;
        padding-inline: 24px;
    }

    .loan-calculator-page .contact-us-sec {
        padding-bottom: 126px;
    }

    .loan-calculator-page .contact-shape,
    .faq-page .contact-shape {
        height: 60px;
    }

    .faq-page .faq-sec .accordion-button {
        font-size: 14px;
        font-weight: 600;
    }

    .faq-page .categories-sec .faq-right {
        padding-right: 34px;
    }

    .faq-sec .accordion-button::after,
    .faq-sec .accordion-button:not(.collapsed)::after {
        width: 30px;
        height: 30px;
    }

    .contact-shape {
        height: 60px;
    }

    .home-page .contact-us-sec {
        padding-bottom: 140px;
    }

    .home-page .contact-us-top h2 {
        max-width: 222px;
        width: 100%;
        margin: 0 auto;
    }

    .home-page .loan-text,
    .loan-calculator-page .loan-text {
        margin: 16px auto 12px;
        color: #FBF2EA;
        max-width: 185px;
        width: 100%;
    }

    .home-page .loan-title {
        color: #FBF2EA;
        border-color: #FBF2EA;
    }

    .home-page .sections-wrapper {
        position: relative;
    }

    .plan-box .range-labels {
        margin-top: 8px;
    }

    .home-page .customer-sec .why-choose-top {
        max-width: 252px;
        width: 100%;
        margin: 0 auto;
        padding-bottom: 40px;
    }

    .process-right-box {
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }

    .process-right-content {
        text-align: center;
    }

    .process-right-content p {
        line-height: 140%;
    }

    .process-right-content p span {
        display: block;
    }

    .process-right small {
        padding-bottom: 16px;
    }

    .process-left h2 {
        max-width: 328px;
        margin: 0 auto;
    }



    .value-box h4 {
        margin: 16px 0px 12px;
        font-size: 20px;
        line-height: 120%;
        /* 24px */
    }

    .who-sec h2 {
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
        letter-spacing: -1.08px;
        padding-top: 16px;
        padding-bottom: 12px;
    }

    .text-50 {
        font-size: 32px;
        letter-spacing: -1px;
    }

    .home-page .loan-text {
        max-width: 100%;
    }

    .choose-bottom p,
    .choose-bottom h4 {
        max-width: 100%;
    }

    .home-page .text-50 {
        letter-spacing: -1px;
    }

    .home-page .loan-left {
        padding-left: 12px;
    }

    .home-page .hero-sec .text-box h1 span {
        display: block;
    }

    .loan-sec-wrap {
        padding-bottom: 60px;
    }

    .home-page .our-blog {
        padding-top: 20px;
    }

    .faq-left h2 {
        max-width: 287px;
        width: 100%;
        margin: 0 auto;
        padding-top: 16px;
        padding-bottom: 12px;
    }

    .faq-sec {
        padding: 42px 12px 60px 12px;
    }

    .faq-sec .accordion-button::after {
        right: -42px;
    }

    .home-page .loan-sec {
        padding: 60px 12px 100px;
    }


    .mission-sec .br-none br {
        display: none;
    }

    .about-sec {
        padding: 80px 0px 84px;
    }

    .about-inner-header h2 {
        font-size: 40px;
        line-height: 44px;
    }

    .aboutusshape {
        height: 167px;
    }

    .about-sec {
        padding: 80px 12px 60px;
    }

    .milestone-sec {
        padding: 60px 12px;
    }

    .about-page .milestone-boxes h2 {
        font-size: 40px;
    }

    .about-page .customer-sec {
        display: none;
    }

    .about-page .licence-sec .why-choose-top h1 {
        padding-bottom: 0;
    }

    .about-page .secure-loan-left {
        max-width: 305px;
        width: 100%;
        margin: 0 auto;
        padding-bottom: 60px;
    }

    .about-page .secure-loan-shape {
        height: 100%;
    }

    .about-page.our-blog-top {
        max-width: 335px;
        width: 100%;
        margin: 0 auto;
        padding-bottom: 90px;
    }

    .about-page .contact-us-top {
        max-width: 335px;
        width: 100%;
        margin: 0 auto;
    }

    .about-page .contact-us-top h2 {
        max-width: 270px;
        margin: 0 auto;
        width: 100%;
    }

    .contact-us-sec {
        padding-bottom: 140px;
        padding-left: 12px;
        padding-right: 12px;
    }

    .story-contact-page .contact-hero .text-box {
        max-width: 355px;
    }

    .story-contact-page .contact-us-top h2,
    .individual-blog-page .contact-us-top h2 {
        max-width: 222px;
        width: 100%;
        margin: 0 auto;
    }

    .loan-calculator-page .loan-left .text-56 span {
        display: block;
    }

    .loan-page .loan-left h1 {
        font-size: 40px;
        line-height: 44px;
    }

    .privacy-page .contact-us-top h2 {
        max-width: 222px;
        width: 100%;
        margin: 0 auto;
    }

    .slide-2 .col-lg-3 {
        padding: 0;
    }

    .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        margin: 0 6px !important;
    }

    .hero-sec .slide-2 .text-box p {
        margin: 0 auto 32px;
        line-height: 140%;
        max-width: 305px;
    }

    .roadmap-wrapper {
        padding: 0 12px;
        height: 58vh;
        overflow: hidden;
    }

    .loan-box p {
        margin-bottom: 24px;
    }

    .roadmap-box-wrapper .main-btn {
        padding-inline: 0;
        font-size: 14px;
        font-weight: normal;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .process-right-box {
        margin-bottom: 20px;
    }

    .process-right-box:last-child {
        margin: 0;
    }

    .process-right-box small {
        color: #0B252F;
        font-size: 16px;
    }

    .process-right-box h4 {
        color: #0B252F;
        font-size: 20px;
        font-weight: 600;
        letter-spacing: -0.2px;
        line-height: normal;
        margin: 10px 0;
    }

    .process-right-box p {
        font-weight: normal;
    }

    .main-btn {
        padding-inline: 29px;
    }

    .process-right-box button {
        display: inline-flex;
        margin: 24px auto 0;
    }

    .choose-image-holder img {
        min-height: auto;
    }

    .our-blog {
        padding: 60px 12px;
    }

    .milestone-boxes p br {
        display: none;
    }

    .loan-hero,
    .personal-loan {
        padding-left: 12px;
        padding-right: 12px;
    }

    .loan-right.image-holder {
        margin: 0 -24px;
    }

    .mbl-eligibility-shape {
        top: 360px;
    }

    .faq-page .categories-sec {
        padding: 100px 12px 44px;
    }

    .loan-sec {
        padding: 60px 12px;
    }

    .loan-calculator-shape2 {
        height: 270px;
    }

    .loan-calculator-page .loan-right.image-holder {
        margin: 0;
        margin-top: 52px;
    }

    .loan-calculator-page .loan-right.image-holder img {
        max-width: none;
        width: auto;
        margin: 0 auto;
    }

    .eligibility-loan-inner {
        padding: 0 12px;
    }

    .loan-calculator-page .get-loan {
        padding: 60px 12px;
    }

    .loan-solution-shape2 {
        top: auto;
        bottom: 0;
        right: 0;
    }

    .blog-hero {
        padding-left: 12px;
        padding-right: 12px;
    }

    .blog-article {
        padding-left: 12px;
        padding-right: 12px;
    }

    .footer-shape {
        left: 66%;
    }

    .hero-mobil5 {
        margin: 0 auto;
        display: block;
        width: 100%;
    }

    .slide-2 .shadow-img {
        height: 720px;
        top: -115px;
    }
}