@media screen and (min-width: 1400px) {
     .container {
          max-width: 1376px;
     }
}

@media screen and (max-width: 1365px) {
     .credit-loan-box {
          height: 100%;
     }

     .latest-news-box .text-box span {
          margin-bottom: 6px;
     }

     .latest-news-box .text-box h3 {
          font-size: 18px;
     }

     .latest-news-box .text-box p {
          font-size: 14px;
          line-height: 20px;
     }

     .latest-news-box .text-box {
          padding: 9px 24px 9px 0;
     }

     .latest-news-box .image-holder img {
          height: 100%;
          object-fit: cover;
          object-position: center;
     }

     .credit-loan-box {
          padding: 50px 16px 28px;
     }

     .credit-loan-box h3 {
          font-size: 26px;
          line-height: 34px;
     }

     .benefit-box .text-box h3 {
          font-size: 22px;
          line-height: 28px;
     }

     .benefit-box .text-box p {
          font-size: 14px;
     }

     .step-quide-inner {
          gap: 40px;
     }

     .step-quide-box h3 {
          font-size: 26px;
          line-height: 37px;
          margin-top: 24px;
          margin-bottom: 16px;
     }

     .step-quide-box p {
          font-size: 16px;
          line-height: 25px;
     }

     .cta-inner .text-box h2 {
          font-size: 38px;
          line-height: 48px;
     }

     .cta-dark .cta-inner .image-holder {
          right: 24px;
          max-width: 494px;
     }

     .smart-cta-inner .text-box {
          max-width: 515px;
     }

     .latest-news-box .image-holder {
          max-width: 220px;
     }

     .smart-cta-inner .text-box h2 {
          font-size: 36px;
          line-height: 40px;
     }

     .cta-inner .text-box p {
          font-size: 16px;
          line-height: 24px;
     }

     .credit-loan-box p {
          font-size: 16px;
          margin-top: 12px;
          line-height: 21px;
     }

     .latest-news-box {
          gap: 14px;
     }

     .cta-light .cta-inner .image-holder {
          margin-top: -78px;
     }

     .credit-cta {
          top: 380px;
     }

     .backtop {
          right: 40px;
          bottom: 50px;
     }

     .contact-info-box .text-box p {
          font-size: 14px;
     }

     .applyloan-right {
          padding-left: 24px;
     }
}

@media screen and (max-width: 1199px) {
     .credit-cta {
          top: 330px;
     }

     .credit-cta img {
          height: 100px;
     }

     .hero-slider-wrapper {
          min-height: 680px;
          padding-top: 65px;
     }

     .calculator-inner {
          padding: 35px 24px;
     }

     .calculator-detail {
          margin: 40px 0 0 0;
     }

     .calculator-detail .row {
          margin: 0 -12px;
     }

     .calculator-detail [class*="col-"] {
          padding: 0 12px;
     }

     .calculator-box {
          padding: 28px;
     }

     .latest-news-box .text-box p {
          font-size: 16px;
          line-height: 23px;
     }

     .latest-news-box .image-holder {
          max-width: 230px;
     }

     .latest-news-box .image-holder img {
          height: 100%;
     }

     .loan-content {
          padding-top: 40px;
          padding: 20px 16px 0;
     }

     .loan-content .text-box p {
          font-size: 16px;
          line-height: 26px;
     }

     .step-quide-inner::after {
          max-width: 750px;
     }

     .discover-sec {
          padding: 80px 0;
     }

     .discover-inner {
          padding: 40px 30px 209px 30px;
     }

     .discover-detail {
          max-width: 410px;
     }

     .discover-sec .discover-left {
          padding-left: 0;
          margin-top: 100px;
     }

     .client-testimonial {
          padding: 0 30px;
     }

     .testimonial-box {
          padding: 18px;
     }

     .testimonial-box .media {
          gap: 12px;
          margin-bottom: 20px;
     }

     .testimonial-box .text-box p {
          margin-top: 0px;
     }

     .cta-inner .text-box {
          padding: 30px 30px;
          max-width: 535px;
     }

     .footer-location ul {
          gap: 6px;
     }

     .footer-location ul li {
          font-size: 14px;
          line-height: 20px;
     }

     .personal-support-left {
          padding-top: 0;
     }

     .personal-support-left .text-box {
          margin-top: 20px;
     }

     .dots-shape {
          margin-top: 10px;
     }

     .credit-loan-box h3 {
          font-size: 22px;
          line-height: 30px;
     }

     .credit-loan-box p {
          font-size: 14px;
          line-height: 19px;
     }

     .criteria-box .media {
          gap: 16px;
          margin-bottom: 20px;
     }

     .criteria-box {
          padding: 0px 24px 32px;
     }

     .pb-9 {
          padding-bottom: 9px;
     }

     .criteria-box .media .text-box p {
          font-size: 14px;
          margin-top: 8px;
          line-height: 18px;
     }

     .benefit-box .text-box h3 {
          font-size: 18px;
          line-height: 22px;
     }

     .benefit-box .text-box p {
          min-height: 96px;
     }

     .title p {
          font-size: 18px;
          line-height: 30px;
     }

     .cta-dark .cta-inner .text-box {
          max-width: 470px;
          padding: 30px;
     }

     .cta-dark .cta-inner .image-holder {
          max-width: 501px;
     }

     .who-are-box {
          padding: 44px 44px 300px 44px;
     }

     .who-made ul {
          gap: 13px;
          max-width: 890px;
          margin: 30px auto 0;
     }

     .who-made-box {
          height: 288px;
     }

     .credit-values-sec {
          padding: 80px 0;
     }

     .credit-values-sec .text-box h2 {
          font-size: 30px;
     }

     .credit-values-sec .text-box p {
          margin-top: 12px;
     }

     .about-store-sec {
          padding: 0 0 210px;
          margin-bottom: -120px;
     }

     .cta-light .cta-inner .image-holder {
          margin-right: 18px;
     }

     .faq-page .faq-banner {
          padding-top: 80px;
          min-height: 410px;
     }

     .faq-banner .hero-text h1 {
          font-size: 60px;
     }

     .faq-shape {
          top: -65px;
     }

     .faq-page .faq-inner {
          gap: 16px;
     }

     .faq-sidbar {
          max-width: 270px;
     }

     .blog-page .privacy-banner {
          padding: 80px 0 190px;
     }

     .blog-shape {
          top: -70px;
     }

     .blog-inner {
          margin-top: 0;
     }

     .blog-page .privacy-banner .hero-text h1 {
          font-size: 58px;
     }

     .budgeting-text-box h2 {
          font-size: 26px;
     }

     .contact-info-box h3 {
          font-size: 24px;
     }

     .contact-info-box h2 {
          font-size: 24px;
     }

     .contact-info-box {
          height: 100%;
     }

     .info-box .media .text-box .text-inner strong {
          font-size: 14px;
     }

     .contact-store-sec .info-box .media.media2 {
          padding-right: 54px;
     }

     .applyloan-left {
          padding-right: 24px;
          padding-top: 40px;
          padding-bottom: 40px;
     }

     .applyloan-right {
          padding-left: 24px;
          padding-top: 40px;
     }

     .applyloan-right .text-box h2 {
          font-size: 24px;
          margin-bottom: 16px;
     }

     .applyloan-right .text-box ul li p {
          font-size: 14px;
     }

     .applyloan-made ul {
          gap: 8px;
     }

     .applyloan-made ul li {
          padding-right: 10px;
     }

     .applyloan-made .text-box span {
          font-size: 32px;
          min-height: 40px;
     }

     .applyloan-made .text-box span img {
          height: 22px;
     }

     .applyloan-made .text-box p {
          font-size: 13px;
     }

     .applyloan-left .text-box {
          margin: 0 0 30px 0;
     }

     .applyloan-left .text-box h1 {
          font-size: 42px;
          line-height: 50px;
          margin: 0 auto 12px;
     }

     .news-top-shape {
          top: 1px;
     }

     .news-top-shape,
     .news-bottom-shape {
          height: 50%;
     }

     .news-top-shape img,
     .news-bottom-shape img {
          height: 100%;
          object-fit: cover;
          object-position: center;
     }
}

