@import url('https://fonts.googleapis.com/css2?family=Anek+Bangla&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
@import url('https://www.katongcredit.com.sg/wp-content/themes/katongcredit/assets/css/bootstrap.min.css');
@import url('https://www.katongcredit.com.sg/wp-content/themes/katongcredit/assets/css/swiper-bundle.min.css');

@font-face {
    font-family: 'Gotham';
    src: url('https://www.katongcredit.com.sg/wp-content/themes/katongcredit/assets/css/../fonts/Gotham-Bold.eot');
    src: url('https://www.katongcredit.com.sg/wp-content/themes/katongcredit/assets/css/../fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://www.katongcredit.com.sg/wp-content/themes/katongcredit/assets/css/../fonts/Gotham-Bold.woff2') format('woff2'),
        url('https://www.katongcredit.com.sg/wp-content/themes/katongcredit/assets/css/../fonts/Gotham-Bold.woff') format('woff'),
        url('https://www.katongcredit.com.sg/wp-content/themes/katongcredit/assets/css/../fonts/Gotham-Bold.ttf') format('truetype'),
        url('https://www.katongcredit.com.sg/wp-content/themes/katongcredit/assets/css/../fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: "Open Sans", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-family: "Open Sans", sans-serif;
}

ol,
ul,
li {
    list-style: none;
    padding: 0;
}

a.active,
a:focus,
button:focus,
button.active {
    outline: none;
}

a {
    text-decoration: none;
}

a:focus,
a:hover,
a:active {
    outline: 0;
}

a:focus,
a:hover {
    text-decoration: none;
}

a {
    text-decoration: none;
    transition: all 0.5s ease-in-out;
}

a:hover {
    text-decoration: none;
}

ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul li {
    list-style: none;
}

p {
    margin: 0;
    padding: 0;
}

input:focus,
select:focus,
textarea:focus {
    outline: none;
}

img {
    border-style: none;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

/**** HEADER ****/
header {
    padding: 41px 0;
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    z-index: 1000;
}

.header-second {
    position: static;
    background-color: #fff;
}

.navbar {
    padding: 0;
}

.navbar-brand {
    padding: 0;
    margin: 0;
}

.navbar-nav {
    gap: 30px;
    align-items: center;
}

.navbar-nav .nav-item .nav-link {
    padding: 0;
    margin: 0;
    color: rgb(26, 26, 26, 0.5);
    font-weight: normal;
    font-size: 16px;
    line-height: 1;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.5s ease-in-out;
}

.navbar-nav .nav-item .nav-link:hover,
.navbar-nav .nav-item .nav-link.active {
    color: #1A1A1A;
    font-weight: bold;
    transition: all 0.5s ease-in-out;
}

.navbar-nav .nav-item .nav-link:hover img {
    opacity: 1;
    transition: all 0.5s ease-in-out;
}

.navbar-nav .nav-item .nav-link img {
    opacity: 0.5;
    transition: all 0.5s ease-in-out;
}

.navbar-nav .dropdown .dropdown-menu {
    padding: 12px 6px;
    width: fit-content;
    border: none;
    background-color: #fff;
    margin: 10px 0 0 0;
}

.navbar-nav .dropdown .dropdown-menu .dropdown-item {
    color: rgb(26, 26, 26, 0.5);
    font-weight: normal;
    font-size: 16px;
    line-height: 1;
    padding: 10px 10px;
}

.navbar-nav .dropdown .dropdown-menu .dropdown-item:hover {
    color: rgb(26, 26, 26, 1);
    background-color: transparent;
    font-weight: bold;
}

.apply-btn {
    display: flex;
    align-items: center;
    border: 2px solid #1A1A1A;
    justify-content: center;
    height: 55px;
    border-radius: 100px;
    color: #1A1A1A;
    font-weight: bold;
    line-height: 1;
    font-size: 16px;
    width: 209px;
    margin-left: 25px;
}

.apply-btn:hover {
    background-color: #1A1A1A;
    color: #fff;
}

/****** BANNER SEC ******/
.banenr-sec {
    background-color: #FDF5F1;
    padding: 70px 0 175px 0;
}

.banenr-sec .text-box {
    margin: 86px 0 0 0;
    position: relative;
}

.banenr-sec .text-box h1 {
    color: #1A1A1A;
    font-weight: bold;
    font-size: 52px;
    line-height: 110%;
    font-family: 'Gotham';
}

.banenr-sec .text-box p {
    font-size: 24px;
    line-height: 32px;
    color: rgb(26, 26, 26, 0.65);
    font-weight: 600;
    margin: 10px 0 32px 0;
    max-width: 500px;
    width: 100%;
}

.banenr-sec .text-box p span {
    color: #1a1a1a;
}

.banenr-sec .media {
    display: flex;
    gap: 16px;
}

.loan-btn {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    align-items: center;
    background-color: #FB4D01;
    justify-content: center;
    height: 55px;
    width: 281px;
    border-radius: 100px;
}

.loan-btn:hover {
    background-color: #1A1A1A;
    color: #fff;
}

.banenr-sec .image-holder {
    float: right;
    margin: 0 -7px 0 0px;
}

.banenr-sec .image-holder img {
    max-width: inherit;
    height: 591px;
}

/****** LOAN PAYABLE SEC ******/
.loan-payable-inner .row {
    margin: 0 -28px;
}

.loan-payable-inner [class*="col-"] {
    padding: 0 28px;
}

.loan-payable-inner {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 0px 55px 0px rgba(0, 0, 0, 0.07);
    padding: 30px 38px;
    margin: -227px 0 0 0;
    position: relative;
}

.loan-payable-left h4 {
    color: #1A1A1A;
    font-family: 'Gotham';
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 16px;
}

.loan-payable-left p {
    color: #1A1A1A;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.price-detail {
    margin: 18px 0 0 0;
}

.label-text {
    color: #1A1A1A;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    display: block;
    margin: 0 0 14px 0;
}

.price-detail form .media .media2 {
    padding: 10px 0;
}

.label-text span {
    display: inline-block;
    color: #F00;
}

.price-detail form .form-group .form-control {
    border-radius: 20px;
    border: 1px solid rgba(26, 26, 26, 0.20);
    background: #FFF;
    height: 65px;
    color: rgb(26, 26, 26, 1);
    font-size: 22px;
    font-weight: 600;
    padding-left: 22px;
    box-shadow: none;
    line-height: 1;
}

.price-detail form .form-group .form-control::placeholder {
    color: rgb(26, 26, 26, 0.7);
}

.price-detail form .form-group .relative {
    position: relative;
}

.down-arrow {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 20px;
}

.down-arrow img {
    height: 6px;
}

.price-detail form .media {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    justify-content: space-between;
    margin-bottom: 25px;
}

.price-detail form .media .form-group:first-child {
    width: 265px;
    flex: 1;
}

.price-detail form .form-group ul {
    display: flex;
    align-items: center;
    gap: 16px;
}

.btn-check:checked~.radio-btn {
    background-color: #1A1A1A;
    color: #fff;
}

.radio-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #1A1A1A;
    border-radius: 100%;
    width: 46px;
    height: 46px;
    color: #1A1A1A;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    cursor: pointer;
}

/****** PRICE RANHE SLIDER ******/
.slider-container {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 26px 0;
}

.slider-track {
    position: relative;
    width: 100%;
    height: 8px;
    background: rgb(26, 26, 26, 0.10);
    border-radius: 20px;
}

.slider-thumb {
    position: absolute;
    top: -6px;
    left: 0;
    width: 20px;
    height: 20px;
    background: #1A1A1A;
    margin-left: -4px;
    border-radius: 50%;
    box-shadow: 0 0 0px 3px rgb(26, 26, 26, 0.2);
    cursor: pointer;
}

.loan-btn.calculate-btn {
    height: 60px;
    width: 100%;
    font-size: 18px;
}

/**** LOAN PAYABLE RIGHT *****/
.loan-payable-right {
    background-color: #FFF4EE;
    border-radius: 35px;
    text-align: center;
    padding: 50px 30px 54px;
}

.loan-payable-right h3 {
    color: #1A1A1A;
    font-weight: bold;
    font-family: 'Gotham';
    font-size: 34px;
    line-height: 1;
}

.loan-payable-right ul {
    margin: 24px 0 15px 0;
}

.loan-payable-right ul li {
    border-bottom: 1px solid rgb(0, 0, 0, 0.20);
    padding: 18px 0;
}

.loan-payable-right ul li:last-child {
    border-bottom: 0;
}

.loan-payable-right ul li span {
    color: #252525;
    font-weight: 600;
    font-size: 13px;
    line-height: 1;
    text-transform: uppercase;
    display: block;
    margin-bottom: 8px;
}

.loan-payable-right ul li h4 {
    color: #252525;
    font-weight: 800;
    font-size: 38px;
    line-height: 1;
}

.loan-payable-right ul li h5 {
    color: #252525;
    font-weight: 800;
    font-size: 24px;
    line-height: 1;
}

.loan-payable-right p {
    color: rgb(26, 26, 26, 0.8);
    font-weight: normal;
    font-size: 14px;
    line-height: 140%;
    max-width: 366px;
    width: 100%;
    margin: 0 auto;
}

/***** LOAN STEP *****/
.loan-step-sec {
    padding: 80px 0 114px;
}

.loan-step-left {
    position: sticky;
    top: 70px;
}

.loan-step-sec .image-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 46px 0 0 0;
}

.loan-step-sec .image-holder::after {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 178px;
    height: 178px;
    filter: blur(157.1627960205078px);
    background-color: #FB4D01;
}

.mobile-img {
    position: absolute;
    left: 50%;
    bottom: -30px;
    transform: translate(-50%, 0);
    z-index: 10;
}

.mobile-img .text-box {
    position: absolute;
    left: 0;
    bottom: 26px;
    padding: 0 35px;
}

.mobile-img .text-box span {
    color: #4D53E0;
    display: block;
    font-size: 18.43px;
    line-height: 123.8%;
    font-weight: normal;
    font-family: "Anek Bangla", sans-serif;
}

.mobile-img .text-box h4 {
    color: #120D26;
    font-family: "Anek Bangla", sans-serif;
    font-weight: 800;
    line-height: 123.8%;
    font-size: 27.64px;
}

.mobile-img .text-box h2 {
    color: #FB4D01;
    font-family: "Anek Bangla", sans-serif;
    font-weight: 800;
    line-height: 123.8%;
    font-size: 27.64px;
}

.mobile-img .text-box strong {
    color: #120D26;
    font-weight: normal;
    font-size: 16.38px;
    line-height: 123.8%;
    display: block;
    margin: 10px 0 25px 0;
}

.mobile-img .text-box a {
    background-color: #4d53e0;
    border-radius: 16px;
    width: 47px;
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0 60px 0px rgba(77, 83, 224, 0.55);
}

.mobile-img .text-box a img {
    height: 12px;
}

.loan-step-right {
    padding: 0 0 0 24px;
}

.loan-box {
    margin-bottom: 90px;
}

.loan-box:last-child {
    margin: 0;
}

.loan-box h3 {
    color: #1A1A1A;
    font-size: 38px;
    line-height: normal;
    font-weight: bold;
    font-family: 'Gotham';
    margin-bottom: 15px;
}

.loan-box p {
    color: rgb(26, 26, 26, 0.65);
    font-size: 18px;
    line-height: 25px;
    font-weight: 600;
}

.loan-box ol {
    margin: 22px 0 0 0;
}

.loan-box ol li {
    display: flex;
    gap: 18px;
    align-items: center;
    margin-bottom: 50px;
}

.loan-box ol li:last-child {
    margin: 0;
}

.loan-box ol li span {
    background-color: #FBECE4;
    width: 104px;
    height: 105px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.loan-box ol li .text-box {
    flex: 1;
    width: 100%;
}

.loan-box ol li .text-box h4 {
    color: #1A1A1A;
    font-weight: bold;
    font-size: 24px;
    line-height: normal;
    margin-bottom: 2px;
    ;
}

.loan-box ol li .text-box p {
    color: rgb(26, 26, 26, 0.65);
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
}

.loan-box .text-inner {
    margin-top: 28px;
}

.loan-box .text-inner h4 {
    display: flex;
    align-items: center;
    color: #1A1A1A;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 8px;
    gap: 7px;
    line-height: normal;
}

.loan-box .text-inner p {
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    outline-color: rgb(26, 26, 26, 0.65);
}

.learn-more {
    width: 281px;
    margin: 32px 0 0 0;
}

/****** TITLE ******/
.title {
    text-align: center;
    position: relative;
    z-index: 1;
}

.title h2 {
    color: #1A1A1A;
    font-size: 38px;
    font-weight: 700;
    line-height: 1;
    font-family: 'Gotham';
    margin-bottom: 8px;
}

.title p {
    color: rgba(26, 26, 26, 0.65);
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    max-width: 685px;
    width: 100%;
    margin: 0 auto;
}

/****** PRODUCT SEC ******/
.porduct-sec {
    background: linear-gradient(180deg, #FFF9F6 26.56%, #FFF 100%);
    padding: 96px 0 90px;
}

.porduct-inner {
    margin: 44px 0 00;
}

.porduct-box {
    border: 2px solid rgb(251, 77, 1, 0.2);
    border-radius: 25px;
    padding: 12px;
    background-color: #fff;
}

.porduct-box .image-holder {
    position: relative;
}

.porduct-box .image-holder img {
    border-radius: 20px;
}

.product-icon {
    width: 68px;
    height: 68px;
    padding: 9px;
    border-radius: 15px 0 15px 0;
    background-color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
}

.product-icon span {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #1A1A1A;
    border-radius: 15px;
    width: 100%;
    height: 100%;
}

.product-icon span img {
    border-radius: 0;
}

.porduct-box .text-box {
    padding: 18px 6px 0;
}

.porduct-box .text-box h4 {
    color: #000;
    font-weight: bold;
    font-size: 22px;
    line-height: normal;
}

.porduct-box .text-box p {
    color: rgb(26, 26, 26, 0.65);
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    margin: 7px 0 17px 0;
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.porduct-box .text-box a {
    color: #FB4D01;
    font-weight: bold;
    font-size: 16px;
    line-height: 1;
    display: flex;
    align-items: center;
    gap: 6px;
    text-transform: uppercase;
}

.swiper-pagination {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px 0 0 0;
}

.swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    opacity: 1;
    background-color: rgb(251, 77, 1, 0.30);
}

.swiper-pagination-bullet-active {
    background-color: rgb(251, 77, 1);
}

/***** CTA SEC ******/
.cta-sec .cta-inner {
    background: url(https://www.katongcredit.com.sg/wp-content/themes/katongcredit/assets/css/../images/Apply-in-Minutes-Approval-in-24-Hours.jpg) no-repeat;
    background-size: cover;
    border-radius: 25px;
    background-position: center center;
    position: relative;
    padding-left: 50px;
    padding-right: 38px;
    padding-top: 50px;
    padding-bottom: 50px;
}

.cta-sec .cta-inner::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    border-radius: 25px;
    ;
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0, 0.80);
}

.cta-sec .cta-inner .text-box {
    position: relative;
    z-index: 10;
}

.cta-sec .spring-arrow {
    position: absolute;
    z-index: 10;
    right: -60px;
    top: 30px;
}

.cta-sec .cta-inner .text-box h4 {
    color: #fff;
    font-size: 45px;
    font-weight: bold;
    margin-bottom: 12px;
    line-height: 55px;
}

.cta-sec .cta-inner .text-box p {
    color: #fff;
    font-size: 16px;
    line-height: 160%;
    font-weight: normal;
}

.cta-sec .cta-inner ul {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 100;
    height: 100%;
    gap: 10px;
}

.cta-sec .cta-inner ul li a {
    border: 2px solid #fff;
    border-radius: 100px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    line-height: 1;
    padding: 0 58px;
}

.cta-sec .cta-inner ul li a:hover {
    background-color: #fff;
    color: #1A1A1A;
}

.cta-sec .cta-inner ul li a.bg-orange {
    border: 1px solid #FB4D01;
    background-color: #FB4D01;
}

.cta-sec .cta-inner ul li a.bg-orange:hover {
    background-color: transparent;
    color: #fff;
}

/***** TESTIMONIAL *******/
.testimonial-sec {
    background: linear-gradient(180deg, #FFF 0%, #FFF9F6 73.44%);
    padding: 212px 0 80px 0;
    margin-top: -117px;
}

.testimonial-inner {
    margin: 40px 0 0 0;
    padding-left: calc(100% - 80vw);
}

.testimonial-box {
    background-color: #fff;
    border-radius: 20px;
    position: relative;
}

.quotes {
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.testimonial-box .text-box {
    padding-top: 22px;
    padding-bottom: 20px;
    padding-left: 25px;
    padding-right: 25px;
    border-bottom: 1px solid rgb(37, 37, 37, 0.10);
    position: relative;
    z-index: 10;
}

.testimonial-box .text-box ul {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 12px;
}

.testimonial-box .text-box ul li {
    color: #252525;
    font-size: 14.4px;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: normal;
    font-style: italic;
    line-height: 1;
    display: flex;
    align-items: center;
}

.testimonial-box .text-box p {
    font-weight: normal;
    font-size: 16px;
    line-height: 30px;
    color: #252525;
}

.testimonial-user {
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 10;
}

.testimonial-user .media {
    display: flex;
    gap: 10px;
    align-items: center;
}

.testimonial-user .media span {
    width: 50px;
    display: flex;
    align-items: center;
}

.testimonial-user .media .text-inner {
    flex: 1;
    width: 100%;
}

.testimonial-user .media .text-inner h4 {
    font-weight: 800;
    font-size: 18px;
    line-height: 1;
    color: #252525;
    margin-bottom: 6px;
}

.testimonial-user .media .text-inner p {
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    color: #252525;
}

.testimonial-inner .swiper-pagination2 {
    display: none;
}

/***** FAQ SEC ******/
.faq-sec {
    padding: 90px 0 87px;
}

.faq-inner {
    margin: 14px 0 40px 0;
}

.accordion-item {
    background-color: transparent;
    border: none;
    padding: 29px 0;
    border-bottom: 1px solid rgb(26, 26, 26, 0.2);
}

.accordion-item:last-child {
    border-bottom: none;
}

.accordion-item:first-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.accordion-item:first-of-type>.accordion-header .accordion-button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.accordion-button {
    color: #252525;
    font-size: 22px;
    font-weight: bold;
    line-height: normal;
    display: flex;
    background: transparent;
    align-items: center;
    justify-content: space-between;
    box-shadow: none;
    padding: 0;
}

.accordion-button span {
    flex: 1;
    padding-right: 20px;
}

.accordion-button[aria-expanded="true"] strong {
    background-color: #D6D6D6;
}

.accordion-button[aria-expanded="true"] strong img {
    rotate: 180deg;
    filter: brightness(0);
}

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

.accordion-button::after {
    display: none;
}

.accordion-button strong {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #1A1A1A;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.accordion-button:not(.collapsed) {
    color: #1A1A1A;
    background-color: transparent;
    box-shadow: none;
}

.accordion-body {
    padding: 4px 0 0;
}

.accordion-body p {
    color: rgb(26, 26, 26, 0.65);
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
}

.accordion-body ul {
    max-width: 1074px;
    width: 100%;
}

.accordion-body ul li {
    color: rgb(26, 26, 26, 0.65);
    font-size: 18px;
    font-weight: 600;
    line-height: 160%;
    position: relative;
    padding: 0 0 12px 26px;
}

.accordion-body ul li:last-child {
    padding-bottom: 0;
}

.accordion-body ul li::after {
    background-color: #FB4D01;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    content: "";
    left: 0;
    top: 10px;
}

/****** BLOG SEC *****/
.blog-sec {
    background-color: #FFF9F6;
    padding: 96px 0 86px;
}

.blog-inner {
    margin: 28px 0 0 0;
}

.blog-box {
    background-color: #fff;
    border-radius: 25px;
    padding: 12px 12px 28px 12px;
}

.blog-box .image-holder a {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.blog-box .text-box {
    padding: 24px 6px 0 6px;
}

.blog-box .text-box span {
    display: flex;
    align-items: center;
    gap: 8px;
    color: rgb(42, 42, 42, 0, 8);
    font-size: 13.84px;
    font-weight: normal;
    line-height: 1;
}

.blog-box .text-box h4 {
    margin: 10px 0 16px 0;
}

.blog-box .text-box h4 a {
    display: block;
    line-height: normal;
    color: #1A1A1A;
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.blog-box .text-box a.services-btn {
    color: #FB4D01;
    font-weight: bold;
    font-size: 16px;
    line-height: 1;
    display: flex;
    align-items: center;
    gap: 6px;
    text-transform: uppercase;
}

.blog-box .text-box a.services-btn:hover,
.porduct-box .text-box a:hover {
    color: #1A1A1A;
}

.blog-box .text-box a.services-btn svg path,
.porduct-box .text-box a svg path {
    transition: all 0.5s ease-in-out;
}

.blog-box .text-box a.services-btn:hover svg path,
.porduct-box .text-box a:hover svg path {
    fill: #1A1A1A;
    transition: all 0.5s ease-in-out;
}

/******* LOAN CALCULATE SEC *****/
.loan-calculate-sec {
    background-image: url(https://www.katongcredit.com.sg/wp-content/themes/katongcredit/assets/css/../images/Apply-in-Minutes-Approval-in-24-Hours.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    padding: 10px 0 0 0;
}

.loan-calculate-sec::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0, 0.80);
}

.loan-calculate-sec .text-box {
    position: relative;
    z-index: 10;
    max-width: 383px;
    width: 100%;
    margin: 90px 0 0 0;
}

.loan-calculate-sec .text-box .media {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
}

.loan-calculate-sec .text-box .media span {
    display: flex;
    align-items: center;
    justify-content: center;
}

.loan-calculate-sec .text-box .media h4 {
    color: #fff;
    font-family: "Anek Bangla", sans-serif;
    font-weight: 800;
    line-height: 110%;
    flex: 1;
    font-size: 38px;
}

.loan-calculate-sec .text-box .loan-btn:hover {
    background-color: #fff;
    color: #1A1A1A;
}

.loan-calculate-sec .image-holder {
    position: relative;
    z-index: 10;
    margin: 0;
}

.calculate-text {
    max-width: 250px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    bottom: 45px;
    width: 100%;
    transform: translate(-50%, 0);
}

.calculate-img {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
}

.calculate-shadow {
    background-color: rgb(251, 77, 1, 0.50);
    filter: blur(200px);
    width: 194.82px;
    height: 139.09px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
}

.calculate-img .calculate-text h4 {
    color: #252525;
    font-size: 35.87px;
    line-height: 123.8%;
    font-weight: normal;
    font-family: "Anek Bangla", sans-serif;
    text-align: center;
}

.calculate-img .calculate-text h2 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0 4px 0;
}

.calculate-img .calculate-text h2 p {
    color: #FB4D01;
    font-size: 35.87px;
    line-height: 123.8%;
    font-weight: 800;
    font-family: "Anek Bangla", sans-serif;
    text-align: center;
}

.calculate-img .calculate-text span {
    color: #252525;
    font-size: 35.87px;
    line-height: 123.8%;
    font-weight: normal;
    font-family: "Anek Bangla", sans-serif;
    text-align: center;
    display: block;
}

/***** FOOTER *****/
footer {
    background: linear-gradient(180deg, #1A1A1A 0%, #000 100%);
    background-blend-mode: multiply;
}

.footer-top {
    border-bottom: 1px solid rgba(255, 255, 255, 0.40);
    padding: 36px 0;
}

.footer-top .media {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-nav ul {
    display: flex;
    align-items: center;
    gap: 44px;
}

.footer-nav ul li a {
    color: #fff;
    font-family: 'Gotham';
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
}

.footer-nav ul li a:hover {
    color: #FB4D01;
}

.copyright {
    padding: 30px 0;
}

.copyright .media {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.copyright .media p {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
}

.copyright .media ul {
    display: flex;
    align-items: center;
    gap: 7px;
}

.copyright .media ul li {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
}

.copyright .media ul li a {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
}

.copyright .media ul li a:hover {
    color: #FB4D01;
}

/****** HERO SEC ******/
.hero-sec {
    background: #FDF5F1;
    padding: 90px 0;
    position: relative;
}

.hero-sec::after {
    position: absolute;
    content: "";
    left: -95px;
    bottom: 53px;
    width: 173.19px;
    height: 92.92px;
    background-color: rgb(251, 77, 1, 0.5);
    border-radius: 50%;
    filter: blur(307.06px);
}

.hero-sec::before {
    position: absolute;
    content: "";
    right: 75px;
    bottom: 53px;
    width: 173.19px;
    height: 92.92px;
    background-color: rgb(251, 77, 1, 0.5);
    border-radius: 50%;
    filter: blur(307.06px);

}

.shape-left {
    position: absolute;
    left: 0;
    bottom: 0;
}

.shape-right {
    position: absolute;
    right: 0;
    bottom: 0;
}

.hero-sec .text-box {
    text-align: center;
}

.hero-sec .text-box h2 {
    color: #1A1A1A;
    font-size: 55px;
    line-height: 65px;
    font-weight: bold;
    font-family: 'Gotham';
    margin-bottom: 24px;
}

.hero-sec .text-box p {
    color: rgb(26, 26, 26, 0.65);
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    max-width: 938px;
    margin: 20px auto 32px;
}

.apply-singpass {
    position: fixed;
    right: 0;
    top: 185px;
    z-index: 1000;
}

.apply-singpass a {
    display: flex;
    align-items: center;
    flex-direction: column;
    border-radius: 15px 0px 0px 15px;
    background: #FFF;
    box-shadow: 0px 10px 60px 0px rgba(140, 114, 77, 0.30);
    width: 164px;
    height: 91px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.apply-singpass a p {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    margin-bottom: 10px;
}

/**** FAQ PAGE ******/
.faq-page .faq-sec {
    padding: 41px 0 70px;
}

.faq-page .faq-inner {
    margin: 0;
}

.faq-page .accordion-button strong img,
.about-page .accordion-button strong img {
    rotate: -90deg;
}

.faq-page .accordion-button[aria-expanded="true"] strong img,
.about-page .accordion-button[aria-expanded="true"] strong img {
    rotate: 180deg;
}

.faq-page .accordion-body {
    padding: 16px 0 0;
}

/***** PRIVACY POLICY ******/
.privacy-policy-sec {
    padding: 80px 0;
}

.privacy-policy-inner .text-box {
    margin-bottom: 30px;
}

.privacy-policy-inner .text-box:last-child {
    margin: 0;
}

.privacy-policy-inner .text-box h4 {
    color: #1A1A1A;
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 10px;
}

.privacy-policy-inner .text-box p {
    color: rgb(26, 26, 26, 0.65);
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 12px;
}

.privacy-policy-inner .text-box p a,
.privacy-policy-inner .text-box p span {
    color: #FF543E;
    font-weight: bold;
}

.privacy-policy-inner .text-box p:last-child {
    margin: 0;
}

/***** CONTACT US *******/
.contactus-sec {
    padding: 80px 0;
}

.contactus-info {
    border: 1px solid rgb(251, 77, 1, 0.2);
    padding: 30px;
    border-radius: 25px;
}

.contactus-info-left .text-box {
    margin-bottom: 24px;
    max-width: 460px;
    width: 100%;
}

.contactus-info-left .text-box h4 {
    color: #1A1A1A;
    font-weight: bold;
    font-size: 38px;
    line-height: 45px;
    font-family: 'Gotham';
}

.contactus-info-left .text-box p {
    color: rgb(26, 26, 26, 0.65);
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
}

.contactus-info-left ul li {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 28px;
}

.contactus-info-left ul li:last-child {
    margin: 0;
}

.contactus-info-left span {
    background-color: rgb(251, 77, 1, 0.10);
    border-radius: 50%;
    width: 61px;
    height: 61px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contactus-info-left .text-inner {
    flex: 1;
    width: 100%;
}

.contactus-info-left .text-inner h4 {
    color: #1A1A1A;
    font-weight: bold;
    font-size: 18px;
    line-height: 120%;
    font-family: 'Gotham';
    margin-bottom: 4px;
}

.contactus-info-left .text-inner p,
.contactus-info-left .text-inner a {
    color: rgb(26, 26, 26, 0.65);
    font-size: 18px;
    line-height: 170%;
    font-weight: normal;
    display: block;
}

.contactus-detail {
    border: 1px solid rgb(251, 77, 1, 0.2);
    padding: 30px;
    border-radius: 25px;
    margin-top: 36px;
}

.contactus-detail .text-box {
    padding-left: 50px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.contactus-detail .text-box h3 {
    color: #252525;
    font-weight: bold;
    font-family: 'Gotham';
    font-size: 38px;
    text-transform: capitalize;
    line-height: 1;
}

.contactus-detail .text-box h4 {
    color: #252525;
    font-weight: 600;
    font-size: 26px;
    line-height: 1;
    margin: 12px 0 20px 0;
}

.contactus-detail .text-box p {
    color: #252525;
    font-weight: normal;
    font-size: 16px;
    line-height: normal;
    margin-bottom: 11px;
}

.contactus-detail .text-box p strong {
    font-weight: bold;
}

.contactus-info .image-holder {
    height: 100%;
}

.contactus-info .image-holder iframe {
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

/****** BLOG PAGE *******/
.blog-page-sec {
    padding: 80px 0 120px;
}

.blog-page-sec .row {
    margin: 0 -10px;
}

.blog-page-sec [class*="col-"] {
    padding: 0 10px;
}

.blog-page-sec .blog-box {
    border: 2px solid rgb(251, 77, 1, 0.2);
    margin: 10px 0;
}

.pagination {
    margin: 30px 0 0 0;
    justify-content: center;
}

.pagination ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.page-link {
    border: 1px solid rgb(37, 37, 37, 0.20);
    background-color: #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #252525;
    font-weight: bold;
    font-family: "Inter", serif;
    font-size: 22px;
    line-height: 1;
}

.page-link a{
    color: #252525;
}

.page-link:hover .page-numbers {
    color: #fff;
}

.page-link:hover,
.page-link.active {
    background-color: #252525;
    border-color: #252525;
    color: #fff;
}

.page-link.link-prev,
.page-link.link-next {
    width: 142px;
    border-radius: 50px;
}

.page-link.link-next {
    color: #fff;
    background-color: #FB4D01;
    border-color: #FB4D01;
}

/****** ABOUT US SEC ******/
.about-sec {
    padding: 80px 0;
}

.about-sec .image-holder {
    padding: 21px;
    border: 2px solid rgb(251, 77, 1, 0.3);
    border-radius: 25.32px;
    position: relative;
}

.about-sec .image-holder .about-img {
    border-radius: 20px;
}

.about-tag {
    position: absolute;
    top: -1px;
    right: -1px;
    max-width: 193px;
    width: 100%;
}

.about-tag::after {
    position: absolute;
    content: "";
    left: -11px;
    top: 11px;
    width: 100%;
    border-radius: 0 0px 0px 17px;
    height: 100%;
    background-color: #fff;
}

.about-tag-inner {
    background-color: #FB4D01;
    padding: 20px 15px;
    border-radius: 0 15px 0px 15px;
    position: relative;
    z-index: 10;
}

.about-tag p {
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    line-height: 130%;
    margin: 10px 0 0 0;
}

.about-sec .text-box {
    max-width: 522px;
    width: 100%;
}

.about-sec .text-box h4 {
    color: #1A1A1A;
    font-size: 38px;
    font-weight: bold;
    line-height: 48px;
    font-family: 'Gotham';
}

.about-sec .text-box p {
    color: rgb(26, 26, 26, 0.65);
    font-size: 18px;
    font-weight: 600;
    margin-top: 10px;
    line-height: 28px;
}

.about-sec .text-box p strong {
    font-weight: bold;
    color: #1A1A1A;
}

.vision-sec {
    background-color: #FDF5F1;
}

.about-page .faq-sec {
    padding-bottom: 116px;
    background-color: #FDF5F1;
}

.about-page .cta-sec {
    padding-bottom: 80px;
}

/***** LOAN PLAN  ******/
.get-loan-sec {
    padding-bottom: 138px;
}

.apply-loan-page .hero-sec {
    padding: 100px 0 180px;
}

.apply-loan-page .hero-sec .text-box h2 {
    margin-bottom: 6px;
}

.apply-loan-page .hero-sec .text-box p {
    margin-bottom: 26px;
}

.myinfo-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    line-height: 1;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    background-color: #FB4D01;
    height: 60px;
    max-width: 281px;
    border-radius: 48px;
    width: 100%;
    text-transform: capitalize;
    margin: 0 auto;
}

.myinfo-btn span {
    font-weight: normal;
    display: block;
    margin: 6px 0 0 0;
}

.myinfo-btn:hover {
    background-color: #1A1A1A;
}

.get-loan-inner {
    border-radius: 15px;
    background: #FFF;
    padding: 50px;
    box-shadow: 0px 0px 55px 0px rgba(0, 0, 0, 0.07);
    margin: -122px 0 0 0;
    position: relative;
}

.get-loan-inner form .form-group {
    margin-bottom: 30px;
}

.get-loan-inner form .form-group .label-text {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 16px 0;
}

.get-loan-inner form .form-group .form-control {
    border: 1px solid rgb(26, 26, 26, 0.20);
    border-radius: 10px;
    height: 59px;
    padding-left: 24px;
    box-shadow: none;
    color: rgb(26, 26, 26, 1);
    font-size: 16px;
    font-weight: normal;
    line-height: 1;
}

.get-loan-inner form .form-group .form-control::placeholder {
    color: rgb(26, 26, 26, 0.60);
}

.relative {
    position: relative;
}

.select-arrow {
    position: absolute;
    top: 46%;
    transform: translate(0, -50%);
    right: 25px;
}

.get-loan-inner form .form-group select.form-control {
    border: 1px solid rgb(26, 26, 26, 1);
    font-weight: 500;
}
.wpcf7-form br {
    display: none;
}


.loan-success {
    background-color: #EFFFF3;
    border: 1px solid rgb(0, 143, 38, 0.5);
    border-radius: 15px;
    padding: 27px 76px;
    display: flex;
    align-items: center;
    margin: 30px 0 0 0;
}

.loan-success span {
    display: flex;
    align-items: center;
    max-width: 53px;
    width: 100%;
}

.loan-success .text-box {
    flex: 1;
    padding-left: 30px;
    width: 100%;
}

.loan-success .text-box h4 {
    color: #008F26;
    font-weight: bold;
    margin-bottom: 6px;
    font-size: 20px;
    line-height: 1;
}

.loan-success .text-box p {
    color: rgb(0, 143, 38, 0.65);
    font-weight: 600;
    font-size: 18px;
    line-height: 150%;
}

/***** LOAN CALCULATOR ******/
.loan-calculator-sec {
    padding: 80px 0;
}

.loan-calculator-sec .loan-payable-inner {
    margin: 0;
    padding: 40px;
}

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

.calculate-need {
    display: none;
}

/****** PERSONAL LOAN *******/
.personal-loan-page .hero-sec .text-box p {
    max-width: 938px;
    margin: 20px auto 32px;
}

.benifit-sec {
    padding-bottom: 80px;
}

.benifit-inner {
    margin: 40px 0 0 0;
}

.benifit-box {
    height: 100%;
}

.benifit-box span {
    background-color: #FB4D01;
    width: 84.29px;
    height: 84.29px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 auto -18px;
    position: relative;
    z-index: 1;
}

.benifit-box .text-box {
    text-align: center;
    border-radius: 20px;
    padding: 56px 20px 22px;
    position: relative;
    background: url(https://www.katongcredit.com.sg/wp-content/themes/katongcredit/assets/css/../images/banifit-bg.svg) no-repeat;
    background-size: cover;
    background-position: top center;
    height: calc(100% - 64px);
}

.benifit-box .text-box h4 {
    color: #252525;
    font-weight: bold;
    font-size: 22px;
    line-height: normal;
    font-family: 'Gotham';
    margin-bottom: 12px;
}

.benifit-box .text-box p {
    color: rgb(0, 0, 0, 0.65);
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
}

.bg-light {
    background-color: #FFF4EE !important;
}

.personal-loan-page .testimonial-sec {
    background: none;
    margin: 0;
    padding: 80px 0;
    position: relative;
}

.personal-loan-page .testimonial-sec::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    background: linear-gradient(180deg, #FFF9F6 26.56%, #FFF 100%);
    height: 907px;
}

.cash-loan-sec .loan-step-right {
    padding: 0;
    position: relative;
    z-index: 10;
}

.cash-loan-sec .loan-box ol li span {
    width: 66px;
    height: 66px;
    padding: 18px;
}

.cash-loan-sec .loan-box ol li .text-box h4 {
    font-size: 18px;
    line-height: 1;
}

.cash-loan-sec .loan-box ol li .text-box p {
    font-size: 18px;
    line-height: 1;
}

.cash-loan-sec .loan-box ol li {
    gap: 16px;
    margin-bottom: 17px;
}

.cash-loan-sec .loan-box {
    margin-bottom: 45px;
}

/******* BLOG DETAIL SEC ******/
.blog-detail-banner-sec {
    background-color: #FDF5F1;
    padding: 80px 0 167px 0;
}

.blog-detail-banner-sec .text-box {
    max-width: 990px;
    width: 100%;
    margin: 0 auto;
}

.blog-detail-banner-sec .text-box h2 {
    color: #252525;
    font-weight: bold;
    font-size: 45px;
    line-height: 132%;
    font-family: 'Gotham';
    max-width: 901px;
    width: 100%;
    margin-bottom: 20px;
}

.blog-detail-banner-sec .text-box span {
    color: #252525;
    font-weight: 500;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    border: 2px solid rgb(251, 77, 1, 0.3);
    border-radius: 25.32px;
    padding: 0 17px;
}

/****** BLOG DETAIL INNER *****/
.blog-detail-sec {
    padding-bottom: 136px;
}

.blog-detail-inner {
    margin: -126px auto 0;
    max-width: 990px;
    width: 100%;
}

.blog-key {
    background-color: #FDF5F1;
    border-left: 7px solid #FB4D01;
    padding: 22px 34px;
    margin: 35px 0;
}

.blog-key h4 {
    color: #333333;
    font-weight: bold;
    font-size: 24px;
    line-height: 170%;
    font-family: 'Gotham';
    margin-bottom: 24px;
}

.blog-key p {
    color: #1A1A1A;
    font-weight: normal;
    font-size: 16px;
    line-height: 170%;
}

.blog-detail-inner .text-box p {
    color: #1A1A1A;
    font-weight: 500;
    font-size: 18px;
    line-height: 170%;
    margin-bottom: 12px;
}

.blog-detail-inner .text-box p:last-child {
    margin: 0;
}

.blog-content {
    background-color: #F7F7F7;
    border-radius: 20px;
    padding: 32px 50px 50px 50px;
    margin: 30px 0 44px 0;
}

.blog-content h4 {
    color: #1A1A1A;
    font-weight: bold;
    font-size: 24px;
    line-height: 1;
    font-family: 'Gotham';
    margin-bottom: 16px;
}

.blog-content ul li {
    margin-bottom: 16px;
}

.blog-content ul li:last-child {
    margin: 0;
}

.blog-content ul li a {
    color: #1A1A1A;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    display: block;
}

.blog-detail-inner .text-inner {
    margin-bottom: 30px;
}

.blog-detail-inner .text-inner h3 {
    color: #1A1A1A;
    font-weight: bold;
    font-family: 'Gotham';
    line-height: 170%;
    font-size: 32px;
    margin-bottom: 14px;
}

.blog-detail-inner .text-inner h4 {
    color: rgb(26, 26, 26, 0.7);
    font-weight: bold;
    font-size: 24px;
    line-height: 170%;
    margin-bottom: 10px;
}
.product-inner {
    margin: 44px 0 00;
}
.blog-detail-inner .text-inner p {
    color: #1A1A1A;
    font-weight: 500;
    font-size: 18px;
    line-height: 170%;
    margin-bottom: 14px;
}

.blog-detail-inner .text-inner p:last-child {
    margin: 0;
}

.blog-detail-inner .text-inner ul li {
    position: relative;
    color: #1A1A1A;
    font-weight: 500;
    font-size: 18px;
    line-height: 170%;
    padding-left: 28px;
    margin-bottom: 14px;
}

.blog-detail-inner .text-inner ul li:last-child {
    margin: 0;
}

.blog-detail-inner .text-inner ul li::after {
    position: absolute;
    content: "";
    left: 9px;
    top: 12px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #1A1A1A;
}

.text-ready {
    background-color: #FDF5F1;
    border-radius: 20px;
    padding: 34px;
    margin-bottom: 30px;
}

.text-ready p {
    color: #1A1A1A;
    font-style: italic;
    font-weight: 500;
    font-size: 18px;
    line-height: 170%;
}

.text-ready p a {
    color: #FB4D01;
    text-decoration: underline;
}

.personal-loan-page .accordion-body {
    padding: 16px 0 0 0;
}

/*****/
.mobile-btns {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 100;
    display: none;
}

.mobile-btns ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.mobile-btns ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    background-color: #FB4D01;
    height: 42px;
    border-radius: 10px 10px 0 0;
    gap: 10px;
}

.mobile-btns ul li a img {
    height: 24px;
}

.mobile-btns ul li a.call-btn {
    background-color: #1A1A1A;
}

.mobile-btns ul li a:hover {
    background-color: #1A1A1A;
}

.mobile-btns ul li a.call-btn:hover {
    background-color: #FB4D01;
}

/****/
#interest-rates {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
}

.interest-media input {
    opacity: 0;
    position: absolute;
    left: 0;
}

.radio-btn.selected {
    border-color: #1A1A1A;
    background-color: #1A1A1A;
    color: #fff;
}
.price-detail input[type="range"] {
    width: 100%;
    padding: 5px;
    margin: 28px 0;
    border-radius: 5px;
}
.price-detail .calculator-form .input-main {
    width: 100%;
    height: 42px;
    padding-inline: 20px;
    margin-bottom: 16px;
    border-radius: 8px;
    border: 1px solid rgba(37, 37, 37, 0.10);
    background: #FBFBFB;
}

/*****/
input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    height: 8px;
    background: linear-gradient(to right, #1A1A1A 0%, #1A1A1A);
    border-radius: 20px;
    outline: none;
    transition: 0.15s ease-in-out;
}

input[type=range]:hover {
    opacity: 1;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #1A1A1A;
    /* Blue color for the thumb */
    margin-top: -5px;
    cursor: pointer;
    margin-left: 5px;
    box-shadow: 0 0 0 4px rgba(26, 26, 26, 0.2);
}

input[type=range]::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-left: 5px;
    background: #1A1A1A;
    /* Blue color for the thumb */
    cursor: pointer;
    box-shadow: 0 0 0 4px rgba(26, 26, 26, 0.2);
}

input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 8px;
    cursor: pointer;
    background: transparent;
    border-radius: 5px;
}

input[type=range]::-moz-range-track {
    width: 100%;
    height: 8px;
    cursor: pointer;
    background: transparent;
    border-radius: 5px;
}
.nav-item.active .nav-link {
    color: black !important; 
    font-weight: bold;
}
ul.apply_btn {
    margin-bottom: 17px;
}

/**/
.singpa-img {
    width: 120px;
    position: fixed;
    right: 0;
    top: 155px;
    z-index: 99;
}
.singpa-img img {
    border-radius: 25px 0 0 25px;
    width: 120px;
    box-shadow: 0 0 20px rgb(0 0 0 / 15%);
}
@media screen and (max-width: 782px) {
    .singpa-img {
        width: 85px;
        position: fixed;
        right: 0px;
        top: 185px;
        z-index: 99;
    }
}
@media (min-width: 1200px) {
    .container {
        max-width: 1197px;
    }
}

@media (max-width: 1500px) {
    .testimonial-inner {
        padding-left: calc(100% - 90vw);
    }
}

@media (max-width: 1366px) {
    .testimonial-inner {
        padding-left: 0;
    }

    .testimonial-box .text-box p {
        font-weight: normal;
        font-size: 14px;
        line-height: 28px;
        color: #252525;
    }
}

@media (max-width: 1199px) {
    .navbar-nav {
        gap: 20px;
    }

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

    .banenr-sec .text-box h1 {
        font-size: 44px;
        line-height: 105%;
    }

    .banenr-sec .text-box p {
        max-width: 440px;
        font-size: 20px;
        margin: 20px 0 30px;
    }

    .banenr-sec .image-holder img {
        height: 530px;
    }

    .loan-payable-inner {
        padding: 30px;
        margin: -220px 0 0 0;
    }

    .loan-payable-left h4 {
        font-size: 26px;
        line-height: 32px;
    }

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

    .price-detail form .form-group ul {
        gap: 10px;
    }

    .radio-btn {
        width: 40px;
        height: 40px;
    }

    .price-detail form .form-group .form-control {
        height: 50px;
        font-size: 22px;
    }

    .loan-payable-right {
        padding: 40px;
    }

    .loan-payable-right h3 {
        font-size: 28px;
    }

    .porduct-box .text-box h4 {
        font-size: 20px;
    }

    .cta-sec .cta-inner {
        padding: 30px;
    }

    .cta-sec .cta-inner .text-box h4 {
        font-size: 36px;
        margin-bottom: 8px;
        line-height: 48px;
    }

    .cta-sec .cta-inner .text-box p {
        font-size: 14px;
    }

    .cta-sec .cta-inner ul li a {
        font-size: 14px;
        padding: 0 40px;
    }

    .cta-sec .spring-arrow {
        right: -44px;
        top: 26px;
    }

    .testimonial-box .text-box {
        padding: 20px;
    }

    .testimonial-user {
        padding: 16px;
    }

    .testimonial-user .media .text-inner h4 {
        font-size: 14px;
    }

    .about-sec .text-box h4 {
        font-size: 30px;
        line-height: 38px;
    }

    .about-sec .text-box p {
        font-size: 14px;
        line-height: 24px;
    }

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

    .price-detail form .media .media2 {
        padding: 5px 0;
    }

    .calculate-phone {
        height: 320px;
    }

    .calculate-img .calculate-text h4,
    .calculate-img .calculate-text h2 p,
    .calculate-img .calculate-text span {
        font-size: 28px;
    }

    .mobile-img {
        width: 260px;
    }

    .mobile-img .text-box strong {
        font-size: 14px;
        margin: 10px 0 15px 0;
    }
}

@media (max-width: 991px) {
    header {
        padding: 20px 0;
        border-bottom: 1px solid rgb(37, 37, 37, 0.1);
    }

    .navbar-toggler {
        padding: 0;
        border: none;
        border-radius: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

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

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

    .navbar-collapse {
        background-color: #F8E7DE; 
        position: absolute;
        left: 0;
        top: 51px;
        width: 100%;
    }
    .navbar-nav .dropdown .dropdown-menu {
        padding: 5px 0px; 
    }
    .navbar-nav .dropdown .dropdown-menu .dropdown-item {  
        font-size: 14px; 
        padding: 10px 10px;
    }
    .navbar-nav {
        gap: 20px;
        align-items: flex-start;
        padding: 20px 20px;
    }

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

    .apply-btn {
        height: 49px;
        font-size: 14px;
        width: 209px;
    }

    .banenr-sec .text-box h1 {
        font-size: 32px;
        line-height: 105%;
    }

    .banenr-sec .text-box p {
        font-size: 16px;
        margin: 20px 0 30px;
        line-height: 24px;
    }

    .banenr-sec .image-holder img {
        height: 420px;
    }

    .loan-payable-inner {
        padding: 20px;
    }

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

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

    .loan-payable-left h4 {
        font-size: 22px;
        line-height: 28px;
    }

    .price-detail form .form-group .form-control {
        border-radius: 10px;

    }

    .price-detail form .media {
        gap: 15px;
        margin-bottom: 20px;
        flex-direction: column;
    }

    .price-detail form .media .form-group:first-child {
        width: 100%;
    }

    .loan-payable-right {
        padding: 40px 20px;
    }

    .loan-box h3 {
        font-size: 26px;
    }

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

    .loan-box ol li span {
        width: 80px;
        height: 80px;
        padding: 20px;
    }

    .loan-box ol li {
        gap: 10px;
        margin-bottom: 20px;
    }

    .loan-box ol li .text-box h4 {
        font-size: 20px;
    }

    .loan-box ol li .text-box p {
        font-size: 14px;
        line-height: 20px;
    }

    .loan-box {
        margin-bottom: 30px;
    }

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

    .loan-box .text-inner h4 {
        font-size: 18px;
    }

    .cta-sec .cta-inner {
        padding: 20px;
        border-radius: 20px;
    }

    .cta-sec .cta-inner .text-box h4 {
        font-size: 28px;
        margin-bottom: 8px;
        line-height: 36px;
    }

    .cta-sec .cta-inner ul li a {
        font-size: 12px;
        padding: 0 26px;
        border-radius: 40px;
        height: 45px;
    }

    .cta-sec .spring-arrow {
        right: -35px;
        top: 30px;
    }

    .cta-sec .spring-arrow img {
        height: 45px;
    }

    .loan-calculate-sec .text-box .media h4 {
        font-size: 30px;
    }

    .loan-calculate-sec .text-box .media {
        gap: 20px;
        margin-bottom: 20px;
    }

    .loan-calculate-sec .text-box {
        margin: 20px 0 0 0;
    }

    .footer-nav ul {
        gap: 20px;
    }

    .footer-nav ul li a {
        font-size: 16px;
    }

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

    .shape-left {
        max-width: 170px;
    }

    .shape-right {
        max-width: 280px;
    }

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

    .hero-sec .text-box h2 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 10px;
    }

    .hero-sec .text-box p {
        font-size: 16px;
        line-height: 20px;
    }

    .apply-singpass a {
        width: 140px;
        height: 78px;
    }

    .about-tag {
        max-width: 160px;
    }

    .about-tag-inner {
        padding: 14px;
    }

    .about-sec .image-holder {
        padding: 12px;
        border-radius: 20.32px;
    }

    .header-second {
        background: #FDF5F1;
        position: relative;
        z-index: 10000;
    }

    .accordion-body ul li {
        font-size: 14px;
        line-height: 140%;
        padding: 0px 0 10px 15px;
    }

    .privacy-policy-sec {
        padding: 50px 0;
    }

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

    .contactus-info,
    .contactus-detail {
        padding: 20px;
        border-radius: 16px;
    }

    .contactus-info-left .text-box h4 {
        font-size: 30px;
        line-height: 34px;
    }

    .contactus-info-left .text-box p {
        font-size: 14px;
        line-height: 20px;
        margin-top: 8px;
    }

    .contactus-info-left span {
        width: 50px;
        height: 50px;
    }

    .contactus-info-left ul li {
        gap: 8px;
        margin-bottom: 15px;
    }

    .contactus-info-left .text-inner h4 {
        font-size: 16px;
        margin-bottom: 0px;
    }

    .contactus-info-left .text-inner p,
    .contactus-info-left .text-inner a {
        font-size: 14px;
        line-height: 160%;
    }

    .contactus-detail .text-box {
        padding-left: 0px;
    }

    .contactus-detail .text-box h3 {
        font-size: 30px;
    }

    .contactus-detail .text-box h4 {
        font-size: 20px;
        margin: 10px 0;
    }

    .contactus-detail .text-box p {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .blog-detail-banner-sec .text-box h2 {
        font-size: 30px;
        line-height: 132%;
        margin-bottom: 14px;
    }

    .blog-detail-banner-sec {
        padding: 50px 0 167px 0;
    }

    .blog-detail-inner .text-inner h3 {
        font-size: 24px;
    }

    .blog-detail-inner .text-inner p {
        font-size: 16px;
    }

    .blog-detail-inner .text-inner h4 {
        font-size: 20px;
    }

    .blog-key {
        padding: 16px 20px;
    }

    .apply-loan-page .hero-sec {
        padding: 50px 0 150px;
    }

    .get-loan-inner {
        padding: 28px;
    }

    .get-loan-inner form .form-group .label-text {
        font-size: 14px;
        margin: 0 0 15px 0;
    }

    .loan-success {
        padding: 24px;
    }

    .benifit-box {
        height: auto;
        margin: 15px 0;
    }

    .benifit-box .text-box p {
        min-height: 168px;
    }

    .cash-loan-sec .loan-box ol li .text-box p {
        font-size: 16px;
        line-height: 1;
    }

    .cash-loan-sec .loan-box h3 {
        font-size: 24px;
    }

    .cash-loan-sec .about-tag p br {
        display: none;
    }

    .calculate-phone {
        height: 280px;
    }

    .calculate-text {
        bottom: 25px;
    }

    .mobile-img {
        width: 220px;
    }

    .mobile-img .text-box {
        bottom: 20px;
        padding: 0 23px;
    }

    .mobile-img .text-box span {
        font-size: 16px;
    }

    .mobile-img .text-box h4,
    .mobile-img .text-box h2 {
        font-size: 22px;
    }

    .mobile-img .text-box strong {
        font-size: 14px;
        margin: 8px 0;
    }
}

@media (max-width: 767px) {
    .container {
        max-width: 100%;
    }

    header {
        padding: 20px 8px;
    }

    .banenr-sec {
        padding: 70px 8px 175px 8px;
    }

    .banenr-sec .text-box {
        margin: 40px 0 0 0;
        text-align: center;
    }

    .banenr-sec .text-box h1 {
        font-size: 30px;
        line-height: 110%;
    }

    .banenr-sec .text-box p {
        font-size: 14px;
        line-height: 140%;
        margin: 8px auto 20px;
    }

    .loan-btn {
        font-size: 16px;
        height: 49px;
        width: 193px;
    }

    .banenr-sec .media {
        justify-content: center;
        display: inline-flex;
        position: relative;
    }

    .banenr-sec .media .spring-arrow {
        position: absolute;
        right: 0;
        top: 0;
    }

    .banenr-sec .media .spring-arrow img {
        height: 33px;
    }

    .banenr-sec .image-holder img {
        height: auto;
        max-width: 100%;
        width: 100%;
    }

    .banenr-sec .media .spring-arrow {
        position: absolute;
        right: -57px;
        top: -7px;
    }

    .loan-payable-inner {
        padding: 27px 22px;
    }

    .loan-payable-left h4 {
        font-size: 18px;
        line-height: 120%;
        text-align: center;
        margin-bottom: 10px;
    }

    .loan-payable-left p {
        font-size: 14px;
        line-height: 140%;
        text-align: center;
    }

    .label-text {
        font-size: 12px;
    }

    .price-detail form .form-group .form-control {
        height: 37px;
        font-size: 16px;
        padding-left: 12px;
        border-radius: 9.26px;
    }

    .slider-track {
        height: 3px;
        border-radius: 10px;
    }

    .slider-thumb {
        top: -3px;
        width: 10px;
        height: 10px;
    }

    .slider-container {
        padding: 13px 0 20px;
    }

    .radio-btn {
        width: 29px;
        height: 29px;
        font-size: 10px;
    }

    .price-detail form .form-group ul {
        gap: 6px;
    }

    .loan-btn.calculate-btn {
        height: 30px;
        width: 100%;
        font-size: 10px;
        max-width: 115px;
    }

    .price-detail form .media .form-group {
        width: 100%;
    }

    .price-detail form .media2 {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .loan-step-left {
        margin-bottom: 80px;
    }

    .loan-step-sec {
        padding: 80px 0 50px;
    }

    .cta-sec .cta-inner .text-box {
        text-align: center;
    }

    .cta-sec .cta-inner ul {
        justify-content: center;
        margin: 20px 0 0 0;
        height: auto;
    }

    .cta-sec .spring-arrow {
        display: none;
    }

    .title h2 {
        font-size: 28px;
    }

    .testimonial-sec {
        padding: 50px 0;
        margin-top: 0;
    }

    .testimonial-box .text-box {
        padding: 16px;
    }

    .testimonial-box .text-box p {
        font-size: 12px;
        line-height: 22px;
    }

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

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

    .accordion-body p {
        font-size: 16px;
        line-height: 24px;
    }

    .accordion-item {
        padding: 20px 0;
    }

    .blog-box .text-box h4 a {
        font-size: 16px;
        line-height: 26px;
    }

    .loan-calculate-sec .image-holder {
        margin: 60px 0 0 0;
        text-align: center;
    }

    .loan-calculate-sec .text-box {
        margin: 20px 0 0 0;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .footer-top {
        padding: 26px 0;
    }

    .footer-top .media {
        flex-direction: column;
    }

    .footer-nav {
        width: 100%;
        margin: 20px 0 0 0;
    }

    .footer-nav ul {
        justify-content: center;
    }

    .copyright .media {
        flex-direction: column;
    }

    .copyright .media p {
        font-size: 16px;
        margin-bottom: 16px;
    }

    .apply-singpass {
        top: 220px;
    }

    .apply-singpass a p {
        font-size: 12px;
        margin-bottom: 7px;
    }

    .apply-singpass a img {
        height: 14px;
    }

    .apply-singpass a {
        width: 105px;
        height: 65px;
        border-radius: 10px 0px 0px 10px;
    }

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

    .about-sec .text-box {
        max-width: 100%;
        width: 100%;
        margin-top: 30px;
    }

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

    .blog-page-sec {
        padding: 50px 0;
    }

    .page-link {
        width: 44px;
        height: 44px;
        font-size: 18px;
    }

    .page-link.link-prev,
    .page-link.link-next {
        width: 120px;
    }

    .privacy-policy-inner .text-box h4 {
        font-size: 18px;
    }

    .contactus-info-left {
        margin-bottom: 30px;
    }

    .contactus-detail .text-box {
        margin-top: 30px;
        height: auto;
    }

    .blog-detail-banner-sec .text-box h2 {
        font-size: 26px;
    }

    .blog-key h4 {
        margin-bottom: 10px;
    }

    .blog-detail-inner .text-box p {
        font-size: 14px;
        line-height: 160%;
        margin-bottom: 10px;
    }

    .blog-content {
        padding: 24px;
        margin: 30px 0;
    }

    .blog-content ul li a {
        font-size: 16px;
    }

    .blog-content ul li {
        margin-bottom: 10px;
    }

    .blog-detail-inner .text-inner ul li {
        font-size: 14px;
        line-height: 160%;
        padding-left: 24px;
    }

    .text-ready p {
        font-size: 14px;
        line-height: 160%;
    }

    .text-ready {
        border-radius: 12px;
        padding: 24px;
        margin-bottom: 30px;
    }

    .blog-detail-inner .text-inner {
        margin-bottom: 24px;
    }

    .blog-detail-inner .text-inner h3 {
        font-size: 20px;
    }

    .blog-detail-sec {
        padding-bottom: 50px;
    }

    .loan-success .text-box {
        padding-left: 16px;
    }

    .loan-success span {
        max-width: 46px;
    }

    .loan-success .text-box p {
        font-size: 14px;
        line-height: 140%;
    }

    .cta-sec .cta-inner ul.justify-content-end {
        justify-content: center !important;
    }

    .benifit-box .text-box h4 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .benifit-box .text-box p {
        font-size: 14px;
        line-height: 140%;
        min-height: 155px;
    }

    .personal-loan-page .testimonial-sec {
        padding: 50px 0;
    }

    .personal-loan-page .about-sec .image-holder {
        margin-bottom: 30px;
    }

    .personal-loan-page .hero-sec .text-box p {
        margin: 6px auto 21px;
    }

    .mobile-btns {
        display: block;
    }

    .copyright {
        padding: 30px 0 70px;
    }

    .calculate-phone {
        height: 320px;
    }

    .calculate-riunded {
        height: 295px;
    }

    .calculate-img .calculate-text h4,
    .calculate-img .calculate-text h2 p,
    .calculate-img .calculate-text span {
        font-size: 32px;
    }

    .loan-step-sec .image-holder {
        margin: 0;
    }

    .mobile-img {
        width: 280px;
    }

    .mobile-img .text-box {
        bottom: 26px;
        padding: 0 34px;
    }

    .mobile-img .text-box span {
        font-size: 18px;
    }

    .mobile-img .text-box h4,
    .mobile-img .text-box h2 {
        font-size: 26px;
    }

    .mobile-img .text-box strong {
        margin: 14px 0;
    }

    .interest-main {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    #interest-rates {
        padding: 0;
        gap: 8px;
    }

    .calculate-top {
        position: absolute;
        right: 0;
        bottom: 0;
        width: auto;
    }
    .loan-btn.calculate-btn { 
        width: 115px; 
        max-width: 115px;
    }
}

@media (max-width: 575px) {
    .banenr-sec {
        padding: 70px 8px 72px 8px;
    }

    .loan-payable-inner {
        margin: -62px 0 0 0;
    }

    .loan-payable-right h3 {
        font-size: 17px;
    }

    .loan-payable-right ul {
        margin: 0px 0 4px 0;
    }

    .loan-payable-right ul li {
        padding: 13px 0;
    }

    .loan-payable-right ul li h4 {
        font-size: 26px;
    }

    .loan-payable-right ul li h5 {
        font-size: 14px;
    }

    .loan-payable-right p {
        font-size: 9px;
        line-height: 140%;
        max-width: 217px;
    }

    .loan-payable-right {
        padding: 22px 20px 15px;
        border-radius: 12px;
    }

    .loan-step-sec .image-holder::after {
        width: 90px;
        height: 97px;
        filter: blur(94.12px);
    }

    .steps-img {
        height: 298px;
    }

    .loan-step-sec .image-holder {
        margin: 0;
    }

    .mobile-img {
        width: 100%;
        text-align: center;
    }

    .mobile-img img {
        height: 347px;
    }

    .loan-step-sec {
        padding: 43px 8px 40px;
    }

    .loan-box {
        text-align: center;
    }

    .loan-box h3 {
        font-size: 22px;
        margin-bottom: 12px;
    }

    .loan-step-right {
        padding: 0;
    }

    .loan-box ol li {
        gap: 20px;
        margin-bottom: 20px;
        flex-direction: column;
    }

    .loan-box ol li .text-box h4 {
        font-size: 16px;
    }

    .loan-box ol li span {
        width: 56px;
        height: 56px;
        padding: 16px;
    }

    .loan-box p {
        line-height: 140%;
    }

    .loan-box .text-inner h4 {
        font-size: 16px;
        justify-content: center;
    }

    .loan-box .text-inner h4 img {
        height: 10px;
    }

    .loan-box .text-inner p {
        font-size: 14px;
        line-height: 140%;
    }

    .loan-box .text-inner {
        margin-top: 16px;
    }

    .learn-more {
        width: 202px;
        margin: 15px auto 0;
        height: 49px;
    }

    .title h2 {
        font-size: 22px;
        line-height: 120%;
    }

    .title p {
        font-size: 14px;
        line-height: 140%;
    }

    .porduct-box {
        padding: 9px;
    }

    .porduct-box .text-box {
        padding: 7px 6px 5px;
    }

    .porduct-box .text-box h4 {
        font-size: 16px;
    }

    .porduct-box .text-box p {
        font-size: 14px;
        line-height: 140%;
        margin: 3px 0 17px 0;
    }

    .porduct-box .text-box a {
        font-size: 14px;
        gap: 6px;
    }

    .porduct-box .text-box a svg {
        height: 10px;
        width: 10px;
        gap: 5px;
    }

    .product-icon {
        width: 48px;
        height: 48px;
        padding: 7px;
    }

    .product-icon span {
        border-radius: 9px;
    }

    .product-icon span img {
        border-radius: 0;
        height: 23px;
    }

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

    .swiper-pagination {
        margin: 20px 0 0 0;
    }

    .porduct-sec {
        padding: 36px 0 30px;
    }

    .porduct-inner {
        margin: 24px 0 0 0;
    }

    .cta-sec .container {
        padding: 0;
    }

    .cta-sec .cta-inner {
        padding: 32px 20px;
        border-radius: 0;
    }

    .cta-sec .cta-inner::after {
        border-radius: 0;
    }

    .cta-sec .cta-inner .text-box h4 {
        font-size: 22px;
        margin-bottom: 8px;
        line-height: 120%;
        max-width: 250px;
        margin: 0 auto;
    }

    .cta-sec .cta-inner .text-box p {
        line-height: 140%;
        margin: 8px 0 0 0;
    }

    .cta-sec .cta-inner ul {
        flex-direction: column;
        justify-content: center;
    }

    .cta-sec .cta-inner ul li a {
        font-size: 16px;
        padding: 0 60px;
        border-radius: 40px;
        height: 49px;
    }

    .testimonial-sec {
        padding: 30px 20px 26px;
        background: #FDF5F1;
    }

    .testimonial-box .text-box {
        padding: 18px;
    }

    .testimonial-box .text-box ul li img {
        height: 15px;
    }

    .testimonial-box .text-box ul li {
        font-size: 13px;
    }

    .testimonial-box .text-box p {
        font-size: 14px;
        line-height: 140%;
    }

    .testimonial-user {
        padding: 18px;
    }

    .testimonial-user .media .text-inner p {
        font-size: 12px;
    }

    .testimonial-user .media span {
        width: 37px;
    }

    .google-img {
        height: 24px;
    }

    .quotes img {
        height: 145px;
    }

    .testimonial-inner {
        margin: 5px 0 0 0;
    }

    .testimonial-inner .swiper-pagination2 {
        display: flex;
        position: relative;
    }

    .faq-sec {
        padding: 43px 8px 33px;
    }

    .faq-inner {
        margin: 14px 0 40px 0;
        margin: 16px -20px 0;
    }

    .accordion-item {
        padding: 35px 20px;
    }

    .accordion-item:first-of-type {
        padding-top: 0;
    }

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

    .accordion-button strong {
        width: 30px;
        height: 30px;
    }

    .accordion-button strong img {
        height: 12px;
    }

    .accordion-body {
        padding: 14px 0 0;
    }

    .accordion-body p {
        font-size: 14px;
        line-height: 140%;
    }

    .loan-btn {
        width: 240px;
    }

    .blog-sec {
        padding: 40px 8px;
    }

    .blog-box {
        border-radius: 18px;
        padding: 16px 8px 18px 8px;
    }

    .blog-inner {
        margin: 12px 0 0 0;
    }

    .blog-box .text-box span {
        font-size: 10px;
        gap: 5px;
    }

    .blog-box .text-box span img {
        height: 12px;
    }

    .blog-box .text-box a.services-btn {
        font-size: 14px;
        gap: 6px;
    }

    .blog-box .text-box a.services-btn svg {
        width: 11px;
        height: 11px;
    }

    .blog-box .text-box {
        padding: 16px 6px 0 6px;
    }

    .blog-box .text-box h4 {
        margin: 5px 0 10px 0;
    }

    .loan-calculate-sec {
        background-image: url(https://www.katongcredit.com.sg/wp-content/themes/katongcredit/assets/css/../images/loan-calculate-bg-mobile.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        padding: 40px 0 0 0;
    }

    .loan-calculate-sec .text-box .media {
        gap: 20px;
        margin-bottom: 15px;
        flex-direction: column;
    }

    .loan-calculate-sec .text-box {
        margin: 0;
    }

    .loan-calculate-sec .text-box .media h4 {
        font-size: 22px;
        margin-top: 7px;
    }

    .footer-top {
        padding: 26px 0 20px;
    }

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

    .footer-nav {
        margin: 13px 0 0 0;
    }

    .footer-nav ul {
        flex-direction: column;
        gap: 10px;
    }

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

    .copyright {
        padding: 11px 0px 70px;
    }

    .copyright .media p {
        font-size: 10px;
        margin-bottom: 7px;
    }

    .copyright .media ul {
        gap: 4px;
    }

    .copyright .media ul li,
    .copyright .media ul li a {
        font-size: 10px;
    }

    .shape-left,
    .shape-right,
    .hero-sec::after,
    .hero-sec::before {
        display: none;
    }

    .hero-sec {
        padding: 32px 8px;
    }

    .hero-sec .text-box h2 {
        font-size: 30px;
        line-height: normal;
        margin-bottom: 7px;
    }

    .hero-sec .text-box p {
        font-size: 14px;
        line-height: 140%;
    }

    .apply-singpass a p {
        font-size: 10px;
        margin-bottom: 4px;
    }

    .apply-singpass a img {
        height: 12px;
    }

    .apply-singpass a {
        width: 85px;
        border-radius: 15px 0px 0px 15px;
        height: 53px;
    }

    .about-sec {
        padding: 40px 8px 25px;
    }

    .about-sec .image-holder {
        padding: 10px;
        border-radius: 10px;
    }

    .about-sec .image-holder .about-img {
        border-radius: 9px;
    }

    .about-sec .text-box h4 {
        font-size: 22px;
        line-height: 30px;
    }

    .about-sec .text-box p {
        font-size: 14px;
        line-height: 140%;
        margin-top: 5px;
        margin-bottom: 12px;
    }

    .about-sec .text-box {
        margin-top: 27px;
    }

    .about-tag {
        max-width: 98px;
    }

    .about-tag-inner {
        padding: 10px;
        border-radius: 0 7px 0px 7px;
    }

    .about-tag-inner img {
        height: 14px;
    }

    .about-tag p {
        color: #fff;
        font-weight: bold;
        font-size: 10px;
        line-height: 130%;
        margin: 2px 0 0 0;
    }

    .about-tag p br {
        display: none;
    }

    .about-tag::after {
        left: -5px;
        top: 5px;
        border-radius: 0 0px 0px 9px;
    }

    .about-page .cta-sec {
        padding-bottom: 0;
    }

    .about-page .faq-sec {
        padding-top: 37px;
        padding-bottom: 30px;
    }

    .faq-page .faq-inner {
        margin: 0 -20px;
    }

    .faq-page .faq-sec {
        padding: 34px 0 15px;
        overflow: hidden;
    }

    .about-page .faq-inner {
        margin: 38px -20px 0;
    }

    .accordion-body ul li {
        font-size: 14px;
        line-height: 140%;
        padding: 0px 0 16px 18px;
    }

    .faq-page .accordion-item {
        padding: 35px 30px;
    }

    .faq-page .accordion-item:first-of-type {
        padding-top: 0;
    }

    .blog-page-sec {
        padding: 32px 8px 40px;
    }

    .pagination {
        margin: 14px 0 0 0;
    }

    .pagination ul {
        gap: 5px;
    }

    .page-link {
        width: 26px;
        height: 26px;
        font-size: 11.44px;
    }

    .page-link.link-prev,
    .page-link.link-next {
        width: 73px;
        font-size: 8.32px;
    }

    .privacy-policy-inner .text-box p {
        font-size: 14px;
        line-height: 140%;
        margin-bottom: 18px;
    }

    .privacy-policy-sec {
        padding: 36px 8px;
    }

    .privacy-policy-inner .text-box h4 {
        line-height: 25px;
    }

    .privacy-policy-inner .text-box {
        margin-bottom: 22px;
    }

    .contactus-sec {
        padding: 40px 8px;
    }

    .contactus-info,
    .contactus-detail {
        padding: 10px;
        border-radius: 20px;
    }

    .contactus-info-left .text-box h4 {
        font-size: 22px;
        line-height: 30px;
        text-align: center;
    }

    .contactus-info-left .text-box p {
        font-size: 14px;
        line-height: 140%;
        text-align: center;
        margin-top: 6px;
    }

    .contactus-info-left ul li {
        margin-bottom: 20px;
        gap: 18px;
        flex-direction: column;
    }

    .contactus-info-left .text-inner {
        text-align: center;
    }

    .contactus-info-left span {
        width: 56px;
        height: 56px;
    }

    .contactus-info-left .text-inner h4 {
        margin-bottom: 5px;
    }

    .contactus-info .image-holder img {
        border-radius: 20px;
    }

    .contactus-detail {
        margin-top: 30px;
    }

    .contactus-detail .text-box {
        text-align: center;
        max-width: 224px;
        width: 100%;
        margin: 30px auto 0;
    }

    .contactus-detail .text-box h3 {
        font-size: 22px;
    }

    .contactus-detail .text-box h4 {
        font-size: 16px;
        margin: 10px 0 14px;
    }

    .blog-detail-banner-sec {
        padding: 30px 8px 192px 8px;
    }

    .blog-detail-banner-sec .text-box {
        text-align: center;
    }

    .blog-detail-banner-sec .text-box h2 {
        font-size: 30px;
        text-align: center;
    }

    .blog-detail-banner-sec .text-box span {
        font-size: 10px;
        height: 42px;
        padding: 0 15px;
    }

    .blog-detail-inner {
        margin: -175px 0 0 0;
    }

    .blog-detail-sec {
        padding-bottom: 86px;
        padding-left: 8px;
        padding-right: 8px;
    }

    .blog-key {
        padding: 18px 14px 20px;
        margin: 35px 0 20px;
    }

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

    .blog-key p {
        font-size: 14px;
        color: rgba(26, 26, 26, 0.65);
        line-height: 140%;
    }

    .blog-detail-inner .text-box p {
        font-size: 14px;
        line-height: 140%;
        color: rgba(26, 26, 26, 0.65);
        margin-bottom: 14px;
    }

    .blog-content h4 {
        font-size: 18px;
        margin-bottom: 12px;
    }

    .blog-content ul li a {
        font-size: 14px;
        color: rgba(26, 26, 26, 0.65);
        line-height: 140%;
    }

    .blog-content {
        padding: 20px 14px;
        margin: 30px 0;
    }

    .blog-detail-inner .text-inner h3 {
        font-size: 22px;
        line-height: 140%;
        margin-bottom: 9px;
    }

    .blog-detail-inner .text-inner h4 {
        font-size: 18px;
        margin-bottom: 7px;
        line-height: 140%;
    }

    .blog-detail-inner .text-inner p {
        font-size: 14px;
        line-height: 140%;
        color: rgba(26, 26, 26, 0.65);
    }

    .blog-detail-inner .text-inner ul li {
        color: rgba(26, 26, 26, 0.65);
    }

    .blog-detail-inner .text-inner ul li strong {
        color: #1A1A1A;
        margin-right: 2px;
    }

    .text-ready {
        padding: 18px 14px;
        border-radius: 20px;
    }

    .text-ready p {
        color: rgba(26, 26, 26, 0.65);
        font-style: italic;
        font-weight: normal;
        font-size: 14px;
        line-height: 140%;
    }

    .myinfo-btn {
        height: 49px;
        max-width: 209px;
        font-size: 14px;
    }

    .apply-loan-page .hero-sec {
        padding: 33px 8px 120px;
    }

    .apply-loan-page .hero-sec .text-box p br {
        display: none;
    }

    .apply-loan-page .hero-sec .text-box h2 {
        margin-bottom: 9px;
    }

    .apply-loan-page .hero-sec .text-box p {
        margin-bottom: 18px;
    }

    .get-loan-inner {
        padding: 25px 15px 15px;
        margin: -90px 0 0 0;
    }

    .get-loan-inner form .form-group .form-control {
        border-radius: 10px;
        height: 46px;
        padding-left: 10px;
        font-size: 14px;
    }

    .get-loan-inner form .form-group {
        margin-bottom: 18px;
    }

    .loan-success {
        padding: 20px 15px;
        margin: 16px 0 0 0;
        flex-direction: column;
        text-align: center;
    }

    .loan-success span {
        max-width: 44px;
    }

    .loan-success .text-box h4 {
        margin-bottom: 6px;
        font-size: 16px;
        line-height: 25px;
    }

    .loan-success .text-box {
        padding-left: 0;
        padding-top: 8px;
    }

    .get-loan-sec {
        padding-bottom: 40px;
        padding-left: 8px;
        padding-right: 8px;
    }

    .get-loan-inner form .form-group .label-text {
        line-height: 140%;
    }

    .calculate-page .cta-sec .container {
        padding: 0 20px;
    }

    .calculate-page .cta-sec .cta-inner,
    .calculate-page .cta-sec .cta-inner::after {
        border-radius: 15px;
    }

    .calculate-page .cta-sec .cta-inner .text-box h4 {
        font-size: 18px;
        margin-bottom: 8px;
        line-height: 28px;
    }

    .calculate-page .loan-calculator-sec .loan-payable-inner {
        margin: 0;
        padding: 23px;
    }

    .calculate-page .loan-payable-left h4 {
        font-size: 18px;
        margin-bottom: 2px;
    }

    .loan-calculator-sec {
        padding: 23px 8px 29px;
    }

    .pb-80 {
        padding-bottom: 30px;
    }

    .calculate-need {
        display: blockc;
    }

    .personal-loan-page .about-sec .image-holder {
        margin-bottom: 0;
    }

    .personal-loan-page .about-sec .text-box {
        text-align: center;
    }

    .benifit-sec {
        padding: 0 8px 30px;
    }

    .benifit-box span {
        width: 57px;
        height: 57px;
    }

    .benifit-box span img {
        height: 32px;
    }

    .benifit-box .text-box h4 {
        font-size: 16px;
        margin-bottom: 6px;
        line-height: 120%;
    }

    .benifit-box .text-box p {
        min-height: auto;
    }

    .benifit-box .text-box {
        border-radius: 20px;
        padding: 41px 20px 16px;
        height: auto;
    }

    .benifit-box {
        height: auto;
        margin: 10px 0;
    }

    .benifit-inner {
        margin: 12px 0 0 0;
    }

    .personal-loan-page .testimonial-sec {
        padding: 30px 20px 33px;
    }

    .personal-loan-page .testimonial-sec::after {
        height: 100%;
    }

    .about-sec.cash-loan-sec {
        padding: 23px 8px 36px;
    }

    .cash-loan-sec .loan-box h3 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 17px;
    }

    .loan-box p {
        line-height: 28px;
        font-size: 18px;
    }

    .cash-loan-sec .loan-step-right {
        padding: 27px 0 0 0;
    }

    .cash-loan-sec .loan-box ol li span {
        width: 56px;
        height: 59px;
        padding: 16px;
    }

    .cash-loan-sec .loan-box ol li .text-box h4 {
        font-size: 16px;
        line-height: 1;
        margin-bottom: 8px;
    }

    .cash-loan-sec .loan-box ol li .text-box p {
        font-size: 14px;
        line-height: 140%;

    }

    .loan-box ol {
        margin: 30px 0 0 0;
    }

    .personal-loan-page .about-sec .text-box {
        margin-top: 1px;
    }

    .cash-loan-sec .loan-box {
        margin-bottom: 17px;
    }

    .calculate-img .calculate-text h4,
    .calculate-img .calculate-text h2 p,
    .calculate-img .calculate-text span {
        font-size: 19.51px;
    }

    .calculate-riunded {
        height: 199px;
    }

    .calculate-phone {
        height: 231px;
    }

    .calculate-text {
        max-width: 180px;
        bottom: 26px;
    }

    .calculate-shadow {
        background-color: rgb(251, 77, 1, 0.70);
        filter: blur(100px);
        width: 124px;
        height: 117px;
    }

    .mobile-img img {
        height: auto;
    }

    .mobile-img {
        width: 170px;
        text-align: center;
    }

    .mobile-img .text-box {
        bottom: 18px;
        padding: 0 18px;
        text-align: left;
    }

    .mobile-img .text-box span {
        font-size: 10.793px;
    }

    .mobile-img .text-box h4,
    .mobile-img .text-box h2 {
        font-size: 16.19px;
    }

    .mobile-img .text-box strong {
        font-size: 9.594px;
        max-width: 140px;
        margin: 11px 0;
        width: 100%;
    }

    .mobile-img .text-box a {
        border-radius: 6px;
        width: 28px;
        height: 28px;
        box-shadow: 0px 0 60px 0px rgba(77, 83, 224, 0.55);
    }
}

@media (max-width: 374px) {
    .banenr-sec .media .spring-arrow {
        position: absolute;
        right: -46px;
        top: -12px;
    }
}
.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal!important;word-break:normal!important}.wpcf7 .hidden-fields-container{display:none}.wpcf7 form .wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em;border:2px solid #00a0d2}.wpcf7 form.init .wpcf7-response-output,.wpcf7 form.resetting .wpcf7-response-output,.wpcf7 form.submitting .wpcf7-response-output{display:none}.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450}.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output{border-color:#dc3232}.wpcf7 form.spam .wpcf7-response-output{border-color:#f56e28}.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output{border-color:#ffb900}.wpcf7-form-control-wrap{position:relative}.wpcf7-not-valid-tip{color:#dc3232;font-size:1em;font-weight:400;display:block}.use-floating-validation-tip .wpcf7-not-valid-tip{position:relative;top:-2ex;left:1em;z-index:100;border:1px solid #dc3232;background:#fff;padding:.2em .8em;width:24em}.wpcf7-list-item{display:inline-block;margin:0 0 0 1em}.wpcf7-list-item-label::before,.wpcf7-list-item-label::after{content:" "}.wpcf7-spinner{visibility:hidden;display:inline-block;background-color:#23282d;opacity:.75;width:24px;height:24px;border:none;border-radius:100%;padding:0;margin:0 24px;position:relative}form.submitting .wpcf7-spinner{visibility:visible}.wpcf7-spinner::before{content:'';position:absolute;background-color:#fbfbfc;top:4px;left:4px;width:6px;height:6px;border:none;border-radius:100%;transform-origin:8px 8px;animation-name:spin;animation-duration:1e3ms;animation-timing-function:linear;animation-iteration-count:infinite}@media(prefers-reduced-motion:reduce){.wpcf7-spinner::before{animation-name:blink;animation-duration:2e3ms}}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blink{from{opacity:0}50%{opacity:1}to{opacity:0}}.wpcf7 [inert]{opacity:.5}.wpcf7 input[type=file]{cursor:pointer}.wpcf7 input[type=file]:disabled{cursor:default}.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed}.wpcf7 input[type=url],.wpcf7 input[type=email],.wpcf7 input[type=tel]{direction:ltr}.wpcf7-reflection>output{display:list-item;list-style:none}.wpcf7-reflection>output[hidden]{display:none}
.tablepress{--text-color:#111;--head-text-color:var(--text-color);--head-bg-color:#d9edf7;--odd-text-color:var(--text-color);--odd-bg-color:#fff;--even-text-color:var(--text-color);--even-bg-color:#f9f9f9;--hover-text-color:var(--text-color);--hover-bg-color:#f3f3f3;--border-color:#ddd;--padding:0.5rem;border:none;border-collapse:collapse;border-spacing:0;clear:both;margin:0 auto 1rem;table-layout:auto;width:100%}.tablepress>:not(caption)>*>*{background:0 0;border:none;box-sizing:border-box;float:none!important;padding:var(--padding);text-align:left;vertical-align:top}.tablepress>:where(thead)+tbody>:where(:not(.child))>*,.tablepress>tbody>*~:where(:not(.child))>*,.tablepress>tfoot>:where(:first-child)>*{border-top:1px solid var(--border-color)}.tablepress>:where(thead,tfoot)>tr>*{background-color:var(--head-bg-color);color:var(--head-text-color);font-weight:700;vertical-align:middle;word-break:normal}.tablepress>:where(tbody)>tr>*{color:var(--text-color)}.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))+:where(.child)>*,.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))>*{background-color:var(--odd-bg-color);color:var(--odd-text-color)}.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))+:where(.child)>*,.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))>*{background-color:var(--even-bg-color);color:var(--even-text-color)}.tablepress>.row-hover>tr{content-visibility:auto}.tablepress>.row-hover>tr:has(+.child:hover)>*,.tablepress>.row-hover>tr:hover+:where(.child)>*,.tablepress>.row-hover>tr:where(:not(.dtrg-group)):hover>*{background-color:var(--hover-bg-color);color:var(--hover-text-color)}.tablepress img{border:none;margin:0;max-width:none;padding:0}.tablepress-table-description{clear:both;display:block}.dt-scroll{width:100%}.dt-scroll .tablepress{width:100%!important}div.dt-scroll-body tfoot tr,div.dt-scroll-body thead tr{height:0}div.dt-scroll-body tfoot tr td,div.dt-scroll-body tfoot tr th,div.dt-scroll-body thead tr td,div.dt-scroll-body thead tr th{border-bottom-width:0!important;border-top-width:0!important;height:0!important;padding-bottom:0!important;padding-top:0!important}div.dt-scroll-body tfoot tr td div.dt-scroll-sizing,div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,div.dt-scroll-body thead tr td div.dt-scroll-sizing,div.dt-scroll-body thead tr th div.dt-scroll-sizing{height:0!important;overflow:hidden!important}div.dt-scroll-body>table.dataTable>thead>tr>td,div.dt-scroll-body>table.dataTable>thead>tr>th{overflow:hidden}.tablepress{--head-active-bg-color:#049cdb;--head-active-text-color:var(--head-text-color);--head-sort-arrow-color:var(--head-active-text-color)}.tablepress thead th:active{outline:none}.tablepress thead .dt-orderable-asc .dt-column-order:before,.tablepress thead .dt-ordering-asc .dt-column-order:before{bottom:50%;content:"\25b2";content:"\25b2"/"";display:block;position:absolute}.tablepress thead .dt-orderable-desc .dt-column-order:after,.tablepress thead .dt-ordering-desc .dt-column-order:after{content:"\25bc";content:"\25bc"/"";display:block;position:absolute;top:50%}.tablepress thead .dt-orderable-asc .dt-column-order,.tablepress thead .dt-orderable-desc .dt-column-order,.tablepress thead .dt-ordering-asc .dt-column-order,.tablepress thead .dt-ordering-desc .dt-column-order{color:var(--head-sort-arrow-color);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif!important;font-size:14px;height:24px;line-height:12px;position:relative;width:12px}.tablepress thead .dt-orderable-asc .dt-column-order:after,.tablepress thead .dt-orderable-asc .dt-column-order:before,.tablepress thead .dt-orderable-desc .dt-column-order:after,.tablepress thead .dt-orderable-desc .dt-column-order:before,.tablepress thead .dt-ordering-asc .dt-column-order:after,.tablepress thead .dt-ordering-asc .dt-column-order:before,.tablepress thead .dt-ordering-desc .dt-column-order:after,.tablepress thead .dt-ordering-desc .dt-column-order:before{opacity:.2}.tablepress thead .dt-orderable-asc,.tablepress thead .dt-orderable-desc{cursor:pointer;outline-offset:-2px}.tablepress thead .dt-orderable-asc:hover,.tablepress thead .dt-orderable-desc:hover,.tablepress thead .dt-ordering-asc,.tablepress thead .dt-ordering-desc{background-color:var(--head-active-bg-color);color:var(--head-active-text-color)}.tablepress thead .dt-ordering-asc .dt-column-order:before,.tablepress thead .dt-ordering-desc .dt-column-order:after{opacity:.8}.tablepress tfoot>tr>* .dt-column-footer,.tablepress tfoot>tr>* .dt-column-header,.tablepress thead>tr>* .dt-column-footer,.tablepress thead>tr>* .dt-column-header{align-items:center;display:flex;gap:4px;justify-content:space-between}.tablepress tfoot>tr>* .dt-column-footer .dt-column-title,.tablepress tfoot>tr>* .dt-column-header .dt-column-title,.tablepress thead>tr>* .dt-column-footer .dt-column-title,.tablepress thead>tr>* .dt-column-header .dt-column-title{flex-grow:1}.tablepress tfoot>tr>* .dt-column-footer .dt-column-title:empty,.tablepress tfoot>tr>* .dt-column-header .dt-column-title:empty,.tablepress thead>tr>* .dt-column-footer .dt-column-title:empty,.tablepress thead>tr>* .dt-column-header .dt-column-title:empty{display:none}.tablepress:where(.auto-type-alignment) .dt-right,.tablepress:where(.auto-type-alignment) .dt-type-date,.tablepress:where(.auto-type-alignment) .dt-type-numeric{text-align:right}.tablepress:where(.auto-type-alignment) .dt-right .dt-column-footer,.tablepress:where(.auto-type-alignment) .dt-right .dt-column-header,.tablepress:where(.auto-type-alignment) .dt-type-date .dt-column-footer,.tablepress:where(.auto-type-alignment) .dt-type-date .dt-column-header,.tablepress:where(.auto-type-alignment) .dt-type-numeric .dt-column-footer,.tablepress:where(.auto-type-alignment) .dt-type-numeric .dt-column-header{flex-direction:row-reverse}.dt-container{clear:both;margin-bottom:1rem;position:relative}.dt-container table.tablepress{margin-bottom:0}.dt-container .dt-layout-row{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.dt-container .dt-layout-row.dt-layout-table .dt-layout-cell{display:block;width:100%}.dt-container .dt-layout-cell{display:flex;flex-direction:row;flex-wrap:wrap;gap:1em;padding:5px 0}.dt-container .dt-layout-cell.dt-layout-full{align-items:center;justify-content:space-between;width:100%}.dt-container .dt-layout-cell.dt-layout-full>:only-child{margin:auto}.dt-container .dt-layout-cell.dt-layout-start{align-items:center;justify-content:flex-start;margin-right:auto}.dt-container .dt-layout-cell.dt-layout-end{align-items:center;justify-content:flex-end;margin-left:auto}.dt-container .dt-layout-cell:empty{display:none}.dt-container .dt-input,.dt-container label{display:inline;width:auto}.dt-container .dt-input{font-size:inherit;padding:5px}.dt-container .dt-length,.dt-container .dt-search{align-items:center;display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.dt-container .dt-paging .dt-paging-button{background:0 0;border:1px solid #0000;border-radius:2px;box-sizing:border-box;color:inherit!important;cursor:pointer;display:inline-block;font-size:1em;height:32px;margin-left:2px;min-width:32px;padding:0 5px;text-align:center;text-decoration:none!important;vertical-align:middle}.dt-container .dt-paging .dt-paging-button.current,.dt-container .dt-paging .dt-paging-button:hover{border:1px solid #111}.dt-container .dt-paging .dt-paging-button.disabled,.dt-container .dt-paging .dt-paging-button.disabled:active,.dt-container .dt-paging .dt-paging-button.disabled:hover{border:1px solid #0000;color:#0000004d!important;cursor:default;outline:none}.dt-container .dt-paging>.dt-paging-button:first-child{margin-left:0}.dt-container .dt-paging .ellipsis{padding:0 1em}@media screen and (max-width:767px){.dt-container .dt-layout-row{flex-direction:column}.dt-container .dt-layout-cell{flex-direction:column;padding:.5em 0}}
/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 30 2025 | 05:13:03 */
.blog-form {
	padding: 30px; 
	background-color: #FFF;
	margin-top: 40px;
	margin-bottom: 40px;
	background-image: url(https://www.katongcredit.com.sg/wp-content/uploads/2025/01/cropped-favicon.png);
	background-position: 95% 5%;
	background-repeat: no-repeat;
	background-size: 80px;
	box-shadow: 0px 0px 55px 0px rgba(0, 0, 0, 0.07);
	border-radius: 15px;
    border: 1px solid rgb(238, 76, 0, 0.5);
}

.blog-form .form-title {
    font-size: 24px;
    line-height: 1.1;
    font-weight: 800 !important;
}

.blog-form .form-subtitle {
    font-size: 18px;
    line-height: 1.1;
    font-weight: 500 !important;
	color: #333;
}

.blog-form .form__privacy-body h4, .blog-form .form__privacy-body h4 b {
    margin: 10px 0 16px!important;
    font-size: 15px;
    line-height: 1.1;
    font-weight: 600 !important;
}

/* .blog-form .form__privacy-description {
    font-size: 12px;
    line-height: 16px;
}
 */
.blog-form .form__field {
    width: 100%;
    padding: 16px 20px 6px;
    box-shadow: 0 5px 50px rgba(0, 0, 0, .1);
    border-radius: 10px;
    background-color: #fff;
}

.blog-form ul {
    padding-bottom: 0px;
}

.blog-form .form-group .form-control {
    border: 1px solid rgb(26, 26, 26, 0.20);
    border-radius: 10px;
    height: 59px;
    padding-left: 24px;
    box-shadow: none;
    color: rgb(26, 26, 26, 1);
    font-size: 16px;
    font-weight: normal;
    line-height: 1;
}

.blog-detail-inner .blog-form img {
    border-radius: 0;
    margin: 0;
}

/* .blog-detail-inner form p:last-child {
	margin-bottom: 0;
} */

@media (max-width:992px) { 
	.blog-form {
		background-position: 95% 3.5%;
		background-size: 50px;
	}
	
	.blog-form .form-subtitle {
		font-size: 16px;
	}
	
	.blog-form .form-group .label-text {
        font-size: 14px;
        margin: 0 0 15px 0;
    }
}

@media (max-width: 575px) {
    .blog-form .form-group .form-control {
        border-radius: 10px;
        height: 46px;
        padding-left: 10px;
        font-size: 14px;
    }
}
/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 05 2025 | 02:08:00 */
header {
    padding: 25px 0 10px;
    position: fixed;
    left: 0;
    width: 100%;
    top: 0;
    z-index: 1000;
    background-color: #FDF5F1;
}

.header-second {
    position: fixed;
    background-color: #fff;
}

.hero-sec {
    padding: 170px 0 70px;
}

.blog-detail-banner-sec {
    background-color: #FDF5F1;
    padding: 167px 0 167px 0;
}

.apply-loan-page .hero-sec {
    padding: 167px 0 180px;
}

/** homepage phone adjustment **/
.loan-step-left {
    position: sticky;
    top: 130px;
}


@media (max-width: 991px) {
	
	header {
        padding: 20px 8px 20px;
    }
	
	.hero-sec {
		padding: 120px 8px 20px;
	}
	
	.navbar-collapse {
        background-color: #FB4D01;
    }
	
	.nav-link {
		color: #fff !important;
		font-size: 14px;
		padding: 10px 10px;
	}
	
    .navbar-brand img {
        height: 32px;
		width: auto;
    }
	
	.navbar-nav {
        gap: 10px;
        align-items: flex-start;
        padding: 20px 20px;
    }
	
	.navbar-nav li {
		display: block;
		padding: 10px;
	}
	
	.navbar-nav li.nav-item.active {
		color: #fff !important;
		font-weight: bold;
		background-color: #FFF4EE;
	}
	
	ul.apply_btn .apply-btn {
		border: 2px solid #FFF;
		color: #FFF;
	}
	
	ul.apply_btn .apply-btn:hover {
		border: 2px solid #1A1A1A;
		color: #FFF;
	}
	
	.navbar-nav .dropdown .dropdown-menu .dropdown-item {
        font-size: 14px;
        padding: 0px;
    }
	
}


@media (max-width: 767px) {
}

@media (max-width: 575px) {

	.hero-sec {
		padding: 120px 8px 20px;
	}
	
	.apply-loan-page .hero-sec {
		padding: 120px 8px 20px;
	}
	
}

/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 28 2025 | 10:30:25 */
.banenr-sec .image-holder img {
	max-width: inherit;
    height: auto;
}

.loan-success {
    background-color: #efefef;
    border: 1px solid rgb(238, 76, 0, 0.5);
    border-radius: 15px;
    padding: 27px 76px;
    display: flex;
    align-items: center;
    margin: 30px 0 0 0;
}

.loan-success span {
    max-width: 65px;
}

.loan-success .text-box h4, .loan-success .text-box p {
    color: #000;
}

.loan-success span img {
    min-width: 65px;
}

.loan-btn {
    border-width: 0px;
	font-size: 18px;
}

.loan-payable-left h2 {
    color: #1A1A1A;
    font-family: 'Gotham';
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 16px;
}

.loan-box h2 {
    color: #1A1A1A;
    font-size: 38px;
    line-height: normal;
    font-weight: bold;
    font-family: 'Gotham';
    margin-bottom: 15px;
}

.loan-box ol li .text-box h3 {
    color: #1A1A1A;
    font-weight: bold;
    font-size: 24px;
    line-height: normal;
    margin-bottom: 2px;
}

.loan-box .text-inner h3 {
    display: flex;
    align-items: center;
    color: #1A1A1A;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 8px;
    gap: 7px;
    line-height: normal;
}

.hero-sec .text-box h1 {
    color: #1A1A1A;
    font-size: 55px;
    line-height: 65px;
    font-weight: bold;
    font-family: 'Gotham';
    margin-bottom: 24px;
}

.about-sec .text-box h2 {
    color: #1A1A1A;
    font-size: 38px;
    font-weight: bold;
    line-height: 48px;
    font-family: 'Gotham';
}

.benifit-box .text-box h3 {
    color: #252525;
    font-weight: bold;
    font-size: 22px;
    line-height: normal;
    font-family: 'Gotham';
    margin-bottom: 12px;
}

.porduct-box .text-box h3 {
    color: #000;
    font-weight: bold;
    font-size: 22px;
    line-height: normal;
}

.cash-loan-sec .loan-box ol li .text-box h3 {
    font-size: 18px;
    line-height: 1;
}

.contactus-info-left .text-box h3 {
    color: #1A1A1A;
    font-weight: bold;
    font-size: 38px;
    line-height: 45px;
    font-family: 'Gotham';
	padding-bottom: 5px;
}

.contactus-detail .text-box h2 {
    color: #252525;
    font-weight: bold;
    font-family: 'Gotham';
    font-size: 38px;
    text-transform: capitalize;
    line-height: 1;
}

.accordion-body p {
	margin-bottom: 16px;
}

.accordion-body ul {
	margin-bottom: 20px;
	margin-left: 30px;
}

.accordion-body ol {
	margin-bottom: 10px;
}

.accordion-body ol li {
	padding: 0 0 12px 10px!important;
}

.accordion-body a {
	color: #FB4D01;
}

.accordion-body a:hover {
	color: #1A1A1A;
}

.accordion-body .tablepress {
	margin-top: 30px;
	margin-bottom: 30px;
/* 	display: block; */
    overflow-x: auto;
	width: 100%!important;
}

.accordion-body .tablepress>:where(thead,tfoot)>*>th {
    background-color: #fb602b;
    color: #ffffff;
    font-weight: 700;
    vertical-align: middle;
    word-break: normal;
}

.img-fluid {
	width: 100%;
}

.apply-btn a.nav-link:hover {
    color: white !important;
}

.accordion-body ol li {
    color: rgb(26, 26, 26, 0.65);
    font-size: 18px;
    font-weight: 600;
    line-height: 160%;
    position: relative;
    padding: 0 0 12px 16px;
}

.accordion-body ol li{
	list-style: decimal;
	margin-left: 20px;
}

.loan-body ul {
	margin-top: 10px;
	margin-left: 20px;
}

.loan-body ul li {
	list-style: disc; 
	color: rgb(26, 26, 26, 0.65); 
	font-size: 18px; 
	font-weight: 600; 
	line-height: 28px;
}

.borrow-template-default .hero-sec .text-box p {
    max-width: 938px;
    margin: 20px auto 32px;
}

.accordion-body .tablepress th, .accordion-body .tablepress td {
	font-weight: 600;
	font-size: 18px;
}

.accordion-body .tablepress td {
	color: rgb(26, 26, 26, 0.65);
}

.about-sec .text-box h3 {
    color: #1A1A1A;
    font-size: 24px;
    font-weight: bold;
    line-height: 28px;
    font-family: 'Gotham';
	margin-top: 18px;
}


}
.hero-sec .text-box h1 {
    color: #1A1A1A;
    font-size: 55px;
    line-height: 65px;
    font-weight: bold;
    font-family: 'Gotham';
    margin-bottom: 24px;
}

.footer-location {
	margin-top: 36px;
}

.footer-location p {
	color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
	margin-top: 4px;
}

@media (max-width: 1199px) {
	
    .about-sec .text-box h2 {
        font-size: 30px;
        line-height: 38px;
    }
	
	porduct-box .text-box h3 {
        font-size: 20px;
    }
}

@media (max-width: 991px) {
	
    .hero-sec .text-box h2 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 10px;
    }
	
	.loan-payable-left h2 {
        font-size: 22px;
        line-height: 28px;
    }
	
	.loan-box h2 {
        font-size: 26px;
    }
	
	.loan-box .text-inner h3 {
        font-size: 18px;
    }
	
	.loan-box ol li .text-box h3 {
        font-size: 20px;
    }
	
	.cash-loan-sec .loan-box h2 {
        font-size: 24px;
    }
	
	.contactus-info-left .text-box h3 {
        font-size: 30px;
        line-height: 34px;
    }
	
	.contactus-detail .text-box h2 {
        font-size: 30px;
    }
	
	.accordion-body .tablepress {
		font-size: 14px;
	}
	
	.accordion-body .tablepress th, .accordion-body .tablepress td {
    	font-size: 14px;
	}
	
    .footer-logo img {
		width: auto;
    }
	
	.hero-sec .text-box h1 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 10px;
    }
	
}

@media (max-width: 767px) {
	
    .benifit-box .text-box h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }
	
	.loan-payable-left h2 {
        font-size: 18px;
        line-height: 120%;
        text-align: center;
        margin-bottom: 10px;
    }
	
	.accordion-body ul {
	    margin-left: 20px;
}
	
    .about-sec .text-box h3 {
        font-size: 20px;
}
	
	.loan-body ul li {
        font-size: 14px;
		line-height: 22px;
}
	
	.loan-body ul {
        margin-bottom: 20px;
		margin-top: 20px;
}
	.footer-top .footer-location p {
        font-size: 16px;
        margin-bottom: 16px;
		text-align: center;
    }
	
}

@media (max-width: 575px) {
	
    .accordion-body ol li {
        font-size: 14px!important;
		padding: 0 0 12px 4px!important;
    }
	
    .loan-box .text-inner h4 {
        font-size: 17px;
        justify-content: center;
    }
	
	.loan-box p {
        line-height: 22px;
        font-size: 15px;
    }
	
	.hero-sec .text-box h1 {
        font-size: 30px;
        line-height: normal;
        margin-bottom: 7px;
    }
	
	.about-sec .text-box h2 {
        font-size: 22px;
        line-height: 30px;
    }
	
	.benifit-box .text-box h3 {
        font-size: 16px;
        margin-bottom: 6px;
        line-height: 120%;
    }
	
	.loan-box h2 {
        font-size: 22px;
        margin-bottom: 12px;
    }
	
	.loan-box .text-inner h3 {
        font-size: 17px;
        justify-content: center;
    }
	
	.loan-box ol li .text-box h3 {
        font-size: 16px;
    }
	
	.porduct-box .text-box h3 {
        font-size: 16px;
    }
	
	.cash-loan-sec .loan-box h2 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 17px;
    }
	
	.cash-loan-sec .loan-box ol li .text-box h3 {
        font-size: 16px;
        line-height: 1;
        margin-bottom: 8px;
    }
	
	.contactus-info-left .text-box h3 {
        font-size: 22px;
        line-height: 30px;
        text-align: center;
    }
	
	.contactus-detail .text-box {
        max-width: 90%;
    }
	
	.contactus-detail .text-box h2 {
        font-size: 22px;
    }
	
	.hero-sec .text-box h1 {
        font-size: 38px;
        line-height: normal;
        margin-bottom: 7px;
    }
	
	.footer-top .footer-location p {
        font-size: 10px;
        margin-bottom: 7px;
	    text-align: center;
    }
	
	.get-loan-inner {
        padding: 25px 15px 15px;
        margin: 0px 0 0 0;
    }
	
	.get-loan-sec {
        padding-bottom: 40px;
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 28px;
    }
}
/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 06 2026 | 04:05:20 */
.blog-detail-inner .noticebox {
    margin: 15px 1px 1px;
    padding: 20px;
    background-color: #FDF5F1;
    border-style: solid;
    border-width: 2px;
    border-color: #FB4D01;
    border-radius: 10px;
}

.blog-detail-inner .noticebox h4 {
    color: #FB4D01;
	font-weight: bold;
	padding-bottom: 14px;
}

.blog-detail-inner img {
	border-radius: 20px;
	margin: 30px 0px 50px 0px;
}

.blog-detail-inner blockquote {
	background-color: #FDF5F1;
    border-left: 7px solid #FB4D01;
    padding: 22px 34px;
    margin: 35px 0;
}

.blog-detail-inner blockquote h4 {
	color: #333333;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.3em;
    font-family: 'Gotham', sans-serif;
    margin-bottom: 24px;
}

.blog-detail-inner blockquote p {
	color: #1A1A1A;
    font-weight: normal;
    font-size: 16px;
    line-height: 170%;
}

div#ez-toc-container {
    background-color: #F7F7F7;
    border-radius: 20px;
    padding: 32px 50px 34px 50px;
    margin: 30px 0 44px 0;
	border: none;
}

.ez-toc-title-container {
    margin-bottom: 16px;
}

.ez-toc-counter nav ul li a::before {
	margin-right: 0.6em;
}

div#ez-toc-container p.ez-toc-title {
    font-weight: bold;
    font-size: 24px;
    line-height: 1;
    font-family: 'Gotham';
    margin-bottom: 16px;
}

#ez-toc-container a {
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
	margin-bottom: 14px;
}

.blog-detail-inner a {
	color: #FB4D01;
    text-decoration: underline;
}

.blog-detail-inner p {
	color: #1A1A1A;
    font-weight: 500;
    font-size: 18px;
    line-height: 170%;
    margin-bottom: 18px;
}

.blog-detail-inner h2 {
	color: #1A1A1A;
    font-weight: bold;
    line-height: 1.3em;
    font-family: 'Gotham', sans-serif;
    font-size: 32px;
    margin-bottom: 14px;
	margin-top: 30px;
}

.blog-detail-inner h3 {
	color: rgb(26, 26, 26, 0.7);
    font-weight: bold;
    font-size: 24px;
    line-height: 1.3em;
    margin-bottom: 10px;
	margin-top: 28px;
}

.blog-detail-inner ul {
	margin: 10px 0 32px 32px;
    padding: 0;
}

.blog-detail-inner ol {
	margin: 0 0 32px 32px;
    padding: 0;
}

.blog-detail-inner ul li {
	position: relative;
    color: #1A1A1A;
    font-weight: 500;
    font-size: 18px;
    line-height: 170%;
    margin-bottom: 14px;
	list-style-type: disc;
}

.blog-detail-inner ul li::marker {
	color: #FB4D01;
	font-size: 22px;
}

.blog-detail-inner ol li {
	position: relative;
    color: #1A1A1A;
    font-weight: 500;
    font-size: 18px;
    line-height: 170%;
    margin-bottom: 14px;
	list-style-type: decimal;
}

.blog-detail-inner ul li {
	list-style-type: disc;
}

.blog-detail-inner table {
	margin-bottom: 30px;
	display: block;
    overflow-x: auto;
}

.blog-detail-inner .tablepress>:where(thead,tfoot)>*>th {
    background-color: #fb602b;
    color: #ffffff;
    font-weight: 700;
    vertical-align: middle;
    word-break: normal;
}

.text-ready {
	background-color: #FDF5F1;
    border-radius: 20px;
    padding: 34px;
    margin-bottom: 30px;
    margin-top: 30px;
	color: #1A1A1A;
    font-style: italic;
    font-weight: 500;
    font-size: 18px;
    line-height: 170%;
}

.text-ready a {
	color: #FB4D01;
    text-decoration: underline;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
div#ez-toc-container {
    padding: 32px 20px 34px 20px;
}
}