/* =========================================
   OUR PROCESS / GALLERY SECTION
========================================= */

.about_loan {
    width: 100%;
    background: #ffffff;
    overflow: hidden;
}




/* =========================================
   SUBTITLE
========================================= */

.about_loan .subtitle {
    max-width: 800px;

    margin: 18px auto 0;

    font-family: "Poppins", sans-serif;

    font-size: 15px;

    line-height: 1.7;

    color: #000000;
}


/* =========================================
/* =========================================
   DESKTOP SVG
========================================= */

.steps-desktop {
    display: block;
    width: 100%;
    text-align: center;
}

.steps-desktop img {
    display: block;

    width: 950px;      /* 800px se increase */

    max-width: none;

    height: auto;

    margin: 0 auto;
}


/* =========================================
   MOBILE SVG
========================================= */

.steps-mobile {
    display: none;
}

.steps-mobile img {
    display: block;

    width: 344px;

    max-width: 100%;

    height: auto;

    margin: 0 auto;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .about_loan {
        padding: 20px 0;
    }

    .about_loan .section-title {
        font-size: 48px;
    }

    .about_loan .subtitle {
        font-size: 14px;

        max-width: 700px;
    }

    .steps-desktop img {
        width: 800px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .about_loan {
        padding: 15px 0 25px;
    }


    .about_loan .container {
        width: 94%;
    }


    /* Heading */

    .about_loan .section-title {
        font-size: 38px;

        line-height: 1.15;
    }


    /* Subtitle */

    .about_loan .subtitle {
        font-size: 13px;

        line-height: 1.7;

        padding: 0 10px;
    }


    /* Hide desktop */

    .steps-desktop {
        display: none;
    }


    /* Show mobile */

    .steps-mobile {
        display: block;
    }


    .steps-mobile .gap-8 {
        height: 30px;
    }


    .steps-mobile img {
        width: 344px;

        max-width: 100%;
    }


    .gap-6 {
        height: 20px;
    }

}


/* =========================================
   SMALL IPHONE
========================================= */

@media (max-width: 480px) {

    .about_loan .section-title {
        font-size: 32px;
    }


    .about_loan .subtitle {
        font-size: 12px;

        padding: 0 5px;
    }


    .steps-mobile img {
        width: 100%;

        max-width: 344px;
    }


    .about_loan .gap-8 {
        height: 25px;
    }

}