@media screen and (max-width:991px) {
     header .navbar-nav .nav-link {
          font-size: 14px;
     }

     .hero-sec {
          margin-top: 204px;
     }

     .hero-slider-wrapper {
          min-height: 600px;
          padding-top: 50px;
     }

     .hero-slider-wrapper .text-box {
          max-width: 470px;
     }

     .hero-slider-wrapper .text-box h1 {
          font-size: 54px;
          line-height: 58px;
     }

     .hero-slider-wrapper .text-box p {
          font-size: 18px;
          line-height: 26px;
          margin: 20px 0px;
     }

     .calculator-inner {
          padding: 24px 16px;
     }

     .title h2 span {
          font-size: 26px;
     }

     .title h2 {
          font-size: 36px;
          line-height: 42px;
     }

     .title p {
          font-size: 16px;
          line-height: 20px;
          margin-top: 10px;
     }

     .title p br {
          display: none;
     }

     .calculator-box {
          padding: 16px;
     }

     .sgd-box {
          gap: 6px;
     }

     .sgd-box .form-control {
          font-size: 20px;
          line-height: 28px;
     }

     .sgd-box span {
          font-size: 14px;
     }

     .label-text {
          font-size: 16px;
          line-height: 20px;
     }

     .sgd-box strong {
          font-size: 24px;
          line-height: 28px;
     }

     .calculator-price ul li {
          font-size: 12px;
          line-height: 18px;
     }

     .interest-list ol li a {
          font-size: 22px;
          height: 54px;
     }

     .total-payment .media h2 {
          font-size: 40px;
          line-height: 44px;
     }

     .total-payment .media span {
          font-size: 20px;
          margin-bottom: 4px;
     }

     .total-payment-list ol li {
          font-size: 16px;
          line-height: 26px;
     }

     .total-payment-list ol li h3 {
          font-size: 20px;
          line-height: 30px;
     }

     .left-scroll,
     .right-scroll {
          width: 36px;
     }

     .loan-media .nav-pills {
          gap: 14px;
     }

     .loan-media .nav-pills .nav-item .nav-link {
          font-size: 18px;
          width: 180px;
          height: 180px;
     }

     .loan-media .nav-pills .nav-item .nav-link span {
          width: 80px;
          height: 80px;
          padding: 8px;
     }

     .loan-content .text-box h3 {
          font-size: 26px;
          line-height: 26px;
          margin-bottom: 10px;
     }


     .benefits-right {
          max-width: 100%;
          margin-top: 30px;
     }

     .borrow-credit-box .text-box {
          padding: 16px;
     }

     .credit-values-sec .image-holder {
          margin: 0 auto 40px;
     }

     .about-store-sec {
          padding: 0 0 270px;
     }

     .credit-values-sec .text-box {
          margin-left: auto;
          margin-right: auto;
     }

     .hero-text h1 {
          font-size: 50px;
          line-height: 66px;
     }

     .hero-primary-sec .hero-text p {
          margin: 4px auto 0;
     }

     .hero-primary-sec .image-holder img {
          height: 464px;
     }

     .key-benefits-sec {
          padding: 120px 0 0px;
     }

     .step-quide-inner {
          grid-template-columns: 12fr;
          max-width: 350px;
          margin: 47px auto 0px;
     }

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

     .step-quide-box {
          display: flex;
          grid-gap: 15px;
          align-items: center;
          max-width: 100%;
          margin: 0 auto;
     }

     .step-quide-inner::after {
          left: 50px;
          transform: translate(0%, 0);
          top: 50px;
          width: 100%;
          width: 1px;
          height: 86%;
          border: 1px dashed #C0BCC5;
     }

     .flex-1 {
          flex: 1;
     }

     .step-quide-box h3 {
          font-size: 26px;
          margin-top: 0px;
          margin-bottom: 5px;
     }

     .step-quide-box h3,
     .step-quide-box p {
          text-align: start;
     }

     .step-quide-box span {
          margin: 0;
     }

     .latest-news-box {
          gap: 0px;
          margin: 12px 0;
          flex-wrap: wrap;
     }

     .footer-location ul {
          flex-wrap: wrap;
     }

     .latest-news-box .text-box {
          padding: 16px 16px 24px 16px;
     }

     .accordion-item {
          margin-bottom: 18px;
          padding: 18px 0;
     }

     .accordion-body .text-box ul li p {
          font-size: 14px;
          line-height: 24px;
          flex: 1;
     }

     .accordion-body .text-box ul li span {
          margin: 7px 0 0 0;
     }

     .cta-dark .cta-inner .image-holder {
          max-width: 401px;
     }

     .personal-support-right .image-holder {
          margin: 40px auto 0px;
     }

     .latest-news-box .image-holder img {
          border-radius: 16px 16px 0px 0px;
     }

     .latest-news-box .image-holder {
          max-width: 100%;
     }

     .discover-inner {
          padding: 30px 16px 160px 16px;
     }

     .discover-inner a img {
          height: 50px;
     }

     .discover-sec .discover-left {
          margin-top: 40px;
     }

     .discover-inner .discover-left h3 {
          font-size: 26px;
          line-height: 28px;
     }

     .discover-inner .text-box h3 {
          font-size: 28px;
          line-height: 28px;
     }

     .discover-inner .text-box p {
          font-size: 14px;
          line-height: 21px;
     }

     .discover-detail {
          max-width: 300px;
          padding: 24px 16px 60px 16px;
          margin: -130px auto 0;
     }

     .discover-detail ul li {
          gap: 8px;
     }

     .discover-detail ul li p {
          font-size: 15px;
          line-height: 26px;
     }

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

     .contact-store-media .media h2 {
          font-size: 36px;
          line-height: 40px;
     }

     .contact-store-media .media img {
          height: 80px;
     }

     .contact-store-detail {
          padding: 16px;
          margin-top: 30px;
     }

     .info-box .media .text-box .text-inner strong {
          font-size: 14px;
          line-height: 22px;
     }

     .info-box .media.media2 {
          padding-right: 34px;
     }

     .latest-news-sec {
          padding: 79px 0;
     }

     .latest-news-inner {
          margin: 30px 0 20px 0;
     }

     .cta-sec {
          padding: 100px 0;
     }

     .cta-inner {
          border-radius: 24px;
     }

     .cta-inner .text-box {
          padding: 20px 16px;
          max-width: 375px;
     }

     .cta-inner .text-box h2 {
          font-size: 30px;
          line-height: 34px;
     }

     .cta-inner .text-box p {
          margin: 10px 0;
     }

     .cta-inner .image-holder {
          margin-top: -73px;
     }

     .accordion-button {
          font-size: 24px;
     }

     .accordion-body .text-box p {
          font-size: 14px;
          line-height: 16px;
     }

     .smart-cta-sec {
          padding: 40px 0 0;
     }

     .smart-cta-inner {

          border-radius: 20px;
          padding: 30px 24px 110px 24px;
     }

     .smart-cta-inner .text-box {
          max-width: 375px;
     }

     .backtop {
          right: 20px;
          bottom: 90px;
     }

     .footer-location ul li:nth-child(2) {
          display: none;
     }

     .secondary-hero-sec {
          margin-bottom: 0;
          margin-top: 204px;
     }

     .hero-text p {
          margin-top: 5px;
          line-height: 26px;
          letter-spacing: -0.1px;
          max-width: 525px;
          font-size: 18px;
          margin-bottom: 20px;
     }

     .secondary-hero-sec .image-holder img {
          height: 500px;
     }

     .secondary-hero-inner {
          padding: 60px 0 0 0;
     }

     .personal-support-inner .text-box ul li {
          font-size: 14px;
          line-height: 20px;
          gap: 10px;
          margin-bottom: 6px;
     }

     .personal-support-inner .text-box p {
          font-size: 14px;
          margin-top: 10px;
          line-height: 20px;
     }

     .personal-support-left .text-box {
          margin-top: 8px;
     }

     .credit-loan-inner {
          margin-top: 70px;
     }

     .criteria-inner .row {
          margin: 0 -12px;
     }

     .criteria-inner [class*="col-"] {
          padding: 0 12px;
     }

     .criteria-box .media {
          gap: 16px;
          margin-bottom: 20px;
          align-items: flex-start;
     }

     .criteria-box {
          padding: 0px 16px 20px;
          height: 100%;
     }

     .criteria-box h3 {
          font-size: 22px;
          padding: 16px;
          margin-bottom: -6px;
          top: -35px;
     }

     .criteria-box .media span {
          width: 60px;
          height: 60px;
     }

     .criteria-box .media .text-box h4 {
          font-size: 18px;
          line-height: 18px;
     }

     .cta-dark .cta-inner .text-box {
          max-width: 340px;
          padding: 20px 16px;
     }

     .secondary-hero-sec.hero-primary-sec {
          margin-bottom: -110px;
          margin-top: 204px;
     }

     .hero-primary-sec .hero-text p {
          max-width: 600px;
     }


     .who-are-box p {
          font-size: 20px;
          line-height: 30px;
          margin: 20px auto 0;
     }

     .who-are-box {
          border-radius: 24px;
          padding: 36px 36px 200px 36px;
     }

     .who-made {
          margin: -160px 0 0 0;
     }

     .who-made-box {
          border: 8px solid #FFF;
          height: 210px;
     }

     .who-made ul {
          gap: 10px;
          max-width: 650px;
     }

     .who-made-box h3 {
          font-size: 36px;
          min-height: 55px;
     }

     .who-made-box h3 img {
          height: 26px;
     }

     .who-made-box p {
          font-size: 14px;
          line-height: 24px;
          margin-top: 0px;
     }

     .credit-values-sec .text-box a {
          margin-bottom: 14px;
     }

     .credit-values-sec .text-box a img {
          height: 50px;
     }

     .credit-values-sec .text-box h2 {
          font-size: 22px;
     }

     .credit-values-sec .text-box p {
          font-size: 16px;
          line-height: 18px;
     }

     .credit-values-sec .text-box ul {
          margin-top: 16px;
     }

     .credit-values-sec .text-box ul li {
          padding: 10px 0;
     }

     .credit-values-sec .text-box .media .text-inner h3 {
          font-size: 18px;
          line-height: 26px;
     }

     .credit-values-sec .text-box .media .text-inner span {
          font-size: 15px;
          line-height: 20px;
     }

     .about-store-inner .text-box h3 {
          font-size: 32px;
          margin-bottom: 32px;
          line-height: 38px;
     }

     .about-store-inner .text-box p {
          font-size: 16px;
          font-weight: 400;
          margin-bottom: 12px;
          line-height: 26px;
     }

     .about-store-sec {
          padding: 0 0 180px;
          margin-bottom: -80px;
     }

     .cta-light .cta-inner .image-holder {
          margin-right: 0;
          margin-top: -65px;
     }

     .cta-light .cta-dots2 img {
          height: 100px;
     }

     .loan-calculator-page .calculator-sec {
          margin: 204px 0 0 0;
          padding: 70px 0;
     }

     .loan-calculator-page .title h1 {
          font-size: 48px;
          line-height: 56px;
     }

     .loan-calculator-page .title p {
          margin-left: auto;
          margin-right: auto;
          max-width: 500px;
     }

     .loan-calculator-page .benefits-right {
          margin-top: 24px;
     }

     .faq-page .faq-banner {
          margin-top: 204px;
     }

     .faq-page .faq-inner {
          gap: 24px;
          flex-direction: column;
     }

     .faq-sidbar {
          max-width: 100%;
          border-radius: 10px;
          padding: 11px 0;
     }

     .faq-sidbar h2 {
          font-size: 16px;
          font-weight: 600;
          line-height: normal;
          padding: 0 14px;
          letter-spacing: -0.16px;
     }

     .sidbar-media a {
          display: flex;
     }

     .innertext {
          display: flex;
     }

     .faq-sidbar h2 p {
          display: flex;
     }

     .sidbar-media.active img {
          transform: rotate(180deg);
          transition: transform 0.3s ease;
     }

     .faq-sidbar ul {
          display: none;
          transition: all 0.3s ease;
     }

     .faq-sidbar ul.active {
          display: block;
     }

     .faq-sidbar ul li a {
          font-size: 14px;
          line-height: normal;
     }

     .faq-right {
          padding: 16px 0;
     }

     .faq-right h2 {
          font-size: 32px;
          line-height: 34px;
          margin-bottom: 24px;
     }

     .privacy-banner {
          padding: 80px 0;
          margin-top: 204px;
     }

     .blog-page .privacy-banner .hero-text h1 {
          font-size: 46px;
     }

     .blod-detail-banner {
          padding: 56px 0;
          margin-top: 204px;
     }

     .blod-detail-banner .hero-text ul li {
          font-size: 14px;
          padding: 0 4px;
     }

     .blod-detail-banner .hero-text ul li a {
          font-size: 14px;
          line-height: 22px;
     }

     .blod-detail-banner .hero-text ul {
          margin-top: 24px;
          justify-content: center;
     }

     .credit-cta img {
          height: 80px;
     }

     .blod-detail-sec .media {
          gap: 56px;
          flex-direction: column;
     }

     .blog-detail-news h2 {
          margin-bottom: 24px;
     }

     .blog-detail-sidebr {
          max-width: 100%;
          width: 100%;
          position: static;
     }

     .blog-detail-tags ul {
          max-width: 100%;
          width: 100%;
     }

     .contact-hero {
          margin-top: 204px;
          padding-bottom: 56px;
          padding-top: 100px;
     }

     .contact-info {
          margin-top: 56px;
     }

     .contact-info-box {
          margin: 12px 0;
          height: auto;
     }

     .contact-info-box .text-box p {
          font-size: 13px;
     }

     .applyloan-right {
          margin: 0;
          padding: 56px 24px;
          border: none;
     }

     .applyloan-right::before {
          position: absolute;
          content: "";
          left: -100%;
          top: 0;
          width: 100%;
          height: 100%;
          background-color: #fff;
     }

     .applyloan-banner {
          margin-top: 204px;
     }

     .applyloan-left {
          padding: 56px 24px;
     }
}

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

     .container,
     .container-sm {
          max-width: 100%;
     }

     .credit-values-sec .text-box .media .icon-box {
          margin-top: 0px;
     }

     .align-start {
          align-items: center !important;
     }

     .align-start img {
          margin-top: 2px !important;
     }

     .top-navbar .btn-secondary {
          display: none;
     }

     .navbar-toggler {
          display: flex;
     }

     .top-header p {
          font-size: 12px;
     }

     .navbar-collapse {
          position: fixed;
          left: 0;
          bottom: 0;
          width: 100%;
          height: calc(100% - 110px);
          background-color: #fff;
          padding: 16px 24px;
          display: none;
          overflow-y: auto;
     }

     .navbar-toggler[aria-expanded="true"] {
          background-color: #EC0000;
     }

     .navbar-toggler[aria-expanded="true"] .menu-btn-close {
          display: none;
     }

     .navbar-toggler[aria-expanded="true"] .menu-btn-open {
          display: block;
     }

     .menu-btn-open {
          display: none;
     }

     .scrolled .navbar-collapse {
          bottom: auto;
          top: 100%;
          width: 100%;
          height: calc(100vh - 65px);
     }

     .collapse.show {
          display: block;
     }

     .menu-open {
          overflow: hidden;
     }

     .navbar-nav-top {
          border-radius: 14px;
          background: #FFF3F4;
          width: 100%;
          padding: 24px 0 74px;
          overflow: hidden;
          position: relative;
     }

     .mobile-dots {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          opacity: 0.05;
     }

     .mobile-dots img {
          width: 100%;
     }

     header .navbar-nav .nav-item.item1,
     header .navbar-nav .nav-item.item2,
     header .navbar-nav .nav-item.item3,
     header .navbar-nav .nav-item.item4,
     header .navbar-nav .nav-item.item5,
     header .navbar-nav .nav-item.item6 {
          width: 100%;
     }

     header .navbar-nav .nav-item {
          margin-bottom: 24px;
     }

     header .navbar-nav .nav-link.contact-us.active::before {
          left: -7px;
          right: auto;
          transform: translate(0, -50%);
     }

     header .navbar-nav .nav-item:last-child {
          margin-bottom: 0;
     }

     header .navbar-nav .nav-item::after {
          display: none;
     }

     header .navbar-nav .nav-link {
          font-size: 16px;
          justify-content: left;
          padding: 2px 24px !important;
          justify-content: space-between;
     }

     header .navbar-nav .nav-item.item6 .nav-link {
          justify-content: start;
     }

     header .navbar-nav .nav-link.active::before {
          width: 14px;
          height: 14px;
          border-radius: 100px !important;
          border-top-left-radius: 0;
          border-top-right-radius: 0;
          bottom: auto;
          left: -7px;
          transform: translate(0, -50%);
          top: 50%;
     }


     .menu-mobile-hide {
          padding: 0 24px;
          margin-top: 32px;
     }

     .menu-mobile-hide .btn-secondary {
          height: 49px;
     }

     .menu-mobile-hide {
          text-align: center;
     }

     .menu-mobile-hide .link-cont {
          color: #EC0000;
          font-size: 14px;
          font-weight: 500;
          display: flex;
          align-items: center;
          gap: 7px;
          line-height: normal;
          justify-content: center;
          margin: 20px 0;
     }

     .menu-mobile-hide p {
          color: #6C6161;
          font-size: 12px;
          font-weight: 400;
          line-height: normal;
     }

     .navbar-nav .dropdown-menu {
          background-color: transparent;
          box-shadow: none;
          border: none;
          padding: 0 24px;
          border-radius: 0;
          margin-top: 16px;
     }

     .dropdown-menu li {
          margin-bottom: 16px;
     }

     .navbar-nav .dropdown-item {
          padding: 0 21px;
          font-size: 14px;
          position: relative;
     }

     .navbar-nav .dropdown-item:hover,
     .navbar-nav .dropdown-item.active {
          color: #EC0000;
          background-color: transparent;
     }

     .navbar-nav .dropdown-item:hover::after,
     .navbar-nav .dropdown-item.active::after {
          opacity: 1;
     }

     .navbar-nav .dropdown-item::after {
          position: absolute;
          content: "";
          left: 0;
          width: 10px;
          height: 10px;
          top: 50%;
          transform: translate(0, -50%);
          background-color: #EC0000;
          border-radius: 50%;
          opacity: 0;
     }

     .hero-sec {
          margin-top: 44px;
     }

     .hero-text h1 {
          font-size: 42px;
          line-height: 47px;
          letter-spacing: -0.84px;
     }

     .hero-slider-wrapper .text-box h1 {
          font-size: 42px;
          line-height: 47px;
     }

     .hero-slider-wrapper .text-box p {
          font-size: 16px;
          line-height: normal;
          margin: 16px 0 32px;
     }

     .hero-slider-wrapper {
          background: url(../images/hero-slider-bg-mobile.webp);
          background-repeat: no-repeat;
          background-size: cover;
          background-position: bottom;
          min-height: 631px;
          padding-top: 162px;
     }

     .hero-slider-wrapper.hero-slider-wrapper2 {
          background: url(../images/hero-slider-bg2-mobile.webp);
          background-repeat: no-repeat;
          background-size: cover;
          background-position: bottom;
     }

     .hero-slider-wrapper.hero-slider-wrapper3 {
          background: url(../images/hero-slider-bg3-mobile.webp);
          background-repeat: no-repeat;
          background-size: cover;
          background-position: bottom;
     }

     .hero-text p {
          line-height: 21px;
          letter-spacing: -0.1px;
          font-size: 16px;
          margin-top: 16px;
          margin-bottom: 32px;
     }

     .hero-sec .swiper-pagination {
          bottom: 94px;
     }

     .calculator-inner {
          border-radius: 20px;
          margin: 0 -8px;
     }

     .step-quide-box span {
          width: 76px;
          padding: 20px;
          height: 76px;
     }

     .step-quide-box span strong {
          font-size: 12px;
          width: 20px;
          height: 20px;
          top: 2px;
     }

     .loan-btn {
          font-size: 16px;
          padding: 11px 20px 11px 20px;
     }

     .step-quide-box h3 {
          font-size: 20px;
          line-height: 26px;
          margin-bottom: 5px;
     }

     .step-quide-inner::after {
          left: 51px;
     }

     .step-quide-sec .apply-btn {
          margin-top: 47px;
     }

     .testimonial-sec {
          padding: 56px 0;
     }

     .customer-review ul li span {
          font-size: 24px;
          line-height: 31px;
          margin-right: 12px;
     }

     .customer-review ul {
          flex-wrap: wrap;
          margin-bottom: 24px;
     }

     .customer-review ul li p {
          font-size: 14px;
          line-height: 18px;
          margin-left: 0px;
          margin-top: 12px;
          width: 100%;
     }

     .customer-review ul li:last-child {
          width: 100%;
     }

     .customer-review ul li img {
          width: 32px;
          height: 32px;
     }

     .customer-review {
          margin-bottom: 32px;
     }

     .swiper-button-prev img,
     .swiper-button-next img {
          height: 16px;
     }

     .testimonial-box {
          padding: 20px;
     }

     .testimonial-box .media span {
          width: 40px;
          height: 40px;
          font-size: 24px;
          font-family: "DM Sans", sans-serif;
     }

     .step-quide-inner {
          gap: 56px;
          margin: 52px auto 0px;
     }

     .step-quide-box p {
          font-size: 14px;
          line-height: normal;
     }

     .testimonial-box .text-box strong {
          font-size: 18px;
          line-height: 23px;
          font-weight: 600;
     }

     .google-logo2 {
          top: 28px;
          right: 20px;
     }

     .testimonial-box .text-box p {
          font-size: 14px;
          line-height: 18px;
          margin-top: 4px;
     }

     .testimonial-box .media {
          gap: 12px;
          margin-bottom: 24px;
     }

     .testimonial-box ul {
          margin-bottom: 16px;
     }

     .testimonial-box p {
          font-size: 14px;
          line-height: 22px;
          color: #020205;
     }

     .google-logo img {
          height: 48px;
     }

     .client-testimonial {
          margin: 0 auto 28px;
          padding: 0 26px;
     }

     .more-reviews {
          font-size: 16px;
          line-height: 25px;
          gap: 12px;
     }

     .cta-sec.cta-dark {
          padding: 40px 0 56px;
          margin-top: 135px;
     }

     .title h2 {
          font-size: 32px;
          line-height: 34px;
     }

     .title h2 span {
          font-size: 24px;
          line-height: 29px;
     }

     .personal-support-left .text-box {
          margin-top: 40px;
     }

     .personal-support-inner .text-box strong {
          font-size: 16px;
          line-height: 22px;
     }

     .personal-support-inner .text-box ul li {
          align-items: start;
          font-size: 14px;
          line-height: 22px;
          gap: 8px;
          margin-bottom: 12px;
     }

     .personal-support-inner .text-box ul li span {
          margin-top: 6px;
     }

     .personal-support-left {
          padding-top: 56px;
     }

     .personal-support-sec {
          padding-bottom: 56px;
     }

     .credit-loan-inner {
          margin-top: 72px;
          padding: 0px 17px 0px;
     }

     .credit-loan-box span {
          font-size: 14px;
          width: 48px;
          height: 48px;
          left: 24px;
          top: -32px;
     }

     .credit-loan-box h3 {
          font-size: 20px;
          line-height: 20px;
          margin-top: 12px;
     }

     .credit-loan-box p {
          font-size: 14px;
          margin-top: 8px;
          line-height: 22px;
          min-height: auto;
          margin-bottom: 16px;
     }

     .credit-loan-box {
          padding: 14px 24px 44px;
          background-position: bottom;
     }

     .credit-loan-sec {
          padding-bottom: 56px;
     }

     .calculator-detail {
          margin: 32px 0 0 0;
     }

     .calculator-box {
          padding: 20px;
          border-radius: 12px;
          height: auto;
          margin-bottom: 24px;
     }

     .calculator-box.mb-0 {
          padding-bottom: 68px;
     }

     .label-text {
          font-size: 14px;
          line-height: normal;
     }

     .sgd-box span {
          font-size: 12px;
          line-height: normal;
          margin-bottom: 3px;
     }

     .sgd-box .form-control {
          font-size: 20px;
          max-width: 82px;
          line-height: normal;
     }

     .sgd-box {
          gap: 4px;
     }

     .slider {
          height: 14px;
          margin: 20px 0 16px 0;
     }

     .slider-thumb {
          width: 24px;
          height: 24px;
          border: 7px solid #EC0000;
     }



     .calculator-price {
          margin-bottom: 24px;
     }

     .sgd-box strong {
          font-size: 20px;
          line-height: 21px;
     }

     .interest-list ol {
          gap: 6px;
     }

     .interest-list ol li a {
          font-size: 20px;
          height: 42px;
     }

     .interest-list ol li a span {
          font-size: 14px;
          line-height: 12px;
          margin-left: 4px;
          margin-top: 4px;
     }

     .interest-list {
          margin-top: 14px;
     }

     .title {
          display: flex;
          align-items: center;
          justify-content: center;
          flex-direction: column;
     }

     .title h2 {
          max-width: 350px;
          letter-spacing: -0.32px;
     }

     .total-payment {
          padding: 12px;
     }

     .total-payment .media {
          gap: 6px;
          margin-top: 8px;
     }

     .total-payment p {
          font-size: 14px;
          line-height: normal;
          letter-spacing: normal;
     }

     .total-payment .media span {
          font-size: 14px;
          margin-bottom: 2px;
     }

     .total-payment .media h2 {
          font-size: 20px;
          line-height: normal;
     }

     .total-payment-list ol li {
          font-size: 14px;
          line-height: normal;
          padding: 12px 0;
     }

     .total-payment-list ol {
          margin: 20px 0 24px;
     }

     .total-payment-list ol li h3 {
          font-size: 16px;
          line-height: normal;
     }

     .total-payment-list ol li h3 span {
          font-size: 12px;
          line-height: 17px;
          margin-bottom: 0px;
     }

     .calculator-sec {
          margin-top: -82px;
          padding-bottom: 56px;
     }

     .criteria-sec .title p {
          max-width: 222px;
          margin: 14px auto 0px;
     }

     .criteria-inner {
          margin: 105px auto 0;
     }

     .criteria-box h3 {
          font-size: 24px;
          padding: 16px;
          top: -32px;
          margin-bottom: -10px;
     }


     .left-scroll,
     .right-scroll {
          width: 32px;
          position: relative;
          z-index: 1;
     }

     .loan-list {
          position: relative;
          margin-top: 32px;
          padding-bottom: 20px;
     }

     .loan-list::after {
          position: absolute;
          content: "";
          right: 0;
          top: 0;
          width: 94px;
          height: 180px;
          background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
     }

     .loan-media .nav-pills {
          gap: 0;
     }

     .loan-media .nav-pills .nav-item .nav-link {
          line-height: 17px;
          letter-spacing: -0.18px;
     }

     .loan-media .nav-pills .nav-item .nav-link span {
          padding: 12px;
     }

     .loan-content .text-box h3 {
          font-size: 24px;
          line-height: 29px;
          margin-bottom: 8px;
          letter-spacing: -0.24px;
     }

     .loan-content .text-box p {
          font-size: 14px;
          line-height: 22px;
          letter-spacing: normal;
     }

     .loan-sec {
          padding-bottom: 54px;
     }

     .benefits-right {
          margin-top: 20px;
     }

     .benefits-right h4 {
          font-size: 20px;
          line-height: 30px;
          letter-spacing: normal;
     }

     .benefits-box {
          padding: 20px;
          margin-top: 16px;
          margin-bottom: 45px;
     }

     .benefits-box ul li p {
          font-size: 14px;
          line-height: 22px;
     }

     .benefits-box ul li {
          gap: 8px;
          margin-bottom: 6px;
     }

     .borrow-credit-sec {
          padding: 56px 0;
          background: url(../images/borrow-bg-mobile.svg) no-repeat;
          background-position: top;
          background-size: cover;
     }

     .borrow-credit-sec .title p {
          margin-top: 24px;
     }

     .borrow-credit-sec .secondary-cta {
          margin-top: 24px;
     }

     .borrow-credit-inner {
          margin: 40px auto 0;
     }

     .borrow-credit-box .text-box {
          padding: 0;
     }

     .borrow-credit-box .text-box h3 {
          font-size: 20px;
          font-weight: bold;
     }

     .borrow-credit-box .text-box h3 span {
          font-size: 20px;
          font-weight: bold;
          display: inline;
     }

     .borrow-credit-box .text-box p {
          font-size: 14px;
          margin-top: 8px;
          line-height: normal;
     }

     .borrow-credit-box .image-holder {
          margin-top: 24px;
     }

     .step-quide-sec {
          padding: 56px 0 74px;
     }

     .step-quide-sec .title p {
          margin: 14px auto 0;
          max-width: 260px;
     }

     .discover-sec {
          padding: 56px 0;
     }

     .discover-sec .discover-left {
          margin: 0;
     }

     .discover-sec .discover-left p {
          font-size: 14px;
          margin-bottom: 14px;
          line-height: normal;
     }

     .apply-btn {
          margin-top: 0;
          text-align: left;
     }

     .discover-left .secondary-cta {
          padding: 14px;
          font-weight: 500;
          height: 54px;
     }

     .discover-right {
          margin: 40px 0 0 0;
     }

     .discover-inner {
          padding: 24px 24px 161px 24px;
          border-radius: 0 70px 0 70px;
     }

     .discover-inner .text-box {
          margin-top: 32px;
     }

     .discover-inner a img {
          height: 56px;
     }

     .discover-inner .text-box h3 {
          font-size: 24px;
          line-height: normal;
     }

     .discover-inner .text-box p br {
          display: none;
     }

     .discover-detail {
          max-width: 306px;
          padding: 20px 20px 83px 20px;
     }

     .discover-detail ul li {
          gap: 12px;
          padding: 14px 0;
     }

     .discover-detail ul li p {
          font-size: 14px;
          line-height: 22px;
     }

     .contact-store-sec {
          padding: 56px 0 0;
     }

     .contact-store-media {
          align-items: flex-start;
          padding: 0;
          margin-bottom: 40px;
          flex-direction: column;
     }

     .contact-store-media .media {
          width: 100%;
          margin-bottom: 24px;
          justify-content: space-between;
     }

     .contact-store-media .media img {
          height: 60px;
     }

     .contact-store-media .media h2 {
          font-size: 32px;
          line-height: 34px;
          letter-spacing: -0.32px;
     }

     .contact-store-media .secondary-cta {
          height: 54px;
          font-weight: 500;
          padding: 0 19px;
     }

     .contact-store-detail {
          padding: 16px;
          margin-top: auto;
          border-radius: 16px;
     }

     .contact-store-detail .image-holder {
          height: 295px;
          margin-bottom: 16px;
     }

     .contact-store-detail .image-holder img {
          height: 100%;
          object-fit: cover;
          border-radius: 15px;
          object-position: center;
     }

     .contact-store-info h3 {
          font-size: 24px;
          padding-bottom: 16px;
     }

     .info-box h4 {
          font-size: 18px;
          gap: 12px;
          margin-bottom: 16px;
          align-items: start;
     }

     .info-box h4 img {
          margin-top: 4px;
     }

     .info-box {
          margin-top: 16px;
     }

     .info-box .media {
          flex-direction: column;
     }

     .info-box .media .text-box {
          margin-bottom: 12px;
     }

     .info-box .media .text-box:last-child {
          margin-bottom: 0;
     }

     .info-box .media .text-box .text-inner p {
          font-size: 14px;
          line-height: 22px;
          margin-top: 2px;
     }

     .info-box:last-child {
          margin-top: 24px;
     }

     .info-box .media.media2 {
          padding-right: 0;
          grid-template-columns: 12fr;
     }

     .contact-shadow {
          margin-top: 24px;
     }

     .customer-review ul li p {
          font-weight: 300;
     }

     .latest-news-box {
          margin: 0;
     }

     /*****/

     .mt-10 {
          margin-top: 24px;
     }

     .criteria-box {
          padding: 0 24px 34px;
          height: auto;
          margin-bottom: 56px;
     }

     .criteria-box .media span {
          width: 56px;
          height: 56px;
          padding: 14px;
     }

     .criteria-box .media {
          margin-bottom: 20px;
          gap: 24px;
     }

     .criteria-box .media .text-box h4 {
          font-size: 18px;
          line-height: 27px;
     }

         .key-benefits-sec {
        padding: 56px 0;
    }


     .benefit-box {
          padding: 14px;
     }

     .key-benefits-inner {
          margin: 40px auto 0;
     }

     .benefit-box .image-holder {
          border-radius: 16px;
          max-height: 190px;
          min-height: 190px;
          padding: 26px 0px;
     }

     .benefit-box .text-box {
          padding-top: 18px;
     }

     .benefit-box .text-box h3 {
          font-size: 20px;
          line-height: 26px;
     }

     .benefit-box .text-box p {
          font-size: 14px;
          line-height: 22px;
          margin-top: 12px;
          min-height: 66px;
     }

     .swiper-btn .swiper-button-next,
     .swiper-btn .swiper-button-prev {
          width: 34px;
          height: 34px;
     }

     .swiper-btn .swiper-button-next img,
     .swiper-btn .swiper-button-prev img {
          height: 12px;
     }

     .swiper-bottom {
          margin-top: 24px;
     }



     .criteria-box .media .text-box p {
          font-size: 14px;
          margin-top: 9px;
          line-height: 18px;
     }

     .criteria-sec {
          padding: 56px 0 84px;
     }

     .title p {
          font-size: 14px;
          line-height: 18px;
          margin-top: 14px;
     }

     .dots-shape {
          margin-top: 20px;
     }

     .personal-support-inner .text-box p {
          font-size: 14px;
          line-height: 22px;
     }

     .credit-cta {
          display: none;
     }

     .personal-support-left .title {
          text-align: center;
     }

     .navbar-logo img {
          height: 35px;
     }

     .top-navbar {
          border: none;
          padding: 15.5px 0px;
     }

     .container {
          padding: 0px 24px;
     }

     .top-header {
          padding: 14px 0px;
     }

     .cta-inner .text-box h2 {
          font-size: 32px;
          line-height: 34px;
          letter-spacing: -0.64px;
          max-width: 330px;
          margin: 0 auto 16px;
     }

     .cta-inner .text-box p {
          font-size: 14px;
          line-height: 22px;
          max-width: 300px;
          margin: 0 auto 24px;
     }

     .cta-inner .text-box .secondary-cta-outline {
          padding: 0 17px;
     }

     .secondary-cta {
          padding-left: 24px;
          padding-right: 24px;
          height: 49px;
     }

     .latest-news-sec {
          padding: 56px 0px 92px;
     }

     .latest-news-sec {
          padding: 56px 0px 92px;
          background: url(../images/mobile-bg2.png) no-repeat;
          background-size: 100% 100%;
          position: relative;
     }

     .latest-news-inner {
          margin: 28px -34px 0;
     }

     .latest-news-box .text-box span {
          margin-bottom: 12px;
     }

     .latest-news-box .text-box h3 {
          font-size: 20px;
          max-width: 390px;
     }

     .latest-news-box .text-box p {
          font-size: 14px;
          line-height: normal;
          -webkit-line-clamp: 2;
          margin-bottom: 24px;
     }

     .newsSwiper {
          padding: 12px 34px;
     }

     .cta-inner {
          flex-direction: column-reverse;
          padding-bottom: 89px;
     }

     .cta-inner .image-holder {
          margin-top: -104px;
          position: relative;
          z-index: 1;
          margin-right: 0;
          justify-content: center;
     }

     .cta-inner .image-holder img {
          height: 280px;
     }

     .cta-inner .image-holder::after {
          background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, #D80000 79.44%);
          width: 100%;
          height: 107px;
          position: absolute;
          content: "";
          width: 100%;
          bottom: 0;
     }

     .cta-inner .text-box {
          padding: 34px 24px 0;
          max-width: 100%;
          text-align: center;
     }

     .cta-dots1 img {
          height: 55px;
     }

     .cta-dots2 img {
          height: 90px;
     }

     .faq-sec .title h2 span {
          font-size: 32px;
     }

     .faq-sec .title h2 {
          display: block;
     }

     .accordion-button {
          font-size: 20px;
          line-height: 24px;
          gap: 21px;
          letter-spacing: -0.2px;
     }

     .plus-icon {
          height: 16px;
     }

     .minus-icon {
          height: 2px;
     }

     .faq-inner {
          margin: 32px auto 0;
          padding: 16px;
     }

     .accordion-body .text-box p {
          font-size: 14px;
          line-height: 18px;
          margin-bottom: 12px;
     }

     .accordion-item {
          margin-bottom: 16px;
          padding: 16px 0 24px;
     }

     .accordion-button p {
          flex: 1;
          width: 100%;
     }

     .accordion-button span {
          width: 24px;
          height: 24px;
     }

     .smart-cta-sec {
          padding: 56px 0 0;
          margin-bottom: -155px;
     }

     .smart-cta-inner {
          border-radius: 16px;
          padding: 20px 20px 66px 20px;
          flex-wrap: wrap;
          background-image: url(../images/mobile-bg3.webp);
          background-position: bottom;
     }

     .accordion-body .text-box ul li p {
          font-size: 16px;
          line-height: 21px;
     }

     .accordion-body .text-box ul li strong {
          font-size: 16px;
          line-height: 21px;
     }

     .smart-cta-inner .text-box {
          margin-bottom: 24px;
     }

     .smart-cta-inner .text-box p {
          font-size: 14px;
          margin-top: 8px;
          line-height: normal;
     }

     .smart-cta-inner .text-box h2 {
          font-size: 28px;
          line-height: normal;
     }

     .latest-news-sec .swiper-pagination {
          justify-content: center;
          margin-bottom: 40px;
     }

     .mobile-slider {
          display: block;
     }

     .secondary-hero-sec {
          margin-bottom: -110px;
          margin-top: 110px;
     }

     .hero-primary-sec .image-holder img {
          height: 379px;
     }

     .accordion-body .text-box ul li {
          gap: 10px;
          margin-bottom: 10px;
     }

     .accordion-body .text-box ul li span {
          width: 10px;
          height: 10px;
     }

     footer {
          background: url(../images/footer-bg-mobile.png) no-repeat;
          padding-top: 211px;
          padding-bottom: 120px;
          background-position: top;
          background-size: cover;
     }

     .footer-top p {
          font-size: 14px;
          line-height: 18px;
     }

     .footer-top ul li a {
          font-size: 14px;
          line-height: 18px;
     }

     .footer-top {
          margin-bottom: 40px;
     }

     .footer-shape {
          display: none;
     }

     .footer-logo img {
          height: 53px;
     }



     .footer-nav {
          display: flex;
          align-items: flex-start;
          justify-content: space-between;
          padding-bottom: 28px;
          margin-bottom: 0;
     }

     .footer-nav ul {
          flex-direction: column;
          align-items: start;
          gap: 14px;
     }

     .footer-nav ul li a {
          font-size: 14px;
          line-height: normal;
     }

     .footer-top ul li {
          margin-bottom: 12px;
     }

     .footer-location ul li:first-child {
          border-bottom: 1px solid #fff;
     }

     .footer-location ul li {
          font-size: 14px;
          line-height: 22px;
          text-align: center;
          padding: 8px 0;
          width: 100%;
     }

     .copyright p {
          font-size: 12px;
     }

     .apply-singpass {
          display: block;
     }

     .backtop {
          right: 24px;
          bottom: 130px;
     }

     .backtop a {
          background-color: #4B4453;
          border: 1px solid #4B4453;
          width: 48px;
          height: 48px;
          right: 24px;
     }

     .backtop a img {
          height: 18px;
     }

     .secondary-hero-sec .image-holder img {
          object-position: bottom;
     }

     .pb-9 {
          margin-bottom: 0;
          padding-bottom: 24px;
     }

     .criteria-sec .secondary-cta {
          padding-left: 18px;
          padding-right: 18px;
     }

     .criteria-sec .mt-10 {
          margin-top: 28px !important;
     }

     .cta-dark .cta-sec.cta-dark {
          margin-top: 182px;
     }

     .cta-dark .cta-inner .text-box {
          max-width: 100%;
          padding: 20px 0 0 0;
     }

     .cta-dark .cta-inner .image-holder {
          max-width: max-content;
          position: relative;
     }

     .cta-dark .cta-inner .image-holder {
          max-width: 100%;
          position: relative;
          top: 0;
          left: 0;
          margin-top: -173px;
     }

     .cta-dark .cta-inner {
          background: #2F233D;
     }

     .cta-dark .cta-inner .image-holder::after {
          border-radius: 24px 24px 0 0;
          background: linear-gradient(180deg, rgba(47, 35, 61, 0.00) 0%, #2F233D 72.43%);
     }

     .pt-20 {
          padding-top: 56px;
     }

     .secondary-hero-sec.hero-primary-sec {
          margin-bottom: 9px;
          margin-top: 110px;
     }

     .secondary-hero-inner {
          padding: 56px 0 0 0;
     }

     .hero-primary-sec .hero-text p {
          margin: 16px auto 0;
     }

     .who-are-box {
          border-radius: 16px;
          padding: 32px 28px 288px 28px;
     }

     .who-are-box h2 {
          font-size: 32px;
          line-height: 34px;
     }

     .who-made h2 {
          font-size: 32px;
          line-height: 34px;
          letter-spacing: -0.32px;
     }

     .who-made ul {
          grid-template-columns: 12fr;
          gap: 0;
          margin: 26px auto 0;
     }

     .who-made-box {
          border: 8px solid #FFF;
          height: 240px;
          width: 240px;
          margin: 0 auto;
     }

     .who-made-box h3 {
          font-size: 40px;
          min-height: auto;
          letter-spacing: -0.8px;
          margin-bottom: 10px;
     }

     .who-made-box h3 img {
          height: 32px;
          margin-bottom: 12px;
     }

     .who-made-box p {
          line-height: normal;
     }

     .who-made {
          margin: -224px 0 0 0;
          padding: 0 28px;
     }

     .credit-values-sec {
          padding: 56px 0;
     }

     .credit-values-sec .text-box a {
          margin-bottom: 40px;
     }

     .credit-values-sec .text-box a img {
          height: 75px;
     }

     .credit-values-sec .text-box ul li {
          padding: 16px 0;
     }

     .credit-values-sec .text-box h2 {
          font-size: 24px;
     }

     .credit-values-sec .text-box p {
          font-size: 14px;
          line-height: 22px;
     }

     .credit-values-sec .text-box .media .text-inner h3 {
          font-size: 18px;
          line-height: normal;
          margin-bottom: 6px;
     }

     .credit-values-sec .text-box .media .text-inner span {
          font-size: 14px;
          line-height: 22px;
     }

     .credit-values-sec .text-box ul {
          margin-top: 24px;
     }

     .about-store-sec {
          padding: 0 0 221px;
          margin-bottom: -165px;
     }

     .about-map iframe {
          border-radius: 15px;
     }

     .about-map {
          height: 295px;
          margin-top: 0;
     }

     .about-store-inner {
          margin-top: 30px;
     }

     .about-store-sec .contact-store-media .media {
          margin-bottom: 0;
     }

     .about-store-inner .text-box h3 {
          font-size: 32px;
          margin-bottom: 40px;
          line-height: 34px;
     }

     .about-store-inner .text-box span {
          font-size: 24px;
          line-height: 29px;
          margin-bottom: 4px;
          letter-spacing: -0.24px;
     }

     .about-store-inner .text-box p {
          font-size: 14px;
          margin-bottom: 14px;
          line-height: 22px;
     }

     .about-info {
          margin: 17px auto 0;
     }

     .about-info-box {
          padding: 16px 20px 26px 16px;
          margin: 7.5px 0;
          min-height: auto;
     }

     .about-info-box strong {
          width: 40px;
          height: 40px;
          padding: 8px;
     }

     .about-info-box .text-inner h4 {
          font-size: 20px;
          line-height: 24px;
          margin-bottom: 13px;
          letter-spacing: -0.2px;
     }

     .about-info-box .text-inner ul li p {
          font-size: 14px;
          line-height: 24px;
          letter-spacing: -0.07px;
     }

     .about-info-box .text-inner ul li {
          gap: 7px;
          margin-bottom: 8px;
     }

     .about-store-inner .secondary-cta-outline {
          padding: 0 18px;
          height: 54px;
          margin-top: 25px;
     }

     .cta-sec.cta-light {
          padding: 180px 0 56px;
     }

     .cta-light .cta-inner .image-holder {
          margin-right: 0;
          margin-top: -104px;
     }

     .cta-light .cta-inner .image-holder::after {
          border-radius: 24px 24px 0 0;
          background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, #FFF2F3 45.44%);
     }

     .cta-light .cta-inner .image-holder img {
          height: 212px;
     }

     .hero-primary-sec .hero-text h1 span {
          display: inline;
     }

     .loan-calculator-page .calculator-sec {
          margin: 110px 0 0 0;
          padding: 56px 0;
     }

     .loan-calculator-page .title h1 {
          font-size: 42px;
          line-height: 47px;
          letter-spacing: -0.84px;
          margin-bottom: 14px;
     }

     .loan-calculator-page .title p {
          line-height: normal;
     }

     .loan-calculator-page .calculator-inner {
          margin: 40px auto 0;
     }

     .loan-calculator-page .benefits-right .image-holder {
          margin-bottom: 4px;
          padding: 0 11px;
     }

     .loan-calculator-page .loan-content .apply-btn {
          margin-top: 35px;
          text-align: left;
     }

     .loan-calculator-page .loan-sec {
          padding-bottom: 0;
     }

     .loan-calculator-page .cta-sec {
          padding: 80px 0 56px;
          margin-top: 56px;
     }

     .loan-calculator-page .faq-sec {
          padding-top: 56px;
     }

     .loan-calculator-page .loan-content {
          padding-left: 0;
          padding-right: 0;
     }

     .faq-page .faq-banner {
          padding-top: 56px;
          min-height: 280px;
          margin-top: 110px;
     }

     .faq-banner .hero-text h1 {
          font-size: 42px;
          line-height: 47px;
     }

     .faq-page .hero-text p {
          margin-bottom: 0;
          max-width: 100%;
          font-weight: 500;
     }

     .privacy-sec {
          padding: 40px 0 0;
     }

     .privacy-banner {
          margin-top: 110px;
          padding: 56px 0;
     }

     .privacy-banner .hero-text h1 span {
          display: block;
     }

     .privacy-banner .hero-text p {
          font-size: 14px;
          margin-top: 14px;
          font-weight: normal;
     }

     .mobile-dropdown {
          display: block;
     }

     .privacy-box p,
     .privacy-text .text-inner p {
          font-size: 14px;
          line-height: 22px;
     }

     .privacy-text {
          margin-top: 32px;
     }

     .privacy-text .text-box ul li p {
          font-size: 14px;
          line-height: 22px;
     }

     .privacy-text .text-box ul li {
          gap: 8px;
          margin-bottom: 8px;
     }

     .privacy-text .text-box {
          margin-top: 12px;
     }

     .privacy-text .text-box ol li a {
          font-size: 14px;
          line-height: 22px;
     }

     .blog-sec {
          margin-bottom: 22px;
     }

     .blog-page .blog-sec {
          margin-bottom: 0;
     }

     .blog-page .smart-cta-sec {
          padding: 56px 0 0;
     }

     .blog-page .privacy-banner .hero-text h1 {
          font-size: 42px;
          line-height: 47px;
          max-width: 350px;
          margin: 0 auto;
     }

     .blog-page .privacy-banner {
          padding: 56px 0 82px;
     }

     .blog-shape {
          top: -34px;
     }

     .blog-inner {
          margin-top: 24px;
          margin-bottom: 56px;
     }

     .blog-top form .form-control {
          font-size: 14px;
          line-height: 22px;
          height: 46px;
          padding: 0 14px;
     }

     .blog-top form a {
          right: 12px;
          top: 50%;
          width: 18px;
          height: 18px;
     }

     .blog-top form a img {
          height: 13px;
     }

     .blog-tags ul li a {
          font-size: 12px;
          line-height: 20px;
          white-space: nowrap;
          padding: 0 15.5px;
          height: 36px;
     }

     .blog-tags-top {
          position: relative;
          margin: 24px -24px 0 -24px;
     }

     .blog-tags-top::after {
          position: absolute;
          content: "";
          right: 0;
          top: 0;
          width: 31px;
          height: 36px;
          background: linear-gradient(269deg, #FFF 40.46%, rgba(255, 255, 255, 0.16) 99.3%);
     }

     .blog-tags {
          margin: 0;
          overflow-x: auto;
          padding: 0 24px 12px;
     }

     .pin-top {
          align-items: start !important;

     }

     .pin-top img {
          margin-top: 2px;
     }

     .right-dots img {
          width: 44px;
     }

     .blog-tags ul {
          flex-wrap: nowrap;
          gap: 8px;
          justify-content: start;

     }

     .blog-categories {
          padding: 56px 0;
     }

     .blog-categories h2 {
          font-size: 32px;
          line-height: 34px;
          letter-spacing: -0.32px;
     }

     .blog-categories-inner {
          margin: 32px 0 0 0;
     }

     .blog-categories-inner .latest-news-box {
          margin: 8px 0;
     }

     .blod-detail-sec {
          padding-bottom: 0;
     }

     .blod-detail-banner {
          padding: 56px 0 44px;
          margin-top: 110px;
     }

     .blod-detail-banner .hero-text ul {
          margin: 16px auto 0;
          max-width: 230px;
          width: 100%;
          flex-direction: column;
     }

     .blod-detail-banner .hero-text ul li {
          border-right: none;
          border-bottom: 1px solid #C0BCC5;
          padding: 4px 0;
          font-size: 14px;
          line-height: 22px;
          width: 100%;
          justify-content: center;
     }

     .blod-detail-banner .image-holder {
          margin-top: 32px;
     }

     .blod-detail-left .text-box {
          margin-bottom: 32px;
     }

     .blod-detail-left .text-box h2 {
          font-size: 24px;
     }

     .blod-detail-left .text-box p {
          font-size: 14px;
          line-height: 22px;
     }

     blockquote h4 {
          font-size: 16px;
          margin-right: 6px;
     }

     blockquote p {
          font-size: 14px;
          line-height: 22px;
     }

     blockquote {
          padding: 14px;
          margin-bottom: 32px;
     }

     .table-content h2 {
          font-size: 20px;
          display: flex;
          align-items: center;
          justify-content: space-between;
     }

     .table-content h2 a {
          display: flex;
          align-items: center;
          width: 18px;
          height: 18px;
     }

     .table-content h2 img {
          rotate: -180deg;
     }

     .table-content ul li a {
          font-size: 14px;
          line-height: 22px;
     }

     .table-content ul {
          margin-top: 13px;
     }

     .table-content ul li {
          margin-bottom: 6px;
     }

     .budgeting-box {
          margin-top: 32px;
     }

     .budgeting-text-box h2 {
          font-size: 24px;
     }

     .budgeting-text-box p,
     .budgeting-box .text-inner p,
     .budgeting-box .text-inner ul li .paragraph {
          font-size: 14px;
          line-height: 22px;
     }

     .budgeting-box .text-inner ul li .paragraph a {
          font-size: 14px;
          line-height: 22px;
     }

     .budgeting-box .image-holder {
          margin-bottom: 16px;
     }

     .budgeting-box .text-inner h3 {
          font-size: 18px;
     }

     .budgeting-box .text-inner ul li {
          gap: 8px;
     }

     .budgeting-box .text-inner ul {
          padding-left: 0;
     }

     .budgeting-box .text-inner {
          margin-bottom: 20px;
     }

     .budget-table table thead tr th {
          font-size: 14px;
          line-height: 22px;
          padding: 12px 8px;
     }

     .budget-table table tbody tr td {
          font-size: 14px;
          line-height: 22px;
          padding: 8px;
     }

     .budgeting-box .text-inner h3.mobilep {
          font-size: 14px;
          line-height: 22px;
     }

     .budgeting-profile {
          margin-top: 32px;
          padding: 32px 24px;
     }

     .budgeting-text-box p span {
          font-weight: 600;
     }

     .budgeting-profile .media2 .image-holder {
          width: 54px;
     }

     .budgeting-profile .media2 .text-user strong {
          font-size: 16px;
     }

     .budgeting-profile .media2 .text-user span {
          font-size: 12px;
          line-height: normal;
     }

     .budgeting-profile p {
          font-size: 14px;
          margin-bottom: 12px;
          line-height: 22px;
     }

     .budgeting-profile .media2 {
          border-bottom: 1px solid #EBE9EC;
     }

     .profile-dots img {
          height: 29px;
     }

     .blog-detail-tags h2 {
          font-size: 20px;
          margin-bottom: 17px;
     }

     .blog-detail-tags {
          margin-top: 56px;
     }

     .blog-detail-tags ul {
          margin: 0;
     }

     .contact-hero {
          margin-top: 110px;
          padding-top: 80px;
          padding-bottom: 56pxr;
     }

     .mb-none {
          margin-bottom: 0;
     }

     .contact-hero .hero-text p {
          font-size: 14px;
          margin-top: 14px;
          line-height: normal;
     }

     .contact-info {
          margin-top: 28px;
     }

     .contact-info-box {
          border-radius: 0 34px;
          padding: 20px;
     }

     .contact-info-box h3 {
          font-size: 20px;
     }

     .contact-info-box h2 {
          font-size: 20px;
     }

     .contact-info-box .text-box p a {
          font-size: 18px;
     }

     .contact-info-box .text-box p {
          font-size: 14px;
     }

     .contact-info-box .text-box strong {
          width: 24px;
          height: 24px;
          margin-bottom: 12px;
     }

     .contact-info-box .text-box {
          margin-top: 24px;
     }

     .applyloan-banner {
          margin-top: 110px;
     }

     .applyloan-left .text-box h1 {
          font-size: 42px;
          line-height: 47px;
          letter-spacing: -0.84px;
     }

     .applyloan-left .text-box p {
          font-size: 14px;
          line-height: 22px;
     }

     .applyloan-left .text-box {
          margin: 0 0 40px 0;
     }

     .applyloan-form .form-group {
          margin: 8px 0;
     }

     .applyloan-form {
          border-radius: 16px;
          padding: 16px 16px;
     }

     .applyloan-form .form-control {
          font-size: 14px;
          line-height: 22px;
          padding: 14px;
          height: 50px;
     }

     .applyloan-form strong {
          font-size: 14px;
          line-height: 22px;
     }

     .applyloan-form textarea.form-control {
          height: 90px;
     }

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

     .applyloan-form .secondary-cta {
          height: 57px;
     }

     .applyloan-right {
          margin: 0;
          padding: 56px 24px;
     }

     .applyloan-right .text-box h2 {
          margin-bottom: 24px;
     }

     .applyloan-made ul {
          display: grid;
          grid-template-columns: 4fr 4fr 4fr;
     }

     .applyloan-right .text-box ul li {
          gap: 8px;
          margin-bottom: 18px;
     }

     .applyloan-made .text-box span {
          font-size: 24px;
          min-height: 31px;
          letter-spacing: -0.48px;
     }

     .applyloan-made .text-box p {
          font-size: 14px;
          margin-top: 6px;
          text-align: center;
     }

     .applyloan-made .text-box span img {
          height: 20px;
     }

     .applyloan-page .contact-hero {
          padding: 56px 0;
          margin: 0;
     }

     .applyloan-page .title h2 span {
          margin-bottom: 6px;
     }

     .applyloan-page .title h2 {
          font-size: 26px;
     }

     .applyloan-page .contact-info {
          margin-top: 32px;
     }

     .applyloan-page .contact-store-sec {
          padding: 56px 0 0;
     }

     .applyloan-page .faq-sec {
          padding: 56px 0 0 0;
     }

     .applyloan-page .faq-inner {
          margin: 40px auto 0;
     }

     .sgd-box.sgd-tenure-box {
          width: auto;
          padding: 7.5px 8px;
     }

     .about-store-main {
          padding-top: 36px;
     }

     .cta-light .cta-inner {
          background: url(../images/cta-light-bg-mobile.webp) no-repeat;
          background-position: center;
          background-size: cover;
     }

     .faq-page .smart-cta-sec {
          padding: 56px 0 0;
     }

     .privacy-text .text-box ul li .number {
          font-size: 14px;
          line-height: 22px;
     }

     .blog-categories-media {
          margin-top: 16px;
     }

     .blog-page.contact-page .smart-cta-sec {
          padding: 56px 0 0;
     }

     .form-check {
          align-items: flex-start;
     }

     .form-check .form-check-input {
          margin-top: 4px;
     }

     .applyloan-form .form-group .secondary-cta {
          font-size: 16px;
     }

}

@media screen and (max-width: 575px) {
     header.scrolled {
          transform: translateY(-60px);
     }

     .cta-sec {
          padding: 156px 0 56px;
     }

     .cta-inner .image-holder {
          margin-top: -124px;
     }

     .cta-inner .image-holder img {
          height: 198px;
     }

     .cta-inner .image-holder::after {
          bottom: -65px;
          border-radius: 30px 30px 0 0;
          height: 147px;
          background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, #D80000 50.44%);
     }

     .hero-text h1 span {
          display: block;
     }

     .p-text {
          max-width: 314px;
          width: 100%;
     }

     .cta-sec.cta-light {
          padding: 186px 0 56px;
     }

     .cta-light .cta-inner .image-holder {
          margin-right: 0;
          margin-top: -124px;
     }

     .cta-light .cta-inner .text-box {
          padding: 19px 24px 0;
     }

     .faq-page .faq-banner {
          min-height: 379px;
     }

     .faq-page .faq-sec {
          padding: 0;
     }

     .faq-shape {
          top: -86px;
     }

     .faq-page .faq-inner {
          margin-top: -30px;
     }

     .blog-page .privacy-banner {
          padding: 56px 0;
     }

     .blog-page .privacy-banner .dot-img {
          bottom: 0;
          left: 50%;
          width: 100%;
          min-width: 442px;
          transform: translate(-50%, 0);
     }

     .blog-shape {
          top: -16px;
     }

     .blog-inner {
          margin-top: 40px;
          margin-bottom: 56px;
     }

     .blog-categories::after {
          height: calc(100% - 300px);
     }

     .top-header p {
          max-width: 360px;
     }

     .hero-sec {
          margin-top: 60px;
     }

     .secondary-hero-sec.hero-primary-sec {
          margin-top: 126px;
     }

     .privacy-banner,
     .faq-page .faq-banner,
     .loan-calculator-page .calculator-sec,
     .secondary-hero-sec,
     .contact-hero,
     .applyloan-banner {
          margin-top: 126px;
     }

     .blod-detail-banner {
          padding: 56px 0 44px;
          margin-top: 126px;
     }

     .applyloan-left .text-box {
          max-width: 322px;
          margin: 0 auto 40px;
     }

     .step-quide-sec {
          overflow: hidden;
     }

     .dots-img {
          bottom: -64px;
          left: 50%;
          transform: translate(-50%, 0);
          width: 654px;
          opacity: 0.6;
     }

     .cta-dark .cta-inner .image-holder {
          margin-top: -115px;
     }

     .cta-sec.cta-dark {
          padding: 0 0 56px;
          margin-top: 115px;
     }

     .cta-dark .cta-inner .image-holder::after {
          background: linear-gradient(180deg, rgba(47, 35, 61, 0.00) 0%, #2F233D 47.43%);
     }

     .store-dots-shape {
          width: 100%;
          position: relative;
          left: 50%;
          transform: translate(-50%, 0);
          min-width: 480px;
     }

     .store-dots-shape img {
          opacity: 0.32;
     }

     .privacy-banner .dot-img {
          bottom: 0;
          left: 50%;
          width: 100%;
          min-width: 442px;
          transform: translate(-50%, 0);
     }

     .contact-dot-img {
          left: 50%;
          transform: translate(-50%, 0);
          min-width: 448px;
     }

     .news-bottom-shape {
          width: 100%;
          min-width: 654px;
          left: 50%;
          transform: translate(-50%, 0);
     }

     .news-bottom-shape img {
          object-position: bottom;
     }

     .loan-calculator-page .cta-sec {
          padding: 110px 0 56px;
     }

     .licence-box .image-holder {
          max-width: 47px;
          width: 100%;
     }

     .licence-box {
          gap: 15px;
     }

     .licence-box .text-inner span {
          font-size: 18px;
     }

     .licence-box .text-inner p {
          font-size: 12px;
     }
}