{"id":35,"date":"2026-07-25T09:02:04","date_gmt":"2026-07-25T09:02:04","guid":{"rendered":"https:\/\/moneyadvise.hiralgems.com\/?page_id=35"},"modified":"2026-07-25T09:08:46","modified_gmt":"2026-07-25T09:08:46","slug":"home-2","status":"publish","type":"page","link":"https:\/\/moneyadvise.hiralgems.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"35\" class=\"elementor elementor-35\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c142766 e-con-full e-flex e-con e-parent\" data-id=\"c142766\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c8229a4 elementor-widget elementor-widget-html\" data-id=\"c8229a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     PREMIUM LOAN WEBSITE HERO SECTION\r\n     Elementor HTML Widget Ready\r\n     Complete HTML + CSS + JavaScript\r\n========================================================= -->\r\n\r\n<section class=\"loan-hero-section\" id=\"loanHeroSection\">\r\n    <div class=\"loan-hero-section__background\">\r\n\r\n        <span class=\"loan-hero-section__glow loan-hero-section__glow--one\"><\/span>\r\n        <span class=\"loan-hero-section__glow loan-hero-section__glow--two\"><\/span>\r\n        <span class=\"loan-hero-section__glow loan-hero-section__glow--three\"><\/span>\r\n\r\n        <div class=\"loan-hero-section__grid\"><\/div>\r\n\r\n        <div class=\"loan-hero-section__floating-shape loan-hero-section__floating-shape--one\">\r\n            <i class=\"fa-solid fa-percent\"><\/i>\r\n        <\/div>\r\n\r\n        <div class=\"loan-hero-section__floating-shape loan-hero-section__floating-shape--two\">\r\n            <i class=\"fa-solid fa-indian-rupee-sign\"><\/i>\r\n        <\/div>\r\n\r\n        <div class=\"loan-hero-section__floating-shape loan-hero-section__floating-shape--three\">\r\n            <i class=\"fa-solid fa-shield-halved\"><\/i>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"loan-hero-section__container\">\r\n\r\n        <!-- ================= LEFT CONTENT ================= -->\r\n        <div class=\"loan-hero-section__content\">\r\n\r\n            <div class=\"loan-hero-section__eyebrow\">\r\n                <span class=\"loan-hero-section__eyebrow-icon\">\r\n                    <i class=\"fa-solid fa-bolt\"><\/i>\r\n                <\/span>\r\n\r\n                <span>Fast, Simple & Trusted Loan Solutions<\/span>\r\n            <\/div>\r\n\r\n            <h1 class=\"loan-hero-section__title\">\r\n                Smart Loans For Your\r\n                <span class=\"loan-hero-section__title-highlight\">\r\n                    Bigger Dreams\r\n                    <svg\r\n                        viewBox=\"0 0 420 22\"\r\n                        preserveAspectRatio=\"none\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n                        <path\r\n                            d=\"M4 15C95 3 285 2 416 11\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"7\"\r\n                            stroke-linecap=\"round\"\r\n                        \/>\r\n                    <\/svg>\r\n                <\/span>\r\n            <\/h1>\r\n\r\n            <p class=\"loan-hero-section__description\">\r\n                Personal, home, business and property loans with quick approval,\r\n                transparent guidance and flexible repayment options designed\r\n                around your financial goals.\r\n            <\/p>\r\n\r\n            <div class=\"loan-hero-section__features\">\r\n\r\n                <div class=\"loan-hero-section__feature\">\r\n                    <span class=\"loan-hero-section__feature-icon\">\r\n                        <i class=\"fa-solid fa-check\"><\/i>\r\n                    <\/span>\r\n                    <span>Quick Approval<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"loan-hero-section__feature\">\r\n                    <span class=\"loan-hero-section__feature-icon\">\r\n                        <i class=\"fa-solid fa-check\"><\/i>\r\n                    <\/span>\r\n                    <span>Minimal Documents<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"loan-hero-section__feature\">\r\n                    <span class=\"loan-hero-section__feature-icon\">\r\n                        <i class=\"fa-solid fa-check\"><\/i>\r\n                    <\/span>\r\n                    <span>Competitive Interest Rates<\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"loan-hero-section__actions\">\r\n\r\n                <a href=\"\/apply-now\/\" class=\"loan-hero-section__primary-button\">\r\n                    <span>Apply For Loan<\/span>\r\n                    <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                <\/a>\r\n\r\n                <a href=\"tel:+919876543210\" class=\"loan-hero-section__secondary-button\">\r\n                    <span class=\"loan-hero-section__secondary-icon\">\r\n                        <i class=\"fa-solid fa-phone-volume\"><\/i>\r\n                    <\/span>\r\n\r\n                    <span class=\"loan-hero-section__secondary-content\">\r\n                        <small>Talk To Our Expert<\/small>\r\n                        <strong>+91 98765 43210<\/strong>\r\n                    <\/span>\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"loan-hero-section__trust-row\">\r\n\r\n                <div class=\"loan-hero-section__avatars\">\r\n\r\n                    <span>\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?auto=format&fit=crop&w=100&q=80\"\r\n                            alt=\"Happy Loan Customer\"\r\n                        >\r\n                    <\/span>\r\n\r\n                    <span>\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&w=100&q=80\"\r\n                            alt=\"Happy Loan Customer\"\r\n                        >\r\n                    <\/span>\r\n\r\n                    <span>\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?auto=format&fit=crop&w=100&q=80\"\r\n                            alt=\"Happy Loan Customer\"\r\n                        >\r\n                    <\/span>\r\n\r\n                    <span>\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?auto=format&fit=crop&w=100&q=80\"\r\n                            alt=\"Happy Loan Customer\"\r\n                        >\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"loan-hero-section__trust-content\">\r\n                    <div class=\"loan-hero-section__stars\">\r\n                        <i class=\"fa-solid fa-star\"><\/i>\r\n                        <i class=\"fa-solid fa-star\"><\/i>\r\n                        <i class=\"fa-solid fa-star\"><\/i>\r\n                        <i class=\"fa-solid fa-star\"><\/i>\r\n                        <i class=\"fa-solid fa-star\"><\/i>\r\n                    <\/div>\r\n\r\n                    <p>\r\n                        Trusted by <strong>10,000+<\/strong> happy customers\r\n                    <\/p>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- ================= RIGHT VISUAL ================= -->\r\n        <div class=\"loan-hero-section__visual\">\r\n\r\n            <div class=\"loan-hero-section__visual-orbit loan-hero-section__visual-orbit--one\"><\/div>\r\n            <div class=\"loan-hero-section__visual-orbit loan-hero-section__visual-orbit--two\"><\/div>\r\n\r\n            <div class=\"loan-hero-section__main-card\">\r\n\r\n                <div class=\"loan-hero-section__main-card-top\">\r\n\r\n                    <div>\r\n                        <span class=\"loan-hero-section__card-label\">\r\n                            Loan Eligibility\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            Check Your Loan Offer\r\n                        <\/h3>\r\n                    <\/div>\r\n\r\n                    <span class=\"loan-hero-section__card-badge\">\r\n                        <i class=\"fa-solid fa-shield-check\"><\/i>\r\n                        Secure\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"loan-hero-section__loan-types\">\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"loan-hero-section__loan-type is-active\"\r\n                        data-loan-type=\"personal\"\r\n                    >\r\n                        <span>\r\n                            <i class=\"fa-solid fa-user\"><\/i>\r\n                        <\/span>\r\n                        Personal\r\n                    <\/button>\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"loan-hero-section__loan-type\"\r\n                        data-loan-type=\"home\"\r\n                    >\r\n                        <span>\r\n                            <i class=\"fa-solid fa-house\"><\/i>\r\n                        <\/span>\r\n                        Home\r\n                    <\/button>\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"loan-hero-section__loan-type\"\r\n                        data-loan-type=\"business\"\r\n                    >\r\n                        <span>\r\n                            <i class=\"fa-solid fa-briefcase\"><\/i>\r\n                        <\/span>\r\n                        Business\r\n                    <\/button>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"loan-hero-section__range-group\">\r\n\r\n                    <div class=\"loan-hero-section__range-heading\">\r\n                        <span>Required Loan Amount<\/span>\r\n                        <strong id=\"loanAmountDisplay\">\u20b95,00,000<\/strong>\r\n                    <\/div>\r\n\r\n                    <input\r\n                        type=\"range\"\r\n                        min=\"50000\"\r\n                        max=\"5000000\"\r\n                        step=\"50000\"\r\n                        value=\"500000\"\r\n                        class=\"loan-hero-section__range\"\r\n                        id=\"loanAmountRange\"\r\n                        aria-label=\"Required Loan Amount\"\r\n                    >\r\n\r\n                    <div class=\"loan-hero-section__range-values\">\r\n                        <span>\u20b950K<\/span>\r\n                        <span>\u20b950L<\/span>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"loan-hero-section__range-group\">\r\n\r\n                    <div class=\"loan-hero-section__range-heading\">\r\n                        <span>Loan Tenure<\/span>\r\n                        <strong id=\"loanTenureDisplay\">5 Years<\/strong>\r\n                    <\/div>\r\n\r\n                    <input\r\n                        type=\"range\"\r\n                        min=\"1\"\r\n                        max=\"20\"\r\n                        step=\"1\"\r\n                        value=\"5\"\r\n                        class=\"loan-hero-section__range\"\r\n                        id=\"loanTenureRange\"\r\n                        aria-label=\"Loan Tenure\"\r\n                    >\r\n\r\n                    <div class=\"loan-hero-section__range-values\">\r\n                        <span>1 Year<\/span>\r\n                        <span>20 Years<\/span>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"loan-hero-section__estimate\">\r\n\r\n                    <div class=\"loan-hero-section__estimate-content\">\r\n                        <span>Estimated Monthly EMI<\/span>\r\n                        <strong id=\"estimatedEmi\">\u20b910,377<\/strong>\r\n                    <\/div>\r\n\r\n                    <span class=\"loan-hero-section__estimate-icon\">\r\n                        <i class=\"fa-solid fa-chart-line\"><\/i>\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"loan-hero-section__check-button\" aria-hidden=\"true\">\r\n                    <span>Check Eligibility Now<\/span>\r\n                    <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                <\/div>\r\n\r\n                <p class=\"loan-hero-section__privacy-note\">\r\n                    <i class=\"fa-solid fa-lock\"><\/i>\r\n                    Your information is completely safe and secure.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <!-- FLOATING APPROVAL CARD -->\r\n            <div class=\"loan-hero-section__floating-card loan-hero-section__floating-card--approval\">\r\n\r\n                <span class=\"loan-hero-section__floating-card-icon\">\r\n                    <i class=\"fa-solid fa-circle-check\"><\/i>\r\n                <\/span>\r\n\r\n                <span>\r\n                    <small>Loan Status<\/small>\r\n                    <strong>Pre-Approved<\/strong>\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n            <!-- FLOATING RATE CARD -->\r\n            <div class=\"loan-hero-section__floating-card loan-hero-section__floating-card--rate\">\r\n\r\n                <span class=\"loan-hero-section__rate-number\">\r\n                    8.5%\r\n                <\/span>\r\n\r\n                <span>\r\n                    <small>Interest Rate<\/small>\r\n                    <strong>Starting From<\/strong>\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n            <!-- FLOATING CUSTOMER CARD -->\r\n            <div class=\"loan-hero-section__floating-card loan-hero-section__floating-card--customer\">\r\n\r\n                <span class=\"loan-hero-section__customer-icon\">\r\n                    <i class=\"fa-solid fa-users\"><\/i>\r\n                <\/span>\r\n\r\n                <span>\r\n                    <strong>10K+<\/strong>\r\n                    <small>Happy Customers<\/small>\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Font Awesome -->\r\n<link\r\n    rel=\"stylesheet\"\r\n    href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\"\r\n>\r\n\r\n<!-- Google Fonts -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link\r\n    href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap\"\r\n    rel=\"stylesheet\"\r\n>\r\n\r\n<style>\r\n    \/* =========================================================\r\n       HERO SECTION VARIABLES\r\n    ========================================================= *\/\r\n\r\n    .loan-hero-section {\r\n        --loan-hero-primary: #0B2A4A;\r\n        --loan-hero-primary-dark: #04182C;\r\n        --loan-hero-secondary: #174E86;\r\n        --loan-hero-secondary-light: #2C6AA5;\r\n        --loan-hero-light: #FFFFFF;\r\n        --loan-hero-light-green: #F7FAFF;\r\n        --loan-hero-white: #FFFFFF;\r\n        --loan-hero-text: #102A43;\r\n        --loan-hero-muted: #66758A;\r\n        --loan-hero-border: rgba(11, 42, 74, 0.11);\r\n        --loan-hero-shadow: 0 30px 80px rgba(4, 24, 44, 0.17);\r\n\r\n        position: relative;\r\n        width: 100%;\r\n        overflow: hidden;\r\n        margin-top: -112px;\r\n        padding: 155px 22px 8px;\r\n        background:\r\n            radial-gradient(\r\n                circle at 88% 12%,\r\n                rgba(198, 161, 91, 0.055) 0%,\r\n                rgba(198, 161, 91, 0.012) 24%,\r\n                transparent 45%\r\n            ),\r\n            radial-gradient(\r\n                circle at 8% 28%,\r\n                rgba(23, 78, 134, 0.13) 0%,\r\n                rgba(23, 78, 134, 0.025) 30%,\r\n                transparent 52%\r\n            ),\r\n            linear-gradient(\r\n                180deg,\r\n                #FFFFFF 0%,\r\n                #FFFFFF 58%,\r\n                #F8FBFF 100%\r\n            );\r\n        font-family: \"Manrope\", sans-serif;\r\n        isolation: isolate;\r\n    }\r\n\r\n    .loan-hero-section,\r\n    .loan-hero-section * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .loan-hero-section a {\r\n        text-decoration: none;\r\n    }\r\n\r\n    .loan-hero-section button,\r\n    .loan-hero-section input {\r\n        font-family: inherit;\r\n    }\r\n\r\n    .loan-hero-section__container {\r\n        position: relative;\r\n        z-index: 3;\r\n        width: min(1380px, 100%);\r\n        min-height: 690px;\r\n        display: grid;\r\n        grid-template-columns: minmax(0, 1.05fr) minmax(480px, 0.95fr);\r\n        align-items: center;\r\n        gap: 80px;\r\n        margin: 0 auto;\r\n        padding: 60px 30px 24px;\r\n    }\r\n\r\n    \/* =========================================================\r\n       BACKGROUND DECORATION\r\n    ========================================================= *\/\r\n\r\n    .loan-hero-section__background {\r\n        position: absolute;\r\n        inset: 0;\r\n        z-index: 0;\r\n        overflow: hidden;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .loan-hero-section__grid {\r\n        position: absolute;\r\n        inset: 0;\r\n        opacity: 0.45;\r\n        background-image:\r\n            linear-gradient(\r\n                rgba(11, 42, 74, 0.045) 1px,\r\n                transparent 1px\r\n            ),\r\n            linear-gradient(\r\n                90deg,\r\n                rgba(11, 42, 74, 0.045) 1px,\r\n                transparent 1px\r\n            );\r\n        background-size: 54px 54px;\r\n        mask-image: linear-gradient(\r\n            to bottom,\r\n            rgba(0, 0, 0, 0.55),\r\n            transparent 88%\r\n        );\r\n        -webkit-mask-image: linear-gradient(\r\n            to bottom,\r\n            rgba(0, 0, 0, 0.55),\r\n            transparent 88%\r\n        );\r\n    }\r\n\r\n    .loan-hero-section__glow {\r\n        position: absolute;\r\n        display: block;\r\n        border-radius: 50%;\r\n        filter: blur(12px);\r\n        animation: loanHeroGlowMove 8s ease-in-out infinite alternate;\r\n    }\r\n\r\n    .loan-hero-section__glow--one {\r\n        top: 8%;\r\n        left: -8%;\r\n        width: 410px;\r\n        height: 410px;\r\n        background: rgba(23, 78, 134, 0.13);\r\n    }\r\n\r\n    .loan-hero-section__glow--two {\r\n        top: 2%;\r\n        right: -5%;\r\n        width: 520px;\r\n        height: 520px;\r\n        background: rgba(11, 42, 74, 0.13);\r\n        animation-delay: -2s;\r\n    }\r\n\r\n    .loan-hero-section__glow--three {\r\n        right: 30%;\r\n        bottom: -20%;\r\n        width: 360px;\r\n        height: 360px;\r\n        background: rgba(198, 161, 91, 0.075);\r\n        animation-delay: -4s;\r\n    }\r\n\r\n    @keyframes loanHeroGlowMove {\r\n        from {\r\n            transform: translate3d(0, 0, 0) scale(1);\r\n        }\r\n\r\n        to {\r\n            transform: translate3d(30px, -20px, 0) scale(1.08);\r\n        }\r\n    }\r\n\r\n    .loan-hero-section__floating-shape {\r\n        position: absolute;\r\n        width: 58px;\r\n        height: 58px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border: 1px solid rgba(255, 255, 255, 0.75);\r\n        border-radius: 18px;\r\n        color: var(--loan-hero-primary);\r\n        background:\r\n            linear-gradient(\r\n                145deg,\r\n                rgba(255, 255, 255, 0.55),\r\n                rgba(244, 247, 251, 0.42)\r\n            );\r\n        box-shadow:\r\n            0 18px 45px rgba(4, 24, 44, 0.12),\r\n            inset 0 1px 0 rgba(255, 255, 255, 0.95);\r\n        backdrop-filter: blur(14px);\r\n        -webkit-backdrop-filter: blur(14px);\r\n        font-size: 19px;\r\n        animation: loanHeroShapeFloat 6s ease-in-out infinite;\r\n    }\r\n\r\n    .loan-hero-section__floating-shape--one {\r\n        top: 26%;\r\n        left: 2.5%;\r\n        animation-delay: -1s;\r\n    }\r\n\r\n    .loan-hero-section__floating-shape--two {\r\n        top: 50%;\r\n        left: 46%;\r\n        width: 48px;\r\n        height: 48px;\r\n        border-radius: 15px;\r\n        color: var(--loan-hero-secondary);\r\n        animation-delay: -3s;\r\n    }\r\n\r\n    .loan-hero-section__floating-shape--three {\r\n        right: 3%;\r\n        bottom: 22%;\r\n        width: 52px;\r\n        height: 52px;\r\n        color: var(--loan-hero-secondary);\r\n        animation-delay: -4.5s;\r\n    }\r\n\r\n    @keyframes loanHeroShapeFloat {\r\n        0%,\r\n        100% {\r\n            transform: translateY(0) rotate(0deg);\r\n        }\r\n\r\n        50% {\r\n            transform: translateY(-18px) rotate(6deg);\r\n        }\r\n    }\r\n\r\n    \/* =========================================================\r\n       LEFT CONTENT\r\n    ========================================================= *\/\r\n\r\n    .loan-hero-section__content {\r\n        position: relative;\r\n        z-index: 3;\r\n        max-width: 690px;\r\n        padding-left: 10px;\r\n    }\r\n\r\n    .loan-hero-section__eyebrow {\r\n        width: fit-content;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 9px;\r\n        margin-bottom: 20px;\r\n        padding: 8px 15px 8px 8px;\r\n        border: 1px solid rgba(23, 78, 134, 0.18);\r\n        border-radius: 50px;\r\n        color: var(--loan-hero-primary);\r\n        background:\r\n            linear-gradient(\r\n                135deg,\r\n                rgba(255, 255, 255, 0.75),\r\n                rgba(255, 255, 255, 0.96)\r\n            );\r\n        box-shadow:\r\n            0 10px 30px rgba(11, 42, 74, 0.08),\r\n            inset 0 1px 0 rgba(255, 255, 255, 0.95);\r\n        backdrop-filter: blur(14px);\r\n        -webkit-backdrop-filter: blur(14px);\r\n        font-size: 11px;\r\n        font-weight: 800;\r\n        letter-spacing: 0.6px;\r\n        text-transform: uppercase;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        animation: loanHeroFadeUp 0.75s ease forwards 0.15s;\r\n    }\r\n\r\n    .loan-hero-section__eyebrow-icon {\r\n        width: 29px;\r\n        height: 29px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 50%;\r\n        color: var(--loan-hero-white);\r\n        background:\r\n            linear-gradient(\r\n                135deg,\r\n                var(--loan-hero-secondary-light),\r\n                var(--loan-hero-primary)\r\n            );\r\n        box-shadow: 0 7px 16px rgba(11, 42, 74, 0.20);\r\n        font-size: 11px;\r\n    }\r\n\r\n    .loan-hero-section__title {\r\n        max-width: 680px;\r\n        margin: 0;\r\n        color: var(--loan-hero-primary-dark);\r\n        font-family: \"Plus Jakarta Sans\", sans-serif;\r\n        font-size: clamp(48px, 5vw, 72px);\r\n        font-weight: 800;\r\n        letter-spacing: -3.6px;\r\n        line-height: 1.06;\r\n        opacity: 0;\r\n        transform: translateY(24px);\r\n        animation: loanHeroFadeUp 0.85s ease forwards 0.28s;\r\n    }\r\n\r\n    .loan-hero-section__title-highlight {\r\n        position: relative;\r\n        display: inline-block;\r\n        color: var(--loan-hero-secondary);\r\n    }\r\n\r\n    .loan-hero-section__title-highlight svg {\r\n        position: absolute;\r\n        right: 0;\r\n        bottom: -9px;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 12px;\r\n        color: rgba(198, 161, 91, 0.30);\r\n        transform: scaleX(0);\r\n        transform-origin: left center;\r\n        animation: loanHeroUnderline 1.1s ease forwards 1.1s;\r\n    }\r\n\r\n    @keyframes loanHeroUnderline {\r\n        to {\r\n            transform: scaleX(1);\r\n        }\r\n    }\r\n\r\n    .loan-hero-section__description {\r\n        max-width: 635px;\r\n        margin: 25px 0 0;\r\n        color: var(--loan-hero-muted);\r\n        font-size: 16px;\r\n        font-weight: 500;\r\n        line-height: 1.8;\r\n        opacity: 0;\r\n        transform: translateY(22px);\r\n        animation: loanHeroFadeUp 0.85s ease forwards 0.42s;\r\n    }\r\n\r\n    .loan-hero-section__features {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 12px 20px;\r\n        margin-top: 25px;\r\n        opacity: 0;\r\n        transform: translateY(22px);\r\n        animation: loanHeroFadeUp 0.85s ease forwards 0.55s;\r\n    }\r\n\r\n    .loan-hero-section__feature {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        color: var(--loan-hero-text);\r\n        font-size: 12px;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .loan-hero-section__feature-icon {\r\n        width: 22px;\r\n        height: 22px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border: 1px solid rgba(23, 78, 134, 0.18);\r\n        border-radius: 50%;\r\n        color: var(--loan-hero-secondary);\r\n        background: #FFFFFF;\r\n        box-shadow: 0 5px 12px rgba(11, 42, 74, 0.08);\r\n        font-size: 8px;\r\n    }\r\n\r\n    .loan-hero-section__actions {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 15px;\r\n        margin-top: 32px;\r\n        opacity: 0;\r\n        transform: translateY(22px);\r\n        animation: loanHeroFadeUp 0.85s ease forwards 0.68s;\r\n    }\r\n\r\n    .loan-hero-section__primary-button {\r\n        position: relative;\r\n        min-height: 56px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 10px;\r\n        overflow: hidden;\r\n        padding: 14px 24px;\r\n        border: 1px solid rgba(255, 255, 255, 0.3);\r\n        border-radius: 16px;\r\n        color: var(--loan-hero-white);\r\n        background:\r\n            linear-gradient(\r\n                135deg,\r\n                var(--loan-hero-secondary-light),\r\n                var(--loan-hero-primary)\r\n            );\r\n        box-shadow:\r\n            0 17px 35px rgba(4, 24, 44, 0.24),\r\n            inset 0 1px 0 rgba(255, 255, 255, 0.25);\r\n        font-size: 13px;\r\n        font-weight: 800;\r\n        transition:\r\n            transform 0.3s ease,\r\n            box-shadow 0.3s ease;\r\n    }\r\n\r\n    .loan-hero-section__primary-button::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 0;\r\n        left: -90%;\r\n        width: 55%;\r\n        height: 100%;\r\n        background:\r\n            linear-gradient(\r\n                90deg,\r\n                transparent,\r\n                rgba(255, 255, 255, 0.38),\r\n                transparent\r\n            );\r\n        transform: skewX(-22deg);\r\n        transition: left 0.65s ease;\r\n    }\r\n\r\n    .loan-hero-section__primary-button:hover {\r\n        color: var(--loan-hero-white);\r\n        box-shadow:\r\n            0 21px 44px rgba(4, 24, 44, 0.30),\r\n            inset 0 1px 0 rgba(255, 255, 255, 0.3);\r\n        transform: translateY(-3px);\r\n    }\r\n\r\n    .loan-hero-section__primary-button:hover::before {\r\n        left: 145%;\r\n    }\r\n\r\n    .loan-hero-section__primary-button i {\r\n        font-size: 11px;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .loan-hero-section__primary-button:hover i {\r\n        transform: translateX(4px);\r\n    }\r\n\r\n    .loan-hero-section__secondary-button {\r\n        min-height: 56px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        padding: 7px 11px 7px 7px;\r\n        border: 1px solid rgba(255, 255, 255, 0.74);\r\n        border-radius: 16px;\r\n        color: var(--loan-hero-text);\r\n        background:\r\n            linear-gradient(\r\n                145deg,\r\n                rgba(255, 255, 255, 0.72),\r\n                rgba(255, 255, 255, 0.98)\r\n            );\r\n        box-shadow:\r\n            0 14px 30px rgba(4, 24, 44, 0.10),\r\n            inset 0 1px 0 rgba(255, 255, 255, 0.95);\r\n        backdrop-filter: blur(16px);\r\n        -webkit-backdrop-filter: blur(16px);\r\n        transition:\r\n            transform 0.3s ease,\r\n            box-shadow 0.3s ease,\r\n            background 0.3s ease;\r\n    }\r\n\r\n    .loan-hero-section__secondary-button:hover {\r\n        color: var(--loan-hero-text);\r\n        background: #FFFFFF;\r\n        box-shadow: 0 18px 35px rgba(4, 24, 44, 0.14);\r\n        transform: translateY(-3px);\r\n    }\r\n\r\n    .loan-hero-section__secondary-icon {\r\n        width: 41px;\r\n        height: 41px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 12px;\r\n        color: var(--loan-hero-secondary);\r\n        background: var(--loan-hero-light-green);\r\n        font-size: 13px;\r\n    }\r\n\r\n    .loan-hero-section__secondary-content {\r\n        display: flex;\r\n        flex-direction: column;\r\n        line-height: 1.25;\r\n    }\r\n\r\n    .loan-hero-section__secondary-content small {\r\n        color: var(--loan-hero-muted);\r\n        font-size: 9px;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .loan-hero-section__secondary-content strong {\r\n        margin-top: 3px;\r\n        color: var(--loan-hero-primary-dark);\r\n        font-size: 11px;\r\n        font-weight: 800;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    .loan-hero-section__trust-row {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 13px;\r\n        margin-top: 28px;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        animation: loanHeroFadeUp 0.85s ease forwards 0.82s;\r\n    }\r\n\r\n    .loan-hero-section__avatars {\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n\r\n    .loan-hero-section__avatars span {\r\n        width: 38px;\r\n        height: 38px;\r\n        display: block;\r\n        overflow: hidden;\r\n        margin-left: -10px;\r\n        border: 3px solid rgba(255, 255, 255, 0.95);\r\n        border-radius: 50%;\r\n        background: var(--loan-hero-white);\r\n        box-shadow: 0 8px 18px rgba(4, 24, 44, 0.12);\r\n    }\r\n\r\n    .loan-hero-section__avatars span:first-child {\r\n        margin-left: 0;\r\n    }\r\n\r\n    .loan-hero-section__avatars img {\r\n        width: 100%;\r\n        height: 100%;\r\n        display: block;\r\n        object-fit: cover;\r\n    }\r\n\r\n    .loan-hero-section__trust-content {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 4px;\r\n    }\r\n\r\n    .loan-hero-section__stars {\r\n        display: flex;\r\n        gap: 3px;\r\n        color: #D4AF37;\r\n        font-size: 10px;\r\n    }\r\n\r\n    .loan-hero-section__trust-content p {\r\n        margin: 0;\r\n        color: var(--loan-hero-muted);\r\n        font-size: 11px;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .loan-hero-section__trust-content strong {\r\n        color: var(--loan-hero-primary-dark);\r\n        font-weight: 800;\r\n    }\r\n\r\n    @keyframes loanHeroFadeUp {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    \/* =========================================================\r\n       RIGHT VISUAL\r\n    ========================================================= *\/\r\n\r\n    .loan-hero-section__visual {\r\n        position: relative;\r\n        z-index: 3;\r\n        min-height: 560px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        opacity: 0;\r\n        transform: translateX(35px);\r\n        animation: loanHeroVisualIn 1s ease forwards 0.35s;\r\n    }\r\n\r\n    @keyframes loanHeroVisualIn {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateX(0);\r\n        }\r\n    }\r\n\r\n    .loan-hero-section__visual-orbit {\r\n        position: absolute;\r\n        border: 1px dashed rgba(11, 42, 74, 0.12);\r\n        border-radius: 50%;\r\n        animation: loanHeroOrbitRotate 22s linear infinite;\r\n    }\r\n\r\n    .loan-hero-section__visual-orbit--one {\r\n        width: 560px;\r\n        height: 560px;\r\n    }\r\n\r\n    .loan-hero-section__visual-orbit--two {\r\n        width: 460px;\r\n        height: 460px;\r\n        border-color: rgba(23, 78, 134, 0.16);\r\n        animation-direction: reverse;\r\n        animation-duration: 18s;\r\n    }\r\n\r\n    @keyframes loanHeroOrbitRotate {\r\n        to {\r\n            transform: rotate(360deg);\r\n        }\r\n    }\r\n\r\n    .loan-hero-section__main-card {\r\n        position: relative;\r\n        z-index: 3;\r\n        width: min(430px, 100%);\r\n        padding: 24px;\r\n        border: 1px solid rgba(255, 255, 255, 0.8);\r\n        border-radius: 28px;\r\n        background:\r\n            linear-gradient(\r\n                145deg,\r\n                #FFFFFF,\r\n                #FFFFFF\r\n            );\r\n        box-shadow:\r\n            0 35px 90px rgba(4, 24, 44, 0.18),\r\n            inset 0 1px 0 rgba(255, 255, 255, 0.98);\r\n        backdrop-filter: blur(26px);\r\n        -webkit-backdrop-filter: blur(26px);\r\n        transform-style: preserve-3d;\r\n        will-change: transform;\r\n        transition: transform 180ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 300ms ease;\r\n    }\r\n\r\n    .loan-hero-section__main-card::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: -1px;\r\n        left: 52px;\r\n        width: 155px;\r\n        height: 2px;\r\n        border-radius: 50px;\r\n        background:\r\n            linear-gradient(\r\n                90deg,\r\n                transparent,\r\n                rgba(255, 255, 255, 0.95),\r\n                transparent\r\n            );\r\n    }\r\n\r\n    .loan-hero-section__main-card-top {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        justify-content: space-between;\r\n        gap: 14px;\r\n    }\r\n\r\n    .loan-hero-section__card-label {\r\n        display: block;\r\n        margin-bottom: 6px;\r\n        color: var(--loan-hero-secondary);\r\n        font-size: 10px;\r\n        font-weight: 800;\r\n        letter-spacing: 0.75px;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .loan-hero-section__main-card-top h3 {\r\n        margin: 0;\r\n        color: var(--loan-hero-primary-dark);\r\n        font-family: \"Plus Jakarta Sans\", sans-serif;\r\n        font-size: 21px;\r\n        font-weight: 800;\r\n        letter-spacing: -0.7px;\r\n    }\r\n\r\n    .loan-hero-section__card-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 5px;\r\n        padding: 7px 10px;\r\n        border: 1px solid rgba(23, 78, 134, 0.16);\r\n        border-radius: 50px;\r\n        color: var(--loan-hero-secondary);\r\n        background: #FFFFFF;\r\n        font-size: 9px;\r\n        font-weight: 800;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    .loan-hero-section__loan-types {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 8px;\r\n        margin-top: 22px;\r\n        padding: 6px;\r\n        border: 1px solid rgba(18, 60, 105, 0.08);\r\n        border-radius: 16px;\r\n        background: #F5F9FE;\r\n    }\r\n\r\n    .loan-hero-section__loan-type {\r\n        min-height: 47px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 7px;\r\n        padding: 8px;\r\n        border: 0;\r\n        border-radius: 11px;\r\n        color: var(--loan-hero-muted);\r\n        background: transparent;\r\n        font-size: 10px;\r\n        font-weight: 800;\r\n        cursor: pointer;\r\n        transition:\r\n            color 0.3s ease,\r\n            background 0.3s ease,\r\n            box-shadow 0.3s ease,\r\n            transform 0.3s ease;\r\n    }\r\n\r\n    .loan-hero-section__loan-type span {\r\n        width: 25px;\r\n        height: 25px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 8px;\r\n        background: #FFFFFF;\r\n        font-size: 9px;\r\n    }\r\n\r\n    .loan-hero-section__loan-type:hover,\r\n    .loan-hero-section__loan-type.is-active {\r\n        color: var(--loan-hero-primary);\r\n        background: #FFFFFF;\r\n        box-shadow:\r\n            0 8px 20px rgba(4, 24, 44, 0.10),\r\n            inset 0 1px 0 rgba(255, 255, 255, 0.95);\r\n        transform: translateY(-1px);\r\n    }\r\n\r\n    .loan-hero-section__range-group {\r\n        margin-top: 22px;\r\n    }\r\n\r\n    .loan-hero-section__range-heading {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 12px;\r\n        margin-bottom: 11px;\r\n    }\r\n\r\n    .loan-hero-section__range-heading span {\r\n        color: var(--loan-hero-muted);\r\n        font-size: 10px;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .loan-hero-section__range-heading strong {\r\n        color: var(--loan-hero-primary-dark);\r\n        font-size: 12px;\r\n        font-weight: 800;\r\n    }\r\n\r\n    .loan-hero-section__range {\r\n        width: 100%;\r\n        height: 5px;\r\n        display: block;\r\n        margin: 0;\r\n        border: 0;\r\n        border-radius: 20px;\r\n        outline: none;\r\n        background:\r\n            linear-gradient(\r\n                90deg,\r\n                var(--loan-hero-secondary) 0%,\r\n                var(--loan-hero-secondary) 9%,\r\n                rgba(11, 42, 74, 0.12) 9%,\r\n                rgba(11, 42, 74, 0.12) 100%\r\n            );\r\n        cursor: pointer;\r\n        appearance: none;\r\n        -webkit-appearance: none;\r\n    }\r\n\r\n    .loan-hero-section__range::-webkit-slider-thumb {\r\n        width: 18px;\r\n        height: 18px;\r\n        border: 4px solid var(--loan-hero-white);\r\n        border-radius: 50%;\r\n        background: var(--loan-hero-secondary);\r\n        box-shadow: 0 5px 14px rgba(11, 42, 74, 0.24);\r\n        cursor: pointer;\r\n        appearance: none;\r\n        -webkit-appearance: none;\r\n    }\r\n\r\n    .loan-hero-section__range::-moz-range-thumb {\r\n        width: 12px;\r\n        height: 12px;\r\n        border: 4px solid var(--loan-hero-white);\r\n        border-radius: 50%;\r\n        background: var(--loan-hero-secondary);\r\n        box-shadow: 0 5px 14px rgba(11, 42, 74, 0.24);\r\n        cursor: pointer;\r\n    }\r\n\r\n    .loan-hero-section__range-values {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        margin-top: 8px;\r\n        color: #7A8798;\r\n        font-size: 8px;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .loan-hero-section__estimate {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 16px;\r\n        margin-top: 22px;\r\n        padding: 15px;\r\n        border: 1px solid rgba(23, 78, 134, 0.16);\r\n        border-radius: 16px;\r\n        background:\r\n            linear-gradient(\r\n                135deg,\r\n                #FFFFFF,\r\n                #F8FBFF\r\n            );\r\n    }\r\n\r\n    .loan-hero-section__estimate-content {\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .loan-hero-section__estimate-content span {\r\n        color: var(--loan-hero-muted);\r\n        font-size: 9px;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .loan-hero-section__estimate-content strong {\r\n        margin-top: 5px;\r\n        color: var(--loan-hero-primary-dark);\r\n        font-size: 21px;\r\n        font-weight: 800;\r\n        letter-spacing: -0.8px;\r\n    }\r\n\r\n    .loan-hero-section__estimate-icon {\r\n        width: 44px;\r\n        height: 44px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border: 1px solid rgba(255, 255, 255, 0.7);\r\n        border-radius: 13px;\r\n        color: var(--loan-hero-white);\r\n        background:\r\n            linear-gradient(\r\n                135deg,\r\n                var(--loan-hero-secondary-light),\r\n                var(--loan-hero-primary)\r\n            );\r\n        box-shadow: 0 10px 24px rgba(4, 24, 44, 0.18);\r\n        font-size: 14px;\r\n    }\r\n\r\n    .loan-hero-section__check-button {\r\n        min-height: 51px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 9px;\r\n        margin-top: 18px;\r\n        border-radius: 14px;\r\n        color: var(--loan-hero-white);\r\n        background:\r\n            linear-gradient(\r\n                135deg,\r\n                var(--loan-hero-primary),\r\n                var(--loan-hero-secondary)\r\n            );\r\n        box-shadow: 0 13px 27px rgba(4, 24, 44, 0.22);\r\n        font-size: 11px;\r\n        font-weight: 800;\r\n        transition:\r\n            transform 0.3s ease,\r\n            box-shadow 0.3s ease;\r\n    }\r\n\r\n    .loan-hero-section__check-button:hover {\r\n        color: var(--loan-hero-white);\r\n        box-shadow: 0 17px 35px rgba(4, 24, 44, 0.28);\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    .loan-hero-section__check-button i {\r\n        font-size: 9px;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .loan-hero-section__check-button:hover i {\r\n        transform: translateX(4px);\r\n    }\r\n\r\n    .loan-hero-section__privacy-note {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 6px;\r\n        margin: 12px 0 0;\r\n        color: #718096;\r\n        font-size: 8px;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .loan-hero-section__privacy-note i {\r\n        color: var(--loan-hero-secondary);\r\n        font-size: 8px;\r\n    }\r\n\r\n    \/* =========================================================\r\n       FLOATING VISUAL CARDS\r\n    ========================================================= *\/\r\n\r\n    .loan-hero-section__floating-card {\r\n        position: absolute;\r\n        z-index: 4;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        padding: 11px 13px;\r\n        border: 1px solid rgba(255, 255, 255, 0.78);\r\n        border-radius: 16px;\r\n        background:\r\n            linear-gradient(\r\n                145deg,\r\n                #FFFFFF,\r\n                #FFFFFF\r\n            );\r\n        box-shadow:\r\n            0 20px 45px rgba(4, 24, 44, 0.16),\r\n            inset 0 1px 0 rgba(255, 255, 255, 0.98);\r\n        backdrop-filter: blur(20px);\r\n        -webkit-backdrop-filter: blur(20px);\r\n        animation: loanHeroFloatingCard 4.8s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes loanHeroFloatingCard {\r\n        0%,\r\n        100% {\r\n            transform: translateY(0);\r\n        }\r\n\r\n        50% {\r\n            transform: translateY(-11px);\r\n        }\r\n    }\r\n\r\n    .loan-hero-section__floating-card span:last-child {\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .loan-hero-section__floating-card small {\r\n        color: var(--loan-hero-muted);\r\n        font-size: 8px;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .loan-hero-section__floating-card strong {\r\n        margin-top: 3px;\r\n        color: var(--loan-hero-primary-dark);\r\n        font-size: 11px;\r\n        font-weight: 800;\r\n    }\r\n\r\n    .loan-hero-section__floating-card--approval {\r\n        top: 75px;\r\n        right: -12px;\r\n        animation-delay: -1.2s;\r\n    }\r\n\r\n    .loan-hero-section__floating-card-icon {\r\n        width: 38px;\r\n        height: 38px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 12px;\r\n        color: var(--loan-hero-white);\r\n        background:\r\n            linear-gradient(\r\n                135deg,\r\n                var(--loan-hero-secondary-light),\r\n                var(--loan-hero-primary)\r\n            );\r\n        box-shadow: 0 9px 19px rgba(11, 42, 74, 0.22);\r\n        font-size: 14px;\r\n    }\r\n\r\n    .loan-hero-section__floating-card--rate {\r\n        top: 175px;\r\n        left: -10px;\r\n        animation-delay: -2.5s;\r\n    }\r\n\r\n    .loan-hero-section__rate-number {\r\n        width: 49px;\r\n        height: 49px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 14px;\r\n        color: var(--loan-hero-primary);\r\n        background:\r\n            linear-gradient(\r\n                145deg,\r\n                #FFFFFF,\r\n                #FFFFFF\r\n            );\r\n        box-shadow:\r\n            0 9px 19px rgba(4, 24, 44, 0.10),\r\n            inset 0 1px 0 rgba(255, 255, 255, 1);\r\n        font-size: 14px;\r\n        font-weight: 800;\r\n    }\r\n\r\n    .loan-hero-section__floating-card--customer {\r\n        right: 4px;\r\n        bottom: 75px;\r\n        animation-delay: -3.4s;\r\n    }\r\n\r\n    .loan-hero-section__customer-icon {\r\n        width: 38px;\r\n        height: 38px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 12px;\r\n        color: var(--loan-hero-primary);\r\n        background: var(--loan-hero-light);\r\n        font-size: 13px;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       LARGE LAPTOP\r\n    ========================================================= *\/\r\n\r\n    @media (max-width: 1240px) {\r\n\r\n        .loan-hero-section {\r\n            padding-right: 16px;\r\n            padding-left: 16px;\r\n        }\r\n\r\n        .loan-hero-section__container {\r\n            grid-template-columns: minmax(0, 1fr) minmax(440px, 0.9fr);\r\n            gap: 40px;\r\n            padding-right: 15px;\r\n            padding-left: 15px;\r\n        }\r\n\r\n        .loan-hero-section__title {\r\n            font-size: clamp(46px, 5vw, 62px);\r\n        }\r\n\r\n        .loan-hero-section__floating-card--approval {\r\n            right: 0;\r\n        }\r\n\r\n        .loan-hero-section__floating-card--rate {\r\n            left: 0;\r\n        }\r\n    }\r\n\r\n    \/* =========================================================\r\n       TABLET\r\n    ========================================================= *\/\r\n\r\n    @media (max-width: 1020px) {\r\n\r\n        .loan-hero-section {\r\n            margin-top: -100px;\r\n            padding-top: 135px;\r\n        }\r\n\r\n        .loan-hero-section__container {\r\n            min-height: auto;\r\n            grid-template-columns: 1fr;\r\n            gap: 55px;\r\n            padding: 55px 20px 75px;\r\n        }\r\n\r\n        .loan-hero-section__content {\r\n            max-width: 780px;\r\n            margin: 0 auto;\r\n            padding-left: 0;\r\n            text-align: center;\r\n        }\r\n\r\n        .loan-hero-section__eyebrow {\r\n            margin-right: auto;\r\n            margin-left: auto;\r\n        }\r\n\r\n        .loan-hero-section__title {\r\n            max-width: 760px;\r\n            margin-right: auto;\r\n            margin-left: auto;\r\n            font-size: clamp(49px, 7vw, 68px);\r\n        }\r\n\r\n        .loan-hero-section__description {\r\n            max-width: 720px;\r\n            margin-right: auto;\r\n            margin-left: auto;\r\n        }\r\n\r\n        .loan-hero-section__features,\r\n        .loan-hero-section__actions,\r\n        .loan-hero-section__trust-row {\r\n            justify-content: center;\r\n        }\r\n\r\n        .loan-hero-section__visual {\r\n            width: min(650px, 100%);\r\n            min-height: 610px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .loan-hero-section__main-card {\r\n            width: min(445px, 100%);\r\n        }\r\n\r\n        .loan-hero-section__floating-shape--two {\r\n            display: none;\r\n        }\r\n\r\n\r\n        .loan-hero-section__trust-divider {\r\n            display: none;\r\n        }\r\n\r\n    }\r\n\r\n    \/* =========================================================\r\n       MOBILE\r\n    ========================================================= *\/\r\n\r\n    @media (max-width: 680px) {\r\n\r\n        .loan-hero-section {\r\n            margin-top: -88px;\r\n            padding: 120px 10px 20px;\r\n        }\r\n\r\n        .loan-hero-section__container {\r\n            gap: 42px;\r\n            padding: 38px 4px 55px;\r\n        }\r\n\r\n        .loan-hero-section__content {\r\n            text-align: left;\r\n        }\r\n\r\n        .loan-hero-section__eyebrow {\r\n            margin-right: 0;\r\n            margin-left: 0;\r\n            padding-right: 12px;\r\n            font-size: 9px;\r\n            letter-spacing: 0.4px;\r\n        }\r\n\r\n        .loan-hero-section__eyebrow-icon {\r\n            width: 27px;\r\n            height: 27px;\r\n        }\r\n\r\n        .loan-hero-section__title {\r\n            margin-right: 0;\r\n            margin-left: 0;\r\n            font-size: clamp(39px, 12vw, 50px);\r\n            letter-spacing: -2.3px;\r\n            line-height: 1.08;\r\n        }\r\n\r\n        .loan-hero-section__description {\r\n            margin-top: 21px;\r\n            font-size: 14px;\r\n            line-height: 1.75;\r\n        }\r\n\r\n        .loan-hero-section__features {\r\n            justify-content: flex-start;\r\n            gap: 11px 14px;\r\n            margin-top: 22px;\r\n        }\r\n\r\n        .loan-hero-section__feature {\r\n            font-size: 10px;\r\n        }\r\n\r\n        .loan-hero-section__actions {\r\n            align-items: stretch;\r\n            flex-direction: column;\r\n            gap: 11px;\r\n            margin-top: 27px;\r\n        }\r\n\r\n        .loan-hero-section__primary-button,\r\n        .loan-hero-section__secondary-button {\r\n            width: 100%;\r\n        }\r\n\r\n        .loan-hero-section__secondary-button {\r\n            justify-content: center;\r\n        }\r\n\r\n        .loan-hero-section__trust-row {\r\n            justify-content: flex-start;\r\n        }\r\n\r\n        .loan-hero-section__visual {\r\n            min-height: 560px;\r\n        }\r\n\r\n        .loan-hero-section__visual-orbit--one {\r\n            width: 460px;\r\n            height: 460px;\r\n        }\r\n\r\n        .loan-hero-section__visual-orbit--two {\r\n            width: 370px;\r\n            height: 370px;\r\n        }\r\n\r\n        .loan-hero-section__main-card {\r\n            width: calc(100% - 8px);\r\n            padding: 20px 15px;\r\n            border-radius: 23px;\r\n        }\r\n\r\n        .loan-hero-section__main-card-top h3 {\r\n            font-size: 18px;\r\n        }\r\n\r\n        .loan-hero-section__card-badge {\r\n            padding: 6px 8px;\r\n            font-size: 8px;\r\n        }\r\n\r\n        .loan-hero-section__loan-type {\r\n            flex-direction: column;\r\n            gap: 4px;\r\n            min-height: 59px;\r\n            font-size: 8px;\r\n        }\r\n\r\n        .loan-hero-section__loan-type span {\r\n            width: 24px;\r\n            height: 24px;\r\n        }\r\n\r\n        .loan-hero-section__floating-card {\r\n            padding: 9px 10px;\r\n            border-radius: 14px;\r\n        }\r\n\r\n        .loan-hero-section__floating-card--approval {\r\n            top: -16px;\r\n            right: 2px;\r\n        }\r\n\r\n        .loan-hero-section__floating-card--rate {\r\n            top: 185px;\r\n            left: -4px;\r\n        }\r\n\r\n        .loan-hero-section__floating-card--customer {\r\n            right: 0;\r\n            bottom: -8px;\r\n        }\r\n\r\n        .loan-hero-section__rate-number {\r\n            width: 42px;\r\n            height: 42px;\r\n            font-size: 12px;\r\n        }\r\n\r\n        .loan-hero-section__floating-card-icon,\r\n        .loan-hero-section__customer-icon {\r\n            width: 34px;\r\n            height: 34px;\r\n        }\r\n\r\n\r\n        .loan-hero-section__floating-shape {\r\n            opacity: 0.48;\r\n        }\r\n\r\n        .loan-hero-section__floating-shape--one {\r\n            top: 16%;\r\n            left: -18px;\r\n        }\r\n\r\n        .loan-hero-section__floating-shape--three {\r\n            right: -20px;\r\n            bottom: 13%;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 390px) {\r\n\r\n        .loan-hero-section__title {\r\n            font-size: 37px;\r\n        }\r\n\r\n        .loan-hero-section__eyebrow span:last-child {\r\n            max-width: 220px;\r\n            line-height: 1.4;\r\n        }\r\n\r\n        .loan-hero-section__card-badge {\r\n            display: none;\r\n        }\r\n\r\n        .loan-hero-section__floating-card--rate {\r\n            top: 190px;\r\n        }\r\n\r\n        .loan-hero-section__floating-card small {\r\n            font-size: 7px;\r\n        }\r\n\r\n        .loan-hero-section__floating-card strong {\r\n            font-size: 9px;\r\n        }\r\n    }\r\n\r\n    \/* =========================================================\r\n       REDUCED MOTION\r\n    ========================================================= *\/\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n\r\n        .loan-hero-section *,\r\n        .loan-hero-section *::before,\r\n        .loan-hero-section *::after {\r\n            animation-duration: 0.01ms !important;\r\n            animation-iteration-count: 1 !important;\r\n            transition-duration: 0.01ms !important;\r\n            scroll-behavior: auto !important;\r\n        }\r\n    }\r\n\r\n    \/* =========================================================\r\n       FINAL V3 \u2014 SMALLER VISUAL + SMOOTH ZOOM + 3D LIQUID GLASS\r\n    ========================================================= *\/\r\n\r\n    .loan-hero-section__main-card {\r\n        width: min(410px, 100%);\r\n        padding: 22px;\r\n        cursor: default;\r\n        transform: translateZ(0) scale(1);\r\n        transform-origin: center center;\r\n        transition:\r\n            transform 650ms cubic-bezier(0.16, 1, 0.3, 1),\r\n            box-shadow 650ms cubic-bezier(0.16, 1, 0.3, 1),\r\n            border-color 450ms ease;\r\n        will-change: transform;\r\n    }\r\n\r\n    .loan-hero-section__main-card:hover {\r\n        transform: translateY(-3px) scale(1.012);\r\n        border-color: rgba(23, 78, 134, 0.20);\r\n        box-shadow:\r\n            0 42px 95px rgba(4, 24, 44, 0.20),\r\n            0 12px 28px rgba(23, 78, 134, 0.10),\r\n            inset 0 1px 0 rgba(255, 255, 255, 1);\r\n    }\r\n\r\n    .loan-hero-section__primary-button,\r\n    .loan-hero-section__secondary-button,\r\n    .loan-hero-section__check-button {\r\n        isolation: isolate;\r\n        overflow: hidden;\r\n        border: 1px solid rgba(255, 255, 255, 0.72);\r\n        box-shadow:\r\n            0 14px 30px rgba(4, 24, 44, 0.20),\r\n            0 4px 10px rgba(23, 78, 134, 0.12),\r\n            inset 0 1px 0 rgba(255, 255, 255, 0.72),\r\n            inset 0 -2px 7px rgba(3, 20, 38, 0.20);\r\n        backdrop-filter: blur(18px) saturate(145%);\r\n        -webkit-backdrop-filter: blur(18px) saturate(145%);\r\n        transform: translateZ(0);\r\n        transition:\r\n            transform 420ms cubic-bezier(0.16, 1, 0.3, 1),\r\n            box-shadow 420ms ease,\r\n            border-color 420ms ease;\r\n    }\r\n\r\n    .loan-hero-section__primary-button::after,\r\n    .loan-hero-section__secondary-button::after,\r\n    .loan-hero-section__check-button::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset: 1px 1px auto 1px;\r\n        height: 48%;\r\n        border-radius: inherit;\r\n        background: linear-gradient(\r\n            180deg,\r\n            rgba(255, 255, 255, 0.30),\r\n            rgba(255, 255, 255, 0.04)\r\n        );\r\n        pointer-events: none;\r\n        z-index: -1;\r\n    }\r\n\r\n    .loan-hero-section__primary-button:hover,\r\n    .loan-hero-section__secondary-button:hover {\r\n        transform: translateY(-3px) scale(1.018);\r\n        box-shadow:\r\n            0 20px 42px rgba(4, 24, 44, 0.25),\r\n            0 6px 14px rgba(23, 78, 134, 0.15),\r\n            inset 0 1px 0 rgba(255, 255, 255, 0.82),\r\n            inset 0 -2px 8px rgba(3, 20, 38, 0.18);\r\n    }\r\n\r\n    .loan-hero-section__secondary-button {\r\n        position: relative;\r\n        border-color: rgba(23, 78, 134, 0.15);\r\n        background:\r\n            linear-gradient(\r\n                145deg,\r\n                rgba(255, 255, 255, 0.96),\r\n                rgba(255, 255, 255, 0.82)\r\n            );\r\n    }\r\n\r\n    .loan-hero-section__check-button {\r\n        position: relative;\r\n        cursor: default;\r\n        user-select: none;\r\n        pointer-events: none;\r\n        background:\r\n            linear-gradient(\r\n                145deg,\r\n                rgba(18, 61, 105, 0.98),\r\n                rgba(7, 31, 61, 0.98)\r\n            );\r\n        box-shadow:\r\n            0 14px 30px rgba(4, 24, 44, 0.24),\r\n            0 5px 13px rgba(23, 78, 134, 0.15),\r\n            inset 0 1px 0 rgba(255, 255, 255, 0.36),\r\n            inset 0 -3px 9px rgba(1, 14, 28, 0.30);\r\n    }\r\n\r\n    .loan-hero-section__check-button:hover {\r\n        color: var(--loan-hero-white);\r\n        transform: none;\r\n        box-shadow:\r\n            0 14px 30px rgba(4, 24, 44, 0.24),\r\n            0 5px 13px rgba(23, 78, 134, 0.15),\r\n            inset 0 1px 0 rgba(255, 255, 255, 0.36),\r\n            inset 0 -3px 9px rgba(1, 14, 28, 0.30);\r\n    }\r\n\r\n    .loan-hero-section__check-button:hover i {\r\n        transform: none;\r\n    }\r\n\r\n    @media (max-width: 1020px) {\r\n        .loan-hero-section__main-card {\r\n            width: min(430px, 100%);\r\n        }\r\n    }\r\n\r\n    @media (max-width: 680px) {\r\n        .loan-hero-section__main-card {\r\n            width: calc(100% - 18px);\r\n            padding: 19px 14px;\r\n        }\r\n\r\n        .loan-hero-section__main-card:hover {\r\n            transform: translateY(-2px) scale(1.006);\r\n        }\r\n    }\r\n\r\n<\/style>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   FINAL HERO SPACING, TRUST STRIP & RESPONSIVE FIXES\r\n========================================================= *\/\r\n\r\n\/* Slightly darker premium background *\/\r\n.loan-hero-section {\r\n    overflow: visible;\r\n    padding-bottom: 0 !important;\r\n    background:\r\n        radial-gradient(\r\n            circle at 88% 12%,\r\n            rgba(198, 161, 91, 0.065) 0%,\r\n            rgba(198, 161, 91, 0.016) 24%,\r\n            transparent 45%\r\n        ),\r\n        radial-gradient(\r\n            circle at 8% 28%,\r\n            rgba(23, 78, 134, 0.16) 0%,\r\n            rgba(23, 78, 134, 0.04) 30%,\r\n            transparent 52%\r\n        ),\r\n        linear-gradient(\r\n            180deg,\r\n            #f7faff 0%,\r\n            #f2f6fb 58%,\r\n            #e9f0f8 100%\r\n        ) !important;\r\n}\r\n\r\n\/* Reduce the empty space above the trust strip *\/\r\n.loan-hero-section__container {\r\n    padding-bottom: 14px !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n@media (max-width: 1020px) {\r\n\r\n    \/* Only tablet\/mobile top padding increased *\/\r\n    .loan-hero-section {\r\n        padding-top: 158px !important;\r\n    }\r\n\r\n    .loan-hero-section__container {\r\n        padding-top: 64px !important;\r\n        padding-bottom: 16px !important;\r\n    }\r\n\r\n    .loan-hero-section__content {\r\n        text-align: center !important;\r\n    }\r\n\r\n    .loan-hero-section__eyebrow,\r\n    .loan-hero-section__title,\r\n    .loan-hero-section__description {\r\n        margin-right: auto !important;\r\n        margin-left: auto !important;\r\n    }\r\n\r\n    .loan-hero-section__features,\r\n    .loan-hero-section__actions,\r\n    .loan-hero-section__trust-row {\r\n        justify-content: center !important;\r\n    }\r\n\r\n    \/* Both buttons stay in one row *\/\r\n    .loan-hero-section__actions {\r\n        width: min(520px, 100%);\r\n        display: grid !important;\r\n        grid-template-columns: 1fr 1fr;\r\n        align-items: stretch !important;\r\n        gap: 12px !important;\r\n        margin-right: auto;\r\n        margin-left: auto;\r\n    }\r\n\r\n    .loan-hero-section__primary-button,\r\n    .loan-hero-section__secondary-button {\r\n        width: 100% !important;\r\n        min-width: 0;\r\n    }\r\n\r\n    .loan-hero-section__secondary-button {\r\n        justify-content: center;\r\n    }\r\n\r\n}\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n@media (max-width: 680px) {\r\n\r\n    .loan-hero-section {\r\n        padding-top: 142px !important;\r\n        padding-right: 10px !important;\r\n        padding-left: 10px !important;\r\n    }\r\n\r\n    .loan-hero-section__container {\r\n        padding-top: 48px !important;\r\n        padding-bottom: 12px !important;\r\n    }\r\n\r\n    .loan-hero-section__content {\r\n        text-align: center !important;\r\n    }\r\n\r\n    .loan-hero-section__eyebrow,\r\n    .loan-hero-section__title,\r\n    .loan-hero-section__description {\r\n        margin-right: auto !important;\r\n        margin-left: auto !important;\r\n    }\r\n\r\n    .loan-hero-section__features,\r\n    .loan-hero-section__trust-row {\r\n        justify-content: center !important;\r\n    }\r\n\r\n    \/* Two buttons in one row on mobile *\/\r\n    .loan-hero-section__actions {\r\n        width: 100%;\r\n        display: grid !important;\r\n        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\r\n        flex-direction: initial !important;\r\n        align-items: stretch !important;\r\n        gap: 9px !important;\r\n        margin-right: auto;\r\n        margin-left: auto;\r\n    }\r\n\r\n    .loan-hero-section__primary-button,\r\n    .loan-hero-section__secondary-button {\r\n        width: 100% !important;\r\n        min-height: 52px !important;\r\n        min-width: 0;\r\n    }\r\n\r\n    .loan-hero-section__primary-button {\r\n        padding: 11px 10px !important;\r\n        font-size: 10px !important;\r\n    }\r\n\r\n    .loan-hero-section__secondary-button {\r\n        justify-content: center !important;\r\n        gap: 7px !important;\r\n        padding: 6px 7px !important;\r\n    }\r\n\r\n    .loan-hero-section__secondary-icon {\r\n        flex: 0 0 35px;\r\n        width: 35px !important;\r\n        height: 35px !important;\r\n    }\r\n\r\n    .loan-hero-section__secondary-content {\r\n        min-width: 0;\r\n        text-align: left;\r\n    }\r\n\r\n    .loan-hero-section__secondary-content small {\r\n        font-size: 7px !important;\r\n    }\r\n\r\n    .loan-hero-section__secondary-content strong {\r\n        font-size: 9px !important;\r\n    }\r\n\r\n}\r\n\r\n@media (max-width: 390px) {\r\n\r\n    .loan-hero-section__actions {\r\n        gap: 7px !important;\r\n    }\r\n\r\n    .loan-hero-section__primary-button {\r\n        font-size: 9px !important;\r\n    }\r\n\r\n    .loan-hero-section__secondary-icon {\r\n        display: none;\r\n    }\r\n\r\n    .loan-hero-section__secondary-content {\r\n        text-align: center;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   FINAL \u2014 TRUST STRIP REMOVED + COMPACT BOTTOM\r\n========================================================= *\/\r\n\r\n.loan-hero-section {\r\n    padding-bottom: 8px !important;\r\n    overflow: hidden !important;\r\n}\r\n\r\n.loan-hero-section__container {\r\n    padding-bottom: 18px !important;\r\n}\r\n\r\n.loan-hero-section__trust-strip,\r\n.loan-hero-section__trust-strip-inner,\r\n.loan-hero-section__trust-item,\r\n.loan-hero-section__trust-divider {\r\n    display: none !important;\r\n}\r\n\r\n@media (max-width: 1020px) {\r\n    .loan-hero-section {\r\n        padding-bottom: 6px !important;\r\n    }\r\n\r\n    .loan-hero-section__container {\r\n        padding-bottom: 16px !important;\r\n    }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n    .loan-hero-section {\r\n        padding-bottom: 4px !important;\r\n    }\r\n\r\n    .loan-hero-section__container {\r\n        padding-bottom: 12px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n        const heroSection = document.getElementById(\"loanHeroSection\");\r\n\r\n        if (!heroSection) {\r\n            return;\r\n        }\r\n\r\n        const amountRange = heroSection.querySelector(\"#loanAmountRange\");\r\n        const tenureRange = heroSection.querySelector(\"#loanTenureRange\");\r\n\r\n        const amountDisplay = heroSection.querySelector(\"#loanAmountDisplay\");\r\n        const tenureDisplay = heroSection.querySelector(\"#loanTenureDisplay\");\r\n        const emiDisplay = heroSection.querySelector(\"#estimatedEmi\");\r\n\r\n        const loanTypeButtons = heroSection.querySelectorAll(\r\n            \".loan-hero-section__loan-type\"\r\n        );\r\n\r\n        let currentInterestRate = 8.5;\r\n\r\n        const loanRates = {\r\n            personal: 10.5,\r\n            home: 8.5,\r\n            business: 11.5\r\n        };\r\n\r\n        function formatIndianCurrency(value) {\r\n\r\n            return new Intl.NumberFormat(\"en-IN\", {\r\n                style: \"currency\",\r\n                currency: \"INR\",\r\n                maximumFractionDigits: 0\r\n            }).format(value);\r\n        }\r\n\r\n        function calculateEmi() {\r\n\r\n            const principal = Number(amountRange.value);\r\n            const years = Number(tenureRange.value);\r\n            const months = years * 12;\r\n\r\n            const monthlyInterestRate =\r\n                currentInterestRate \/ 12 \/ 100;\r\n\r\n            let emi = 0;\r\n\r\n            if (monthlyInterestRate === 0) {\r\n                emi = principal \/ months;\r\n            } else {\r\n                emi =\r\n                    principal *\r\n                    monthlyInterestRate *\r\n                    Math.pow(1 + monthlyInterestRate, months) \/\r\n                    (\r\n                        Math.pow(\r\n                            1 + monthlyInterestRate,\r\n                            months\r\n                        ) - 1\r\n                    );\r\n            }\r\n\r\n            amountDisplay.textContent =\r\n                formatIndianCurrency(principal);\r\n\r\n            tenureDisplay.textContent =\r\n                years === 1\r\n                    ? \"1 Year\"\r\n                    : years + \" Years\";\r\n\r\n            emiDisplay.textContent =\r\n                formatIndianCurrency(Math.round(emi));\r\n\r\n            updateRangeBackground(amountRange);\r\n            updateRangeBackground(tenureRange);\r\n        }\r\n\r\n        function updateRangeBackground(rangeElement) {\r\n\r\n            const minimum = Number(rangeElement.min);\r\n            const maximum = Number(rangeElement.max);\r\n            const currentValue = Number(rangeElement.value);\r\n\r\n            const progress =\r\n                ((currentValue - minimum) \/\r\n                    (maximum - minimum)) *\r\n                100;\r\n\r\n            rangeElement.style.background =\r\n                \"linear-gradient(\" +\r\n                \"90deg,\" +\r\n                \"#174E86 0%,\" +\r\n                \"#174E86 \" + progress + \"%,\" +\r\n                \"rgba(11, 42, 74, 0.12) \" + progress + \"%,\" +\r\n                \"rgba(11, 42, 74, 0.12) 100%\" +\r\n                \")\";\r\n        }\r\n\r\n        amountRange.addEventListener(\"input\", calculateEmi);\r\n        tenureRange.addEventListener(\"input\", calculateEmi);\r\n\r\n        loanTypeButtons.forEach(function (button) {\r\n\r\n            button.addEventListener(\"click\", function () {\r\n\r\n                loanTypeButtons.forEach(function (item) {\r\n                    item.classList.remove(\"is-active\");\r\n                });\r\n\r\n                button.classList.add(\"is-active\");\r\n\r\n                const selectedType =\r\n                    button.getAttribute(\"data-loan-type\");\r\n\r\n                currentInterestRate =\r\n                    loanRates[selectedType] || 8.5;\r\n\r\n                calculateEmi();\r\n            });\r\n        });\r\n\r\n        calculateEmi();\r\n\r\n        \/* Right visual uses smooth CSS hover only. *\/\r\n\r\n    });\r\n<\/script>\r\n<style>\r\n\/* =========================================================\r\n   FINAL ICON COLORS + SMOOTH HOVER\r\n   Normal: Golden\r\n   Hover\/Active: Navy Blue\r\n========================================================= *\/\r\n\r\n.loan-hero-section__eyebrow-icon,\r\n.loan-hero-section__feature-icon,\r\n.loan-hero-section__secondary-icon,\r\n.loan-hero-section__estimate-icon,\r\n.loan-hero-section__floating-card-icon,\r\n.loan-hero-section__customer-icon,\r\n.loan-hero-section__loan-type span {\r\n    transition:\r\n        color 0.65s cubic-bezier(0.22, 1, 0.36, 1),\r\n        background 0.65s cubic-bezier(0.22, 1, 0.36, 1),\r\n        border-color 0.65s cubic-bezier(0.22, 1, 0.36, 1),\r\n        box-shadow 0.65s cubic-bezier(0.22, 1, 0.36, 1),\r\n        transform 0.65s cubic-bezier(0.22, 1, 0.36, 1) !important;\r\n}\r\n\r\n\/* Eyebrow icon *\/\r\n.loan-hero-section__eyebrow-icon {\r\n    color: #ffffff !important;\r\n    background: linear-gradient(145deg, #eadb9d, #c7a64a) !important;\r\n    box-shadow: 0 8px 18px rgba(199, 166, 74, 0.24) !important;\r\n}\r\n\r\n.loan-hero-section__eyebrow:hover .loan-hero-section__eyebrow-icon {\r\n    color: #ffffff !important;\r\n    background: linear-gradient(145deg, #174e86, #0b2a4a) !important;\r\n    box-shadow: 0 10px 22px rgba(11, 42, 74, 0.24) !important;\r\n    transform: translateY(-2px) scale(1.04);\r\n}\r\n\r\n\/* Feature icons *\/\r\n.loan-hero-section__feature-icon {\r\n    color: #c7a64a !important;\r\n    border-color: rgba(199, 166, 74, 0.36) !important;\r\n    background: #fffdf7 !important;\r\n}\r\n\r\n.loan-hero-section__feature:hover .loan-hero-section__feature-icon {\r\n    color: #ffffff !important;\r\n    border-color: #0b2a4a !important;\r\n    background: linear-gradient(145deg, #174e86, #0b2a4a) !important;\r\n    box-shadow: 0 8px 18px rgba(11, 42, 74, 0.20) !important;\r\n    transform: translateY(-2px) scale(1.06);\r\n}\r\n\r\n\/* Phone icon *\/\r\n.loan-hero-section__secondary-icon {\r\n    color: #c7a64a !important;\r\n    background: #fffdf7 !important;\r\n}\r\n\r\n.loan-hero-section__secondary-button:hover .loan-hero-section__secondary-icon {\r\n    color: #ffffff !important;\r\n    background: linear-gradient(145deg, #174e86, #0b2a4a) !important;\r\n    box-shadow: 0 9px 20px rgba(11, 42, 74, 0.20) !important;\r\n    transform: translateY(-2px) scale(1.05);\r\n}\r\n\r\n\/* EMI estimate icon *\/\r\n.loan-hero-section__estimate-icon {\r\n    color: #ffffff !important;\r\n    background: linear-gradient(145deg, #eadb9d, #c7a64a) !important;\r\n    box-shadow: 0 10px 24px rgba(199, 166, 74, 0.24) !important;\r\n}\r\n\r\n.loan-hero-section__estimate:hover .loan-hero-section__estimate-icon,\r\n.loan-hero-section__main-card:hover .loan-hero-section__estimate-icon {\r\n    color: #ffffff !important;\r\n    background: linear-gradient(145deg, #174e86, #0b2a4a) !important;\r\n    box-shadow: 0 12px 26px rgba(11, 42, 74, 0.24) !important;\r\n    transform: translateY(-2px) scale(1.05);\r\n}\r\n\r\n\/* Floating card icons *\/\r\n.loan-hero-section__floating-card-icon,\r\n.loan-hero-section__customer-icon {\r\n    color: #ffffff !important;\r\n    background: linear-gradient(145deg, #eadb9d, #c7a64a) !important;\r\n    box-shadow: 0 9px 20px rgba(199, 166, 74, 0.22) !important;\r\n}\r\n\r\n.loan-hero-section__floating-card:hover .loan-hero-section__floating-card-icon,\r\n.loan-hero-section__floating-card:hover .loan-hero-section__customer-icon {\r\n    color: #ffffff !important;\r\n    background: linear-gradient(145deg, #174e86, #0b2a4a) !important;\r\n    box-shadow: 0 11px 24px rgba(11, 42, 74, 0.24) !important;\r\n    transform: translateY(-2px) scale(1.05);\r\n}\r\n\r\n\/* Loan type icons *\/\r\n.loan-hero-section__loan-type span {\r\n    color: #c7a64a !important;\r\n    border: 1px solid rgba(199, 166, 74, 0.30) !important;\r\n    background: #fffdf7 !important;\r\n}\r\n\r\n.loan-hero-section__loan-type:hover span,\r\n.loan-hero-section__loan-type.is-active span {\r\n    color: #ffffff !important;\r\n    border-color: #0b2a4a !important;\r\n    background: linear-gradient(145deg, #174e86, #0b2a4a) !important;\r\n    box-shadow: 0 8px 18px rgba(11, 42, 74, 0.20) !important;\r\n    transform: translateY(-2px) scale(1.05);\r\n}\r\n\r\n\/* Smooth parent hover movement *\/\r\n.loan-hero-section__eyebrow,\r\n.loan-hero-section__feature,\r\n.loan-hero-section__secondary-button,\r\n.loan-hero-section__estimate,\r\n.loan-hero-section__floating-card,\r\n.loan-hero-section__loan-type {\r\n    transition:\r\n        transform 0.65s cubic-bezier(0.22, 1, 0.36, 1),\r\n        box-shadow 0.65s cubic-bezier(0.22, 1, 0.36, 1),\r\n        border-color 0.65s cubic-bezier(0.22, 1, 0.36, 1),\r\n        background 0.65s cubic-bezier(0.22, 1, 0.36, 1) !important;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c100af3 e-con-full e-flex e-con e-parent\" data-id=\"c100af3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a81d746 elementor-widget elementor-widget-html\" data-id=\"a81d746\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     TRUST FEATURES SECTION\r\n     Elementor HTML Widget Ready\r\n     Complete HTML + CSS\r\n========================================================= -->\r\n\r\n<section class=\"mla-trust-section\">\r\n    <div class=\"mla-trust-section__container\">\r\n\r\n        <div class=\"mla-trust-section__grid\">\r\n\r\n            <div class=\"mla-trust-section__card\">\r\n                <span class=\"mla-trust-section__icon\">\r\n                    <i class=\"fa-solid fa-bolt\"><\/i>\r\n                <\/span>\r\n\r\n                <div class=\"mla-trust-section__content\">\r\n                    <strong>Quick Processing<\/strong>\r\n                    <small>Fast loan application support<\/small>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"mla-trust-section__card\">\r\n                <span class=\"mla-trust-section__icon\">\r\n                    <i class=\"fa-solid fa-file-shield\"><\/i>\r\n                <\/span>\r\n\r\n                <div class=\"mla-trust-section__content\">\r\n                    <strong>Secure Process<\/strong>\r\n                    <small>Safe and transparent assistance<\/small>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"mla-trust-section__card\">\r\n                <span class=\"mla-trust-section__icon\">\r\n                    <i class=\"fa-solid fa-headset\"><\/i>\r\n                <\/span>\r\n\r\n                <div class=\"mla-trust-section__content\">\r\n                    <strong>Expert Guidance<\/strong>\r\n                    <small>Dedicated financial support<\/small>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"mla-trust-section__card\">\r\n                <span class=\"mla-trust-section__icon\">\r\n                    <i class=\"fa-solid fa-hand-holding-dollar\"><\/i>\r\n                <\/span>\r\n\r\n                <div class=\"mla-trust-section__content\">\r\n                    <strong>Flexible Options<\/strong>\r\n                    <small>Solutions for every requirement<\/small>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<link\r\n    rel=\"stylesheet\"\r\n    href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\"\r\n>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link\r\n    href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap\"\r\n    rel=\"stylesheet\"\r\n>\r\n\r\n<style>\r\n    .mla-trust-section {\r\n        --mla-trust-navy: #0b2d5c;\r\n        --mla-trust-navy-dark: #041a36;\r\n        --mla-trust-blue: #174a87;\r\n        --mla-trust-gold: #c7a64a;\r\n        --mla-trust-white: #ffffff;\r\n        --mla-trust-text: #0a2342;\r\n        --mla-trust-muted: #68778b;\r\n\r\n        position: relative;\r\n        width: 100%;\r\n        overflow: hidden;\r\n        padding: 28px 20px;\r\n        background: transparent;\r\n        font-family: \"Manrope\", sans-serif;\r\n    }\r\n\r\n    .mla-trust-section,\r\n    .mla-trust-section * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .mla-trust-section__container {\r\n        width: min(1320px, 100%);\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .mla-trust-section__grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, minmax(0, 1fr));\r\n        gap: 14px;\r\n    }\r\n\r\n    .mla-trust-section__card {\r\n        position: relative;\r\n        min-height: 94px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 14px;\r\n        overflow: hidden;\r\n        padding: 18px;\r\n        border: 1px solid rgba(255,255,255,0.74);\r\n        border-radius: 20px;\r\n        background:\r\n            linear-gradient(\r\n                145deg,\r\n                rgba(255,255,255,0.82),\r\n                rgba(255,255,255,0.60)\r\n            );\r\n        box-shadow:\r\n            0 12px 28px rgba(4,26,54,0.09),\r\n            0 2px 8px rgba(11,45,92,0.05),\r\n            inset 0 1px 0 rgba(255,255,255,0.96);\r\n        backdrop-filter: blur(20px) saturate(140%);\r\n        -webkit-backdrop-filter: blur(20px) saturate(140%);\r\n        transition:\r\n            transform 0.35s cubic-bezier(0.22,1,0.36,1),\r\n            box-shadow 0.35s ease,\r\n            border-color 0.35s ease;\r\n    }\r\n\r\n    .mla-trust-section__card::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 0;\r\n        left: 18px;\r\n        width: 72px;\r\n        height: 2px;\r\n        border-radius: 20px;\r\n        background:\r\n            linear-gradient(\r\n                90deg,\r\n                transparent,\r\n                rgba(255,255,255,0.95),\r\n                transparent\r\n            );\r\n    }\r\n\r\n    .mla-trust-section__card::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: -45px;\r\n        right: -45px;\r\n        width: 115px;\r\n        height: 115px;\r\n        border-radius: 50%;\r\n        background: rgba(23,74,135,0.07);\r\n        filter: blur(10px);\r\n        transition: transform 0.4s ease;\r\n    }\r\n\r\n    .mla-trust-section__card:hover {\r\n        border-color: rgba(11,45,92,0.14);\r\n        box-shadow:\r\n            0 18px 38px rgba(4,26,54,0.13),\r\n            0 4px 12px rgba(11,45,92,0.07),\r\n            inset 0 1px 0 rgba(255,255,255,1);\r\n        transform: translateY(-4px);\r\n    }\r\n\r\n    .mla-trust-section__card:hover::after {\r\n        transform: scale(1.18);\r\n    }\r\n\r\n    .mla-trust-section__icon {\r\n        position: relative;\r\n        z-index: 2;\r\n        flex: 0 0 46px;\r\n        width: 46px;\r\n        height: 46px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border: 1px solid rgba(11,45,92,0.10);\r\n        border-radius: 14px;\r\n        color: var(--mla-trust-navy);\r\n        background:\r\n            linear-gradient(\r\n                145deg,\r\n                rgba(255,255,255,1),\r\n                rgba(244,248,253,0.95)\r\n            );\r\n        box-shadow:\r\n            0 8px 18px rgba(4,26,54,0.08),\r\n            inset 0 1px 0 rgba(255,255,255,1);\r\n        font-size: 15px;\r\n        transition:\r\n            color 0.35s ease,\r\n            background 0.35s ease,\r\n            transform 0.35s ease;\r\n    }\r\n\r\n    .mla-trust-section__card:hover\r\n    .mla-trust-section__icon {\r\n        color: #ffffff;\r\n        background:\r\n            linear-gradient(\r\n                145deg,\r\n                var(--mla-trust-blue),\r\n                var(--mla-trust-navy-dark)\r\n            );\r\n        transform: rotate(-4deg);\r\n    }\r\n\r\n    .mla-trust-section__content {\r\n        position: relative;\r\n        z-index: 2;\r\n        min-width: 0;\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .mla-trust-section__content strong {\r\n        color: var(--mla-trust-text);\r\n        font-size: 13px;\r\n        font-weight: 800;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .mla-trust-section__content small {\r\n        margin-top: 5px;\r\n        color: var(--mla-trust-muted);\r\n        font-size: 9px;\r\n        font-weight: 600;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    @media (max-width: 1020px) {\r\n        .mla-trust-section {\r\n            padding: 26px 16px;\r\n        }\r\n\r\n        .mla-trust-section__grid {\r\n            grid-template-columns: repeat(2, minmax(0, 1fr));\r\n            gap: 12px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 620px) {\r\n        .mla-trust-section {\r\n            padding: 22px 10px;\r\n        }\r\n\r\n        .mla-trust-section__grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 10px;\r\n        }\r\n\r\n        .mla-trust-section__card {\r\n            min-height: 82px;\r\n            padding: 15px;\r\n            border-radius: 17px;\r\n        }\r\n\r\n        .mla-trust-section__icon {\r\n            flex-basis: 42px;\r\n            width: 42px;\r\n            height: 42px;\r\n            border-radius: 13px;\r\n        }\r\n\r\n        .mla-trust-section__content strong {\r\n            font-size: 12px;\r\n        }\r\n\r\n        .mla-trust-section__content small {\r\n            font-size: 8px;\r\n        }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n        .mla-trust-section *,\r\n        .mla-trust-section *::before,\r\n        .mla-trust-section *::after {\r\n            animation-duration: 0.01ms !important;\r\n            transition-duration: 0.01ms !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   FINAL TRANSPARENT BACKGROUND + RESPONSIVE GRID\r\n========================================================= *\/\r\n\r\n.mla-trust-section {\r\n    background: transparent !important;\r\n}\r\n\r\n\/* Tablet: all 4 cards in one row *\/\r\n@media (max-width: 1020px) and (min-width: 621px) {\r\n    .mla-trust-section {\r\n        padding: 24px 14px;\r\n    }\r\n\r\n    .mla-trust-section__grid {\r\n        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\r\n        gap: 10px !important;\r\n    }\r\n\r\n    .mla-trust-section__card {\r\n        min-height: 88px;\r\n        gap: 10px;\r\n        padding: 13px;\r\n        border-radius: 17px;\r\n    }\r\n\r\n    .mla-trust-section__icon {\r\n        flex: 0 0 40px;\r\n        width: 40px;\r\n        height: 40px;\r\n        border-radius: 12px;\r\n        font-size: 13px;\r\n    }\r\n\r\n    .mla-trust-section__content strong {\r\n        font-size: 11px;\r\n    }\r\n\r\n    .mla-trust-section__content small {\r\n        font-size: 8px;\r\n    }\r\n}\r\n\r\n\/* Mobile: 2 cards per row, total 2 rows *\/\r\n@media (max-width: 620px) {\r\n    .mla-trust-section {\r\n        padding: 20px 10px;\r\n    }\r\n\r\n    .mla-trust-section__grid {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n        gap: 10px !important;\r\n    }\r\n\r\n    .mla-trust-section__card {\r\n        min-height: 105px;\r\n        align-items: center;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        gap: 9px;\r\n        padding: 13px 10px;\r\n        border-radius: 16px;\r\n        text-align: center;\r\n    }\r\n\r\n    .mla-trust-section__icon {\r\n        flex: 0 0 40px;\r\n        width: 40px;\r\n        height: 40px;\r\n        border-radius: 12px;\r\n        font-size: 13px;\r\n    }\r\n\r\n    .mla-trust-section__content {\r\n        align-items: center;\r\n    }\r\n\r\n    .mla-trust-section__content strong {\r\n        font-size: 11px;\r\n    }\r\n\r\n    .mla-trust-section__content small {\r\n        margin-top: 4px;\r\n        font-size: 8px;\r\n        line-height: 1.4;\r\n    }\r\n}\r\n\r\n@media (max-width: 390px) {\r\n    .mla-trust-section__grid {\r\n        gap: 8px !important;\r\n    }\r\n\r\n    .mla-trust-section__card {\r\n        min-height: 102px;\r\n        padding: 12px 8px;\r\n    }\r\n\r\n    .mla-trust-section__content strong {\r\n        font-size: 10px;\r\n    }\r\n\r\n    .mla-trust-section__content small {\r\n        font-size: 7px;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a3c7d38 e-con-full e-flex e-con e-parent\" data-id=\"a3c7d38\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-295850c elementor-widget elementor-widget-html\" data-id=\"295850c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     NEXT SECTION \u2014 WHY CHOOSE US\r\n     Elementor HTML Widget Ready\r\n     Complete HTML + CSS + JavaScript\r\n========================================================= -->\r\n\r\n<section class=\"mwa-why-section\" id=\"mwaWhySection\">\r\n    <div class=\"mwa-why-section__container\">\r\n\r\n        <div class=\"mwa-why-section__visual\">\r\n\r\n            <div class=\"mwa-why-section__image-card\">\r\n\r\n                <!-- Replace this image URL with your own image if needed -->\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/images.unsplash.com\/photo-1551836022-d5d88e9218df?auto=format&fit=crop&w=1200&q=85\"\r\n                    alt=\"Loan advisor assisting a customer\"\r\n                    class=\"mwa-why-section__image\"\r\n                >\r\n\r\n                <div class=\"mwa-why-section__image-overlay\"><\/div>\r\n\r\n                <div class=\"mwa-why-section__experience-card\">\r\n                    <span class=\"mwa-why-section__experience-icon\">\r\n                        <i class=\"fa-solid fa-award\"><\/i>\r\n                    <\/span>\r\n\r\n                    <div>\r\n                        <strong>10+ Years<\/strong>\r\n                        <small>Financial Experience<\/small>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"mwa-why-section__rating-card\">\r\n                    <div class=\"mwa-why-section__rating-top\">\r\n                        <span>4.9<\/span>\r\n                        <div class=\"mwa-why-section__stars\">\r\n                            <i class=\"fa-solid fa-star\"><\/i>\r\n                            <i class=\"fa-solid fa-star\"><\/i>\r\n                            <i class=\"fa-solid fa-star\"><\/i>\r\n                            <i class=\"fa-solid fa-star\"><\/i>\r\n                            <i class=\"fa-solid fa-star\"><\/i>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <small>Trusted by happy customers<\/small>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"mwa-why-section__mini-stat\">\r\n                <span class=\"mwa-why-section__mini-stat-icon\">\r\n                    <i class=\"fa-solid fa-user-check\"><\/i>\r\n                <\/span>\r\n\r\n                <div>\r\n                    <strong>25K+<\/strong>\r\n                    <small>Applications Assisted<\/small>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"mwa-why-section__content\">\r\n\r\n            <div class=\"mwa-why-section__eyebrow\">\r\n                <span class=\"mwa-why-section__eyebrow-icon\">\r\n                    <i class=\"fa-solid fa-shield-heart\"><\/i>\r\n                <\/span>\r\n                <span>Why Choose Money Advise<\/span>\r\n            <\/div>\r\n\r\n            <h2 class=\"mwa-why-section__title\">\r\n                Simple Guidance. Smarter\r\n                <span>Financial Decisions.<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"mwa-why-section__description\">\r\n                We simplify the loan journey with clear communication, practical\r\n                guidance and suitable options based on your financial needs.\r\n            <\/p>\r\n\r\n            <div class=\"mwa-why-section__features\">\r\n\r\n                <div class=\"mwa-why-section__feature\">\r\n                    <span class=\"mwa-why-section__feature-icon\">\r\n                        <i class=\"fa-solid fa-magnifying-glass-chart\"><\/i>\r\n                    <\/span>\r\n\r\n                    <div>\r\n                        <h3>Personalised Loan Guidance<\/h3>\r\n                        <p>\r\n                            Suitable options based on your profile, eligibility\r\n                            and repayment comfort.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"mwa-why-section__feature\">\r\n                    <span class=\"mwa-why-section__feature-icon\">\r\n                        <i class=\"fa-solid fa-file-signature\"><\/i>\r\n                    <\/span>\r\n\r\n                    <div>\r\n                        <h3>Simple Documentation<\/h3>\r\n                        <p>\r\n                            Clear assistance throughout the paperwork and\r\n                            application process.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"mwa-why-section__feature\">\r\n                    <span class=\"mwa-why-section__feature-icon\">\r\n                        <i class=\"fa-solid fa-scale-balanced\"><\/i>\r\n                    <\/span>\r\n\r\n                    <div>\r\n                        <h3>Transparent Information<\/h3>\r\n                        <p>\r\n                            Understand rates, tenure and repayment details before\r\n                            making a decision.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"mwa-why-section__feature\">\r\n                    <span class=\"mwa-why-section__feature-icon\">\r\n                        <i class=\"fa-solid fa-headset\"><\/i>\r\n                    <\/span>\r\n\r\n                    <div>\r\n                        <h3>Dedicated Support<\/h3>\r\n                        <p>\r\n                            Receive timely assistance from application to final\r\n                            disbursement.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"mwa-why-section__actions\">\r\n\r\n                <a href=\"\/about-us\/\" class=\"mwa-why-section__primary-button\">\r\n                    <span>Know More About Us<\/span>\r\n                    <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                <\/a>\r\n<\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<link\r\n    rel=\"stylesheet\"\r\n    href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\"\r\n>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link\r\n    href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap\"\r\n    rel=\"stylesheet\"\r\n>\r\n\r\n<style>\r\n    .mwa-why-section {\r\n        --mwa-navy: #0b2d5c;\r\n        --mwa-navy-dark: #041a36;\r\n        --mwa-navy-light: #174a87;\r\n        --mwa-gold: #c7a64a;\r\n        --mwa-gold-light: #e4cc7a;\r\n        --mwa-white: #ffffff;\r\n        --mwa-text: #0a2342;\r\n        --mwa-muted: #647287;\r\n\r\n        position: relative;\r\n        width: 100%;\r\n        overflow: hidden;\r\n        padding: 46px 22px 44px;\r\n        background: #ffffff;\r\n        font-family: \"Manrope\", sans-serif;\r\n    }\r\n\r\n    .mwa-why-section,\r\n    .mwa-why-section * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .mwa-why-section a {\r\n        text-decoration: none;\r\n    }\r\n\r\n    .mwa-why-section__container {\r\n        width: min(1220px, 100%);\r\n        display: grid;\r\n        grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);\r\n        align-items: center;\r\n        gap: 34px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* =========================================================\r\n       LEFT VISUAL\r\n    ========================================================= *\/\r\n\r\n    .mwa-why-section__visual {\r\n        position: relative;\r\n        min-width: 0;\r\n        padding: 6px 16px 12px 0;\r\n    }\r\n\r\n    .mwa-why-section__image-card {\r\n        position: relative;\r\n        min-height: 330px;\r\n        overflow: hidden;\r\n        border: 1px solid rgba(11,45,92,0.10);\r\n        border-radius: 24px;\r\n        background: #f5f8fc;\r\n        box-shadow:\r\n            0 28px 65px rgba(4,26,54,0.14),\r\n            inset 0 1px 0 rgba(255,255,255,1);\r\n    }\r\n\r\n    .mwa-why-section__image {\r\n        position: absolute;\r\n        inset: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        display: block;\r\n        object-fit: cover;\r\n        object-position: center center;\r\n        transform: scale(1.04);\r\n        transition: transform 0.8s cubic-bezier(0.22,1,0.36,1);\r\n    }\r\n\r\n    .mwa-why-section__image-card:hover\r\n    .mwa-why-section__image {\r\n        transform: scale(1.075);\r\n    }\r\n\r\n    .mwa-why-section__image-overlay {\r\n        position: absolute;\r\n        inset: 0;\r\n        background:\r\n            linear-gradient(\r\n                180deg,\r\n                rgba(4,26,54,0.03) 25%,\r\n                rgba(4,26,54,0.48) 100%\r\n            );\r\n        pointer-events: none;\r\n    }\r\n\r\n    .mwa-why-section__experience-card {\r\n        position: absolute;\r\n        bottom: 16px;\r\n        left: 16px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        min-width: 190px;\r\n        padding: 13px 15px;\r\n        border: 1px solid rgba(255,255,255,0.62);\r\n        border-radius: 16px;\r\n        background: rgba(255,255,255,0.88);\r\n        box-shadow:\r\n            0 18px 40px rgba(4,26,54,0.18),\r\n            inset 0 1px 0 rgba(255,255,255,1);\r\n        backdrop-filter: blur(20px);\r\n        -webkit-backdrop-filter: blur(20px);\r\n    }\r\n\r\n    .mwa-why-section__experience-icon {\r\n        flex: 0 0 39px;\r\n        width: 39px;\r\n        height: 39px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 12px;\r\n        color: #ffffff;\r\n        background:\r\n            linear-gradient(\r\n                145deg,\r\n                var(--mwa-navy-light),\r\n                var(--mwa-navy-dark)\r\n            );\r\n        box-shadow:\r\n            0 10px 22px rgba(4,26,54,0.24),\r\n            inset 0 1px 0 rgba(255,255,255,0.28);\r\n        font-size: 15px;\r\n    }\r\n\r\n    .mwa-why-section__experience-card div {\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .mwa-why-section__experience-card strong {\r\n        color: var(--mwa-text);\r\n        font-size: 16px;\r\n        font-weight: 800;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .mwa-why-section__experience-card small {\r\n        margin-top: 4px;\r\n        color: var(--mwa-muted);\r\n        font-size: 9px;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .mwa-why-section__rating-card {\r\n        position: absolute;\r\n        top: 16px;\r\n        right: 16px;\r\n        width: 172px;\r\n        padding: 14px 15px;\r\n        border: 1px solid rgba(255,255,255,0.62);\r\n        border-radius: 16px;\r\n        background: rgba(255,255,255,0.89);\r\n        box-shadow:\r\n            0 18px 40px rgba(4,26,54,0.16),\r\n            inset 0 1px 0 rgba(255,255,255,1);\r\n        backdrop-filter: blur(20px);\r\n        -webkit-backdrop-filter: blur(20px);\r\n    }\r\n\r\n    .mwa-why-section__rating-top {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 9px;\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n    .mwa-why-section__rating-top > span {\r\n        color: var(--mwa-navy);\r\n        font-size: 19px;\r\n        font-weight: 800;\r\n    }\r\n\r\n    .mwa-why-section__stars {\r\n        display: flex;\r\n        gap: 2px;\r\n        color: var(--mwa-gold);\r\n        font-size: 8px;\r\n    }\r\n\r\n    .mwa-why-section__rating-card small {\r\n        color: var(--mwa-muted);\r\n        font-size: 8px;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .mwa-why-section__mini-stat {\r\n        position: absolute;\r\n        right: 4px;\r\n        bottom: -4px;\r\n        min-width: 190px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        padding: 14px 16px;\r\n        border: 1px solid rgba(11,45,92,0.11);\r\n        border-radius: 16px;\r\n        background: #ffffff;\r\n        box-shadow:\r\n            0 20px 45px rgba(4,26,54,0.13),\r\n            inset 0 1px 0 rgba(255,255,255,1);\r\n    }\r\n\r\n    .mwa-why-section__mini-stat-icon {\r\n        flex: 0 0 41px;\r\n        width: 41px;\r\n        height: 41px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border: 1px solid rgba(11,45,92,0.10);\r\n        border-radius: 13px;\r\n        color: var(--mwa-navy);\r\n        background: #f7faff;\r\n        font-size: 16px;\r\n    }\r\n\r\n    .mwa-why-section__mini-stat div {\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .mwa-why-section__mini-stat strong {\r\n        color: var(--mwa-text);\r\n        font-size: 15px;\r\n        font-weight: 800;\r\n    }\r\n\r\n    .mwa-why-section__mini-stat small {\r\n        margin-top: 3px;\r\n        color: var(--mwa-muted);\r\n        font-size: 8px;\r\n        font-weight: 600;\r\n    }\r\n\r\n    \/* =========================================================\r\n       RIGHT CONTENT\r\n    ========================================================= *\/\r\n\r\n    .mwa-why-section__content {\r\n        min-width: 0;\r\n    }\r\n\r\n    .mwa-why-section__eyebrow {\r\n        width: fit-content;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 9px;\r\n        min-height: 38px;\r\n        margin-bottom: 12px;\r\n        padding: 6px 13px 6px 7px;\r\n        border: 1px solid rgba(11,45,92,0.10);\r\n        border-radius: 999px;\r\n        color: var(--mwa-navy);\r\n        background: #ffffff;\r\n        box-shadow:\r\n            0 9px 24px rgba(4,26,54,0.06),\r\n            inset 0 1px 0 rgba(255,255,255,1);\r\n        font-size: 9px;\r\n        font-weight: 800;\r\n        letter-spacing: 0.03em;\r\n    }\r\n\r\n    .mwa-why-section__eyebrow-icon {\r\n        width: 25px;\r\n        height: 25px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 50%;\r\n        color: #ffffff;\r\n        background:\r\n            linear-gradient(\r\n                145deg,\r\n                var(--mwa-navy-light),\r\n                var(--mwa-navy-dark)\r\n            );\r\n        font-size: 9px;\r\n    }\r\n\r\n    .mwa-why-section__title {\r\n        max-width: 610px;\r\n        margin: 0;\r\n        color: var(--mwa-text);\r\n        font-size: clamp(31px, 3.2vw, 42px);\r\n        font-weight: 800;\r\n        line-height: 1.12;\r\n        letter-spacing: -0.045em;\r\n    }\r\n\r\n    .mwa-why-section__title span {\r\n        display: block;\r\n        color: var(--mwa-navy);\r\n    }\r\n\r\n    .mwa-why-section__description {\r\n        max-width: 600px;\r\n        margin: 15px 0 20px;\r\n        color: var(--mwa-muted);\r\n        font-size: 16px;\r\n        font-weight: 500;\r\n        line-height: 1.7;\r\n    }\r\n\r\n    .mwa-why-section__features {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, minmax(0,1fr));\r\n        gap: 10px;\r\n    }\r\n\r\n    .mwa-why-section__feature {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 10px;\r\n        min-height: 104px;\r\n        padding: 14px;\r\n        border: 1px solid rgba(11,45,92,0.09);\r\n        border-radius: 16px;\r\n        background: #ffffff;\r\n        box-shadow:\r\n            0 13px 35px rgba(4,26,54,0.065),\r\n            inset 0 1px 0 rgba(255,255,255,1);\r\n        transition:\r\n            border-color 0.35s ease,\r\n            box-shadow 0.35s ease,\r\n            transform 0.35s cubic-bezier(0.22,1,0.36,1);\r\n    }\r\n\r\n    .mwa-why-section__feature:hover {\r\n        border-color: rgba(11,45,92,0.18);\r\n        box-shadow:\r\n            0 18px 42px rgba(4,26,54,0.11),\r\n            inset 0 1px 0 rgba(255,255,255,1);\r\n        transform: translateY(-4px);\r\n    }\r\n\r\n    .mwa-why-section__feature-icon {\r\n        flex: 0 0 39px;\r\n        width: 39px;\r\n        height: 39px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border: 1px solid rgba(11,45,92,0.10);\r\n        border-radius: 12px;\r\n        color: var(--mwa-navy);\r\n        background: #f7faff;\r\n        font-size: 16px;\r\n        transition:\r\n            color 0.35s ease,\r\n            background 0.35s ease,\r\n            transform 0.35s ease;\r\n    }\r\n\r\n    .mwa-why-section__feature:hover\r\n    .mwa-why-section__feature-icon {\r\n        color: #ffffff;\r\n        background:\r\n            linear-gradient(\r\n                145deg,\r\n                var(--mwa-navy-light),\r\n                var(--mwa-navy-dark)\r\n            );\r\n        transform: rotate(-4deg);\r\n    }\r\n\r\n    .mwa-why-section__feature h3 {\r\n        margin: 0 0 6px;\r\n        color: var(--mwa-text);\r\n        font-size: 12px;\r\n        font-weight: 800;\r\n        line-height: 1.35;\r\n    }\r\n\r\n    .mwa-why-section__feature p {\r\n        margin: 0;\r\n        color: var(--mwa-muted);\r\n        font-size: 9px;\r\n        font-weight: 500;\r\n        line-height: 1.55;\r\n    }\r\n\r\n    .mwa-why-section__actions {\r\n        display: flex;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n        gap: 18px;\r\n        margin-top: 18px;\r\n    }\r\n\r\n    .mwa-why-section__primary-button {\r\n        position: relative;\r\n        min-height: 50px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 10px;\r\n        overflow: hidden;\r\n        padding: 12px 19px;\r\n        border: 1px solid rgba(255,255,255,0.36);\r\n        border-radius: 15px;\r\n        color: #ffffff;\r\n        background:\r\n            linear-gradient(\r\n                145deg,\r\n                var(--mwa-navy-light),\r\n                var(--mwa-navy-dark)\r\n            );\r\n        box-shadow:\r\n            0 14px 30px rgba(4,26,54,0.24),\r\n            inset 0 1px 0 rgba(255,255,255,0.32),\r\n            inset 0 -4px 10px rgba(0,0,0,0.12);\r\n        font-size: 11px;\r\n        font-weight: 800;\r\n        transition:\r\n            transform 0.4s cubic-bezier(0.22,1,0.36,1),\r\n            box-shadow 0.4s ease;\r\n    }\r\n\r\n    .mwa-why-section__primary-button::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 0;\r\n        left: -90%;\r\n        width: 42%;\r\n        height: 100%;\r\n        background:\r\n            linear-gradient(\r\n                90deg,\r\n                transparent,\r\n                rgba(255,255,255,0.36),\r\n                transparent\r\n            );\r\n        transform: skewX(-20deg);\r\n        transition: left 1.6s cubic-bezier(0.22,1,0.36,1);\r\n    }\r\n\r\n    .mwa-why-section__primary-button:hover {\r\n        color: #ffffff;\r\n        box-shadow:\r\n            0 18px 38px rgba(4,26,54,0.30),\r\n            inset 0 1px 0 rgba(255,255,255,0.36),\r\n            inset 0 -4px 10px rgba(0,0,0,0.10);\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    .mwa-why-section__primary-button:hover::before {\r\n        left: 150%;\r\n    }\r\n\r\n    .mwa-why-section__primary-button i {\r\n        font-size: 9px;\r\n        transition: transform 0.35s ease;\r\n    }\r\n\r\n    .mwa-why-section__primary-button:hover i {\r\n        transform: translateX(3px);\r\n    }\r\n\r\n    .mwa-why-section__call-link {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        color: var(--mwa-text);\r\n    }\r\n\r\n    .mwa-why-section__call-icon {\r\n        width: 39px;\r\n        height: 39px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border: 1px solid rgba(11,45,92,0.10);\r\n        border-radius: 12px;\r\n        color: var(--mwa-navy);\r\n        background: #ffffff;\r\n        box-shadow: 0 9px 22px rgba(4,26,54,0.08);\r\n        font-size: 12px;\r\n        transition:\r\n            color 0.3s ease,\r\n            background 0.3s ease,\r\n            transform 0.3s ease;\r\n    }\r\n\r\n    .mwa-why-section__call-link:hover\r\n    .mwa-why-section__call-icon {\r\n        color: #ffffff;\r\n        background: var(--mwa-navy);\r\n        transform: rotate(-5deg);\r\n    }\r\n\r\n    .mwa-why-section__call-link > span:last-child {\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .mwa-why-section__call-link small {\r\n        color: var(--mwa-muted);\r\n        font-size: 8px;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .mwa-why-section__call-link strong {\r\n        margin-top: 3px;\r\n        color: var(--mwa-text);\r\n        font-size: 11px;\r\n        font-weight: 800;\r\n    }\r\n\r\n    @media (max-width: 1020px) {\r\n\r\n        .mwa-why-section {\r\n            padding-top: 42px;\r\n            padding-bottom: 42px;\r\n        }\r\n\r\n        .mwa-why-section__container {\r\n            grid-template-columns: 1fr;\r\n            gap: 34px;\r\n        }\r\n\r\n        .mwa-why-section__visual {\r\n            width: min(620px, 100%);\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .mwa-why-section__image-card {\r\n            min-height: 380px;\r\n        }\r\n\r\n        .mwa-why-section__content {\r\n            width: min(760px, 100%);\r\n            margin: 0 auto;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 680px) {\r\n\r\n        .mwa-why-section {\r\n            padding: 36px 12px;\r\n        }\r\n\r\n        .mwa-why-section__container {\r\n            gap: 28px;\r\n        }\r\n\r\n        .mwa-why-section__visual {\r\n            padding: 0 0 10px;\r\n        }\r\n\r\n        .mwa-why-section__image-card {\r\n            min-height: 330px;\r\n            border-radius: 22px;\r\n        }\r\n\r\n        .mwa-why-section__rating-card {\r\n            top: 14px;\r\n            right: 14px;\r\n            width: 150px;\r\n            padding: 11px 12px;\r\n        }\r\n\r\n        .mwa-why-section__experience-card {\r\n            bottom: 14px;\r\n            left: 14px;\r\n            min-width: 170px;\r\n            padding: 11px 12px;\r\n        }\r\n\r\n        .mwa-why-section__mini-stat {\r\n            right: 8px;\r\n            min-width: 170px;\r\n            padding: 12px 13px;\r\n        }\r\n\r\n        .mwa-why-section__title {\r\n            font-size: clamp(30px, 8.5vw, 38px);\r\n        }\r\n\r\n        .mwa-why-section__description {\r\n            margin-top: 13px;\r\n            margin-bottom: 16px;\r\n            font-size: 12px;\r\n        }\r\n\r\n        .mwa-why-section__features {\r\n            grid-template-columns: 1fr;\r\n            gap: 10px;\r\n        }\r\n\r\n        .mwa-why-section__feature {\r\n            min-height: auto;\r\n            padding: 15px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 420px) {\r\n\r\n        .mwa-why-section__image-card {\r\n            min-height: 300px;\r\n        }\r\n\r\n        .mwa-why-section__rating-card {\r\n            width: 137px;\r\n        }\r\n\r\n        .mwa-why-section__experience-card {\r\n            min-width: 155px;\r\n        }\r\n\r\n        .mwa-why-section__mini-stat {\r\n            min-width: 157px;\r\n        }\r\n\r\n        .mwa-why-section__actions {\r\n            align-items: flex-start;\r\n            flex-direction: column;\r\n        }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n\r\n        .mwa-why-section *,\r\n        .mwa-why-section *::before,\r\n        .mwa-why-section *::after {\r\n            animation-duration: 0.01ms !important;\r\n            animation-iteration-count: 1 !important;\r\n            transition-duration: 0.01ms !important;\r\n        }\r\n\r\n        .mwa-why-section__visual,\r\n        .mwa-why-section__content {\r\n            opacity: 1;\r\n            transform: none;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   FINAL COMPACT LAYOUT FIXES\r\n========================================================= *\/\r\n\r\n.mwa-why-section__image-card {\r\n    height: 390px;\r\n}\r\n\r\n.mwa-why-section__image {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover !important;\r\n    object-position: center center !important;\r\n}\r\n\r\n.mwa-why-section__title {\r\n    max-width: 620px;\r\n}\r\n\r\n.mwa-why-section__title span {\r\n    display: block;\r\n}\r\n\r\n.mwa-why-section__description {\r\n    max-width: 620px;\r\n    font-size: 16px;\r\n}\r\n\r\n.mwa-why-section__features {\r\n    align-items: stretch;\r\n}\r\n\r\n.mwa-why-section__feature {\r\n    min-height: 104px;\r\n}\r\n\r\n.mwa-why-section__actions {\r\n    margin-top: 18px;\r\n}\r\n\r\n@media (max-width: 1020px) {\r\n    .mwa-why-section__image-card {\r\n        height: 370px;\r\n        min-height: 370px;\r\n    }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n    .mwa-why-section__image-card {\r\n        height: 315px;\r\n        min-height: 315px;\r\n    }\r\n\r\n    .mwa-why-section__description {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .mwa-why-section__feature {\r\n        min-height: auto;\r\n    }\r\n}\r\n\r\n@media (max-width: 420px) {\r\n    .mwa-why-section__image-card {\r\n        height: 285px;\r\n        min-height: 285px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   ELEMENTOR EDITOR SAFE VISIBILITY + ENTRANCE ANIMATION\r\n========================================================= *\/\r\n\r\n.mwa-why-section__visual,\r\n.mwa-why-section__content {\r\n    opacity: 1 !important;\r\n    visibility: visible !important;\r\n    transform: translateY(0);\r\n}\r\n\r\n\/* Animation is added only after JS initialises successfully *\/\r\n.mwa-why-section.mwa-animate-ready\r\n.mwa-why-section__visual {\r\n    animation: mwaReveal 0.72s cubic-bezier(0.22,1,0.36,1) both;\r\n}\r\n\r\n.mwa-why-section.mwa-animate-ready\r\n.mwa-why-section__content {\r\n    animation: mwaReveal 0.72s 0.10s cubic-bezier(0.22,1,0.36,1) both;\r\n}\r\n\r\n@keyframes mwaReveal {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n\/* Elementor editor always shows the section immediately *\/\r\nbody.elementor-editor-active\r\n.mwa-why-section__visual,\r\nbody.elementor-editor-active\r\n.mwa-why-section__content,\r\n.elementor-editor-active\r\n.mwa-why-section__visual,\r\n.elementor-editor-active\r\n.mwa-why-section__content,\r\n.elementor-editor-preview\r\n.mwa-why-section__visual,\r\n.elementor-editor-preview\r\n.mwa-why-section__content {\r\n    opacity: 1 !important;\r\n    visibility: visible !important;\r\n    transform: none !important;\r\n    animation: none !important;\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .mwa-why-section__visual,\r\n    .mwa-why-section__content {\r\n        animation: none !important;\r\n        opacity: 1 !important;\r\n        transform: none !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<script>\r\n(function () {\r\n    function initialiseWhySection() {\r\n        const section = document.getElementById(\"mwaWhySection\");\r\n\r\n        if (!section) {\r\n            return;\r\n        }\r\n\r\n        const isElementorEditor =\r\n            document.body.classList.contains(\"elementor-editor-active\") ||\r\n            document.documentElement.classList.contains(\"elementor-editor-active\") ||\r\n            (window.elementorFrontend &&\r\n             typeof window.elementorFrontend.isEditMode === \"function\" &&\r\n             window.elementorFrontend.isEditMode());\r\n\r\n        if (isElementorEditor) {\r\n            section.classList.remove(\"mwa-animate-ready\");\r\n            return;\r\n        }\r\n\r\n        if (!(\"IntersectionObserver\" in window)) {\r\n            section.classList.add(\"mwa-animate-ready\");\r\n            return;\r\n        }\r\n\r\n        const observer = new IntersectionObserver(\r\n            function (entries, currentObserver) {\r\n                entries.forEach(function (entry) {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add(\"mwa-animate-ready\");\r\n                        currentObserver.unobserve(entry.target);\r\n                    }\r\n                });\r\n            },\r\n            {\r\n                threshold: 0.08,\r\n                rootMargin: \"0px 0px -20px 0px\"\r\n            }\r\n        );\r\n\r\n        observer.observe(section);\r\n    }\r\n\r\n    if (document.readyState === \"loading\") {\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            initialiseWhySection\r\n        );\r\n    } else {\r\n        initialiseWhySection();\r\n    }\r\n\r\n    window.addEventListener(\"elementor\/frontend\/init\", function () {\r\n        initialiseWhySection();\r\n    });\r\n})();\r\n<\/script>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   FINAL \u2014 ZERO TOP PADDING + CENTERED RESPONSIVE CONTENT\r\n========================================================= *\/\r\n\r\n\/* Remove top padding on every device *\/\r\n.mwa-why-section {\r\n    padding-top: 0 !important;\r\n}\r\n\r\n\/* Tablet and mobile *\/\r\n@media (max-width: 1020px) {\r\n\r\n    .mwa-why-section {\r\n        padding-top: 0 !important;\r\n    }\r\n\r\n    .mwa-why-section__content {\r\n        text-align: center !important;\r\n    }\r\n\r\n    .mwa-why-section__eyebrow {\r\n        margin-right: auto !important;\r\n        margin-left: auto !important;\r\n    }\r\n\r\n    .mwa-why-section__title,\r\n    .mwa-why-section__description {\r\n        margin-right: auto !important;\r\n        margin-left: auto !important;\r\n        text-align: center !important;\r\n    }\r\n\r\n    .mwa-why-section__features {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n        gap: 10px !important;\r\n    }\r\n\r\n    .mwa-why-section__feature {\r\n        align-items: center !important;\r\n        flex-direction: column !important;\r\n        justify-content: center !important;\r\n        min-height: 145px !important;\r\n        padding: 15px 12px !important;\r\n        text-align: center !important;\r\n    }\r\n\r\n    .mwa-why-section__feature-icon {\r\n        margin: 0 auto 2px !important;\r\n    }\r\n\r\n    .mwa-why-section__feature h3,\r\n    .mwa-why-section__feature p {\r\n        text-align: center !important;\r\n    }\r\n\r\n    .mwa-why-section__actions {\r\n        justify-content: center !important;\r\n    }\r\n}\r\n\r\n\/* Mobile: keep 2 cards in one row *\/\r\n@media (max-width: 680px) {\r\n\r\n    .mwa-why-section {\r\n        padding-top: 0 !important;\r\n        padding-right: 10px !important;\r\n        padding-bottom: 36px !important;\r\n        padding-left: 10px !important;\r\n    }\r\n\r\n    .mwa-why-section__container {\r\n        gap: 26px !important;\r\n    }\r\n\r\n    .mwa-why-section__content {\r\n        text-align: center !important;\r\n    }\r\n\r\n    .mwa-why-section__features {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n        gap: 9px !important;\r\n    }\r\n\r\n    .mwa-why-section__feature {\r\n        min-height: 142px !important;\r\n        gap: 8px !important;\r\n        padding: 13px 9px !important;\r\n        border-radius: 15px !important;\r\n    }\r\n\r\n    .mwa-why-section__feature-icon {\r\n        flex: 0 0 37px !important;\r\n        width: 37px !important;\r\n        height: 37px !important;\r\n        font-size: 14px !important;\r\n    }\r\n\r\n    .mwa-why-section__feature h3 {\r\n        margin-bottom: 5px !important;\r\n        font-size: 11px !important;\r\n        line-height: 1.3 !important;\r\n    }\r\n\r\n    .mwa-why-section__feature p {\r\n        font-size: 8px !important;\r\n        line-height: 1.5 !important;\r\n    }\r\n\r\n    .mwa-why-section__actions {\r\n        align-items: center !important;\r\n        flex-direction: row !important;\r\n        justify-content: center !important;\r\n    }\r\n}\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .mwa-why-section__features {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n        gap: 8px !important;\r\n    }\r\n\r\n    .mwa-why-section__feature {\r\n        min-height: 138px !important;\r\n        padding: 12px 7px !important;\r\n    }\r\n\r\n    .mwa-why-section__feature h3 {\r\n        font-size: 10px !important;\r\n    }\r\n\r\n    .mwa-why-section__feature p {\r\n        font-size: 7.5px !important;\r\n    }\r\n\r\n    .mwa-why-section__actions {\r\n        align-items: center !important;\r\n        flex-direction: row !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<style>\r\n\/* =========================================================\r\n   FINAL ICON COLOR\r\n   NORMAL = GOLDEN\r\n   HOVER = NAVY\r\n========================================================= *\/\r\n\r\n\/* Feature icons *\/\r\n.mwa-why-section__feature-icon{\r\n    color:#c7a64a !important;\r\n    border-color:rgba(199,166,74,.35) !important;\r\n    background:#fffdf8 !important;\r\n}\r\n\r\n.mwa-why-section__feature:hover .mwa-why-section__feature-icon{\r\n    color:#ffffff !important;\r\n    background:linear-gradient(145deg,#174a87,#041a36) !important;\r\n    border-color:#0b2d5c !important;\r\n}\r\n\r\n\/* Eyebrow icon *\/\r\n.mwa-why-section__eyebrow-icon{\r\n    background:linear-gradient(145deg,#e4cc7a,#c7a64a) !important;\r\n    color:#ffffff !important;\r\n}\r\n\r\n.mwa-why-section__eyebrow:hover .mwa-why-section__eyebrow-icon{\r\n    background:linear-gradient(145deg,#174a87,#041a36) !important;\r\n}\r\n\r\n\/* Mini stat icon *\/\r\n.mwa-why-section__mini-stat-icon{\r\n    color:#c7a64a !important;\r\n    border-color:rgba(199,166,74,.35) !important;\r\n    background:#fffdf8 !important;\r\n}\r\n\r\n\/* Experience card icon *\/\r\n.mwa-why-section__experience-icon{\r\n    background:linear-gradient(145deg,#e4cc7a,#c7a64a) !important;\r\n    color:#ffffff !important;\r\n}\r\n\r\n\/* Primary button arrow *\/\r\n.mwa-why-section__primary-button i{\r\n    color:#c7a64a !important;\r\n}\r\n.mwa-why-section__primary-button:hover i{\r\n    color:#ffffff !important;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-36e4f69 e-con-full e-flex e-con e-parent\" data-id=\"36e4f69\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8326aeb elementor-widget elementor-widget-html\" data-id=\"8326aeb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     NEXT SECTION \u2014 PREMIUM LOAN SERVICES\r\n     Elementor HTML Widget Ready\r\n     Complete HTML + CSS + JavaScript\r\n========================================================= -->\r\n\r\n<section class=\"mla-services-section\" id=\"mlaServicesSection\">\r\n    <div class=\"mla-services-section__background\" aria-hidden=\"true\">\r\n        <span class=\"mla-services-section__glow mla-services-section__glow--one\"><\/span>\r\n        <span class=\"mla-services-section__glow mla-services-section__glow--two\"><\/span>\r\n        <span class=\"mla-services-section__line mla-services-section__line--one\"><\/span>\r\n        <span class=\"mla-services-section__line mla-services-section__line--two\"><\/span>\r\n    <\/div>\r\n\r\n    <div class=\"mla-services-section__container\">\r\n\r\n        <div class=\"mla-services-section__intro\">\r\n\r\n            <div class=\"mla-services-section__eyebrow\">\r\n                <span class=\"mla-services-section__eyebrow-icon\">\r\n                    <i class=\"fa-solid fa-wallet\"><\/i>\r\n                <\/span>\r\n                <span>Loan Solutions Designed Around You<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"mla-services-section__heading-row\">\r\n\r\n                <div class=\"mla-services-section__heading-wrap\">\r\n                    <h2 class=\"mla-services-section__title\">\r\n                        Choose The Right Loan For\r\n                        <span>Your Next Big Step<\/span>\r\n                    <\/h2>\r\n                <\/div>\r\n\r\n                <div class=\"mla-services-section__intro-copy\">\r\n                    <p>\r\n                        Explore flexible financing options with transparent guidance,\r\n                        competitive rates and a simple application process.\r\n                    <\/p>\r\n\r\n                    <a href=\"\/loan-services\/\" class=\"mla-services-section__view-all\">\r\n                        <span>Explore All Loans<\/span>\r\n                        <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"mla-services-section__grid\">\r\n\r\n            <a href=\"\/personal-loan\/\" class=\"mla-services-section__card\">\r\n                <span class=\"mla-services-section__card-number\">01<\/span>\r\n\r\n                <div class=\"mla-services-section__icon\">\r\n                    <i class=\"fa-solid fa-user\"><\/i>\r\n                <\/div>\r\n\r\n                <div class=\"mla-services-section__card-content\">\r\n                    <h3>Personal Loan<\/h3>\r\n                    <p>\r\n                        Quick funds for weddings, travel, medical needs and other\r\n                        personal expenses.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"mla-services-section__meta\">\r\n                    <span>\r\n                        <i class=\"fa-solid fa-bolt\"><\/i>\r\n                        Fast Approval\r\n                    <\/span>\r\n                    <span class=\"mla-services-section__arrow\">\r\n                        <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                    <\/span>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"\/home-loan\/\" class=\"mla-services-section__card\">\r\n                <span class=\"mla-services-section__card-number\">02<\/span>\r\n\r\n                <div class=\"mla-services-section__icon\">\r\n                    <i class=\"fa-solid fa-house-chimney\"><\/i>\r\n                <\/div>\r\n\r\n                <div class=\"mla-services-section__card-content\">\r\n                    <h3>Home Loan<\/h3>\r\n                    <p>\r\n                        Flexible home financing to buy, build or renovate your\r\n                        dream property.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"mla-services-section__meta\">\r\n                    <span>\r\n                        <i class=\"fa-solid fa-percent\"><\/i>\r\n                        Attractive Rates\r\n                    <\/span>\r\n                    <span class=\"mla-services-section__arrow\">\r\n                        <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                    <\/span>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"\/business-loan\/\" class=\"mla-services-section__card\">\r\n                <span class=\"mla-services-section__card-number\">03<\/span>\r\n\r\n                <div class=\"mla-services-section__icon\">\r\n                    <i class=\"fa-solid fa-briefcase\"><\/i>\r\n                <\/div>\r\n\r\n                <div class=\"mla-services-section__card-content\">\r\n                    <h3>Business Loan<\/h3>\r\n                    <p>\r\n                        Working capital and growth funding built for modern\r\n                        businesses and entrepreneurs.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"mla-services-section__meta\">\r\n                    <span>\r\n                        <i class=\"fa-solid fa-chart-line\"><\/i>\r\n                        Growth Focused\r\n                    <\/span>\r\n                    <span class=\"mla-services-section__arrow\">\r\n                        <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                    <\/span>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"\/car-loan\/\" class=\"mla-services-section__card\">\r\n                <span class=\"mla-services-section__card-number\">04<\/span>\r\n\r\n                <div class=\"mla-services-section__icon\">\r\n                    <i class=\"fa-solid fa-car-side\"><\/i>\r\n                <\/div>\r\n\r\n                <div class=\"mla-services-section__card-content\">\r\n                    <h3>Car Loan<\/h3>\r\n                    <p>\r\n                        Drive home your preferred car with convenient repayment\r\n                        plans and easy processing.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"mla-services-section__meta\">\r\n                    <span>\r\n                        <i class=\"fa-solid fa-road\"><\/i>\r\n                        Easy Process\r\n                    <\/span>\r\n                    <span class=\"mla-services-section__arrow\">\r\n                        <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                    <\/span>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"\/property-loan\/\" class=\"mla-services-section__card\">\r\n                <span class=\"mla-services-section__card-number\">05<\/span>\r\n\r\n                <div class=\"mla-services-section__icon\">\r\n                    <i class=\"fa-solid fa-building\"><\/i>\r\n                <\/div>\r\n\r\n                <div class=\"mla-services-section__card-content\">\r\n                    <h3>Loan Against Property<\/h3>\r\n                    <p>\r\n                        Unlock the value of your residential or commercial\r\n                        property for larger financial needs.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"mla-services-section__meta\">\r\n                    <span>\r\n                        <i class=\"fa-solid fa-shield-halved\"><\/i>\r\n                        Higher Eligibility\r\n                    <\/span>\r\n                    <span class=\"mla-services-section__arrow\">\r\n                        <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                    <\/span>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"\/education-loan\/\" class=\"mla-services-section__card\">\r\n                <span class=\"mla-services-section__card-number\">06<\/span>\r\n\r\n                <div class=\"mla-services-section__icon\">\r\n                    <i class=\"fa-solid fa-graduation-cap\"><\/i>\r\n                <\/div>\r\n\r\n                <div class=\"mla-services-section__card-content\">\r\n                    <h3>Education Loan<\/h3>\r\n                    <p>\r\n                        Support higher education in India or abroad with\r\n                        student-friendly financing options.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"mla-services-section__meta\">\r\n                    <span>\r\n                        <i class=\"fa-solid fa-book-open\"><\/i>\r\n                        Future Ready\r\n                    <\/span>\r\n                    <span class=\"mla-services-section__arrow\">\r\n                        <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                    <\/span>\r\n                <\/div>\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<link\r\n    rel=\"stylesheet\"\r\n    href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\"\r\n>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link\r\n    href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap\"\r\n    rel=\"stylesheet\"\r\n>\r\n\r\n<style>\r\n    .mla-services-section {\r\n        --mla-navy: #0b2d5c;\r\n        --mla-navy-deep: #041a36;\r\n        --mla-navy-light: #174a87;\r\n        --mla-gold: #c7a64a;\r\n        --mla-gold-light: #e3cb7a;\r\n        --mla-white: #ffffff;\r\n        --mla-text: #0a2342;\r\n        --mla-muted: #637186;\r\n        --mla-border: rgba(11, 45, 92, 0.10);\r\n\r\n        position: relative;\r\n        width: 100%;\r\n        overflow: hidden;\r\n        padding: 78px 22px 62px;\r\n        background:#ffffff;\r\n        font-family: \"Manrope\", sans-serif;\r\n        isolation: isolate;\r\n    }\r\n\r\n    .mla-services-section,\r\n    .mla-services-section * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .mla-services-section a {\r\n        text-decoration: none;\r\n    }\r\n\r\n    .mla-services-section__background {\r\n        position: absolute;\r\n        inset: 0;\r\n        z-index: -2;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .mla-services-section__background::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 0;\r\n        right: 0;\r\n        left: 0;\r\n        height: 150px;\r\n        background:\r\n            linear-gradient(\r\n                180deg,\r\n                rgba(255,255,255,1) 0%,\r\n                rgba(255,255,255,0) 100%\r\n            );\r\n    }\r\n\r\n    .mla-services-section__background::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset: 0;\r\n        opacity: 0.34;\r\n        background-image:\r\n            linear-gradient(rgba(11,45,92,0.035) 1px, transparent 1px),\r\n            linear-gradient(90deg, rgba(11,45,92,0.035) 1px, transparent 1px);\r\n        background-size: 48px 48px;\r\n        mask-image: linear-gradient(\r\n            to bottom,\r\n            transparent 0%,\r\n            #000 28%,\r\n            #000 75%,\r\n            transparent 100%\r\n        );\r\n        -webkit-mask-image: linear-gradient(\r\n            to bottom,\r\n            transparent 0%,\r\n            #000 28%,\r\n            #000 75%,\r\n            transparent 100%\r\n        );\r\n    }\r\n\r\n    .mla-services-section__glow {\r\n        position: absolute;\r\n        display: block;\r\n        border-radius: 50%;\r\n        filter: blur(20px);\r\n    }\r\n\r\n    .mla-services-section__glow--one {\r\n        top: 90px;\r\n        left: -130px;\r\n        width: 390px;\r\n        height: 390px;\r\n        background: rgba(11,45,92,0.10);\r\n    }\r\n\r\n    .mla-services-section__glow--two {\r\n        right: -120px;\r\n        bottom: 30px;\r\n        width: 360px;\r\n        height: 360px;\r\n        background: rgba(199,166,74,0.09);\r\n    }\r\n\r\n    .mla-services-section__line {\r\n        position: absolute;\r\n        display: block;\r\n        border: 1px solid rgba(11,45,92,0.07);\r\n        border-radius: 50%;\r\n    }\r\n\r\n    .mla-services-section__line--one {\r\n        top: 15%;\r\n        right: -180px;\r\n        width: 520px;\r\n        height: 520px;\r\n    }\r\n\r\n    .mla-services-section__line--two {\r\n        bottom: -310px;\r\n        left: -120px;\r\n        width: 600px;\r\n        height: 600px;\r\n    }\r\n\r\n    .mla-services-section__container {\r\n        position: relative;\r\n        width: min(1240px, 100%);\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .mla-services-section__intro {\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .mla-services-section__eyebrow {\r\n        width: fit-content;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        min-height: 40px;\r\n        margin-bottom: 14px;\r\n        padding: 7px 14px 7px 8px;\r\n        border: 1px solid rgba(11,45,92,0.10);\r\n        border-radius: 999px;\r\n        color: var(--mla-navy);\r\n        background: rgba(255,255,255,0.82);\r\n        box-shadow:\r\n            0 10px 28px rgba(4,26,54,0.07),\r\n            inset 0 1px 0 rgba(255,255,255,1);\r\n        backdrop-filter: blur(16px);\r\n        -webkit-backdrop-filter: blur(16px);\r\n        font-size: 12px;\r\n        font-weight: 800;\r\n        letter-spacing: 0.02em;\r\n    }\r\n\r\n    .mla-services-section__eyebrow-icon {\r\n        width: 27px;\r\n        height: 27px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 50%;\r\n        color: var(--mla-white);\r\n        background: linear-gradient(\r\n            145deg,\r\n            var(--mla-navy-light),\r\n            var(--mla-navy-deep)\r\n        );\r\n        box-shadow:\r\n            0 7px 16px rgba(4,26,54,0.20),\r\n            inset 0 1px 0 rgba(255,255,255,0.28);\r\n        font-size: 10px;\r\n    }\r\n\r\n    .mla-services-section__heading-row {\r\n        display: grid;\r\n        grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.72fr);\r\n        align-items: end;\r\n        gap: 44px;\r\n    }\r\n\r\n    .mla-services-section__title {\r\n        max-width: 720px;\r\n        margin: 0;\r\n        color: var(--mla-text);\r\n        font-size: clamp(34px, 3.5vw, 48px);\r\n        font-weight: 800;\r\n        line-height: 1.08;\r\n        letter-spacing: -0.045em;\r\n    }\r\n\r\n    .mla-services-section__title span {\r\n        position: relative;\r\n        display: inline-block;\r\n        color: var(--mla-navy);\r\n    }\r\n\r\n    .mla-services-section__title span::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        right: 4px;\r\n        bottom: -6px;\r\n        left: 4px;\r\n        height: 4px;\r\n        border-radius: 50px;\r\n        background: linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            var(--mla-gold),\r\n            transparent\r\n        );\r\n        opacity: 0.88;\r\n    }\r\n\r\n    .mla-services-section__intro-copy {\r\n        padding-bottom: 5px;\r\n    }\r\n\r\n    .mla-services-section__intro-copy p {\r\n        margin: 0 0 14px;\r\n        color: var(--mla-muted);\r\n        font-size: 15px;\r\n        font-weight: 500;\r\n        line-height: 1.8;\r\n    }\r\n\r\n    .mla-services-section__view-all {\r\n        width: fit-content;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        color: var(--mla-navy);\r\n        font-size: 12px;\r\n        font-weight: 800;\r\n        transition:\r\n            color 0.3s ease,\r\n            transform 0.3s ease;\r\n    }\r\n\r\n    .mla-services-section__view-all::after {\r\n        content: \"\";\r\n        position: absolute;\r\n    }\r\n\r\n    .mla-services-section__view-all i {\r\n        width: 29px;\r\n        height: 29px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border: 1px solid rgba(11,45,92,0.11);\r\n        border-radius: 50%;\r\n        color: var(--mla-navy);\r\n        background: #ffffff;\r\n        box-shadow: 0 7px 16px rgba(4,26,54,0.08);\r\n        font-size: 9px;\r\n        transition:\r\n            color 0.3s ease,\r\n            background 0.3s ease,\r\n            transform 0.3s ease;\r\n    }\r\n\r\n    .mla-services-section__view-all:hover {\r\n        color: var(--mla-gold);\r\n        transform: translateX(2px);\r\n    }\r\n\r\n    .mla-services-section__view-all:hover i {\r\n        color: #ffffff;\r\n        background: var(--mla-navy);\r\n        transform: translateX(3px);\r\n    }\r\n\r\n    .mla-services-section__grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, minmax(0, 1fr));\r\n        gap: 14px;\r\n    }\r\n\r\n    .mla-services-section__card {\r\n        position: relative;\r\n        min-height: 250px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        overflow: hidden;\r\n        padding: 20px;\r\n        border: 1px solid rgba(11,45,92,0.10);\r\n        border-radius: 20px;\r\n        color: var(--mla-text);\r\n        background:\r\n            linear-gradient(\r\n                145deg,\r\n                rgba(255,255,255,0.98),\r\n                rgba(255,255,255,0.76)\r\n            );\r\n        box-shadow:\r\n            0 20px 55px rgba(4,26,54,0.085),\r\n            inset 0 1px 0 rgba(255,255,255,1);\r\n        backdrop-filter: blur(24px);\r\n        -webkit-backdrop-filter: blur(24px);\r\n        transform: translateY(0);\r\n        transition:\r\n            border-color 0.4s ease,\r\n            box-shadow 0.4s ease,\r\n            transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);\r\n    }\r\n\r\n    .mla-services-section__card::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: -110px;\r\n        right: -105px;\r\n        width: 225px;\r\n        height: 225px;\r\n        border-radius: 50%;\r\n        background:\r\n            radial-gradient(\r\n                circle,\r\n                rgba(11,45,92,0.12) 0%,\r\n                rgba(11,45,92,0) 70%\r\n            );\r\n        transition: transform 0.6s ease;\r\n    }\r\n\r\n    .mla-services-section__card::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 0;\r\n        left: -85%;\r\n        width: 38%;\r\n        height: 100%;\r\n        background: linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            rgba(255,255,255,0.70),\r\n            transparent\r\n        );\r\n        transform: skewX(-18deg);\r\n        transition: left 1.2s cubic-bezier(0.22, 1, 0.36, 1);\r\n        pointer-events: none;\r\n    }\r\n\r\n    .mla-services-section__card:hover {\r\n        color: var(--mla-text);\r\n        border-color: rgba(11,45,92,0.19);\r\n        box-shadow:\r\n            0 29px 68px rgba(4,26,54,0.14),\r\n            inset 0 1px 0 rgba(255,255,255,1);\r\n        transform: translateY(-8px);\r\n    }\r\n\r\n    .mla-services-section__card:hover::before {\r\n        transform: scale(1.22);\r\n    }\r\n\r\n    .mla-services-section__card:hover::after {\r\n        left: 150%;\r\n    }\r\n\r\n    .mla-services-section__card-number {\r\n        position: absolute;\r\n        top: 19px;\r\n        right: 22px;\r\n        color: rgba(11,45,92,0.09);\r\n        font-size: 42px;\r\n        font-weight: 800;\r\n        line-height: 1;\r\n        letter-spacing: -0.06em;\r\n        transition: color 0.3s ease;\r\n    }\r\n\r\n    .mla-services-section__card:hover\r\n    .mla-services-section__card-number {\r\n        color: rgba(199,166,74,0.20);\r\n    }\r\n\r\n    .mla-services-section__icon {\r\n        position: relative;\r\n        z-index: 2;\r\n        width: 50px;\r\n        height: 50px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin-bottom: 18px;\r\n        border: 1px solid rgba(11,45,92,0.12);\r\n        border-radius: 15px;\r\n        color: var(--mla-navy);\r\n        background:\r\n            linear-gradient(\r\n                145deg,\r\n                #ffffff,\r\n                #f4f8fd\r\n            );\r\n        box-shadow:\r\n            0 12px 28px rgba(4,26,54,0.10),\r\n            inset 0 1px 0 #ffffff;\r\n        font-size: 17px;\r\n        transition:\r\n            color 0.4s ease,\r\n            background 0.4s ease,\r\n            box-shadow 0.4s ease,\r\n            transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);\r\n    }\r\n\r\n    .mla-services-section__card:hover\r\n    .mla-services-section__icon {\r\n        color: #ffffff;\r\n        background:\r\n            linear-gradient(\r\n                145deg,\r\n                var(--mla-navy-light),\r\n                var(--mla-navy-deep)\r\n            );\r\n        box-shadow:\r\n            0 15px 30px rgba(4,26,54,0.25),\r\n            inset 0 1px 0 rgba(255,255,255,0.28);\r\n        transform: rotate(-5deg) scale(1.05);\r\n    }\r\n\r\n    .mla-services-section__card-content {\r\n        position: relative;\r\n        z-index: 2;\r\n        flex: 1;\r\n    }\r\n\r\n    .mla-services-section__card-content h3 {\r\n        margin: 0 0 9px;\r\n        color: var(--mla-text);\r\n        font-size: 17px;\r\n        font-weight: 800;\r\n        line-height: 1.25;\r\n        letter-spacing: -0.025em;\r\n    }\r\n\r\n    .mla-services-section__card-content p {\r\n        margin: 0;\r\n        color: var(--mla-muted);\r\n        font-size: 13px;\r\n        font-weight: 500;\r\n        line-height: 1.65;\r\n    }\r\n\r\n    .mla-services-section__meta {\r\n        position: relative;\r\n        z-index: 2;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 15px;\r\n        margin-top: 18px;\r\n        padding-top: 13px;\r\n        border-top: 1px solid rgba(11,45,92,0.08);\r\n    }\r\n\r\n    .mla-services-section__meta > span:first-child {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 7px;\r\n        color: var(--mla-navy);\r\n        font-size: 10px;\r\n        font-weight: 800;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.07em;\r\n    }\r\n\r\n    .mla-services-section__meta > span:first-child i {\r\n        color: var(--mla-gold);\r\n    }\r\n\r\n    .mla-services-section__arrow {\r\n        width: 31px;\r\n        height: 31px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border: 1px solid rgba(11,45,92,0.10);\r\n        border-radius: 50%;\r\n        color: var(--mla-navy);\r\n        background: #ffffff;\r\n        box-shadow: 0 8px 17px rgba(4,26,54,0.08);\r\n        font-size: 10px;\r\n        transition:\r\n            color 0.35s ease,\r\n            background 0.35s ease,\r\n            transform 0.35s ease;\r\n    }\r\n\r\n    .mla-services-section__card:hover\r\n    .mla-services-section__arrow {\r\n        color: #ffffff;\r\n        background: var(--mla-navy);\r\n        transform: translateX(4px);\r\n    }\r\n\r\n\r\n    @media (max-width: 1080px) {\r\n\r\n        .mla-services-section {\r\n            padding-top: 68px;\r\n        }\r\n\r\n        .mla-services-section__heading-row {\r\n            grid-template-columns: 1fr;\r\n            gap: 24px;\r\n        }\r\n\r\n        .mla-services-section__intro-copy {\r\n            max-width: 650px;\r\n        }\r\n\r\n        .mla-services-section__grid {\r\n            grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        }\r\n    }\r\n\r\n    @media (max-width: 760px) {\r\n\r\n        .mla-services-section {\r\n            padding: 58px 14px 50px;\r\n        }\r\n\r\n        .mla-services-section__intro {\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .mla-services-section__eyebrow {\r\n            font-size: 10px;\r\n        }\r\n\r\n        .mla-services-section__title {\r\n            max-width: 590px;\r\n            font-size: clamp(34px, 10vw, 46px);\r\n            line-height: 1.12;\r\n        }\r\n\r\n        .mla-services-section__grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 14px;\r\n        }\r\n\r\n        .mla-services-section__card {\r\n            min-height: 235px;\r\n            padding: 18px;\r\n            border-radius: 18px;\r\n        }\r\n\r\n    }\r\n\r\n    @media (max-width: 460px) {\r\n\r\n        .mla-services-section {\r\n            padding-right: 10px;\r\n            padding-left: 10px;\r\n        }\r\n\r\n        .mla-services-section__title {\r\n            font-size: 35px;\r\n        }\r\n\r\n        .mla-services-section__intro-copy p {\r\n            font-size: 13px;\r\n        }\r\n\r\n        .mla-services-section__card {\r\n            min-height: 225px;\r\n        }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n        .mla-services-section *,\r\n        .mla-services-section *::before,\r\n        .mla-services-section *::after {\r\n            animation-duration: 0.01ms !important;\r\n            animation-iteration-count: 1 !important;\r\n            transition-duration: 0.01ms !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n\r\n<style>\r\n\/* FINAL PURE WHITE BACKGROUND *\/\r\n.mla-services-section{\r\n    background:#ffffff !important;\r\n}\r\n.mla-services-section__background,\r\n.mla-services-section__background::before,\r\n.mla-services-section__background::after,\r\n.mla-services-section__glow,\r\n.mla-services-section__line{\r\n    display:none !important;\r\n}\r\n<\/style>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   ELEMENTOR EDITOR SAFE VISIBILITY + ENTRANCE ANIMATION\r\n========================================================= *\/\r\n\r\n.mla-services-section__card {\r\n    opacity: 1 !important;\r\n    visibility: visible !important;\r\n    transform: translateY(0);\r\n}\r\n\r\n\/* Animation runs without hiding the cards permanently *\/\r\n.mla-services-section.mla-animate-ready .mla-services-section__card {\r\n    animation: mlaCardReveal 0.65s cubic-bezier(0.22, 1, 0.36, 1) both;\r\n}\r\n\r\n.mla-services-section.mla-animate-ready\r\n.mla-services-section__card:nth-child(2) {\r\n    animation-delay: 0.06s;\r\n}\r\n\r\n.mla-services-section.mla-animate-ready\r\n.mla-services-section__card:nth-child(3) {\r\n    animation-delay: 0.12s;\r\n}\r\n\r\n.mla-services-section.mla-animate-ready\r\n.mla-services-section__card:nth-child(4) {\r\n    animation-delay: 0.18s;\r\n}\r\n\r\n.mla-services-section.mla-animate-ready\r\n.mla-services-section__card:nth-child(5) {\r\n    animation-delay: 0.24s;\r\n}\r\n\r\n.mla-services-section.mla-animate-ready\r\n.mla-services-section__card:nth-child(6) {\r\n    animation-delay: 0.30s;\r\n}\r\n\r\n@keyframes mlaCardReveal {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(18px);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n\/* Elementor editor always shows the complete design immediately *\/\r\nbody.elementor-editor-active\r\n.mla-services-section__card,\r\n.elementor-editor-active\r\n.mla-services-section__card,\r\n.elementor-editor-preview\r\n.mla-services-section__card {\r\n    opacity: 1 !important;\r\n    visibility: visible !important;\r\n    transform: none !important;\r\n    animation: none !important;\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .mla-services-section__card {\r\n        animation: none !important;\r\n        opacity: 1 !important;\r\n        transform: none !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<script>\r\n(function () {\r\n    function initialiseLoanServicesSection() {\r\n        const section = document.getElementById(\"mlaServicesSection\");\r\n\r\n        if (!section) {\r\n            return;\r\n        }\r\n\r\n        \/*\r\n         * Elementor editor\/preview can delay or block observer callbacks.\r\n         * Cards remain visible by default, so the design never disappears.\r\n         *\/\r\n        const isElementorEditor =\r\n            document.body.classList.contains(\"elementor-editor-active\") ||\r\n            document.documentElement.classList.contains(\"elementor-editor-active\") ||\r\n            window.elementorFrontend?.isEditMode?.();\r\n\r\n        if (isElementorEditor) {\r\n            section.classList.remove(\"mla-animate-ready\");\r\n            return;\r\n        }\r\n\r\n        if (!(\"IntersectionObserver\" in window)) {\r\n            section.classList.add(\"mla-animate-ready\");\r\n            return;\r\n        }\r\n\r\n        const observer = new IntersectionObserver(\r\n            function (entries, currentObserver) {\r\n                entries.forEach(function (entry) {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add(\"mla-animate-ready\");\r\n                        currentObserver.unobserve(entry.target);\r\n                    }\r\n                });\r\n            },\r\n            {\r\n                threshold: 0.08,\r\n                rootMargin: \"0px 0px -25px 0px\"\r\n            }\r\n        );\r\n\r\n        observer.observe(section);\r\n    }\r\n\r\n    if (document.readyState === \"loading\") {\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            initialiseLoanServicesSection\r\n        );\r\n    } else {\r\n        initialiseLoanServicesSection();\r\n    }\r\n\r\n    \/* Elementor dynamically re-renders HTML widgets inside the editor *\/\r\n    window.addEventListener(\"elementor\/frontend\/init\", function () {\r\n        initialiseLoanServicesSection();\r\n    });\r\n})();\r\n<\/script>\r\n\r\n<style>\r\n\/* ===== FINAL MOBILE & TABLET ALIGNMENT FIX ===== *\/\r\n\r\n\/* Tablet *\/\r\n@media (max-width:1024px){\r\n  .mla-services-section__intro,\r\n  .mla-services-section__heading-wrap,\r\n  .mla-services-section__intro-copy{\r\n    text-align:center!important;\r\n  }\r\n\r\n  .mla-services-section__eyebrow{\r\n    margin-left:auto!important;\r\n    margin-right:auto!important;\r\n  }\r\n\r\n  .mla-services-section__heading-row{\r\n    grid-template-columns:1fr!important;\r\n    text-align:center!important;\r\n    gap:20px!important;\r\n  }\r\n\r\n  .mla-services-section__intro-copy{\r\n    max-width:680px;\r\n    margin:0 auto;\r\n  }\r\n\r\n  .mla-services-section__view-all{\r\n    margin:0 auto!important;\r\n    justify-content:center!important;\r\n  }\r\n\r\n  .mla-services-section__grid{\r\n    grid-template-columns:repeat(2,minmax(0,1fr))!important;\r\n    gap:14px!important;\r\n  }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width:767px){\r\n  .mla-services-section__intro,\r\n  .mla-services-section__heading-wrap,\r\n  .mla-services-section__intro-copy,\r\n  .mla-services-section__card,\r\n  .mla-services-section__card-content,\r\n  .mla-services-section__meta{\r\n    text-align:center!important;\r\n  }\r\n\r\n  .mla-services-section__eyebrow{\r\n    margin-left:auto!important;\r\n    margin-right:auto!important;\r\n  }\r\n\r\n  .mla-services-section__icon{\r\n    margin-left:auto!important;\r\n    margin-right:auto!important;\r\n  }\r\n\r\n  .mla-services-section__meta{\r\n    justify-content:center!important;\r\n    gap:12px!important;\r\n  }\r\n\r\n  .mla-services-section__grid{\r\n    grid-template-columns:repeat(2,minmax(0,1fr))!important;\r\n    gap:12px!important;\r\n  }\r\n\r\n  .mla-services-section__card{\r\n    min-height:210px!important;\r\n    padding:16px 12px!important;\r\n  }\r\n\r\n  .mla-services-section__card-content h3{\r\n    font-size:15px!important;\r\n  }\r\n\r\n  .mla-services-section__card-content p{\r\n    font-size:12px!important;\r\n  }\r\n\r\n  .mla-services-section__card-number{\r\n    right:14px!important;\r\n    top:14px!important;\r\n    font-size:32px!important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   FINAL DESKTOP TOP PADDING + RESPONSIVE HEADING SIZE\r\n========================================================= *\/\r\n\r\n\/* Desktop only: reduce top padding *\/\r\n@media (min-width: 1081px) {\r\n    .mla-services-section {\r\n        padding-top: 48px !important;\r\n    }\r\n}\r\n\r\n\/* Tablet: keep existing section padding, only reduce heading *\/\r\n@media (max-width: 1080px) and (min-width: 768px) {\r\n    .mla-services-section__title {\r\n        max-width: 620px !important;\r\n        margin-right: auto !important;\r\n        margin-left: auto !important;\r\n        font-size: clamp(30px, 4.5vw, 40px) !important;\r\n        line-height: 1.12 !important;\r\n    }\r\n}\r\n\r\n\/* Mobile: keep existing section padding, only reduce heading *\/\r\n@media (max-width: 767px) {\r\n    .mla-services-section__title {\r\n        max-width: 520px !important;\r\n        margin-right: auto !important;\r\n        margin-left: auto !important;\r\n        font-size: clamp(27px, 7.7vw, 34px) !important;\r\n        line-height: 1.14 !important;\r\n        letter-spacing: -0.035em !important;\r\n    }\r\n}\r\n\r\n@media (max-width: 460px) {\r\n    .mla-services-section__title {\r\n        font-size: clamp(26px, 7.5vw, 31px) !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n<style>\r\n\/* ===== FINAL SPACING UPDATE ===== *\/\r\n\r\n\/* Desktop *\/\r\n@media (min-width:1081px){\r\n .mla-services-section{\r\n   padding-top:48px!important;\r\n }\r\n}\r\n\r\n\/* Tablet *\/\r\n@media (max-width:1080px) and (min-width:768px){\r\n .mla-services-section{\r\n   padding-top:46px!important;\r\n   padding-bottom:46px!important;\r\n }\r\n .mla-services-section__title{\r\n   font-size:clamp(30px,4.3vw,40px)!important;\r\n }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width:767px){\r\n .mla-services-section{\r\n   padding-top:42px!important;\r\n   padding-bottom:40px!important;\r\n }\r\n .mla-services-section__title{\r\n   font-size:clamp(26px,7vw,33px)!important;\r\n }\r\n}\r\n<\/style>\r\n\r\n<style>\r\n\/* =========================================================\r\n   FINAL ICON COLOR UPDATE\r\n   Normal = Golden\r\n   Hover = Navy Blue\r\n========================================================= *\/\r\n\r\n\/* Main service icon *\/\r\n.mla-services-section__icon{\r\n    background:linear-gradient(145deg,#e3cb7a,#c7a64a)!important;\r\n    color:#ffffff!important;\r\n    border-color:#c7a64a!important;\r\n}\r\n\r\n.mla-services-section__card:hover .mla-services-section__icon{\r\n    background:linear-gradient(145deg,#174a87,#041a36)!important;\r\n    color:#ffffff!important;\r\n    border-color:#174a87!important;\r\n}\r\n\r\n\/* Card arrow icon *\/\r\n.mla-services-section__arrow{\r\n    background:#c7a64a!important;\r\n    color:#ffffff!important;\r\n    border-color:#c7a64a!important;\r\n}\r\n\r\n.mla-services-section__card:hover .mla-services-section__arrow{\r\n    background:#0b2d5c!important;\r\n    color:#ffffff!important;\r\n    border-color:#0b2d5c!important;\r\n}\r\n\r\n\/* Explore All Loans icon *\/\r\n.mla-services-section__view-all i{\r\n    background:#c7a64a!important;\r\n    color:#ffffff!important;\r\n    border-color:#c7a64a!important;\r\n}\r\n\r\n.mla-services-section__view-all:hover i{\r\n    background:#0b2d5c!important;\r\n    color:#ffffff!important;\r\n    border-color:#0b2d5c!important;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aa8a91b e-con-full e-flex e-con e-parent\" data-id=\"aa8a91b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-005aaa7 elementor-widget elementor-widget-html\" data-id=\"005aaa7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     PREMIUM LOAN SOLUTIONS IMAGE SLIDER\r\n     Elementor HTML Widget Ready\r\n     Complete HTML + CSS + JavaScript\r\n========================================================= -->\r\n\r\n<section class=\"mla-showcase-slider\" id=\"mlaShowcaseSlider\">\r\n\r\n    <div class=\"mla-showcase-slider__container\">\r\n\r\n        <div class=\"mla-showcase-slider__viewport\">\r\n\r\n            <div class=\"mla-showcase-slider__track\">\r\n\r\n                <!-- SLIDE 01 -->\r\n                <article class=\"mla-showcase-slider__slide is-active\">\r\n\r\n                    <div class=\"mla-showcase-slider__content\">\r\n\r\n                        <div class=\"mla-showcase-slider__eyebrow\">\r\n                            <span class=\"mla-showcase-slider__eyebrow-icon\">\r\n                                <i class=\"fa-solid fa-house\"><\/i>\r\n                            <\/span>\r\n                            <span>Home Loan Solutions<\/span>\r\n                        <\/div>\r\n\r\n                        <h2 class=\"mla-showcase-slider__title\">\r\n                            Move Closer To Your\r\n                            <span>Dream Home<\/span>\r\n                        <\/h2>\r\n\r\n                        <p class=\"mla-showcase-slider__description\">\r\n                            Buying a home is one of life\u2019s most important financial decisions,\r\n                            and choosing the right loan can make that journey much easier. We help\r\n                            you understand suitable home loan options based on your income,\r\n                            eligibility, repayment comfort, property value and future financial\r\n                            plans. From comparing available choices and understanding tenure to\r\n                            completing documentation and coordinating the application, our team\r\n                            keeps every stage clear, practical and easier to manage.\r\n                        <\/p>\r\n\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"mla-showcase-slider__visual\">\r\n\r\n                        <div class=\"mla-showcase-slider__image-shell\">\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/images.unsplash.com\/photo-1560518883-ce09059eeffa?auto=format&fit=crop&w=1400&q=88\"\r\n                                alt=\"Family reviewing home loan documents\"\r\n                                class=\"mla-showcase-slider__image\"\r\n                            >\r\n                            <div class=\"mla-showcase-slider__image-overlay\"><\/div>\r\n\r\n                            <div class=\"mla-showcase-slider__floating-card mla-showcase-slider__floating-card--top\">\r\n                                <span class=\"mla-showcase-slider__floating-icon\">\r\n                                    <i class=\"fa-solid fa-percent\"><\/i>\r\n                                <\/span>\r\n                                <div>\r\n                                    <strong>Competitive Rates<\/strong>\r\n                                    <small>Options matched to your profile<\/small>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"mla-showcase-slider__floating-card mla-showcase-slider__floating-card--bottom\">\r\n                                <span class=\"mla-showcase-slider__floating-icon\">\r\n                                    <i class=\"fa-solid fa-house-circle-check\"><\/i>\r\n                                <\/span>\r\n                                <div>\r\n                                    <strong>Simple Guidance<\/strong>\r\n                                    <small>From enquiry to approval<\/small>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"mla-showcase-slider__pulse\">\r\n                                <span><\/span>\r\n                                <i class=\"fa-solid fa-key\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n                <!-- SLIDE 02 -->\r\n                <article class=\"mla-showcase-slider__slide\">\r\n\r\n                    <div class=\"mla-showcase-slider__content\">\r\n\r\n                        <div class=\"mla-showcase-slider__eyebrow\">\r\n                            <span class=\"mla-showcase-slider__eyebrow-icon\">\r\n                                <i class=\"fa-solid fa-briefcase\"><\/i>\r\n                            <\/span>\r\n                            <span>Business Finance<\/span>\r\n                        <\/div>\r\n\r\n                        <h2 class=\"mla-showcase-slider__title\">\r\n                            Give Your Business The\r\n                            <span>Funds To Grow<\/span>\r\n                        <\/h2>\r\n\r\n                        <p class=\"mla-showcase-slider__description\">\r\n                            Every growing business needs the right financial support at the\r\n                            right time. We help you explore suitable funding options for working\r\n                            capital, inventory, expansion, equipment purchases, operational\r\n                            requirements and other important business needs. Our guidance is\r\n                            based on your business profile, revenue pattern, repayment capacity\r\n                            and future growth plans, so the available options are easier to\r\n                            understand and compare before you move forward.\r\n                        <\/p>\r\n\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"mla-showcase-slider__visual\">\r\n\r\n                        <div class=\"mla-showcase-slider__image-shell\">\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/images.unsplash.com\/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=1400&q=88\"\r\n                                alt=\"Business team discussing finance\"\r\n                                class=\"mla-showcase-slider__image\"\r\n                            >\r\n                            <div class=\"mla-showcase-slider__image-overlay\"><\/div>\r\n\r\n                            <div class=\"mla-showcase-slider__floating-card mla-showcase-slider__floating-card--top\">\r\n                                <span class=\"mla-showcase-slider__floating-icon\">\r\n                                    <i class=\"fa-solid fa-chart-column\"><\/i>\r\n                                <\/span>\r\n                                <div>\r\n                                    <strong>Growth Focused<\/strong>\r\n                                    <small>Funding for the next milestone<\/small>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"mla-showcase-slider__floating-card mla-showcase-slider__floating-card--bottom\">\r\n                                <span class=\"mla-showcase-slider__floating-icon\">\r\n                                    <i class=\"fa-solid fa-file-signature\"><\/i>\r\n                                <\/span>\r\n                                <div>\r\n                                    <strong>Clear Documentation<\/strong>\r\n                                    <small>Assistance at every stage<\/small>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"mla-showcase-slider__pulse\">\r\n                                <span><\/span>\r\n                                <i class=\"fa-solid fa-indian-rupee-sign\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n                <!-- SLIDE 03 -->\r\n                <article class=\"mla-showcase-slider__slide\">\r\n\r\n                    <div class=\"mla-showcase-slider__content\">\r\n\r\n                        <div class=\"mla-showcase-slider__eyebrow\">\r\n                            <span class=\"mla-showcase-slider__eyebrow-icon\">\r\n                                <i class=\"fa-solid fa-graduation-cap\"><\/i>\r\n                            <\/span>\r\n                            <span>Education Loan Support<\/span>\r\n                        <\/div>\r\n\r\n                        <h2 class=\"mla-showcase-slider__title\">\r\n                            Invest Confidently In A\r\n                            <span>Brighter Future<\/span>\r\n                        <\/h2>\r\n\r\n                        <p class=\"mla-showcase-slider__description\">\r\n                            Higher education can open the door to better opportunities, and\r\n                            the right financial planning can make that journey more achievable.\r\n                            We guide students and families through suitable education loan options\r\n                            for studies in India or abroad, covering important areas such as\r\n                            tuition fees, accommodation, travel and other eligible education\r\n                            expenses. Our team also provides clear assistance with eligibility,\r\n                            documentation and the overall application process.\r\n                        <\/p>\r\n\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"mla-showcase-slider__visual\">\r\n\r\n                        <div class=\"mla-showcase-slider__image-shell\">\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/images.unsplash.com\/photo-1523240795612-9a054b0db644?auto=format&fit=crop&w=1400&q=88\"\r\n                                alt=\"Students discussing higher education\"\r\n                                class=\"mla-showcase-slider__image\"\r\n                            >\r\n                            <div class=\"mla-showcase-slider__image-overlay\"><\/div>\r\n\r\n                            <div class=\"mla-showcase-slider__floating-card mla-showcase-slider__floating-card--top\">\r\n                                <span class=\"mla-showcase-slider__floating-icon\">\r\n                                    <i class=\"fa-solid fa-earth-americas\"><\/i>\r\n                                <\/span>\r\n                                <div>\r\n                                    <strong>India & Abroad<\/strong>\r\n                                    <small>Options for higher education<\/small>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"mla-showcase-slider__floating-card mla-showcase-slider__floating-card--bottom\">\r\n                                <span class=\"mla-showcase-slider__floating-icon\">\r\n                                    <i class=\"fa-solid fa-user-graduate\"><\/i>\r\n                                <\/span>\r\n                                <div>\r\n                                    <strong>Student Focused<\/strong>\r\n                                    <small>Guidance for every step<\/small>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"mla-showcase-slider__pulse\">\r\n                                <span><\/span>\r\n                                <i class=\"fa-solid fa-graduation-cap\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"mla-showcase-slider__controls\">\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"mla-showcase-slider__arrow mla-showcase-slider__arrow--prev\"\r\n                    aria-label=\"Previous slide\"\r\n                >\r\n                    <i class=\"fa-solid fa-arrow-left\"><\/i>\r\n                <\/button>\r\n\r\n                <div class=\"mla-showcase-slider__dots\">\r\n                    <button type=\"button\" class=\"mla-showcase-slider__dot is-active\" aria-label=\"Go to slide 1\"><\/button>\r\n                    <button type=\"button\" class=\"mla-showcase-slider__dot\" aria-label=\"Go to slide 2\"><\/button>\r\n                    <button type=\"button\" class=\"mla-showcase-slider__dot\" aria-label=\"Go to slide 3\"><\/button>\r\n                <\/div>\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"mla-showcase-slider__arrow mla-showcase-slider__arrow--next\"\r\n                    aria-label=\"Next slide\"\r\n                >\r\n                    <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<link\r\n    rel=\"stylesheet\"\r\n    href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\"\r\n>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link\r\n    href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap\"\r\n    rel=\"stylesheet\"\r\n>\r\n\r\n<style>\r\n    .mla-showcase-slider {\r\n        --mla-navy: #0b2d5c;\r\n        --mla-navy-deep: #041a36;\r\n        --mla-navy-light: #174a87;\r\n        --mla-gold: #c7a64a;\r\n        --mla-gold-light: #e5cf84;\r\n        --mla-white: #ffffff;\r\n        --mla-text: #0a2342;\r\n        --mla-muted: #657287;\r\n\r\n        position: relative;\r\n        width: 100%;\r\n        overflow: hidden;\r\n        padding: 52px 22px 58px;\r\n        background:\r\n            linear-gradient(\r\n                180deg,\r\n                #ffffff 0%,\r\n                #f7faff 55%,\r\n                #ffffff 100%\r\n            );\r\n        font-family: \"Manrope\", sans-serif;\r\n    }\r\n\r\n    .mla-showcase-slider,\r\n    .mla-showcase-slider * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .mla-showcase-slider button,\r\n    .mla-showcase-slider a {\r\n        font-family: inherit;\r\n    }\r\n\r\n    .mla-showcase-slider a {\r\n        text-decoration: none;\r\n    }\r\n\r\n    .mla-showcase-slider__container {\r\n        width: min(1240px, 100%);\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .mla-showcase-slider__viewport {\r\n        position: relative;\r\n        overflow: hidden;\r\n        border: 1px solid rgba(11,45,92,0.09);\r\n        border-radius: 28px;\r\n        background:\r\n            linear-gradient(\r\n                145deg,\r\n                rgba(255,255,255,0.98),\r\n                rgba(248,251,255,0.92)\r\n            );\r\n        box-shadow:\r\n            0 30px 80px rgba(4,26,54,0.10),\r\n            inset 0 1px 0 rgba(255,255,255,1);\r\n    }\r\n\r\n    .mla-showcase-slider__track {\r\n        position: relative;\r\n        min-height: 520px;\r\n    }\r\n\r\n    .mla-showcase-slider__slide {\r\n        position: absolute;\r\n        inset: 0;\r\n        display: grid;\r\n        grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);\r\n        align-items: center;\r\n        gap: 34px;\r\n        padding: 38px;\r\n        opacity: 0;\r\n        visibility: hidden;\r\n        transform: translateX(35px);\r\n        pointer-events: none;\r\n        transition:\r\n            opacity 0.65s ease,\r\n            visibility 0.65s ease,\r\n            transform 0.65s cubic-bezier(0.22,1,0.36,1);\r\n    }\r\n\r\n    .mla-showcase-slider__slide.is-active {\r\n        position: relative;\r\n        opacity: 1;\r\n        visibility: visible;\r\n        transform: translateX(0);\r\n        pointer-events: auto;\r\n    }\r\n\r\n    .mla-showcase-slider__content {\r\n        position: relative;\r\n        z-index: 2;\r\n        min-width: 0;\r\n        padding: 12px 0 38px;\r\n    }\r\n\r\n    .mla-showcase-slider__eyebrow {\r\n        width: fit-content;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 9px;\r\n        min-height: 39px;\r\n        margin-bottom: 14px;\r\n        padding: 6px 13px 6px 7px;\r\n        border: 1px solid rgba(11,45,92,0.10);\r\n        border-radius: 999px;\r\n        color: var(--mla-navy);\r\n        background: rgba(255,255,255,0.88);\r\n        box-shadow:\r\n            0 9px 25px rgba(4,26,54,0.06),\r\n            inset 0 1px 0 rgba(255,255,255,1);\r\n        backdrop-filter: blur(16px);\r\n        -webkit-backdrop-filter: blur(16px);\r\n        font-size: 10px;\r\n        font-weight: 800;\r\n        letter-spacing: 0.03em;\r\n    }\r\n\r\n    .mla-showcase-slider__eyebrow-icon {\r\n        width: 26px;\r\n        height: 26px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 50%;\r\n        color: #ffffff;\r\n        background:\r\n            linear-gradient(\r\n                145deg,\r\n                var(--mla-navy-light),\r\n                var(--mla-navy-deep)\r\n            );\r\n        font-size: 9px;\r\n    }\r\n\r\n    .mla-showcase-slider__title {\r\n        max-width: 560px;\r\n        margin: 0;\r\n        color: var(--mla-text);\r\n        font-size: clamp(34px, 3.6vw, 50px);\r\n        font-weight: 800;\r\n        line-height: 1.08;\r\n        letter-spacing: -0.05em;\r\n    }\r\n\r\n    .mla-showcase-slider__title span {\r\n        display: block;\r\n        color: var(--mla-navy);\r\n    }\r\n\r\n    .mla-showcase-slider__description {\r\n        max-width: 555px;\r\n        margin: 17px 0 20px;\r\n        color: var(--mla-muted);\r\n        font-size: 14px;\r\n        font-weight: 500;\r\n        line-height: 1.75;\r\n    }\r\n\r\n    .mla-showcase-slider__points {\r\n        display: grid;\r\n        gap: 10px;\r\n    }\r\n\r\n    .mla-showcase-slider__point {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n\r\n    .mla-showcase-slider__point > span {\r\n        flex: 0 0 25px;\r\n        width: 25px;\r\n        height: 25px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border: 1px solid rgba(11,45,92,0.10);\r\n        border-radius: 8px;\r\n        color: var(--mla-navy);\r\n        background: #ffffff;\r\n        box-shadow: 0 7px 16px rgba(4,26,54,0.07);\r\n        font-size: 9px;\r\n    }\r\n\r\n    .mla-showcase-slider__point p {\r\n        margin: 0;\r\n        color: var(--mla-text);\r\n        font-size: 12px;\r\n        font-weight: 700;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    .mla-showcase-slider__actions {\r\n        display: flex;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n        gap: 16px;\r\n        margin-top: 24px;\r\n    }\r\n\r\n    .mla-showcase-slider__button {\r\n        position: relative;\r\n        min-height: 50px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 10px;\r\n        overflow: hidden;\r\n        padding: 12px 19px;\r\n        border: 1px solid rgba(255,255,255,0.34);\r\n        border-radius: 15px;\r\n        color: #ffffff;\r\n        background:\r\n            linear-gradient(\r\n                145deg,\r\n                var(--mla-navy-light),\r\n                var(--mla-navy-deep)\r\n            );\r\n        box-shadow:\r\n            0 15px 32px rgba(4,26,54,0.23),\r\n            inset 0 1px 0 rgba(255,255,255,0.30);\r\n        font-size: 11px;\r\n        font-weight: 800;\r\n        transition:\r\n            box-shadow 0.35s ease,\r\n            transform 0.35s ease;\r\n    }\r\n\r\n    .mla-showcase-slider__button::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 0;\r\n        left: -95%;\r\n        width: 44%;\r\n        height: 100%;\r\n        background:\r\n            linear-gradient(\r\n                90deg,\r\n                transparent,\r\n                rgba(255,255,255,0.35),\r\n                transparent\r\n            );\r\n        transform: skewX(-20deg);\r\n        transition: left 1.3s ease;\r\n    }\r\n\r\n    .mla-showcase-slider__button:hover {\r\n        color: #ffffff;\r\n        box-shadow:\r\n            0 19px 40px rgba(4,26,54,0.30),\r\n            inset 0 1px 0 rgba(255,255,255,0.35);\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    .mla-showcase-slider__button:hover::before {\r\n        left: 150%;\r\n    }\r\n\r\n    .mla-showcase-slider__button i {\r\n        font-size: 9px;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .mla-showcase-slider__button:hover i {\r\n        transform: translateX(3px);\r\n    }\r\n\r\n    .mla-showcase-slider__secure {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        color: var(--mla-muted);\r\n        font-size: 10px;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .mla-showcase-slider__secure i {\r\n        color: var(--mla-gold);\r\n        font-size: 12px;\r\n    }\r\n\r\n    .mla-showcase-slider__visual {\r\n        position: relative;\r\n        min-width: 0;\r\n        padding-bottom: 28px;\r\n    }\r\n\r\n    .mla-showcase-slider__image-shell {\r\n        position: relative;\r\n        height: 420px;\r\n        overflow: hidden;\r\n        border: 1px solid rgba(11,45,92,0.10);\r\n        border-radius: 25px;\r\n        background: #eaf0f7;\r\n        box-shadow:\r\n            0 28px 65px rgba(4,26,54,0.18),\r\n            inset 0 1px 0 rgba(255,255,255,0.70);\r\n    }\r\n\r\n    .mla-showcase-slider__image {\r\n        width: 100%;\r\n        height: 100%;\r\n        display: block;\r\n        object-fit: cover;\r\n        object-position: center;\r\n        transform: scale(1.035);\r\n        transition: transform 8s ease;\r\n    }\r\n\r\n    .mla-showcase-slider__slide.is-active\r\n    .mla-showcase-slider__image {\r\n        transform: scale(1.11);\r\n    }\r\n\r\n    .mla-showcase-slider__image-overlay {\r\n        position: absolute;\r\n        inset: 0;\r\n        background:\r\n            linear-gradient(\r\n                180deg,\r\n                rgba(4,26,54,0.03) 20%,\r\n                rgba(4,26,54,0.44) 100%\r\n            );\r\n        pointer-events: none;\r\n    }\r\n\r\n    .mla-showcase-slider__floating-card {\r\n        position: absolute;\r\n        z-index: 3;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        min-width: 205px;\r\n        padding: 13px 14px;\r\n        border: 1px solid rgba(255,255,255,0.58);\r\n        border-radius: 16px;\r\n        background: rgba(255,255,255,0.87);\r\n        box-shadow:\r\n            0 18px 42px rgba(4,26,54,0.18),\r\n            inset 0 1px 0 rgba(255,255,255,1);\r\n        backdrop-filter: blur(20px);\r\n        -webkit-backdrop-filter: blur(20px);\r\n    }\r\n\r\n    .mla-showcase-slider__floating-card--top {\r\n        top: 18px;\r\n        left: 18px;\r\n        animation: mlaFloatTop 4.5s ease-in-out infinite;\r\n    }\r\n\r\n    .mla-showcase-slider__floating-card--bottom {\r\n        right: 18px;\r\n        bottom: 18px;\r\n        animation: mlaFloatBottom 5s ease-in-out infinite;\r\n    }\r\n\r\n    .mla-showcase-slider__floating-icon {\r\n        flex: 0 0 40px;\r\n        width: 40px;\r\n        height: 40px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 12px;\r\n        color: #ffffff;\r\n        background:\r\n            linear-gradient(\r\n                145deg,\r\n                var(--mla-navy-light),\r\n                var(--mla-navy-deep)\r\n            );\r\n        box-shadow:\r\n            0 10px 22px rgba(4,26,54,0.22),\r\n            inset 0 1px 0 rgba(255,255,255,0.25);\r\n        font-size: 14px;\r\n    }\r\n\r\n    .mla-showcase-slider__floating-card div {\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .mla-showcase-slider__floating-card strong {\r\n        color: var(--mla-text);\r\n        font-size: 12px;\r\n        font-weight: 800;\r\n    }\r\n\r\n    .mla-showcase-slider__floating-card small {\r\n        margin-top: 4px;\r\n        color: var(--mla-muted);\r\n        font-size: 8px;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .mla-showcase-slider__pulse {\r\n        position: absolute;\r\n        left: 50%;\r\n        bottom: 28px;\r\n        z-index: 4;\r\n        width: 52px;\r\n        height: 52px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border: 1px solid rgba(255,255,255,0.58);\r\n        border-radius: 50%;\r\n        color: #ffffff;\r\n        background:\r\n            linear-gradient(\r\n                145deg,\r\n                var(--mla-gold-light),\r\n                var(--mla-gold)\r\n            );\r\n        box-shadow:\r\n            0 15px 32px rgba(4,26,54,0.23),\r\n            inset 0 1px 0 rgba(255,255,255,0.32);\r\n        transform: translateX(-50%);\r\n        font-size: 16px;\r\n    }\r\n\r\n    .mla-showcase-slider__pulse span {\r\n        position: absolute;\r\n        inset: -1px;\r\n        border: 1px solid rgba(199,166,74,0.60);\r\n        border-radius: 50%;\r\n        animation: mlaPulseRing 2.2s ease-out infinite;\r\n    }\r\n\r\n    .mla-showcase-slider__controls {\r\n        position: absolute;\r\n        bottom: 19px;\r\n        left: 38px;\r\n        z-index: 10;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n    }\r\n\r\n    .mla-showcase-slider__arrow {\r\n        width: 38px;\r\n        height: 38px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding: 0;\r\n        border: 1px solid rgba(11,45,92,0.10);\r\n        border-radius: 50%;\r\n        color: var(--mla-navy);\r\n        background: #ffffff;\r\n        box-shadow: 0 9px 22px rgba(4,26,54,0.09);\r\n        cursor: pointer;\r\n        font-size: 10px;\r\n        transition:\r\n            color 0.3s ease,\r\n            background 0.3s ease,\r\n            transform 0.3s ease;\r\n    }\r\n\r\n    .mla-showcase-slider__arrow:hover {\r\n        color: #ffffff;\r\n        background: var(--mla-navy);\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    .mla-showcase-slider__dots {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n    }\r\n\r\n    .mla-showcase-slider__dot {\r\n        width: 7px;\r\n        height: 7px;\r\n        padding: 0;\r\n        border: 0;\r\n        border-radius: 999px;\r\n        background: rgba(11,45,92,0.20);\r\n        cursor: pointer;\r\n        transition:\r\n            width 0.3s ease,\r\n            background 0.3s ease;\r\n    }\r\n\r\n    .mla-showcase-slider__dot.is-active {\r\n        width: 24px;\r\n        background:\r\n            linear-gradient(\r\n                90deg,\r\n                var(--mla-navy),\r\n                var(--mla-gold)\r\n            );\r\n    }\r\n\r\n    @keyframes mlaFloatTop {\r\n        0%, 100% {\r\n            transform: translateY(0);\r\n        }\r\n\r\n        50% {\r\n            transform: translateY(-9px);\r\n        }\r\n    }\r\n\r\n    @keyframes mlaFloatBottom {\r\n        0%, 100% {\r\n            transform: translateY(0);\r\n        }\r\n\r\n        50% {\r\n            transform: translateY(8px);\r\n        }\r\n    }\r\n\r\n    @keyframes mlaPulseRing {\r\n        0% {\r\n            opacity: 0.75;\r\n            transform: scale(1);\r\n        }\r\n\r\n        100% {\r\n            opacity: 0;\r\n            transform: scale(1.75);\r\n        }\r\n    }\r\n\r\n    @media (max-width: 1020px) {\r\n\r\n        .mla-showcase-slider {\r\n            padding: 44px 16px 50px;\r\n        }\r\n\r\n        .mla-showcase-slider__track {\r\n            min-height: auto;\r\n        }\r\n\r\n        .mla-showcase-slider__slide {\r\n            grid-template-columns: 1fr;\r\n            gap: 26px;\r\n            padding: 30px 28px 72px;\r\n            text-align: center;\r\n        }\r\n\r\n        .mla-showcase-slider__content {\r\n            padding-bottom: 0;\r\n        }\r\n\r\n        .mla-showcase-slider__eyebrow,\r\n        .mla-showcase-slider__title,\r\n        .mla-showcase-slider__description {\r\n            margin-right: auto;\r\n            margin-left: auto;\r\n        }\r\n\r\n        .mla-showcase-slider__points {\r\n            width: fit-content;\r\n            max-width: 100%;\r\n            margin-right: auto;\r\n            margin-left: auto;\r\n        }\r\n\r\n        .mla-showcase-slider__actions {\r\n            justify-content: center;\r\n        }\r\n\r\n        .mla-showcase-slider__visual {\r\n            width: min(700px, 100%);\r\n            margin: 0 auto;\r\n            padding-bottom: 0;\r\n        }\r\n\r\n        .mla-showcase-slider__image-shell {\r\n            height: 390px;\r\n        }\r\n\r\n        .mla-showcase-slider__controls {\r\n            bottom: 22px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n        }\r\n    }\r\n\r\n    @media (max-width: 680px) {\r\n\r\n        .mla-showcase-slider {\r\n            padding: 36px 10px 42px;\r\n        }\r\n\r\n        .mla-showcase-slider__viewport {\r\n            border-radius: 22px;\r\n        }\r\n\r\n        .mla-showcase-slider__slide {\r\n            gap: 22px;\r\n            padding: 24px 14px 68px;\r\n        }\r\n\r\n        .mla-showcase-slider__title {\r\n            font-size: clamp(28px, 8vw, 35px);\r\n            line-height: 1.12;\r\n        }\r\n\r\n        .mla-showcase-slider__description {\r\n            margin-top: 13px;\r\n            margin-bottom: 17px;\r\n            font-size: 12px;\r\n        }\r\n\r\n        .mla-showcase-slider__point {\r\n            align-items: flex-start;\r\n            text-align: left;\r\n        }\r\n\r\n        .mla-showcase-slider__point p {\r\n            font-size: 10px;\r\n        }\r\n\r\n        .mla-showcase-slider__actions {\r\n            flex-direction: column;\r\n        }\r\n\r\n        .mla-showcase-slider__button {\r\n            width: 100%;\r\n            max-width: 270px;\r\n        }\r\n\r\n        .mla-showcase-slider__image-shell {\r\n            height: 310px;\r\n            border-radius: 19px;\r\n        }\r\n\r\n        .mla-showcase-slider__floating-card {\r\n            min-width: 165px;\r\n            padding: 10px;\r\n            border-radius: 13px;\r\n        }\r\n\r\n        .mla-showcase-slider__floating-card--top {\r\n            top: 12px;\r\n            left: 10px;\r\n        }\r\n\r\n        .mla-showcase-slider__floating-card--bottom {\r\n            right: 10px;\r\n            bottom: 12px;\r\n        }\r\n\r\n        .mla-showcase-slider__floating-icon {\r\n            flex-basis: 34px;\r\n            width: 34px;\r\n            height: 34px;\r\n            font-size: 12px;\r\n        }\r\n\r\n        .mla-showcase-slider__floating-card strong {\r\n            font-size: 10px;\r\n        }\r\n\r\n        .mla-showcase-slider__floating-card small {\r\n            font-size: 7px;\r\n        }\r\n\r\n        .mla-showcase-slider__pulse {\r\n            width: 45px;\r\n            height: 45px;\r\n            bottom: 18px;\r\n            font-size: 14px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 420px) {\r\n\r\n        .mla-showcase-slider__image-shell {\r\n            height: 285px;\r\n        }\r\n\r\n        .mla-showcase-slider__floating-card {\r\n            min-width: 145px;\r\n            padding: 8px;\r\n        }\r\n\r\n        .mla-showcase-slider__floating-card strong {\r\n            font-size: 9px;\r\n        }\r\n\r\n        .mla-showcase-slider__floating-card small {\r\n            font-size: 6.5px;\r\n        }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n\r\n        .mla-showcase-slider *,\r\n        .mla-showcase-slider *::before,\r\n        .mla-showcase-slider *::after {\r\n            animation-duration: 0.01ms !important;\r\n            animation-iteration-count: 1 !important;\r\n            transition-duration: 0.01ms !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n    function initMlaShowcaseSlider() {\r\n        const slider = document.getElementById(\"mlaShowcaseSlider\");\r\n\r\n        if (!slider || slider.dataset.initialized === \"true\") {\r\n            return;\r\n        }\r\n\r\n        slider.dataset.initialized = \"true\";\r\n\r\n        const slides = Array.from(\r\n            slider.querySelectorAll(\".mla-showcase-slider__slide\")\r\n        );\r\n\r\n        const dots = Array.from(\r\n            slider.querySelectorAll(\".mla-showcase-slider__dot\")\r\n        );\r\n\r\n        const previousButton = slider.querySelector(\r\n            \".mla-showcase-slider__arrow--prev\"\r\n        );\r\n\r\n        const nextButton = slider.querySelector(\r\n            \".mla-showcase-slider__arrow--next\"\r\n        );\r\n\r\n        let activeIndex = 0;\r\n        let autoplayTimer = null;\r\n        const autoplayDelay = 5200;\r\n\r\n        function showSlide(index) {\r\n            if (!slides.length) {\r\n                return;\r\n            }\r\n\r\n            activeIndex = (index + slides.length) % slides.length;\r\n\r\n            slides.forEach(function (slide, slideIndex) {\r\n                slide.classList.toggle(\r\n                    \"is-active\",\r\n                    slideIndex === activeIndex\r\n                );\r\n            });\r\n\r\n            dots.forEach(function (dot, dotIndex) {\r\n                dot.classList.toggle(\r\n                    \"is-active\",\r\n                    dotIndex === activeIndex\r\n                );\r\n            });\r\n        }\r\n\r\n        function nextSlide() {\r\n            showSlide(activeIndex + 1);\r\n        }\r\n\r\n        function previousSlide() {\r\n            showSlide(activeIndex - 1);\r\n        }\r\n\r\n        function stopAutoplay() {\r\n            if (autoplayTimer) {\r\n                window.clearInterval(autoplayTimer);\r\n                autoplayTimer = null;\r\n            }\r\n        }\r\n\r\n        function startAutoplay() {\r\n            stopAutoplay();\r\n\r\n            autoplayTimer = window.setInterval(\r\n                nextSlide,\r\n                autoplayDelay\r\n            );\r\n        }\r\n\r\n        if (previousButton) {\r\n            previousButton.addEventListener(\"click\", function () {\r\n                previousSlide();\r\n                startAutoplay();\r\n            });\r\n        }\r\n\r\n        if (nextButton) {\r\n            nextButton.addEventListener(\"click\", function () {\r\n                nextSlide();\r\n                startAutoplay();\r\n            });\r\n        }\r\n\r\n        dots.forEach(function (dot, dotIndex) {\r\n            dot.addEventListener(\"click\", function () {\r\n                showSlide(dotIndex);\r\n                startAutoplay();\r\n            });\r\n        });\r\n\r\n        slider.addEventListener(\"mouseenter\", stopAutoplay);\r\n        slider.addEventListener(\"mouseleave\", startAutoplay);\r\n\r\n        slider.addEventListener(\"focusin\", stopAutoplay);\r\n        slider.addEventListener(\"focusout\", startAutoplay);\r\n\r\n        showSlide(0);\r\n        startAutoplay();\r\n    }\r\n\r\n    if (document.readyState === \"loading\") {\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            initMlaShowcaseSlider\r\n        );\r\n    } else {\r\n        initMlaShowcaseSlider();\r\n    }\r\n\r\n    window.addEventListener(\"elementor\/frontend\/init\", function () {\r\n        initMlaShowcaseSlider();\r\n    });\r\n})();\r\n<\/script>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   FINAL CONTENT-FOCUSED SLIDER UPDATE\r\n   No buttons \u00b7 No bullet points \u00b7 Wider content \u00b7 Smaller image\r\n========================================================= *\/\r\n\r\n.mla-showcase-slider__slide {\r\n    grid-template-columns: minmax(0, 1.22fr) minmax(360px, 0.78fr) !important;\r\n    gap: 42px !important;\r\n}\r\n\r\n.mla-showcase-slider__content {\r\n    padding-right: 8px !important;\r\n}\r\n\r\n.mla-showcase-slider__title {\r\n    max-width: 650px !important;\r\n}\r\n\r\n.mla-showcase-slider__description {\r\n    max-width: 690px !important;\r\n    margin: 20px 0 0 !important;\r\n    font-size: 16px !important;\r\n    line-height: 1.85 !important;\r\n}\r\n\r\n.mla-showcase-slider__visual {\r\n    width: 100% !important;\r\n    max-width: 455px !important;\r\n    margin-left: auto !important;\r\n}\r\n\r\n.mla-showcase-slider__image-shell {\r\n    height: 390px !important;\r\n}\r\n\r\n\/* Remove any old action or bullet content safely *\/\r\n.mla-showcase-slider__points,\r\n.mla-showcase-slider__actions,\r\n.mla-showcase-slider__button,\r\n.mla-showcase-slider__secure {\r\n    display: none !important;\r\n}\r\n\r\n@media (max-width: 1020px) {\r\n    .mla-showcase-slider__slide {\r\n        grid-template-columns: 1fr !important;\r\n        gap: 28px !important;\r\n    }\r\n\r\n    .mla-showcase-slider__content {\r\n        width: min(760px, 100%) !important;\r\n        margin: 0 auto !important;\r\n        padding-right: 0 !important;\r\n        text-align: center !important;\r\n    }\r\n\r\n    .mla-showcase-slider__description {\r\n        max-width: 720px !important;\r\n        margin-right: auto !important;\r\n        margin-left: auto !important;\r\n    }\r\n\r\n    .mla-showcase-slider__visual {\r\n        width: min(560px, 100%) !important;\r\n        max-width: 560px !important;\r\n        margin: 0 auto !important;\r\n    }\r\n\r\n    .mla-showcase-slider__image-shell {\r\n        height: 350px !important;\r\n    }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n    .mla-showcase-slider__slide {\r\n        gap: 22px !important;\r\n    }\r\n\r\n    .mla-showcase-slider__description {\r\n        margin-top: 15px !important;\r\n        font-size: 13px !important;\r\n        line-height: 1.75 !important;\r\n    }\r\n\r\n    .mla-showcase-slider__visual {\r\n        width: 100% !important;\r\n        max-width: 430px !important;\r\n    }\r\n\r\n    .mla-showcase-slider__image-shell {\r\n        height: 285px !important;\r\n    }\r\n}\r\n\r\n@media (max-width: 420px) {\r\n    .mla-showcase-slider__description {\r\n        font-size: 12px !important;\r\n    }\r\n\r\n    .mla-showcase-slider__image-shell {\r\n        height: 260px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   FINAL DESKTOP PROPORTION & ALIGNMENT FIX\r\n   Content width matched to marked area\r\n   Image enlarged to marked area\r\n========================================================= *\/\r\n\r\n@media (min-width: 1021px) {\r\n\r\n    .mla-showcase-slider__viewport {\r\n        border-radius: 28px !important;\r\n    }\r\n\r\n    .mla-showcase-slider__slide {\r\n        grid-template-columns: minmax(0, 0.98fr) minmax(0, 1.02fr) !important;\r\n        gap: 56px !important;\r\n        padding: 36px 38px 38px !important;\r\n    }\r\n\r\n    .mla-showcase-slider__content {\r\n        width: 100% !important;\r\n        max-width: 550px !important;\r\n        padding: 12px 0 42px !important;\r\n    }\r\n\r\n    .mla-showcase-slider__title {\r\n        max-width: 540px !important;\r\n        font-size: clamp(38px, 3.45vw, 50px) !important;\r\n        line-height: 1.08 !important;\r\n    }\r\n\r\n    .mla-showcase-slider__description {\r\n        width: 100% !important;\r\n        max-width: 540px !important;\r\n        margin-top: 22px !important;\r\n        font-size: 15px !important;\r\n        line-height: 1.9 !important;\r\n    }\r\n\r\n    .mla-showcase-slider__visual {\r\n        width: 100% !important;\r\n        max-width: none !important;\r\n        margin-left: 0 !important;\r\n        padding-bottom: 30px !important;\r\n    }\r\n\r\n    .mla-showcase-slider__image-shell {\r\n        width: 100% !important;\r\n        height: 430px !important;\r\n        border-radius: 25px !important;\r\n    }\r\n\r\n    .mla-showcase-slider__floating-card--top {\r\n        top: 18px !important;\r\n        left: 18px !important;\r\n    }\r\n\r\n    .mla-showcase-slider__floating-card--bottom {\r\n        right: 18px !important;\r\n        bottom: 18px !important;\r\n    }\r\n\r\n    .mla-showcase-slider__floating-card {\r\n        min-width: 205px !important;\r\n        max-width: calc(100% - 36px) !important;\r\n    }\r\n\r\n    .mla-showcase-slider__pulse {\r\n        left: 50% !important;\r\n        bottom: 28px !important;\r\n    }\r\n\r\n    .mla-showcase-slider__controls {\r\n        left: 38px !important;\r\n        bottom: 19px !important;\r\n    }\r\n}\r\n\r\n\/* Large desktop refinement *\/\r\n@media (min-width: 1280px) {\r\n\r\n    .mla-showcase-slider__slide {\r\n        grid-template-columns: minmax(0, 0.96fr) minmax(0, 1.04fr) !important;\r\n        gap: 58px !important;\r\n    }\r\n\r\n    .mla-showcase-slider__content {\r\n        max-width: 555px !important;\r\n    }\r\n\r\n    .mla-showcase-slider__title,\r\n    .mla-showcase-slider__description {\r\n        max-width: 548px !important;\r\n    }\r\n\r\n    .mla-showcase-slider__image-shell {\r\n        height: 438px !important;\r\n    }\r\n}\r\n\r\n\/* Tablet remains centered and balanced *\/\r\n@media (max-width: 1020px) and (min-width: 681px) {\r\n\r\n    .mla-showcase-slider__content {\r\n        width: min(720px, 100%) !important;\r\n        max-width: 720px !important;\r\n    }\r\n\r\n    .mla-showcase-slider__title {\r\n        max-width: 650px !important;\r\n    }\r\n\r\n    .mla-showcase-slider__description {\r\n        max-width: 690px !important;\r\n    }\r\n\r\n    .mla-showcase-slider__visual {\r\n        width: min(620px, 100%) !important;\r\n        max-width: 620px !important;\r\n    }\r\n\r\n    .mla-showcase-slider__image-shell {\r\n        height: 370px !important;\r\n    }\r\n}\r\n\r\n\/* Mobile clean spacing *\/\r\n@media (max-width: 680px) {\r\n\r\n    .mla-showcase-slider__content {\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n    }\r\n\r\n    .mla-showcase-slider__title,\r\n    .mla-showcase-slider__description {\r\n        max-width: 100% !important;\r\n    }\r\n\r\n    .mla-showcase-slider__visual {\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n    }\r\n\r\n    .mla-showcase-slider__image-shell {\r\n        width: 100% !important;\r\n        height: 292px !important;\r\n    }\r\n\r\n    .mla-showcase-slider__floating-card--top {\r\n        top: 12px !important;\r\n        left: 10px !important;\r\n    }\r\n\r\n    .mla-showcase-slider__floating-card--bottom {\r\n        right: 10px !important;\r\n        bottom: 12px !important;\r\n    }\r\n}\r\n\r\n@media (max-width: 420px) {\r\n    .mla-showcase-slider__image-shell {\r\n        height: 268px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   FINAL MARKED-BOX LAYOUT UPDATE\r\n   Compact outer glass \u00b7 Controlled content \u00b7 Wider image\r\n========================================================= *\/\r\n\r\n.mla-showcase-slider__container {\r\n    width: min(1160px, calc(100% - 28px)) !important;\r\n}\r\n\r\n.mla-showcase-slider__viewport {\r\n    border-radius: 25px !important;\r\n}\r\n\r\n@media (min-width: 1021px) {\r\n\r\n    .mla-showcase-slider {\r\n        padding-right: 14px !important;\r\n        padding-left: 14px !important;\r\n    }\r\n\r\n    .mla-showcase-slider__slide {\r\n        grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr) !important;\r\n        gap: 64px !important;\r\n        padding: 36px 36px 38px !important;\r\n    }\r\n\r\n    .mla-showcase-slider__content {\r\n        width: 100% !important;\r\n        max-width: 505px !important;\r\n        padding: 14px 0 44px !important;\r\n    }\r\n\r\n    .mla-showcase-slider__eyebrow {\r\n        margin-bottom: 16px !important;\r\n    }\r\n\r\n    .mla-showcase-slider__title {\r\n        width: 100% !important;\r\n        max-width: 500px !important;\r\n        font-size: clamp(36px, 3.15vw, 47px) !important;\r\n        line-height: 1.1 !important;\r\n    }\r\n\r\n    .mla-showcase-slider__description {\r\n        width: 100% !important;\r\n        max-width: 500px !important;\r\n        margin-top: 22px !important;\r\n        font-size: 14px !important;\r\n        line-height: 1.95 !important;\r\n    }\r\n\r\n    .mla-showcase-slider__visual {\r\n        width: 100% !important;\r\n        max-width: none !important;\r\n        margin: 0 !important;\r\n        padding-bottom: 30px !important;\r\n    }\r\n\r\n    .mla-showcase-slider__image-shell {\r\n        width: 100% !important;\r\n        height: 400px !important;\r\n        border-radius: 23px !important;\r\n    }\r\n\r\n    .mla-showcase-slider__floating-card {\r\n        max-width: calc(100% - 32px) !important;\r\n    }\r\n\r\n    .mla-showcase-slider__floating-card--top {\r\n        top: 16px !important;\r\n        left: 16px !important;\r\n    }\r\n\r\n    .mla-showcase-slider__floating-card--bottom {\r\n        right: 16px !important;\r\n        bottom: 16px !important;\r\n    }\r\n\r\n    .mla-showcase-slider__controls {\r\n        left: 36px !important;\r\n        bottom: 18px !important;\r\n    }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n\r\n    .mla-showcase-slider__container {\r\n        width: min(1180px, calc(100% - 36px)) !important;\r\n    }\r\n\r\n    .mla-showcase-slider__slide {\r\n        grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr) !important;\r\n        gap: 66px !important;\r\n    }\r\n\r\n    .mla-showcase-slider__content,\r\n    .mla-showcase-slider__title,\r\n    .mla-showcase-slider__description {\r\n        max-width: 510px !important;\r\n    }\r\n\r\n    .mla-showcase-slider__image-shell {\r\n        height: 410px !important;\r\n    }\r\n}\r\n\r\n@media (max-width: 1020px) {\r\n\r\n    .mla-showcase-slider__container {\r\n        width: min(760px, calc(100% - 22px)) !important;\r\n    }\r\n\r\n    .mla-showcase-slider__content {\r\n        width: min(700px, 100%) !important;\r\n        max-width: 700px !important;\r\n    }\r\n\r\n    .mla-showcase-slider__description {\r\n        max-width: 660px !important;\r\n        font-size: 14px !important;\r\n        line-height: 1.85 !important;\r\n    }\r\n\r\n    .mla-showcase-slider__visual {\r\n        width: min(590px, 100%) !important;\r\n        max-width: 590px !important;\r\n    }\r\n\r\n    .mla-showcase-slider__image-shell {\r\n        height: 355px !important;\r\n    }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n\r\n    .mla-showcase-slider__container {\r\n        width: calc(100% - 12px) !important;\r\n    }\r\n\r\n    .mla-showcase-slider__slide {\r\n        padding-right: 13px !important;\r\n        padding-left: 13px !important;\r\n    }\r\n\r\n    .mla-showcase-slider__title {\r\n        font-size: clamp(27px, 7.8vw, 34px) !important;\r\n    }\r\n\r\n    .mla-showcase-slider__description {\r\n        max-width: 100% !important;\r\n        font-size: 12px !important;\r\n        line-height: 1.8 !important;\r\n    }\r\n\r\n    .mla-showcase-slider__visual {\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n    }\r\n\r\n    .mla-showcase-slider__image-shell {\r\n        height: 280px !important;\r\n    }\r\n}\r\n\r\n@media (max-width: 420px) {\r\n    .mla-showcase-slider__image-shell {\r\n        height: 255px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n<style>\r\n\/* ===== REMOVE TOP PADDING COMPLETELY ===== *\/\r\n\r\n.mla-showcase-slider{\r\n    padding-top:0 !important;\r\n}\r\n\r\n@media (min-width:1021px){\r\n    .mla-showcase-slider{\r\n        padding-top:0 !important;\r\n    }\r\n}\r\n\r\n@media (max-width:1020px){\r\n    .mla-showcase-slider{\r\n        padding-top:0 !important;\r\n    }\r\n}\r\n\r\n@media (max-width:680px){\r\n    .mla-showcase-slider{\r\n        padding-top:0 !important;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-baac9c8 e-con-full e-flex e-con e-parent\" data-id=\"baac9c8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-975e9b8 elementor-widget elementor-widget-html\" data-id=\"975e9b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     PREMIUM ANIMATED COUNTER CARDS ONLY\r\n     Elementor HTML Widget Ready\r\n     Complete HTML + CSS + JavaScript\r\n========================================================= -->\r\n\r\n<section class=\"pcc-counter-cards\" id=\"pccCounterCards\">\r\n\r\n    <div class=\"pcc-counter-cards__container\">\r\n\r\n        <div class=\"pcc-counter-cards__grid\">\r\n\r\n            <article class=\"pcc-counter-cards__card\">\r\n                <div class=\"pcc-counter-cards__icon\">\r\n                    <i class=\"fa-solid fa-file-circle-check\"><\/i>\r\n                <\/div>\r\n\r\n                <span\r\n                    class=\"pcc-counter-cards__number\"\r\n                    data-target=\"25000\"\r\n                    data-suffix=\"+\"\r\n                >0<\/span>\r\n\r\n                <h3>Applications Assisted<\/h3>\r\n\r\n                <p>\r\n                    Loan applications supported across different\r\n                    personal and professional requirements.\r\n                <\/p>\r\n            <\/article>\r\n\r\n            <article class=\"pcc-counter-cards__card\">\r\n                <div class=\"pcc-counter-cards__icon\">\r\n                    <i class=\"fa-solid fa-users\"><\/i>\r\n                <\/div>\r\n\r\n                <span\r\n                    class=\"pcc-counter-cards__number\"\r\n                    data-target=\"18000\"\r\n                    data-suffix=\"+\"\r\n                >0<\/span>\r\n\r\n                <h3>Customers Guided<\/h3>\r\n\r\n                <p>\r\n                    Individuals, families and businesses guided\r\n                    through suitable finance options.\r\n                <\/p>\r\n            <\/article>\r\n\r\n            <article class=\"pcc-counter-cards__card\">\r\n                <div class=\"pcc-counter-cards__icon\">\r\n                    <i class=\"fa-solid fa-award\"><\/i>\r\n                <\/div>\r\n\r\n                <span\r\n                    class=\"pcc-counter-cards__number\"\r\n                    data-target=\"10\"\r\n                    data-suffix=\"+ Years\"\r\n                >0<\/span>\r\n\r\n                <h3>Industry Experience<\/h3>\r\n\r\n                <p>\r\n                    Practical experience in loan guidance,\r\n                    documentation and application support.\r\n                <\/p>\r\n            <\/article>\r\n\r\n            <article class=\"pcc-counter-cards__card\">\r\n                <div class=\"pcc-counter-cards__icon\">\r\n                    <i class=\"fa-solid fa-star\"><\/i>\r\n                <\/div>\r\n\r\n                <span\r\n                    class=\"pcc-counter-cards__number\"\r\n                    data-target=\"49\"\r\n                    data-decimal=\"1\"\r\n                    data-divisor=\"10\"\r\n                    data-suffix=\"\/5\"\r\n                >0<\/span>\r\n\r\n                <h3>Customer Rating<\/h3>\r\n\r\n                <p>\r\n                    Average rating based on clear guidance,\r\n                    responsiveness and service support.\r\n                <\/p>\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<link\r\n    rel=\"stylesheet\"\r\n    href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\"\r\n>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link\r\n    href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap\"\r\n    rel=\"stylesheet\"\r\n>\r\n\r\n<style>\r\n    .pcc-counter-cards {\r\n        --pcc-navy: #0b2d5c;\r\n        --pcc-navy-dark: #041a36;\r\n        --pcc-blue: #174a87;\r\n        --pcc-gold: #c7a64a;\r\n        --pcc-gold-light: #ead990;\r\n        --pcc-text: #0a2342;\r\n        --pcc-muted: #667388;\r\n\r\n        position: relative;\r\n        width: 100%;\r\n        overflow: hidden;\r\n        padding: 18px 18px 22px;\r\n        background:\r\n            linear-gradient(\r\n                180deg,\r\n                #ffffff 0%,\r\n                #f7faff 54%,\r\n                #ffffff 100%\r\n            );\r\n        font-family: \"Manrope\", sans-serif;\r\n    }\r\n\r\n    .pcc-counter-cards,\r\n    .pcc-counter-cards * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .pcc-counter-cards__container {\r\n        width: min(1180px, calc(100% - 18px));\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .pcc-counter-cards__grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, minmax(0, 1fr));\r\n        gap: 13px;\r\n    }\r\n\r\n    .pcc-counter-cards__card {\r\n        position: relative;\r\n        isolation: isolate;\r\n        min-height: 215px;\r\n        overflow: hidden;\r\n        padding: 22px 18px 19px;\r\n        border: 1px solid transparent;\r\n        border-radius: 20px;\r\n        text-align: center;\r\n        background:\r\n            linear-gradient(\r\n                145deg,\r\n                rgba(255,255,255,0.99),\r\n                rgba(247,250,255,0.95)\r\n            ) padding-box,\r\n            linear-gradient(\r\n                115deg,\r\n                rgba(11,45,92,0.17),\r\n                rgba(199,166,74,0.34),\r\n                rgba(23,74,135,0.21),\r\n                rgba(11,45,92,0.17)\r\n            ) border-box;\r\n        background-size:\r\n            100% 100%,\r\n            250% 250%;\r\n        box-shadow:\r\n            0 17px 40px rgba(4,26,54,0.08),\r\n            inset 0 1px 0 rgba(255,255,255,1);\r\n        animation: pccCardBorderMove 8s linear infinite;\r\n        transition:\r\n            transform 0.38s ease,\r\n            box-shadow 0.38s ease;\r\n    }\r\n\r\n    .pcc-counter-cards__card::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: -65px;\r\n        right: -65px;\r\n        z-index: -1;\r\n        width: 155px;\r\n        height: 155px;\r\n        border-radius: 50%;\r\n        background:\r\n            radial-gradient(\r\n                circle,\r\n                rgba(23,74,135,0.12),\r\n                transparent 68%\r\n            );\r\n    }\r\n\r\n    .pcc-counter-cards__card:hover {\r\n        transform: translateY(-6px);\r\n        box-shadow:\r\n            0 26px 56px rgba(4,26,54,0.14),\r\n            inset 0 1px 0 rgba(255,255,255,1);\r\n    }\r\n\r\n    .pcc-counter-cards__icon {\r\n        width: 46px;\r\n        height: 46px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin-bottom: 14px;\r\n        border: 1px solid rgba(255,255,255,0.38);\r\n        border-radius: 15px;\r\n        color: #ffffff;\r\n        background:\r\n            linear-gradient(\r\n                145deg,\r\n                var(--pcc-blue),\r\n                var(--pcc-navy-dark)\r\n            );\r\n        box-shadow:\r\n            0 12px 26px rgba(4,26,54,0.22),\r\n            inset 0 1px 0 rgba(255,255,255,0.26);\r\n        font-size: 15px;\r\n    }\r\n\r\n    .pcc-counter-cards__number {\r\n        display: block;\r\n        width: fit-content;\r\n        min-height: 46px;\r\n        margin: 0 auto;\r\n        background:\r\n            linear-gradient(\r\n                90deg,\r\n                var(--pcc-navy-dark) 0%,\r\n                var(--pcc-blue) 25%,\r\n                var(--pcc-gold) 50%,\r\n                var(--pcc-gold-light) 65%,\r\n                var(--pcc-blue) 82%,\r\n                var(--pcc-navy-dark) 100%\r\n            );\r\n        background-size: 300% 100%;\r\n        -webkit-background-clip: text;\r\n        background-clip: text;\r\n        color: transparent;\r\n        -webkit-text-fill-color: transparent;\r\n        font-size: clamp(29px, 2.9vw, 40px);\r\n        font-weight: 800;\r\n        line-height: 1.1;\r\n        letter-spacing: -0.04em;\r\n        animation: pccNumberGradient 4s linear infinite;\r\n    }\r\n\r\n    .pcc-counter-cards__card h3 {\r\n        margin: 10px 0 7px;\r\n        color: var(--pcc-text);\r\n        font-size: 13px;\r\n        font-weight: 800;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .pcc-counter-cards__card p {\r\n        max-width: 230px;\r\n        margin: 0 auto;\r\n        color: var(--pcc-muted);\r\n        font-size: 9.5px;\r\n        font-weight: 500;\r\n        line-height: 1.68;\r\n    }\r\n\r\n    @keyframes pccNumberGradient {\r\n        0% {\r\n            background-position: 0% 50%;\r\n        }\r\n\r\n        100% {\r\n            background-position: 300% 50%;\r\n        }\r\n    }\r\n\r\n    @keyframes pccCardBorderMove {\r\n        0% {\r\n            background-position:\r\n                0 0,\r\n                0% 50%;\r\n        }\r\n\r\n        50% {\r\n            background-position:\r\n                0 0,\r\n                100% 50%;\r\n        }\r\n\r\n        100% {\r\n            background-position:\r\n                0 0,\r\n                0% 50%;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 1020px) {\r\n        .pcc-counter-cards {\r\n            padding: 16px 13px 20px;\r\n        }\r\n\r\n        .pcc-counter-cards__container {\r\n            width: min(760px, calc(100% - 8px));\r\n        }\r\n\r\n        .pcc-counter-cards__grid {\r\n            grid-template-columns: repeat(2, minmax(0, 1fr));\r\n            gap: 11px;\r\n        }\r\n\r\n        .pcc-counter-cards__card {\r\n            min-height: 205px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 680px) {\r\n        .pcc-counter-cards {\r\n            padding: 12px 8px 16px;\r\n        }\r\n\r\n        .pcc-counter-cards__container {\r\n            width: calc(100% - 4px);\r\n        }\r\n\r\n        .pcc-counter-cards__grid {\r\n            gap: 8px;\r\n        }\r\n\r\n        .pcc-counter-cards__card {\r\n            min-height: 185px;\r\n            padding: 17px 11px 15px;\r\n            border-radius: 16px;\r\n        }\r\n\r\n        .pcc-counter-cards__icon {\r\n            width: 40px;\r\n            height: 40px;\r\n            margin-bottom: 11px;\r\n            border-radius: 13px;\r\n            font-size: 13px;\r\n        }\r\n\r\n        .pcc-counter-cards__number {\r\n            min-height: 39px;\r\n            font-size: clamp(25px, 8vw, 33px);\r\n        }\r\n\r\n        .pcc-counter-cards__card h3 {\r\n            margin-top: 8px;\r\n            font-size: 10.5px;\r\n        }\r\n\r\n        .pcc-counter-cards__card p {\r\n            font-size: 7.8px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 420px) {\r\n        .pcc-counter-cards__grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .pcc-counter-cards__card {\r\n            min-height: 178px;\r\n        }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n        .pcc-counter-cards__card,\r\n        .pcc-counter-cards__number {\r\n            animation-duration: 14s !important;\r\n        }\r\n\r\n        .pcc-counter-cards *,\r\n        .pcc-counter-cards *::before,\r\n        .pcc-counter-cards *::after {\r\n            transition-duration: 0.01ms !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n    function initPccCounters() {\r\n        const section = document.getElementById(\"pccCounterCards\");\r\n\r\n        if (!section || section.dataset.initialized === \"true\") {\r\n            return;\r\n        }\r\n\r\n        section.dataset.initialized = \"true\";\r\n\r\n        const counters = Array.from(\r\n            section.querySelectorAll(\".pcc-counter-cards__number\")\r\n        );\r\n\r\n        let hasAnimated = false;\r\n\r\n        function getFormattedValue(counter, currentValue) {\r\n            const suffix = counter.dataset.suffix || \"\";\r\n            const divisor = parseFloat(\r\n                counter.dataset.divisor || \"1\"\r\n            );\r\n\r\n            const decimalPlaces = parseInt(\r\n                counter.dataset.decimal || \"0\",\r\n                10\r\n            );\r\n\r\n            const dividedValue = currentValue \/ divisor;\r\n\r\n            const displayedValue = decimalPlaces > 0\r\n                ? dividedValue.toFixed(decimalPlaces)\r\n                : Math.floor(dividedValue).toLocaleString(\"en-IN\");\r\n\r\n            return displayedValue + suffix;\r\n        }\r\n\r\n        function animateCounter(counter) {\r\n            const target = parseInt(\r\n                counter.dataset.target || \"0\",\r\n                10\r\n            );\r\n\r\n            const animationDuration = 1600;\r\n            const startingTime = performance.now();\r\n\r\n            function update(currentTime) {\r\n                const elapsedTime = currentTime - startingTime;\r\n                const progress = Math.min(\r\n                    elapsedTime \/ animationDuration,\r\n                    1\r\n                );\r\n\r\n                const easedProgress =\r\n                    1 - Math.pow(1 - progress, 3);\r\n\r\n                counter.textContent = getFormattedValue(\r\n                    counter,\r\n                    target * easedProgress\r\n                );\r\n\r\n                if (progress < 1) {\r\n                    requestAnimationFrame(update);\r\n                } else {\r\n                    counter.textContent = getFormattedValue(\r\n                        counter,\r\n                        target\r\n                    );\r\n                }\r\n            }\r\n\r\n            requestAnimationFrame(update);\r\n        }\r\n\r\n        function startCounters() {\r\n            if (hasAnimated) {\r\n                return;\r\n            }\r\n\r\n            hasAnimated = true;\r\n\r\n            counters.forEach(function (counter, index) {\r\n                window.setTimeout(function () {\r\n                    animateCounter(counter);\r\n                }, index * 110);\r\n            });\r\n        }\r\n\r\n        if (\"IntersectionObserver\" in window) {\r\n            const observer = new IntersectionObserver(\r\n                function (entries) {\r\n                    entries.forEach(function (entry) {\r\n                        if (entry.isIntersecting) {\r\n                            startCounters();\r\n                            observer.disconnect();\r\n                        }\r\n                    });\r\n                },\r\n                {\r\n                    threshold: 0.25\r\n                }\r\n            );\r\n\r\n            observer.observe(section);\r\n        } else {\r\n            startCounters();\r\n        }\r\n    }\r\n\r\n    if (document.readyState === \"loading\") {\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            initPccCounters\r\n        );\r\n    } else {\r\n        initPccCounters();\r\n    }\r\n\r\n    window.addEventListener(\r\n        \"elementor\/frontend\/init\",\r\n        initPccCounters\r\n    );\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cb1b4df e-con-full e-flex e-con e-parent\" data-id=\"cb1b4df\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b286d7 elementor-widget elementor-widget-html\" data-id=\"1b286d7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     PREMIUM LOAN SOLUTIONS \u2014 INFINITE CARD SLIDER\r\n     Elementor HTML Widget Ready\r\n     Complete HTML + CSS\r\n     Non-stop automatic slider \u00b7 Hover par pause nahi hoga\r\n========================================================= -->\r\n\r\n<section class=\"pls-loan-slider\" id=\"plsLoanSlider\">\r\n\r\n    <div class=\"pls-loan-slider__container\">\r\n\r\n        <div class=\"pls-loan-slider__header\">\r\n\r\n            <div class=\"pls-loan-slider__eyebrow\">\r\n                <span class=\"pls-loan-slider__eyebrow-icon\">\r\n                    <i class=\"fa-solid fa-indian-rupee-sign\"><\/i>\r\n                <\/span>\r\n                <span>Smart Loan Solutions<\/span>\r\n            <\/div>\r\n\r\n            <h2 class=\"pls-loan-slider__title\">\r\n                Explore The Right Loan For\r\n                <span>Your Financial Goals<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"pls-loan-slider__description\">\r\n                Compare practical loan options designed for different personal and professional requirements. Understand the purpose, repayment flexibility, documentation and eligibility before applying. Explore suitable finance for homes, education, business growth, vehicles and personal needs. Make a more informed decision with clear guidance at every important stage.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"pls-loan-slider__viewport\">\r\n\r\n            <div class=\"pls-loan-slider__track\">\r\n\r\n                <!-- ORIGINAL SET -->\r\n\r\n                <article class=\"pls-loan-slider__card\">\r\n                    <div class=\"pls-loan-slider__image-box\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/images.unsplash.com\/photo-1560518883-ce09059eeffa?auto=format&fit=crop&w=1000&q=88\"\r\n                            alt=\"Home loan for buying a house\"\r\n                            class=\"pls-loan-slider__image\"\r\n                        >\r\n                        <div class=\"pls-loan-slider__image-shade\"><\/div>\r\n\r\n                        <span class=\"pls-loan-slider__icon\">\r\n                            <i class=\"fa-solid fa-house\"><\/i>\r\n                        <\/span>\r\n\r\n                        <span class=\"pls-loan-slider__status\">\r\n                            Popular Choice\r\n                        <\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"pls-loan-slider__content\">\r\n                        <div class=\"pls-loan-slider__topline\">\r\n                            <span>Home Finance<\/span>\r\n                            <strong>01<\/strong>\r\n                        <\/div>\r\n\r\n                        <h3>Home Loan<\/h3>\r\n\r\n                        <p>\r\n                            Finance a new home, resale property or construction requirement\r\n                            with repayment planning based on income and affordability.\r\n                        <\/p>\r\n<div class=\"pls-loan-slider__footer\">\r\n                            <div>\r\n                                <small>Best For<\/small>\r\n                                <strong>Property Purchase<\/strong>\r\n                            <\/div>\r\n\r\n                            <span class=\"pls-loan-slider__arrow\">\r\n                                <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                            <\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/article>\r\n\r\n                <article class=\"pls-loan-slider__card\">\r\n                    <div class=\"pls-loan-slider__image-box\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/images.unsplash.com\/photo-1523240795612-9a054b0db644?auto=format&fit=crop&w=1000&q=88\"\r\n                            alt=\"Education loan for students\"\r\n                            class=\"pls-loan-slider__image\"\r\n                        >\r\n                        <div class=\"pls-loan-slider__image-shade\"><\/div>\r\n\r\n                        <span class=\"pls-loan-slider__icon\">\r\n                            <i class=\"fa-solid fa-graduation-cap\"><\/i>\r\n                        <\/span>\r\n\r\n                        <span class=\"pls-loan-slider__status\">\r\n                            India & Abroad\r\n                        <\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"pls-loan-slider__content\">\r\n                        <div class=\"pls-loan-slider__topline\">\r\n                            <span>Student Finance<\/span>\r\n                            <strong>02<\/strong>\r\n                        <\/div>\r\n\r\n                        <h3>Education Loan<\/h3>\r\n\r\n                        <p>\r\n                            Support tuition, accommodation, travel and other eligible\r\n                            education expenses for higher studies in India or overseas.\r\n                        <\/p>\r\n<div class=\"pls-loan-slider__footer\">\r\n                            <div>\r\n                                <small>Best For<\/small>\r\n                                <strong>Higher Education<\/strong>\r\n                            <\/div>\r\n\r\n                            <span class=\"pls-loan-slider__arrow\">\r\n                                <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                            <\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/article>\r\n\r\n                <article class=\"pls-loan-slider__card\">\r\n                    <div class=\"pls-loan-slider__image-box\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/images.unsplash.com\/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=1000&q=88\"\r\n                            alt=\"Business loan for company growth\"\r\n                            class=\"pls-loan-slider__image\"\r\n                        >\r\n                        <div class=\"pls-loan-slider__image-shade\"><\/div>\r\n\r\n                        <span class=\"pls-loan-slider__icon\">\r\n                            <i class=\"fa-solid fa-briefcase\"><\/i>\r\n                        <\/span>\r\n\r\n                        <span class=\"pls-loan-slider__status\">\r\n                            Growth Finance\r\n                        <\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"pls-loan-slider__content\">\r\n                        <div class=\"pls-loan-slider__topline\">\r\n                            <span>Business Funding<\/span>\r\n                            <strong>03<\/strong>\r\n                        <\/div>\r\n\r\n                        <h3>Business Loan<\/h3>\r\n\r\n                        <p>\r\n                            Meet working capital, inventory, equipment and expansion\r\n                            requirements with funding suited to your business profile.\r\n                        <\/p>\r\n<div class=\"pls-loan-slider__footer\">\r\n                            <div>\r\n                                <small>Best For<\/small>\r\n                                <strong>Business Growth<\/strong>\r\n                            <\/div>\r\n\r\n                            <span class=\"pls-loan-slider__arrow\">\r\n                                <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                            <\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/article>\r\n\r\n                <article class=\"pls-loan-slider__card\">\r\n                    <div class=\"pls-loan-slider__image-box\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/images.unsplash.com\/photo-1449965408869-eaa3f722e40d?auto=format&fit=crop&w=1000&q=88\"\r\n                            alt=\"Car loan for vehicle purchase\"\r\n                            class=\"pls-loan-slider__image\"\r\n                        >\r\n                        <div class=\"pls-loan-slider__image-shade\"><\/div>\r\n\r\n                        <span class=\"pls-loan-slider__icon\">\r\n                            <i class=\"fa-solid fa-car-side\"><\/i>\r\n                        <\/span>\r\n\r\n                        <span class=\"pls-loan-slider__status\">\r\n                            Vehicle Finance\r\n                        <\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"pls-loan-slider__content\">\r\n                        <div class=\"pls-loan-slider__topline\">\r\n                            <span>Auto Finance<\/span>\r\n                            <strong>04<\/strong>\r\n                        <\/div>\r\n\r\n                        <h3>Car Loan<\/h3>\r\n\r\n                        <p>\r\n                            Plan the purchase of a new or pre-owned vehicle with a\r\n                            repayment structure aligned to your monthly budget.\r\n                        <\/p>\r\n<div class=\"pls-loan-slider__footer\">\r\n                            <div>\r\n                                <small>Best For<\/small>\r\n                                <strong>Vehicle Purchase<\/strong>\r\n                            <\/div>\r\n\r\n                            <span class=\"pls-loan-slider__arrow\">\r\n                                <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                            <\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/article>\r\n\r\n                <article class=\"pls-loan-slider__card\">\r\n                    <div class=\"pls-loan-slider__image-box\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/images.unsplash.com\/photo-1554224155-6726b3ff858f?auto=format&fit=crop&w=1000&q=88\"\r\n                            alt=\"Personal loan financial planning\"\r\n                            class=\"pls-loan-slider__image\"\r\n                        >\r\n                        <div class=\"pls-loan-slider__image-shade\"><\/div>\r\n\r\n                        <span class=\"pls-loan-slider__icon\">\r\n                            <i class=\"fa-solid fa-wallet\"><\/i>\r\n                        <\/span>\r\n\r\n                        <span class=\"pls-loan-slider__status\">\r\n                            Quick Support\r\n                        <\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"pls-loan-slider__content\">\r\n                        <div class=\"pls-loan-slider__topline\">\r\n                            <span>Personal Finance<\/span>\r\n                            <strong>05<\/strong>\r\n                        <\/div>\r\n\r\n                        <h3>Personal Loan<\/h3>\r\n\r\n                        <p>\r\n                            Manage planned or urgent personal expenses with a loan\r\n                            structure evaluated around income and repayment capacity.\r\n                        <\/p>\r\n<div class=\"pls-loan-slider__footer\">\r\n                            <div>\r\n                                <small>Best For<\/small>\r\n                                <strong>Personal Expenses<\/strong>\r\n                            <\/div>\r\n\r\n                            <span class=\"pls-loan-slider__arrow\">\r\n                                <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                            <\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/article>\r\n\r\n                <article class=\"pls-loan-slider__card\">\r\n                    <div class=\"pls-loan-slider__image-box\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/images.unsplash.com\/photo-1560518883-ce09059eeffa?auto=format&fit=crop&w=1000&q=88\"\r\n                            alt=\"Loan against property solution\"\r\n                            class=\"pls-loan-slider__image\"\r\n                        >\r\n                        <div class=\"pls-loan-slider__image-shade\"><\/div>\r\n\r\n                        <span class=\"pls-loan-slider__icon\">\r\n                            <i class=\"fa-solid fa-building-shield\"><\/i>\r\n                        <\/span>\r\n\r\n                        <span class=\"pls-loan-slider__status\">\r\n                            Secured Finance\r\n                        <\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"pls-loan-slider__content\">\r\n                        <div class=\"pls-loan-slider__topline\">\r\n                            <span>Property Backed<\/span>\r\n                            <strong>06<\/strong>\r\n                        <\/div>\r\n\r\n                        <h3>Loan Against Property<\/h3>\r\n\r\n                        <p>\r\n                            Unlock the financial value of eligible residential or\r\n                            commercial property for larger funding requirements.\r\n                        <\/p>\r\n<div class=\"pls-loan-slider__footer\">\r\n                            <div>\r\n                                <small>Best For<\/small>\r\n                                <strong>High-Value Needs<\/strong>\r\n                            <\/div>\r\n\r\n                            <span class=\"pls-loan-slider__arrow\">\r\n                                <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                            <\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/article>\r\n\r\n                <!-- DUPLICATE SET FOR SEAMLESS LOOP -->\r\n\r\n                <article class=\"pls-loan-slider__card\" aria-hidden=\"true\">\r\n                    <div class=\"pls-loan-slider__image-box\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560518883-ce09059eeffa?auto=format&fit=crop&w=1000&q=88\" alt=\"\" class=\"pls-loan-slider__image\">\r\n                        <div class=\"pls-loan-slider__image-shade\"><\/div>\r\n                        <span class=\"pls-loan-slider__icon\"><i class=\"fa-solid fa-house\"><\/i><\/span>\r\n                        <span class=\"pls-loan-slider__status\">Popular Choice<\/span>\r\n                    <\/div>\r\n                    <div class=\"pls-loan-slider__content\">\r\n                        <div class=\"pls-loan-slider__topline\"><span>Home Finance<\/span><strong>01<\/strong><\/div>\r\n                        <h3>Home Loan<\/h3>\r\n                        <p>Finance a new home, resale property or construction requirement with repayment planning based on income and affordability.<\/p>\r\n<div class=\"pls-loan-slider__footer\"><div><small>Best For<\/small><strong>Property Purchase<\/strong><\/div><span class=\"pls-loan-slider__arrow\"><i class=\"fa-solid fa-arrow-right\"><\/i><\/span><\/div>\r\n                    <\/div>\r\n                <\/article>\r\n\r\n                <article class=\"pls-loan-slider__card\" aria-hidden=\"true\">\r\n                    <div class=\"pls-loan-slider__image-box\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1523240795612-9a054b0db644?auto=format&fit=crop&w=1000&q=88\" alt=\"\" class=\"pls-loan-slider__image\">\r\n                        <div class=\"pls-loan-slider__image-shade\"><\/div>\r\n                        <span class=\"pls-loan-slider__icon\"><i class=\"fa-solid fa-graduation-cap\"><\/i><\/span>\r\n                        <span class=\"pls-loan-slider__status\">India & Abroad<\/span>\r\n                    <\/div>\r\n                    <div class=\"pls-loan-slider__content\">\r\n                        <div class=\"pls-loan-slider__topline\"><span>Student Finance<\/span><strong>02<\/strong><\/div>\r\n                        <h3>Education Loan<\/h3>\r\n                        <p>Support tuition, accommodation, travel and other eligible education expenses for higher studies in India or overseas.<\/p>\r\n<div class=\"pls-loan-slider__footer\"><div><small>Best For<\/small><strong>Higher Education<\/strong><\/div><span class=\"pls-loan-slider__arrow\"><i class=\"fa-solid fa-arrow-right\"><\/i><\/span><\/div>\r\n                    <\/div>\r\n                <\/article>\r\n\r\n                <article class=\"pls-loan-slider__card\" aria-hidden=\"true\">\r\n                    <div class=\"pls-loan-slider__image-box\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=1000&q=88\" alt=\"\" class=\"pls-loan-slider__image\">\r\n                        <div class=\"pls-loan-slider__image-shade\"><\/div>\r\n                        <span class=\"pls-loan-slider__icon\"><i class=\"fa-solid fa-briefcase\"><\/i><\/span>\r\n                        <span class=\"pls-loan-slider__status\">Growth Finance<\/span>\r\n                    <\/div>\r\n                    <div class=\"pls-loan-slider__content\">\r\n                        <div class=\"pls-loan-slider__topline\"><span>Business Funding<\/span><strong>03<\/strong><\/div>\r\n                        <h3>Business Loan<\/h3>\r\n                        <p>Meet working capital, inventory, equipment and expansion requirements with funding suited to your business profile.<\/p>\r\n<div class=\"pls-loan-slider__footer\"><div><small>Best For<\/small><strong>Business Growth<\/strong><\/div><span class=\"pls-loan-slider__arrow\"><i class=\"fa-solid fa-arrow-right\"><\/i><\/span><\/div>\r\n                    <\/div>\r\n                <\/article>\r\n\r\n                <article class=\"pls-loan-slider__card\" aria-hidden=\"true\">\r\n                    <div class=\"pls-loan-slider__image-box\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1449965408869-eaa3f722e40d?auto=format&fit=crop&w=1000&q=88\" alt=\"\" class=\"pls-loan-slider__image\">\r\n                        <div class=\"pls-loan-slider__image-shade\"><\/div>\r\n                        <span class=\"pls-loan-slider__icon\"><i class=\"fa-solid fa-car-side\"><\/i><\/span>\r\n                        <span class=\"pls-loan-slider__status\">Vehicle Finance<\/span>\r\n                    <\/div>\r\n                    <div class=\"pls-loan-slider__content\">\r\n                        <div class=\"pls-loan-slider__topline\"><span>Auto Finance<\/span><strong>04<\/strong><\/div>\r\n                        <h3>Car Loan<\/h3>\r\n                        <p>Plan the purchase of a new or pre-owned vehicle with a repayment structure aligned to your monthly budget.<\/p>\r\n<div class=\"pls-loan-slider__footer\"><div><small>Best For<\/small><strong>Vehicle Purchase<\/strong><\/div><span class=\"pls-loan-slider__arrow\"><i class=\"fa-solid fa-arrow-right\"><\/i><\/span><\/div>\r\n                    <\/div>\r\n                <\/article>\r\n\r\n                <article class=\"pls-loan-slider__card\" aria-hidden=\"true\">\r\n                    <div class=\"pls-loan-slider__image-box\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1554224155-6726b3ff858f?auto=format&fit=crop&w=1000&q=88\" alt=\"\" class=\"pls-loan-slider__image\">\r\n                        <div class=\"pls-loan-slider__image-shade\"><\/div>\r\n                        <span class=\"pls-loan-slider__icon\"><i class=\"fa-solid fa-wallet\"><\/i><\/span>\r\n                        <span class=\"pls-loan-slider__status\">Quick Support<\/span>\r\n                    <\/div>\r\n                    <div class=\"pls-loan-slider__content\">\r\n                        <div class=\"pls-loan-slider__topline\"><span>Personal Finance<\/span><strong>05<\/strong><\/div>\r\n                        <h3>Personal Loan<\/h3>\r\n                        <p>Manage planned or urgent personal expenses with a loan structure evaluated around income and repayment capacity.<\/p>\r\n<div class=\"pls-loan-slider__footer\"><div><small>Best For<\/small><strong>Personal Expenses<\/strong><\/div><span class=\"pls-loan-slider__arrow\"><i class=\"fa-solid fa-arrow-right\"><\/i><\/span><\/div>\r\n                    <\/div>\r\n                <\/article>\r\n\r\n                <article class=\"pls-loan-slider__card\" aria-hidden=\"true\">\r\n                    <div class=\"pls-loan-slider__image-box\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560518883-ce09059eeffa?auto=format&fit=crop&w=1000&q=88\" alt=\"\" class=\"pls-loan-slider__image\">\r\n                        <div class=\"pls-loan-slider__image-shade\"><\/div>\r\n                        <span class=\"pls-loan-slider__icon\"><i class=\"fa-solid fa-building-shield\"><\/i><\/span>\r\n                        <span class=\"pls-loan-slider__status\">Secured Finance<\/span>\r\n                    <\/div>\r\n                    <div class=\"pls-loan-slider__content\">\r\n                        <div class=\"pls-loan-slider__topline\"><span>Property Backed<\/span><strong>06<\/strong><\/div>\r\n                        <h3>Loan Against Property<\/h3>\r\n                        <p>Unlock the financial value of eligible residential or commercial property for larger funding requirements.<\/p>\r\n<div class=\"pls-loan-slider__footer\"><div><small>Best For<\/small><strong>High-Value Needs<\/strong><\/div><span class=\"pls-loan-slider__arrow\"><i class=\"fa-solid fa-arrow-right\"><\/i><\/span><\/div>\r\n                    <\/div>\r\n                <\/article>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\">\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    .pls-loan-slider {\r\n        --pls-navy: #0b2d5c;\r\n        --pls-navy-dark: #041a36;\r\n        --pls-navy-light: #174a87;\r\n        --pls-gold: #c7a64a;\r\n        --pls-gold-light: #eadb9d;\r\n        --pls-text: #0a2342;\r\n        --pls-muted: #667388;\r\n\r\n        position: relative;\r\n        width: 100%;\r\n        overflow: hidden;\r\n        padding: 48px 0 58px;\r\n        background:\r\n            linear-gradient(\r\n                180deg,\r\n                #ffffff 0%,\r\n                #f7faff 58%,\r\n                #ffffff 100%\r\n            );\r\n        font-family: \"Manrope\", sans-serif;\r\n    }\r\n\r\n    .pls-loan-slider,\r\n    .pls-loan-slider * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .pls-loan-slider__container {\r\n        width: 100%;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* MARKED CONTENT WIDTH *\/\r\n    .pls-loan-slider__header {\r\n        width: min(920px, calc(100% - 34px));\r\n        margin: 0 auto 34px;\r\n        text-align: center;\r\n    }\r\n\r\n    .pls-loan-slider__eyebrow {\r\n        width: fit-content;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 9px;\r\n        min-height: 38px;\r\n        margin: 0 auto 14px;\r\n        padding: 6px 13px 6px 7px;\r\n        border: 1px solid rgba(11,45,92,0.10);\r\n        border-radius: 999px;\r\n        color: var(--pls-navy);\r\n        background: rgba(255,255,255,0.92);\r\n        box-shadow:\r\n            0 9px 24px rgba(4,26,54,0.06),\r\n            inset 0 1px 0 rgba(255,255,255,1);\r\n        backdrop-filter: blur(16px);\r\n        -webkit-backdrop-filter: blur(16px);\r\n        font-size: 10px;\r\n        font-weight: 800;\r\n        letter-spacing: 0.03em;\r\n    }\r\n\r\n    .pls-loan-slider__eyebrow-icon {\r\n        width: 25px;\r\n        height: 25px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 50%;\r\n        color: #ffffff;\r\n        background: linear-gradient(145deg, var(--pls-navy-light), var(--pls-navy-dark));\r\n        font-size: 9px;\r\n    }\r\n\r\n    .pls-loan-slider__title {\r\n        max-width: 900px;\r\n        margin: 0 auto;\r\n        color: var(--pls-text);\r\n        font-size: clamp(33px, 3.55vw, 48px);\r\n        font-weight: 800;\r\n        line-height: 1.08;\r\n        letter-spacing: -0.048em;\r\n    }\r\n\r\n    .pls-loan-slider__title span {\r\n        display: block;\r\n        color: var(--pls-navy);\r\n    }\r\n\r\n    .pls-loan-slider__description {\r\n        width: 100%;\r\n        max-width: 900px;\r\n        margin: 18px auto 0;\r\n        color: var(--pls-muted);\r\n        font-size: 14px;\r\n        font-weight: 500;\r\n        line-height: 1.86;\r\n    }\r\n\r\n    .pls-loan-slider__viewport {\r\n        width: 100%;\r\n        overflow: hidden;\r\n        padding: 10px 0 22px;\r\n        -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 4.5%, #000 95.5%, transparent 100%);\r\n        mask-image: linear-gradient(90deg, transparent 0, #000 4.5%, #000 95.5%, transparent 100%);\r\n    }\r\n\r\n    .pls-loan-slider__track {\r\n        width: max-content;\r\n        display: flex;\r\n        align-items: stretch;\r\n        gap: 15px;\r\n        padding-left: 15px;\r\n        animation: plsLoanMarquee 46s linear infinite;\r\n        will-change: transform;\r\n    }\r\n\r\n    \/* NEVER PAUSE ON HOVER *\/\r\n    .pls-loan-slider__viewport:hover .pls-loan-slider__track,\r\n    .pls-loan-slider__track:hover {\r\n        animation-play-state: running !important;\r\n    }\r\n\r\n    .pls-loan-slider__card {\r\n        flex: 0 0 294px;\r\n        width: 294px;\r\n        overflow: hidden;\r\n        border: 1px solid rgba(11,45,92,0.10);\r\n        border-radius: 21px;\r\n        background:\r\n            linear-gradient(\r\n                145deg,\r\n                rgba(255,255,255,0.99),\r\n                rgba(247,250,255,0.95)\r\n            );\r\n        box-shadow:\r\n            0 20px 48px rgba(4,26,54,0.09),\r\n            inset 0 1px 0 rgba(255,255,255,1);\r\n        transform: translateZ(0);\r\n        transition:\r\n            transform 0.35s ease,\r\n            box-shadow 0.35s ease,\r\n            border-color 0.35s ease;\r\n    }\r\n\r\n    .pls-loan-slider__card:hover {\r\n        transform: translateY(-6px);\r\n        border-color: rgba(11,45,92,0.18);\r\n        box-shadow:\r\n            0 28px 62px rgba(4,26,54,0.14),\r\n            inset 0 1px 0 rgba(255,255,255,1);\r\n    }\r\n\r\n    .pls-loan-slider__image-box {\r\n        position: relative;\r\n        height: 178px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        overflow: hidden;\r\n        padding: 7px;\r\n        background: linear-gradient(145deg, #eaf1f8, #f8fbff);\r\n    }\r\n\r\n    .pls-loan-slider__image {\r\n        width: 100%;\r\n        height: 100%;\r\n        display: block;\r\n        object-fit: contain;\r\n        object-position: center;\r\n        border-radius: 14px;\r\n        background: #edf3f8;\r\n        transition: transform 0.7s ease;\r\n    }\r\n\r\n    .pls-loan-slider__card:hover .pls-loan-slider__image {\r\n        transform: scale(1.025);\r\n    }\r\n\r\n    .pls-loan-slider__image-shade {\r\n        position: absolute;\r\n        inset: 7px;\r\n        border-radius: 14px;\r\n        background:\r\n            linear-gradient(\r\n                180deg,\r\n                rgba(4,26,54,0.02) 38%,\r\n                rgba(4,26,54,0.48) 100%\r\n            );\r\n        pointer-events: none;\r\n    }\r\n\r\n    .pls-loan-slider__icon {\r\n        position: absolute;\r\n        left: 17px;\r\n        bottom: 16px;\r\n        z-index: 2;\r\n        width: 40px;\r\n        height: 40px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border: 1px solid rgba(255,255,255,0.58);\r\n        border-radius: 13px;\r\n        color: #ffffff;\r\n        background: linear-gradient(145deg, var(--pls-navy-light), var(--pls-navy-dark));\r\n        box-shadow:\r\n            0 12px 26px rgba(4,26,54,0.24),\r\n            inset 0 1px 0 rgba(255,255,255,0.25);\r\n        font-size: 13px;\r\n    }\r\n\r\n    .pls-loan-slider__status {\r\n        position: absolute;\r\n        top: 16px;\r\n        right: 16px;\r\n        z-index: 2;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        min-height: 29px;\r\n        padding: 7px 10px;\r\n        border: 1px solid rgba(255,255,255,0.60);\r\n        border-radius: 999px;\r\n        color: var(--pls-text);\r\n        background: rgba(255,255,255,0.90);\r\n        box-shadow: 0 10px 24px rgba(4,26,54,0.15);\r\n        backdrop-filter: blur(15px);\r\n        -webkit-backdrop-filter: blur(15px);\r\n        font-size: 7px;\r\n        font-weight: 800;\r\n    }\r\n\r\n    .pls-loan-slider__content {\r\n        padding: 16px 16px 15px;\r\n    }\r\n\r\n    .pls-loan-slider__topline {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 12px;\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .pls-loan-slider__topline span {\r\n        color: var(--pls-gold);\r\n        font-size: 7.5px;\r\n        font-weight: 800;\r\n        letter-spacing: 0.08em;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .pls-loan-slider__topline strong {\r\n        color: rgba(11,45,92,0.24);\r\n        font-size: 11px;\r\n        font-weight: 800;\r\n    }\r\n\r\n    .pls-loan-slider__content h3 {\r\n        min-height: 27px;\r\n        margin: 0 0 8px;\r\n        color: var(--pls-text);\r\n        font-size: 16px;\r\n        font-weight: 800;\r\n        line-height: 1.35;\r\n        letter-spacing: -0.02em;\r\n    }\r\n\r\n    .pls-loan-slider__content > p {\r\n        min-height: 62px;\r\n        margin: 0;\r\n        color: var(--pls-muted);\r\n        font-size: 9.5px;\r\n        font-weight: 500;\r\n        line-height: 1.68;\r\n    }\r\n\r\n    .pls-loan-slider__features {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 7px;\r\n        margin-top: 13px;\r\n    }\r\n\r\n    .pls-loan-slider__features span {\r\n        min-height: 38px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        padding: 7px;\r\n        border: 1px solid rgba(11,45,92,0.08);\r\n        border-radius: 10px;\r\n        color: var(--pls-text);\r\n        background: rgba(247,250,255,0.90);\r\n        font-size: 6.8px;\r\n        font-weight: 700;\r\n        line-height: 1.35;\r\n    }\r\n\r\n    .pls-loan-slider__features i {\r\n        flex: 0 0 auto;\r\n        color: var(--pls-gold);\r\n        font-size: 8px;\r\n    }\r\n\r\n    .pls-loan-slider__footer {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 12px;\r\n        margin-top: 14px;\r\n        padding-top: 12px;\r\n        border-top: 1px solid rgba(11,45,92,0.09);\r\n    }\r\n\r\n    .pls-loan-slider__footer > div {\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .pls-loan-slider__footer small {\r\n        color: var(--pls-muted);\r\n        font-size: 6.5px;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .pls-loan-slider__footer strong {\r\n        margin-top: 3px;\r\n        color: var(--pls-navy);\r\n        font-size: 9px;\r\n        font-weight: 800;\r\n    }\r\n\r\n    .pls-loan-slider__arrow {\r\n        width: 34px;\r\n        height: 34px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border: 1px solid rgba(11,45,92,0.10);\r\n        border-radius: 11px;\r\n        color: var(--pls-navy);\r\n        background: #ffffff;\r\n        box-shadow: 0 8px 18px rgba(4,26,54,0.08);\r\n        font-size: 8px;\r\n        transition:\r\n            color 0.3s ease,\r\n            background 0.3s ease,\r\n            transform 0.3s ease;\r\n    }\r\n\r\n    .pls-loan-slider__card:hover .pls-loan-slider__arrow {\r\n        color: #ffffff;\r\n        background: var(--pls-navy);\r\n        transform: translateX(2px);\r\n    }\r\n\r\n    @keyframes plsLoanMarquee {\r\n        from {\r\n            transform: translate3d(0,0,0);\r\n        }\r\n\r\n        to {\r\n            transform: translate3d(calc(-50% - 7.5px),0,0);\r\n        }\r\n    }\r\n\r\n    @media (max-width: 1020px) {\r\n        .pls-loan-slider {\r\n            padding-top: 44px;\r\n            padding-bottom: 50px;\r\n        }\r\n\r\n        .pls-loan-slider__header {\r\n            width: min(760px, calc(100% - 28px));\r\n        }\r\n\r\n        .pls-loan-slider__title,\r\n        .pls-loan-slider__description {\r\n            max-width: 740px;\r\n        }\r\n\r\n        .pls-loan-slider__track {\r\n            animation-duration: 41s;\r\n        }\r\n\r\n        .pls-loan-slider__card {\r\n            flex-basis: 270px;\r\n            width: 270px;\r\n        }\r\n\r\n        .pls-loan-slider__image-box {\r\n            height: 165px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 680px) {\r\n        .pls-loan-slider {\r\n            padding: 36px 0 42px;\r\n        }\r\n\r\n        .pls-loan-slider__header {\r\n            width: calc(100% - 22px);\r\n            margin-bottom: 26px;\r\n        }\r\n\r\n        .pls-loan-slider__title {\r\n            font-size: clamp(28px, 8vw, 35px);\r\n        }\r\n\r\n        .pls-loan-slider__description {\r\n            font-size: 11px;\r\n            line-height: 1.78;\r\n        }\r\n\r\n        .pls-loan-slider__description br {\r\n            display: none;\r\n        }\r\n\r\n        .pls-loan-slider__viewport {\r\n            -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 3%, #000 97%, transparent 100%);\r\n            mask-image: linear-gradient(90deg, transparent 0, #000 3%, #000 97%, transparent 100%);\r\n        }\r\n\r\n        .pls-loan-slider__track {\r\n            gap: 10px;\r\n            padding-left: 10px;\r\n            animation-duration: 36s;\r\n        }\r\n\r\n        .pls-loan-slider__card {\r\n            flex-basis: 232px;\r\n            width: 232px;\r\n            border-radius: 17px;\r\n        }\r\n\r\n        .pls-loan-slider__image-box {\r\n            height: 145px;\r\n            padding: 6px;\r\n        }\r\n\r\n        .pls-loan-slider__image,\r\n        .pls-loan-slider__image-shade {\r\n            border-radius: 11px;\r\n        }\r\n\r\n        .pls-loan-slider__image-shade {\r\n            inset: 6px;\r\n        }\r\n\r\n        .pls-loan-slider__content {\r\n            padding: 13px;\r\n        }\r\n\r\n        .pls-loan-slider__content h3 {\r\n            font-size: 13px;\r\n        }\r\n\r\n        .pls-loan-slider__content > p {\r\n            min-height: 58px;\r\n            font-size: 8px;\r\n        }\r\n\r\n        .pls-loan-slider__features span {\r\n            min-height: 35px;\r\n            font-size: 6px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 420px) {\r\n        .pls-loan-slider__card {\r\n            flex-basis: 218px;\r\n            width: 218px;\r\n        }\r\n\r\n        .pls-loan-slider__image-box {\r\n            height: 138px;\r\n        }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n        .pls-loan-slider__track {\r\n            animation-duration: 95s !important;\r\n        }\r\n\r\n        .pls-loan-slider *,\r\n        .pls-loan-slider *::before,\r\n        .pls-loan-slider *::after {\r\n            transition-duration: 0.01ms !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   FINAL COMPACT CARD + READABLE TYPOGRAPHY UPDATE\r\n   - Larger card text\r\n   - Feature point boxes removed\r\n   - Smaller cards\r\n   - Wider heading\/paragraph area\r\n   - Image fully covers container\r\n   - No image zoom on hover\r\n   - Card lifts on hover\r\n   - Animated subtle gradient border\r\n   - Reduced bottom padding\r\n========================================================= *\/\r\n\r\n.pls-loan-slider {\r\n    padding-bottom: 30px !important;\r\n}\r\n\r\n.pls-loan-slider__header {\r\n    width: min(1040px, calc(100% - 34px)) !important;\r\n    margin-bottom: 28px !important;\r\n}\r\n\r\n.pls-loan-slider__title {\r\n    max-width: 1010px !important;\r\n}\r\n\r\n.pls-loan-slider__description {\r\n    max-width: 1020px !important;\r\n    font-size: 15px !important;\r\n    line-height: 1.9 !important;\r\n}\r\n\r\n\/* More compact cards *\/\r\n.pls-loan-slider__card {\r\n    position: relative !important;\r\n    isolation: isolate !important;\r\n    flex-basis: 258px !important;\r\n    width: 258px !important;\r\n    overflow: hidden !important;\r\n    border: 1px solid transparent !important;\r\n    border-radius: 19px !important;\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            rgba(255,255,255,0.99),\r\n            rgba(247,250,255,0.96)\r\n        ) padding-box,\r\n        linear-gradient(\r\n            115deg,\r\n            rgba(11,45,92,0.16),\r\n            rgba(199,166,74,0.34),\r\n            rgba(23,74,135,0.22),\r\n            rgba(11,45,92,0.16)\r\n        ) border-box !important;\r\n    background-size:\r\n        100% 100%,\r\n        240% 240% !important;\r\n    animation:\r\n        plsCardBorderFlow 7s linear infinite !important;\r\n    box-shadow:\r\n        0 16px 36px rgba(4,26,54,0.08),\r\n        inset 0 1px 0 rgba(255,255,255,1) !important;\r\n}\r\n\r\n.pls-loan-slider__card:hover {\r\n    transform: translateY(-7px) scale(1.012) !important;\r\n    box-shadow:\r\n        0 24px 54px rgba(4,26,54,0.15),\r\n        inset 0 1px 0 rgba(255,255,255,1) !important;\r\n}\r\n\r\n\/* Image should fully cover its frame *\/\r\n.pls-loan-slider__image-box {\r\n    height: 148px !important;\r\n    padding: 0 !important;\r\n    background: #edf3f8 !important;\r\n}\r\n\r\n.pls-loan-slider__image {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    object-fit: cover !important;\r\n    object-position: center !important;\r\n    border-radius: 0 !important;\r\n    transform: none !important;\r\n    transition: none !important;\r\n}\r\n\r\n\/* Disable image growth completely *\/\r\n.pls-loan-slider__card:hover .pls-loan-slider__image {\r\n    transform: none !important;\r\n}\r\n\r\n.pls-loan-slider__image-shade {\r\n    inset: 0 !important;\r\n    border-radius: 0 !important;\r\n}\r\n\r\n.pls-loan-slider__icon {\r\n    left: 13px !important;\r\n    bottom: 13px !important;\r\n    width: 37px !important;\r\n    height: 37px !important;\r\n    border-radius: 12px !important;\r\n    font-size: 12px !important;\r\n}\r\n\r\n.pls-loan-slider__status {\r\n    top: 12px !important;\r\n    right: 12px !important;\r\n    min-height: 27px !important;\r\n    padding: 6px 9px !important;\r\n    font-size: 7.5px !important;\r\n}\r\n\r\n\/* Larger and more readable card content *\/\r\n.pls-loan-slider__content {\r\n    padding: 14px 14px 13px !important;\r\n}\r\n\r\n.pls-loan-slider__topline {\r\n    margin-bottom: 7px !important;\r\n}\r\n\r\n.pls-loan-slider__topline span {\r\n    font-size: 8px !important;\r\n}\r\n\r\n.pls-loan-slider__topline strong {\r\n    font-size: 11px !important;\r\n}\r\n\r\n.pls-loan-slider__content h3 {\r\n    min-height: 25px !important;\r\n    margin-bottom: 8px !important;\r\n    font-size: 15px !important;\r\n    line-height: 1.35 !important;\r\n}\r\n\r\n.pls-loan-slider__content > p {\r\n    min-height: 66px !important;\r\n    font-size: 11px !important;\r\n    line-height: 1.66 !important;\r\n}\r\n\r\n\/* Ensure any old feature blocks stay removed *\/\r\n.pls-loan-slider__features {\r\n    display: none !important;\r\n}\r\n\r\n.pls-loan-slider__footer {\r\n    margin-top: 12px !important;\r\n    padding-top: 11px !important;\r\n}\r\n\r\n.pls-loan-slider__footer small {\r\n    font-size: 7px !important;\r\n}\r\n\r\n.pls-loan-slider__footer strong {\r\n    font-size: 9.5px !important;\r\n}\r\n\r\n.pls-loan-slider__arrow {\r\n    width: 32px !important;\r\n    height: 32px !important;\r\n    border-radius: 10px !important;\r\n}\r\n\r\n\/* Moving border gradient *\/\r\n@keyframes plsCardBorderFlow {\r\n    0% {\r\n        background-position:\r\n            0 0,\r\n            0% 50%;\r\n    }\r\n\r\n    50% {\r\n        background-position:\r\n            0 0,\r\n            100% 50%;\r\n    }\r\n\r\n    100% {\r\n        background-position:\r\n            0 0,\r\n            0% 50%;\r\n    }\r\n}\r\n\r\n@media (max-width: 1020px) {\r\n    .pls-loan-slider {\r\n        padding-bottom: 28px !important;\r\n    }\r\n\r\n    .pls-loan-slider__header {\r\n        width: min(820px, calc(100% - 28px)) !important;\r\n    }\r\n\r\n    .pls-loan-slider__description {\r\n        max-width: 800px !important;\r\n        font-size: 14px !important;\r\n    }\r\n\r\n    .pls-loan-slider__card {\r\n        flex-basis: 244px !important;\r\n        width: 244px !important;\r\n    }\r\n\r\n    .pls-loan-slider__image-box {\r\n        height: 142px !important;\r\n    }\r\n\r\n    .pls-loan-slider__content > p {\r\n        font-size: 10.5px !important;\r\n    }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n    .pls-loan-slider {\r\n        padding-bottom: 24px !important;\r\n    }\r\n\r\n    .pls-loan-slider__header {\r\n        width: calc(100% - 20px) !important;\r\n        margin-bottom: 23px !important;\r\n    }\r\n\r\n    .pls-loan-slider__description {\r\n        max-width: 100% !important;\r\n        font-size: 11.5px !important;\r\n        line-height: 1.78 !important;\r\n    }\r\n\r\n    .pls-loan-slider__card {\r\n        flex-basis: 215px !important;\r\n        width: 215px !important;\r\n        border-radius: 16px !important;\r\n    }\r\n\r\n    .pls-loan-slider__image-box {\r\n        height: 130px !important;\r\n    }\r\n\r\n    .pls-loan-slider__content {\r\n        padding: 12px !important;\r\n    }\r\n\r\n    .pls-loan-slider__content h3 {\r\n        font-size: 13px !important;\r\n    }\r\n\r\n    .pls-loan-slider__content > p {\r\n        min-height: 61px !important;\r\n        font-size: 9px !important;\r\n    }\r\n\r\n    .pls-loan-slider__footer strong {\r\n        font-size: 8.5px !important;\r\n    }\r\n}\r\n\r\n@media (max-width: 420px) {\r\n    .pls-loan-slider__card {\r\n        flex-basis: 202px !important;\r\n        width: 202px !important;\r\n    }\r\n\r\n    .pls-loan-slider__image-box {\r\n        height: 124px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<style>\r\n\/* =========================================================\r\n   FINAL WIDER HEADING + PARAGRAPH UPDATE\r\n   Desktop: heading and paragraph use almost full container width\r\n   Tablet\/Mobile: fully responsive\r\n========================================================= *\/\r\n\r\n.pls-loan-slider__header {\r\n    width: min(1240px, calc(100% - 40px)) !important;\r\n    max-width: 1240px !important;\r\n    margin-left: auto !important;\r\n    margin-right: auto !important;\r\n}\r\n\r\n.pls-loan-slider__title {\r\n    width: 100% !important;\r\n    max-width: 1180px !important;\r\n    margin-left: auto !important;\r\n    margin-right: auto !important;\r\n}\r\n\r\n.pls-loan-slider__description {\r\n    width: 100% !important;\r\n    max-width: 1180px !important;\r\n    margin-left: auto !important;\r\n    margin-right: auto !important;\r\n}\r\n\r\n\/* Keep heading controlled in two clean lines *\/\r\n.pls-loan-slider__title span {\r\n    display: block !important;\r\n}\r\n\r\n@media (max-width: 1020px) {\r\n    .pls-loan-slider__header {\r\n        width: min(940px, calc(100% - 30px)) !important;\r\n        max-width: 940px !important;\r\n    }\r\n\r\n    .pls-loan-slider__title,\r\n    .pls-loan-slider__description {\r\n        max-width: 900px !important;\r\n    }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n    .pls-loan-slider__header {\r\n        width: calc(100% - 20px) !important;\r\n        max-width: none !important;\r\n    }\r\n\r\n    .pls-loan-slider__title,\r\n    .pls-loan-slider__description {\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n    }\r\n\r\n    .pls-loan-slider__description br {\r\n        display: none !important;\r\n    }\r\n}\r\n<\/style>\r\n<style>\r\n\/* Final: Normal icons Golden *\/\r\n.pls-loan-slider__eyebrow-icon{\r\n    background:linear-gradient(145deg,#eadb9d,#c7a64a)!important;\r\n    color:#fff!important;\r\n}\r\n.pls-loan-slider__icon{\r\n    background:linear-gradient(145deg,#eadb9d,#c7a64a)!important;\r\n    color:#fff!important;\r\n}\r\n.pls-loan-slider__arrow{\r\n    color:#c7a64a!important;\r\n    border-color:rgba(199,166,74,.35)!important;\r\n}\r\n.pls-loan-slider__card:hover .pls-loan-slider__arrow{\r\n    background:#0b2d5c!important;\r\n    color:#fff!important;\r\n    border-color:#0b2d5c!important;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f243bcc e-con-full e-flex e-con e-parent\" data-id=\"f243bcc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6dffb7f elementor-widget elementor-widget-html\" data-id=\"6dffb7f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     PREMIUM PROFESSIONAL 6-IMAGE GALLERY\r\n     Elementor HTML Widget Ready\r\n     Complete HTML + CSS\r\n     Images Fully Cover Containers\r\n========================================================= -->\r\n\r\n<section class=\"ppg-gallery\" id=\"ppgGallery\">\r\n\r\n    <div class=\"ppg-gallery__container\">\r\n\r\n        <div class=\"ppg-gallery__grid\">\r\n\r\n            <figure class=\"ppg-gallery__item ppg-gallery__item--left-top\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1500&q=92\"\r\n                    alt=\"Premium modern home\"\r\n                    class=\"ppg-gallery__image\"\r\n                >\r\n            <\/figure>\r\n\r\n            <figure class=\"ppg-gallery__item ppg-gallery__item--left-bottom\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/images.unsplash.com\/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1400&q=92\"\r\n                    alt=\"Luxury home interior\"\r\n                    class=\"ppg-gallery__image\"\r\n                >\r\n            <\/figure>\r\n\r\n            <figure class=\"ppg-gallery__item ppg-gallery__item--center-top\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/images.unsplash.com\/photo-1554224155-6726b3ff858f?auto=format&fit=crop&w=1100&q=92\"\r\n                    alt=\"Financial planning and loan calculation\"\r\n                    class=\"ppg-gallery__image\"\r\n                >\r\n            <\/figure>\r\n\r\n            <figure class=\"ppg-gallery__item ppg-gallery__item--center-bottom\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/images.unsplash.com\/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=1200&q=92\"\r\n                    alt=\"Business finance consultation\"\r\n                    class=\"ppg-gallery__image\"\r\n                >\r\n            <\/figure>\r\n\r\n            <figure class=\"ppg-gallery__item ppg-gallery__item--right-top\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/images.unsplash.com\/photo-1523240795612-9a054b0db644?auto=format&fit=crop&w=1400&q=92\"\r\n                    alt=\"Education loan planning\"\r\n                    class=\"ppg-gallery__image\"\r\n                >\r\n            <\/figure>\r\n\r\n            <figure class=\"ppg-gallery__item ppg-gallery__item--right-bottom\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/images.unsplash.com\/photo-1449965408869-eaa3f722e40d?auto=format&fit=crop&w=1400&q=92\"\r\n                    alt=\"Vehicle finance lifestyle\"\r\n                    class=\"ppg-gallery__image\"\r\n                >\r\n            <\/figure>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n    .ppg-gallery {\r\n        --ppg-navy: #0b2d5c;\r\n        --ppg-blue: #174a87;\r\n        --ppg-gold: #c7a64a;\r\n\r\n        position: relative;\r\n        width: 100%;\r\n        overflow: hidden;\r\n        padding: 8px 18px 30px;\r\n        background:\r\n            linear-gradient(\r\n                180deg,\r\n                #ffffff 0%,\r\n                #f7faff 52%,\r\n                #ffffff 100%\r\n            );\r\n    }\r\n\r\n    .ppg-gallery,\r\n    .ppg-gallery * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .ppg-gallery__container {\r\n        width: min(1180px, calc(100% - 18px));\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .ppg-gallery__grid {\r\n        display: grid;\r\n        grid-template-columns:\r\n            minmax(0, 1.38fr)\r\n            minmax(0, 0.84fr)\r\n            minmax(0, 1.10fr);\r\n        grid-template-rows:\r\n            205px\r\n            22px\r\n            215px;\r\n        gap: 12px;\r\n    }\r\n\r\n    .ppg-gallery__item {\r\n        position: relative;\r\n        isolation: isolate;\r\n        overflow: hidden;\r\n        margin: 0;\r\n        border: 1px solid transparent;\r\n        border-radius: 21px;\r\n        background:\r\n            linear-gradient(\r\n                145deg,\r\n                rgba(255,255,255,0.98),\r\n                rgba(247,250,255,0.96)\r\n            ) padding-box,\r\n            linear-gradient(\r\n                115deg,\r\n                rgba(11,45,92,0.20),\r\n                rgba(199,166,74,0.34),\r\n                rgba(23,74,135,0.22),\r\n                rgba(11,45,92,0.20)\r\n            ) border-box;\r\n        background-size:\r\n            100% 100%,\r\n            240% 240%;\r\n        box-shadow:\r\n            0 18px 45px rgba(4,26,54,0.10),\r\n            inset 0 1px 0 rgba(255,255,255,0.90);\r\n        animation: ppgBorderMotion 9s linear infinite;\r\n        transform: translateZ(0);\r\n        transition:\r\n            transform 0.38s ease,\r\n            box-shadow 0.38s ease;\r\n    }\r\n\r\n    .ppg-gallery__item::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset: 0;\r\n        z-index: 2;\r\n        background:\r\n            linear-gradient(\r\n                180deg,\r\n                rgba(4,26,54,0.00) 50%,\r\n                rgba(4,26,54,0.16) 100%\r\n            );\r\n        pointer-events: none;\r\n    }\r\n\r\n    .ppg-gallery__item::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset: 0;\r\n        z-index: 3;\r\n        border-radius: inherit;\r\n        box-shadow:\r\n            inset 0 0 0 1px rgba(255,255,255,0.12),\r\n            inset 0 1px 0 rgba(255,255,255,0.22);\r\n        pointer-events: none;\r\n    }\r\n\r\n    .ppg-gallery__item:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow:\r\n            0 28px 62px rgba(4,26,54,0.16),\r\n            inset 0 1px 0 rgba(255,255,255,0.95);\r\n    }\r\n\r\n    .ppg-gallery__image {\r\n        width: 100%;\r\n        height: 100%;\r\n        display: block;\r\n        object-fit: cover;\r\n        object-position: center center;\r\n        transform: none;\r\n        transition: filter 0.38s ease;\r\n    }\r\n\r\n    .ppg-gallery__item:hover\r\n    .ppg-gallery__image {\r\n        transform: none;\r\n        filter: saturate(1.05) contrast(1.03);\r\n    }\r\n\r\n    \/* DESKTOP BOX PLACEMENT *\/\r\n\r\n    .ppg-gallery__item--left-top {\r\n        grid-column: 1;\r\n        grid-row: 1 \/ 3;\r\n    }\r\n\r\n    .ppg-gallery__item--left-bottom {\r\n        grid-column: 1;\r\n        grid-row: 3;\r\n    }\r\n\r\n    .ppg-gallery__item--center-top {\r\n        grid-column: 2;\r\n        grid-row: 1;\r\n    }\r\n\r\n    .ppg-gallery__item--center-bottom {\r\n        grid-column: 2;\r\n        grid-row: 2 \/ 4;\r\n    }\r\n\r\n    .ppg-gallery__item--right-top {\r\n        grid-column: 3;\r\n        grid-row: 1 \/ 3;\r\n    }\r\n\r\n    .ppg-gallery__item--right-bottom {\r\n        grid-column: 3;\r\n        grid-row: 3;\r\n    }\r\n\r\n    \/* Better focus points for different images *\/\r\n\r\n    .ppg-gallery__item--left-top .ppg-gallery__image {\r\n        object-position: center 52%;\r\n    }\r\n\r\n    .ppg-gallery__item--left-bottom .ppg-gallery__image {\r\n        object-position: center 58%;\r\n    }\r\n\r\n    .ppg-gallery__item--center-top .ppg-gallery__image {\r\n        object-position: center 48%;\r\n    }\r\n\r\n    .ppg-gallery__item--center-bottom .ppg-gallery__image {\r\n        object-position: center center;\r\n    }\r\n\r\n    .ppg-gallery__item--right-top .ppg-gallery__image {\r\n        object-position: center 46%;\r\n    }\r\n\r\n    .ppg-gallery__item--right-bottom .ppg-gallery__image {\r\n        object-position: center 55%;\r\n    }\r\n\r\n    @keyframes ppgBorderMotion {\r\n        0% {\r\n            background-position:\r\n                0 0,\r\n                0% 50%;\r\n        }\r\n\r\n        50% {\r\n            background-position:\r\n                0 0,\r\n                100% 50%;\r\n        }\r\n\r\n        100% {\r\n            background-position:\r\n                0 0,\r\n                0% 50%;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 1020px) {\r\n\r\n        .ppg-gallery {\r\n            padding-right: 13px;\r\n            padding-bottom: 26px;\r\n            padding-left: 13px;\r\n        }\r\n\r\n        .ppg-gallery__container {\r\n            width: min(760px, calc(100% - 8px));\r\n        }\r\n\r\n        .ppg-gallery__grid {\r\n            grid-template-columns:\r\n                minmax(0, 1.12fr)\r\n                minmax(0, 0.88fr);\r\n            grid-template-rows:\r\n                195px\r\n                180px\r\n                185px\r\n                165px;\r\n            gap: 10px;\r\n        }\r\n\r\n        .ppg-gallery__item--left-top {\r\n            grid-column: 1;\r\n            grid-row: 1 \/ 3;\r\n        }\r\n\r\n        .ppg-gallery__item--center-top {\r\n            grid-column: 2;\r\n            grid-row: 1;\r\n        }\r\n\r\n        .ppg-gallery__item--center-bottom {\r\n            grid-column: 2;\r\n            grid-row: 2;\r\n        }\r\n\r\n        .ppg-gallery__item--left-bottom {\r\n            grid-column: 1;\r\n            grid-row: 3;\r\n        }\r\n\r\n        .ppg-gallery__item--right-top {\r\n            grid-column: 2;\r\n            grid-row: 3;\r\n        }\r\n\r\n        .ppg-gallery__item--right-bottom {\r\n            grid-column: 1 \/ 3;\r\n            grid-row: 4;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 680px) {\r\n\r\n        .ppg-gallery {\r\n            padding: 5px 8px 22px;\r\n        }\r\n\r\n        .ppg-gallery__container {\r\n            width: calc(100% - 4px);\r\n        }\r\n\r\n        .ppg-gallery__grid {\r\n            grid-template-columns:\r\n                repeat(2, minmax(0, 1fr));\r\n            grid-template-rows:\r\n                188px\r\n                116px\r\n                172px\r\n                116px;\r\n            gap: 8px;\r\n        }\r\n\r\n        .ppg-gallery__item {\r\n            border-radius: 15px;\r\n        }\r\n\r\n        .ppg-gallery__item--left-top {\r\n            grid-column: 1 \/ 3;\r\n            grid-row: 1;\r\n        }\r\n\r\n        .ppg-gallery__item--center-top {\r\n            grid-column: 1;\r\n            grid-row: 2;\r\n        }\r\n\r\n        .ppg-gallery__item--right-top {\r\n            grid-column: 2;\r\n            grid-row: 2;\r\n        }\r\n\r\n        .ppg-gallery__item--center-bottom {\r\n            grid-column: 1;\r\n            grid-row: 3;\r\n        }\r\n\r\n        .ppg-gallery__item--left-bottom {\r\n            grid-column: 2;\r\n            grid-row: 3;\r\n        }\r\n\r\n        .ppg-gallery__item--right-bottom {\r\n            grid-column: 1 \/ 3;\r\n            grid-row: 4;\r\n        }\r\n\r\n        .ppg-gallery__item:hover {\r\n            transform: translateY(-3px);\r\n        }\r\n    }\r\n\r\n    @media (max-width: 420px) {\r\n\r\n        .ppg-gallery__grid {\r\n            grid-template-rows:\r\n                172px\r\n                104px\r\n                158px\r\n                104px;\r\n        }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n\r\n        .ppg-gallery__item {\r\n            animation: none !important;\r\n        }\r\n\r\n        .ppg-gallery__item,\r\n        .ppg-gallery__image {\r\n            transition-duration: 0.01ms !important;\r\n        }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7e12d97 e-con-full e-flex e-con e-parent\" data-id=\"7e12d97\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0bd3e9d elementor-widget elementor-widget-html\" data-id=\"0bd3e9d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     COMPACT GOOGLE-STYLE REVIEW CARDS\r\n     Elementor HTML Widget Ready\r\n     Complete HTML + CSS + JavaScript\r\n     \"Excellent\" summary section removed\r\n========================================================= -->\r\n\r\n<section class=\"cgr-reviews\" id=\"cgrReviews\">\r\n\r\n    <div class=\"cgr-reviews__container\">\r\n\r\n        <div class=\"cgr-reviews__header\">\r\n\r\n            <div class=\"cgr-reviews__eyebrow\">\r\n                <span class=\"cgr-reviews__eyebrow-icon\">G<\/span>\r\n                <span>Customer Reviews<\/span>\r\n            <\/div>\r\n\r\n            <h2 class=\"cgr-reviews__title\">\r\n                Real Experiences From\r\n                <span>Our Customers<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"cgr-reviews__description\">\r\n                Read customer feedback presented in a familiar Google-style review card format.\r\n                Replace the sample details with your approved customer reviews before publishing.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"cgr-reviews__viewport\">\r\n\r\n            <div class=\"cgr-reviews__track\">\r\n\r\n                <!-- REVIEW 01 -->\r\n                <article class=\"cgr-reviews__card\">\r\n\r\n                    <div class=\"cgr-reviews__top\">\r\n\r\n                        <div class=\"cgr-reviews__profile\">\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?auto=format&fit=crop&w=160&q=85\"\r\n                                alt=\"Customer profile\"\r\n                            >\r\n\r\n                            <div>\r\n                                <strong>Riya Malhotra<\/strong>\r\n                                <small>15\/04\/2026<\/small>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <span class=\"cgr-reviews__google\">G<\/span>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"cgr-reviews__stars\">\r\n                        <i class=\"fa-solid fa-star\"><\/i>\r\n                        <i class=\"fa-solid fa-star\"><\/i>\r\n                        <i class=\"fa-solid fa-star\"><\/i>\r\n                        <i class=\"fa-solid fa-star\"><\/i>\r\n                        <i class=\"fa-solid fa-star\"><\/i>\r\n                    <\/div>\r\n\r\n                    <p>\r\n                        The home loan process was explained in a very simple and transparent way.\r\n                        I received proper support for eligibility, documents and repayment planning.\r\n                        The team was responsive and helpful throughout.\r\n                    <\/p>\r\n\r\n                <\/article>\r\n\r\n                <!-- REVIEW 02 -->\r\n                <article class=\"cgr-reviews__card\">\r\n\r\n                    <div class=\"cgr-reviews__top\">\r\n\r\n                        <div class=\"cgr-reviews__profile\">\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&w=160&q=85\"\r\n                                alt=\"Customer profile\"\r\n                            >\r\n\r\n                            <div>\r\n                                <strong>Rohit Sharma<\/strong>\r\n                                <small>28\/03\/2026<\/small>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <span class=\"cgr-reviews__google\">G<\/span>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"cgr-reviews__stars\">\r\n                        <i class=\"fa-solid fa-star\"><\/i>\r\n                        <i class=\"fa-solid fa-star\"><\/i>\r\n                        <i class=\"fa-solid fa-star\"><\/i>\r\n                        <i class=\"fa-solid fa-star\"><\/i>\r\n                        <i class=\"fa-solid fa-star\"><\/i>\r\n                    <\/div>\r\n\r\n                    <p>\r\n                        Very professional service. Every important step was explained clearly,\r\n                        and I always knew which documents were required next. The overall\r\n                        experience was smooth and well organised.\r\n                    <\/p>\r\n\r\n                <\/article>\r\n\r\n                <!-- REVIEW 03 -->\r\n                <article class=\"cgr-reviews__card\">\r\n\r\n                    <div class=\"cgr-reviews__top\">\r\n\r\n                        <div class=\"cgr-reviews__profile\">\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?auto=format&fit=crop&w=160&q=85\"\r\n                                alt=\"Customer profile\"\r\n                            >\r\n\r\n                            <div>\r\n                                <strong>Aditya Mehta<\/strong>\r\n                                <small>09\/03\/2026<\/small>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <span class=\"cgr-reviews__google\">G<\/span>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"cgr-reviews__stars\">\r\n                        <i class=\"fa-solid fa-star\"><\/i>\r\n                        <i class=\"fa-solid fa-star\"><\/i>\r\n                        <i class=\"fa-solid fa-star\"><\/i>\r\n                        <i class=\"fa-solid fa-star\"><\/i>\r\n                        <i class=\"fa-solid fa-star\"><\/i>\r\n                    <\/div>\r\n\r\n                    <p>\r\n                        My family had many questions about an education loan. We received clear\r\n                        guidance for expenses, eligibility and documents, which made the entire\r\n                        application much easier to understand.\r\n                    <\/p>\r\n\r\n                <\/article>\r\n\r\n                <!-- REVIEW 04 -->\r\n                <article class=\"cgr-reviews__card\">\r\n\r\n                    <div class=\"cgr-reviews__top\">\r\n\r\n                        <div class=\"cgr-reviews__profile\">\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/images.unsplash.com\/photo-1438761681033-6461ffad8d80?auto=format&fit=crop&w=160&q=85\"\r\n                                alt=\"Customer profile\"\r\n                            >\r\n\r\n                            <div>\r\n                                <strong>Neha Verma<\/strong>\r\n                                <small>21\/02\/2026<\/small>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <span class=\"cgr-reviews__google\">G<\/span>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"cgr-reviews__stars\">\r\n                        <i class=\"fa-solid fa-star\"><\/i>\r\n                        <i class=\"fa-solid fa-star\"><\/i>\r\n                        <i class=\"fa-solid fa-star\"><\/i>\r\n                        <i class=\"fa-solid fa-star\"><\/i>\r\n                        <i class=\"fa-solid fa-star\"><\/i>\r\n                    <\/div>\r\n\r\n                    <p>\r\n                        I needed funding for business expansion and wanted clarity before applying.\r\n                        The available options were explained professionally, and the documentation\r\n                        support was very useful.\r\n                    <\/p>\r\n\r\n                <\/article>\r\n\r\n                <!-- REVIEW 05 -->\r\n                <article class=\"cgr-reviews__card\">\r\n\r\n                    <div class=\"cgr-reviews__top\">\r\n\r\n                        <div class=\"cgr-reviews__profile\">\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/images.unsplash.com\/photo-1531123897727-8f129e1688ce?auto=format&fit=crop&w=160&q=85\"\r\n                                alt=\"Customer profile\"\r\n                            >\r\n\r\n                            <div>\r\n                                <strong>Simran Kaur<\/strong>\r\n                                <small>04\/02\/2026<\/small>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <span class=\"cgr-reviews__google\">G<\/span>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"cgr-reviews__stars\">\r\n                        <i class=\"fa-solid fa-star\"><\/i>\r\n                        <i class=\"fa-solid fa-star\"><\/i>\r\n                        <i class=\"fa-solid fa-star\"><\/i>\r\n                        <i class=\"fa-solid fa-star\"><\/i>\r\n                        <i class=\"fa-solid fa-star\"><\/i>\r\n                    <\/div>\r\n\r\n                    <p>\r\n                        The team clearly explained the EMI, repayment structure and documents\r\n                        needed for my car loan. Communication was polite, quick and easy to follow.\r\n                    <\/p>\r\n\r\n                <\/article>\r\n\r\n                <!-- REVIEW 06 -->\r\n                <article class=\"cgr-reviews__card\">\r\n\r\n                    <div class=\"cgr-reviews__top\">\r\n\r\n                        <div class=\"cgr-reviews__profile\">\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/images.unsplash.com\/photo-1517841905240-472988babdf9?auto=format&fit=crop&w=160&q=85\"\r\n                                alt=\"Customer profile\"\r\n                            >\r\n\r\n                            <div>\r\n                                <strong>Anjali Singh<\/strong>\r\n                                <small>19\/01\/2026<\/small>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <span class=\"cgr-reviews__google\">G<\/span>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"cgr-reviews__stars\">\r\n                        <i class=\"fa-solid fa-star\"><\/i>\r\n                        <i class=\"fa-solid fa-star\"><\/i>\r\n                        <i class=\"fa-solid fa-star\"><\/i>\r\n                        <i class=\"fa-solid fa-star\"><\/i>\r\n                        <i class=\"fa-solid fa-star\"><\/i>\r\n                    <\/div>\r\n\r\n                    <p>\r\n                        Everything was handled in an organised manner. I appreciated the\r\n                        transparency and the way each stage of the loan against property process\r\n                        was explained.\r\n                    <\/p>\r\n\r\n                <\/article>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"cgr-reviews__controls\">\r\n\r\n            <button\r\n                type=\"button\"\r\n                class=\"cgr-reviews__arrow cgr-reviews__arrow--prev\"\r\n                aria-label=\"Previous reviews\"\r\n            >\r\n                <i class=\"fa-solid fa-arrow-left\"><\/i>\r\n            <\/button>\r\n\r\n            <div class=\"cgr-reviews__dots\">\r\n                <button type=\"button\" class=\"cgr-reviews__dot is-active\" aria-label=\"Review group 1\"><\/button>\r\n                <button type=\"button\" class=\"cgr-reviews__dot\" aria-label=\"Review group 2\"><\/button>\r\n                <button type=\"button\" class=\"cgr-reviews__dot\" aria-label=\"Review group 3\"><\/button>\r\n            <\/div>\r\n\r\n            <button\r\n                type=\"button\"\r\n                class=\"cgr-reviews__arrow cgr-reviews__arrow--next\"\r\n                aria-label=\"Next reviews\"\r\n            >\r\n                <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n            <\/button>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<link\r\n    rel=\"stylesheet\"\r\n    href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\"\r\n>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link\r\n    href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap\"\r\n    rel=\"stylesheet\"\r\n>\r\n\r\n<style>\r\n    .cgr-reviews {\r\n        --cgr-navy: #0b2d5c;\r\n        --cgr-navy-dark: #041a36;\r\n        --cgr-text: #202124;\r\n        --cgr-muted: #5f6368;\r\n        --cgr-border: #dadce0;\r\n        --cgr-star: #fbbc04;\r\n\r\n        position: relative;\r\n        width: 100%;\r\n        overflow: hidden;\r\n        padding: 42px 18px 36px;\r\n        background:\r\n            linear-gradient(\r\n                180deg,\r\n                #ffffff 0%,\r\n                #f8faff 55%,\r\n                #ffffff 100%\r\n            );\r\n        font-family: \"Manrope\", sans-serif;\r\n    }\r\n\r\n    .cgr-reviews,\r\n    .cgr-reviews * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .cgr-reviews button {\r\n        font-family: inherit;\r\n    }\r\n\r\n    .cgr-reviews__container {\r\n        width: min(1180px, calc(100% - 18px));\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .cgr-reviews__header {\r\n        width: min(860px, 100%);\r\n        margin: 0 auto 25px;\r\n        text-align: center;\r\n    }\r\n\r\n    .cgr-reviews__eyebrow {\r\n        width: fit-content;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 9px;\r\n        min-height: 38px;\r\n        margin: 0 auto 13px;\r\n        padding: 6px 13px 6px 7px;\r\n        border: 1px solid rgba(11,45,92,0.10);\r\n        border-radius: 999px;\r\n        color: var(--cgr-navy);\r\n        background: #ffffff;\r\n        box-shadow: 0 8px 22px rgba(4,26,54,0.06);\r\n        font-size: 10px;\r\n        font-weight: 800;\r\n    }\r\n\r\n    .cgr-reviews__eyebrow-icon,\r\n    .cgr-reviews__google {\r\n        font-family: Arial, sans-serif;\r\n        font-weight: 700;\r\n        background:\r\n            conic-gradient(\r\n                from -45deg,\r\n                #4285f4 0 25%,\r\n                #34a853 0 50%,\r\n                #fbbc05 0 75%,\r\n                #ea4335 0\r\n            );\r\n        -webkit-background-clip: text;\r\n        background-clip: text;\r\n        color: transparent;\r\n        -webkit-text-fill-color: transparent;\r\n    }\r\n\r\n    .cgr-reviews__eyebrow-icon {\r\n        width: 25px;\r\n        height: 25px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border: 1px solid var(--cgr-border);\r\n        border-radius: 50%;\r\n        background-color: #ffffff;\r\n        font-size: 14px;\r\n    }\r\n\r\n    .cgr-reviews__title {\r\n        margin: 0;\r\n        color: var(--cgr-navy-dark);\r\n        font-size: clamp(32px, 3.5vw, 46px);\r\n        font-weight: 800;\r\n        line-height: 1.1;\r\n        letter-spacing: -0.045em;\r\n    }\r\n\r\n    .cgr-reviews__title span {\r\n        display: block;\r\n        color: var(--cgr-navy);\r\n    }\r\n\r\n    .cgr-reviews__description {\r\n        max-width: 800px;\r\n        margin: 15px auto 0;\r\n        color: #657287;\r\n        font-size: 13px;\r\n        font-weight: 500;\r\n        line-height: 1.75;\r\n    }\r\n\r\n    .cgr-reviews__viewport {\r\n        overflow: hidden;\r\n        padding: 6px 0 14px;\r\n    }\r\n\r\n    .cgr-reviews__track {\r\n        display: flex;\r\n        gap: 13px;\r\n        transition: transform 0.62s cubic-bezier(0.22,1,0.36,1);\r\n        will-change: transform;\r\n    }\r\n\r\n    .cgr-reviews__card {\r\n        flex: 0 0 calc((100% - 26px) \/ 3);\r\n        min-width: 0;\r\n        min-height: 255px;\r\n        padding: 17px 16px 16px;\r\n        border: 1px solid var(--cgr-border);\r\n        border-radius: 16px;\r\n        background: #ffffff;\r\n        box-shadow:\r\n            0 8px 24px rgba(60,64,67,0.10),\r\n            0 1px 2px rgba(60,64,67,0.08);\r\n        transition:\r\n            transform 0.35s ease,\r\n            box-shadow 0.35s ease,\r\n            border-color 0.35s ease;\r\n    }\r\n\r\n    .cgr-reviews__card:hover {\r\n        transform: translateY(-4px);\r\n        border-color: rgba(66,133,244,0.24);\r\n        box-shadow:\r\n            0 16px 36px rgba(60,64,67,0.14),\r\n            0 2px 5px rgba(60,64,67,0.08);\r\n    }\r\n\r\n    .cgr-reviews__top {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        justify-content: space-between;\r\n        gap: 12px;\r\n    }\r\n\r\n    .cgr-reviews__profile {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        min-width: 0;\r\n    }\r\n\r\n    .cgr-reviews__profile img {\r\n        flex: 0 0 42px;\r\n        width: 42px;\r\n        height: 42px;\r\n        display: block;\r\n        object-fit: cover;\r\n        object-position: center;\r\n        border-radius: 50%;\r\n    }\r\n\r\n    .cgr-reviews__profile > div {\r\n        min-width: 0;\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .cgr-reviews__profile strong {\r\n        overflow: hidden;\r\n        color: var(--cgr-text);\r\n        font-size: 12px;\r\n        font-weight: 800;\r\n        text-overflow: ellipsis;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    .cgr-reviews__profile small {\r\n        margin-top: 4px;\r\n        color: var(--cgr-muted);\r\n        font-size: 8px;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .cgr-reviews__google {\r\n        flex: 0 0 auto;\r\n        font-size: 20px;\r\n    }\r\n\r\n    .cgr-reviews__stars {\r\n        display: flex;\r\n        gap: 3px;\r\n        margin-top: 14px;\r\n        color: var(--cgr-star);\r\n        font-size: 12px;\r\n    }\r\n\r\n    .cgr-reviews__card > p {\r\n        min-height: 126px;\r\n        margin: 12px 0 0;\r\n        color: #3c4043;\r\n        font-size: 10.8px;\r\n        font-weight: 500;\r\n        line-height: 1.7;\r\n    }\r\n\r\n    .cgr-reviews__controls {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 12px;\r\n        margin-top: 8px;\r\n    }\r\n\r\n    .cgr-reviews__arrow {\r\n        width: 38px;\r\n        height: 38px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding: 0;\r\n        border: 1px solid var(--cgr-border);\r\n        border-radius: 50%;\r\n        color: var(--cgr-navy);\r\n        background: #ffffff;\r\n        box-shadow: 0 7px 18px rgba(60,64,67,0.10);\r\n        cursor: pointer;\r\n        font-size: 10px;\r\n        transition:\r\n            color 0.3s ease,\r\n            background 0.3s ease,\r\n            transform 0.3s ease;\r\n    }\r\n\r\n    .cgr-reviews__arrow:hover {\r\n        color: #ffffff;\r\n        background: var(--cgr-navy);\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    .cgr-reviews__dots {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n    }\r\n\r\n    .cgr-reviews__dot {\r\n        width: 7px;\r\n        height: 7px;\r\n        padding: 0;\r\n        border: 0;\r\n        border-radius: 999px;\r\n        background: rgba(11,45,92,0.18);\r\n        cursor: pointer;\r\n        transition:\r\n            width 0.3s ease,\r\n            background 0.3s ease;\r\n    }\r\n\r\n    .cgr-reviews__dot.is-active {\r\n        width: 24px;\r\n        background:\r\n            linear-gradient(\r\n                90deg,\r\n                #4285f4,\r\n                #34a853,\r\n                #fbbc05,\r\n                #ea4335\r\n            );\r\n    }\r\n\r\n    @media (max-width: 1020px) {\r\n\r\n        .cgr-reviews {\r\n            padding: 38px 14px 34px;\r\n        }\r\n\r\n        .cgr-reviews__container {\r\n            width: min(760px, calc(100% - 8px));\r\n        }\r\n\r\n        .cgr-reviews__card {\r\n            flex-basis: calc((100% - 13px) \/ 2);\r\n        }\r\n    }\r\n\r\n    @media (max-width: 680px) {\r\n\r\n        .cgr-reviews {\r\n            padding: 32px 8px 28px;\r\n        }\r\n\r\n        .cgr-reviews__container {\r\n            width: calc(100% - 4px);\r\n        }\r\n\r\n        .cgr-reviews__header {\r\n            margin-bottom: 22px;\r\n        }\r\n\r\n        .cgr-reviews__title {\r\n            font-size: clamp(28px, 8vw, 35px);\r\n        }\r\n\r\n        .cgr-reviews__description {\r\n            font-size: 10.5px;\r\n        }\r\n\r\n        .cgr-reviews__card {\r\n            flex-basis: 100%;\r\n            min-height: 240px;\r\n        }\r\n\r\n        .cgr-reviews__card > p {\r\n            min-height: 112px;\r\n            font-size: 10.2px;\r\n        }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n\r\n        .cgr-reviews *,\r\n        .cgr-reviews *::before,\r\n        .cgr-reviews *::after {\r\n            transition-duration: 0.01ms !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n    function initCompactGoogleReviews() {\r\n        const section = document.getElementById(\"cgrReviews\");\r\n\r\n        if (!section || section.dataset.initialized === \"true\") {\r\n            return;\r\n        }\r\n\r\n        section.dataset.initialized = \"true\";\r\n\r\n        const track = section.querySelector(\r\n            \".cgr-reviews__track\"\r\n        );\r\n\r\n        const cards = Array.from(\r\n            section.querySelectorAll(\".cgr-reviews__card\")\r\n        );\r\n\r\n        const previousButton = section.querySelector(\r\n            \".cgr-reviews__arrow--prev\"\r\n        );\r\n\r\n        const nextButton = section.querySelector(\r\n            \".cgr-reviews__arrow--next\"\r\n        );\r\n\r\n        const dots = Array.from(\r\n            section.querySelectorAll(\".cgr-reviews__dot\")\r\n        );\r\n\r\n        let activeIndex = 0;\r\n        let autoplayTimer = null;\r\n        const autoplayDelay = 4500;\r\n\r\n        function cardsPerView() {\r\n            if (window.innerWidth <= 680) {\r\n                return 1;\r\n            }\r\n\r\n            if (window.innerWidth <= 1020) {\r\n                return 2;\r\n            }\r\n\r\n            return 3;\r\n        }\r\n\r\n        function maxIndex() {\r\n            return Math.max(\r\n                0,\r\n                cards.length - cardsPerView()\r\n            );\r\n        }\r\n\r\n        function updateSlider() {\r\n            const firstCard = cards[0];\r\n\r\n            if (!firstCard) {\r\n                return;\r\n            }\r\n\r\n            activeIndex = Math.min(\r\n                activeIndex,\r\n                maxIndex()\r\n            );\r\n\r\n            const gap = 13;\r\n            const movement =\r\n                firstCard.getBoundingClientRect().width + gap;\r\n\r\n            track.style.transform =\r\n                \"translate3d(\" +\r\n                (-activeIndex * movement) +\r\n                \"px,0,0)\";\r\n\r\n            const maximum = maxIndex();\r\n\r\n            const dotIndex = maximum === 0\r\n                ? 0\r\n                : Math.round(\r\n                    (activeIndex \/ maximum) *\r\n                    (dots.length - 1)\r\n                );\r\n\r\n            dots.forEach(function (dot, index) {\r\n                dot.classList.toggle(\r\n                    \"is-active\",\r\n                    index === dotIndex\r\n                );\r\n            });\r\n        }\r\n\r\n        function nextSlide() {\r\n            const maximum = maxIndex();\r\n\r\n            activeIndex =\r\n                activeIndex >= maximum\r\n                    ? 0\r\n                    : activeIndex + 1;\r\n\r\n            updateSlider();\r\n        }\r\n\r\n        function previousSlide() {\r\n            const maximum = maxIndex();\r\n\r\n            activeIndex =\r\n                activeIndex <= 0\r\n                    ? maximum\r\n                    : activeIndex - 1;\r\n\r\n            updateSlider();\r\n        }\r\n\r\n        function stopAutoplay() {\r\n            if (autoplayTimer) {\r\n                window.clearInterval(autoplayTimer);\r\n                autoplayTimer = null;\r\n            }\r\n        }\r\n\r\n        function startAutoplay() {\r\n            stopAutoplay();\r\n\r\n            autoplayTimer = window.setInterval(\r\n                nextSlide,\r\n                autoplayDelay\r\n            );\r\n        }\r\n\r\n        if (previousButton) {\r\n            previousButton.addEventListener(\r\n                \"click\",\r\n                function () {\r\n                    previousSlide();\r\n                    startAutoplay();\r\n                }\r\n            );\r\n        }\r\n\r\n        if (nextButton) {\r\n            nextButton.addEventListener(\r\n                \"click\",\r\n                function () {\r\n                    nextSlide();\r\n                    startAutoplay();\r\n                }\r\n            );\r\n        }\r\n\r\n        dots.forEach(function (dot, index) {\r\n            dot.addEventListener(\"click\", function () {\r\n                const maximum = maxIndex();\r\n\r\n                activeIndex = Math.round(\r\n                    (index \/ (dots.length - 1)) *\r\n                    maximum\r\n                );\r\n\r\n                updateSlider();\r\n                startAutoplay();\r\n            });\r\n        });\r\n\r\n        window.addEventListener(\r\n            \"resize\",\r\n            updateSlider\r\n        );\r\n\r\n        updateSlider();\r\n        startAutoplay();\r\n    }\r\n\r\n    if (document.readyState === \"loading\") {\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            initCompactGoogleReviews\r\n        );\r\n    } else {\r\n        initCompactGoogleReviews();\r\n    }\r\n\r\n    window.addEventListener(\r\n        \"elementor\/frontend\/init\",\r\n        initCompactGoogleReviews\r\n    );\r\n})();\r\n<\/script>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   FINAL CARD SIZE + TYPOGRAPHY UPDATE\r\n   Smaller review cards \u00b7 Larger readable review text\r\n========================================================= *\/\r\n\r\n.cgr-reviews__track {\r\n    gap: 16px !important;\r\n}\r\n\r\n.cgr-reviews__card {\r\n    flex: 0 0 calc((100% - 32px) \/ 3) !important;\r\n    min-height: 220px !important;\r\n    padding: 14px 14px 14px !important;\r\n    border-radius: 15px !important;\r\n}\r\n\r\n.cgr-reviews__profile img {\r\n    flex: 0 0 38px !important;\r\n    width: 38px !important;\r\n    height: 38px !important;\r\n}\r\n\r\n.cgr-reviews__profile {\r\n    gap: 9px !important;\r\n}\r\n\r\n.cgr-reviews__profile strong {\r\n    font-size: 13px !important;\r\n}\r\n\r\n.cgr-reviews__profile small {\r\n    margin-top: 3px !important;\r\n    font-size: 9px !important;\r\n}\r\n\r\n.cgr-reviews__google {\r\n    font-size: 19px !important;\r\n}\r\n\r\n.cgr-reviews__stars {\r\n    margin-top: 12px !important;\r\n    font-size: 13px !important;\r\n}\r\n\r\n.cgr-reviews__card > p {\r\n    min-height: 108px !important;\r\n    margin-top: 11px !important;\r\n    color: #30343a !important;\r\n    font-size: 12.6px !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1.72 !important;\r\n}\r\n\r\n@media (max-width: 1020px) {\r\n\r\n    .cgr-reviews__track {\r\n        gap: 14px !important;\r\n    }\r\n\r\n    .cgr-reviews__card {\r\n        flex-basis: calc((100% - 14px) \/ 2) !important;\r\n        min-height: 210px !important;\r\n    }\r\n\r\n    .cgr-reviews__card > p {\r\n        min-height: 102px !important;\r\n        font-size: 12px !important;\r\n    }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n\r\n    .cgr-reviews__track {\r\n        gap: 10px !important;\r\n    }\r\n\r\n    .cgr-reviews__card {\r\n        flex-basis: 100% !important;\r\n        min-height: 205px !important;\r\n        padding: 14px !important;\r\n    }\r\n\r\n    .cgr-reviews__card > p {\r\n        min-height: auto !important;\r\n        font-size: 11.8px !important;\r\n        line-height: 1.7 !important;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cada9d5 e-con e-atomic-element e-flexbox-base e-cdf8314 \" data-id=\"cada9d5\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"cada9d5\" data-e-type=\"e-flexbox\" data-id=\"cada9d5\">\n    \t\t<div class=\"elementor-element elementor-element-1b41bf5 elementor-widget elementor-widget-html\" data-id=\"1b41bf5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     PREMIUM COMPACT LOAN FAQ SECTION\r\n     Elementor HTML Widget Ready\r\n     1 Row = 1 FAQ \u00b7 Total 8 FAQs\r\n     No Hover Color Change\r\n     Complete HTML + CSS + JavaScript\r\n========================================================= -->\r\n\r\n<section class=\"loan-faq-final\" id=\"loanFaqFinal\">\r\n\r\n    <div class=\"loan-faq-final__container\">\r\n\r\n        <div class=\"loan-faq-final__header\">\r\n\r\n            <div class=\"loan-faq-final__eyebrow\">\r\n                <span class=\"loan-faq-final__eyebrow-icon\">\r\n                    <i class=\"fa-solid fa-circle-question\"><\/i>\r\n                <\/span>\r\n                <span>Frequently Asked Questions<\/span>\r\n            <\/div>\r\n\r\n            <h2 class=\"loan-faq-final__title\">\r\n                Clear Answers For Your\r\n                <span>Loan Questions<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"loan-faq-final__description\">\r\n                Find clear answers about loan eligibility, required documents,\r\n                EMI calculation, approval, repayment and the application process.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"loan-faq-final__list\">\r\n\r\n            <article class=\"loan-faq-final__item is-open\">\r\n                <button class=\"loan-faq-final__question\" type=\"button\" aria-expanded=\"true\">\r\n                    <span class=\"loan-faq-final__number\">01<\/span>\r\n                    <span class=\"loan-faq-final__question-text\">\r\n                        How do I choose the right loan option?\r\n                    <\/span>\r\n                    <span class=\"loan-faq-final__toggle\">\r\n                        <i class=\"fa-solid fa-plus\"><\/i>\r\n                    <\/span>\r\n                <\/button>\r\n\r\n                <div class=\"loan-faq-final__answer\">\r\n                    <div class=\"loan-faq-final__answer-inner\">\r\n                        Choose a loan according to your purpose, income, repayment capacity,\r\n                        required amount and preferred tenure. Compare eligibility, interest rate,\r\n                        EMI and documentation before making a decision.\r\n                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <article class=\"loan-faq-final__item\">\r\n                <button class=\"loan-faq-final__question\" type=\"button\" aria-expanded=\"false\">\r\n                    <span class=\"loan-faq-final__number\">02<\/span>\r\n                    <span class=\"loan-faq-final__question-text\">\r\n                        What documents are generally required for a loan?\r\n                    <\/span>\r\n                    <span class=\"loan-faq-final__toggle\">\r\n                        <i class=\"fa-solid fa-plus\"><\/i>\r\n                    <\/span>\r\n                <\/button>\r\n\r\n                <div class=\"loan-faq-final__answer\">\r\n                    <div class=\"loan-faq-final__answer-inner\">\r\n                        Common documents include identity proof, address proof, income proof,\r\n                        recent bank statements and photographs. Additional documents may be\r\n                        requested depending on the loan category and applicant profile.\r\n                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <article class=\"loan-faq-final__item\">\r\n                <button class=\"loan-faq-final__question\" type=\"button\" aria-expanded=\"false\">\r\n                    <span class=\"loan-faq-final__number\">03<\/span>\r\n                    <span class=\"loan-faq-final__question-text\">\r\n                        Does my credit score affect loan eligibility?\r\n                    <\/span>\r\n                    <span class=\"loan-faq-final__toggle\">\r\n                        <i class=\"fa-solid fa-plus\"><\/i>\r\n                    <\/span>\r\n                <\/button>\r\n\r\n                <div class=\"loan-faq-final__answer\">\r\n                    <div class=\"loan-faq-final__answer-inner\">\r\n                        Yes. Your credit score and repayment history can influence eligibility,\r\n                        lender assessment and available loan terms. A healthy credit profile\r\n                        generally reflects responsible borrowing behaviour.\r\n                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <article class=\"loan-faq-final__item\">\r\n                <button class=\"loan-faq-final__question\" type=\"button\" aria-expanded=\"false\">\r\n                    <span class=\"loan-faq-final__number\">04<\/span>\r\n                    <span class=\"loan-faq-final__question-text\">\r\n                        How is the monthly EMI calculated?\r\n                    <\/span>\r\n                    <span class=\"loan-faq-final__toggle\">\r\n                        <i class=\"fa-solid fa-plus\"><\/i>\r\n                    <\/span>\r\n                <\/button>\r\n\r\n                <div class=\"loan-faq-final__answer\">\r\n                    <div class=\"loan-faq-final__answer-inner\">\r\n                        EMI is generally calculated using the loan amount, interest rate and\r\n                        repayment tenure. A longer tenure may reduce the monthly instalment,\r\n                        while a shorter tenure may reduce the total repayment period.\r\n                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <article class=\"loan-faq-final__item\">\r\n                <button class=\"loan-faq-final__question\" type=\"button\" aria-expanded=\"false\">\r\n                    <span class=\"loan-faq-final__number\">05<\/span>\r\n                    <span class=\"loan-faq-final__question-text\">\r\n                        How long does the loan approval process take?\r\n                    <\/span>\r\n                    <span class=\"loan-faq-final__toggle\">\r\n                        <i class=\"fa-solid fa-plus\"><\/i>\r\n                    <\/span>\r\n                <\/button>\r\n\r\n                <div class=\"loan-faq-final__answer\">\r\n                    <div class=\"loan-faq-final__answer-inner\">\r\n                        Approval time depends on the loan type, applicant profile, document\r\n                        completeness and verification process. Accurate documentation can\r\n                        help reduce unnecessary delays.\r\n                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <article class=\"loan-faq-final__item\">\r\n                <button class=\"loan-faq-final__question\" type=\"button\" aria-expanded=\"false\">\r\n                    <span class=\"loan-faq-final__number\">06<\/span>\r\n                    <span class=\"loan-faq-final__question-text\">\r\n                        Can I apply if I already have an existing EMI?\r\n                    <\/span>\r\n                    <span class=\"loan-faq-final__toggle\">\r\n                        <i class=\"fa-solid fa-plus\"><\/i>\r\n                    <\/span>\r\n                <\/button>\r\n\r\n                <div class=\"loan-faq-final__answer\">\r\n                    <div class=\"loan-faq-final__answer-inner\">\r\n                        You may still be eligible. Existing EMIs are considered while assessing\r\n                        repayment capacity, along with income, credit profile and total monthly\r\n                        financial obligations.\r\n                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <article class=\"loan-faq-final__item\">\r\n                <button class=\"loan-faq-final__question\" type=\"button\" aria-expanded=\"false\">\r\n                    <span class=\"loan-faq-final__number\">07<\/span>\r\n                    <span class=\"loan-faq-final__question-text\">\r\n                        Is a guarantor required for every loan?\r\n                    <\/span>\r\n                    <span class=\"loan-faq-final__toggle\">\r\n                        <i class=\"fa-solid fa-plus\"><\/i>\r\n                    <\/span>\r\n                <\/button>\r\n\r\n                <div class=\"loan-faq-final__answer\">\r\n                    <div class=\"loan-faq-final__answer-inner\">\r\n                        No. The requirement depends on the loan type, lender policy,\r\n                        applicant profile, repayment capacity and whether a co-applicant\r\n                        or collateral is involved.\r\n                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <article class=\"loan-faq-final__item\">\r\n                <button class=\"loan-faq-final__question\" type=\"button\" aria-expanded=\"false\">\r\n                    <span class=\"loan-faq-final__number\">08<\/span>\r\n                    <span class=\"loan-faq-final__question-text\">\r\n                        Can I close my loan before the selected tenure?\r\n                    <\/span>\r\n                    <span class=\"loan-faq-final__toggle\">\r\n                        <i class=\"fa-solid fa-plus\"><\/i>\r\n                    <\/span>\r\n                <\/button>\r\n\r\n                <div class=\"loan-faq-final__answer\">\r\n                    <div class=\"loan-faq-final__answer-inner\">\r\n                        Many loans allow part-payment or foreclosure, subject to applicable\r\n                        conditions and charges. Review the repayment terms before making\r\n                        an early payment.\r\n                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\">\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    .loan-faq-final {\r\n        --faq-navy: #0b2d5c;\r\n        --faq-navy-dark: #041a36;\r\n        --faq-blue: #174a87;\r\n        --faq-gold: #c7a64a;\r\n        --faq-text: #0a2342;\r\n        --faq-muted: #5d6a7e;\r\n\r\n        position: relative;\r\n        width: 100%;\r\n        overflow: hidden;\r\n        padding: 38px 16px 32px;\r\n        background:\r\n            radial-gradient(circle at 12% 20%, rgba(23, 74, 135, 0.05), transparent 28%),\r\n            radial-gradient(circle at 88% 80%, rgba(199, 166, 74, 0.05), transparent 28%),\r\n            linear-gradient(180deg, #ffffff 0%, #f7faff 54%, #ffffff 100%);\r\n        font-family: \"Manrope\", sans-serif;\r\n    }\r\n\r\n    .loan-faq-final,\r\n    .loan-faq-final * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .loan-faq-final button {\r\n        font-family: inherit;\r\n    }\r\n\r\n    .loan-faq-final__container {\r\n        width: min(1040px, calc(100% - 14px));\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .loan-faq-final__header {\r\n        width: min(800px, 100%);\r\n        margin: 0 auto 25px;\r\n        text-align: center;\r\n    }\r\n\r\n    .loan-faq-final__eyebrow {\r\n        width: fit-content;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        min-height: 35px;\r\n        margin: 0 auto 12px;\r\n        padding: 5px 12px 5px 6px;\r\n        border: 1px solid rgba(11, 45, 92, 0.1);\r\n        border-radius: 999px;\r\n        color: var(--faq-navy);\r\n        background: rgba(255, 255, 255, 0.94);\r\n        box-shadow:\r\n            0 8px 20px rgba(4, 26, 54, 0.06),\r\n            inset 0 1px 0 rgba(255, 255, 255, 1);\r\n        backdrop-filter: blur(14px);\r\n        -webkit-backdrop-filter: blur(14px);\r\n        font-size: 10px;\r\n        font-weight: 800;\r\n    }\r\n\r\n    .loan-faq-final__eyebrow-icon {\r\n        width: 24px;\r\n        height: 24px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 50%;\r\n        color: #ffffff;\r\n        background: linear-gradient(145deg, var(--faq-blue), var(--faq-navy-dark));\r\n        font-size: 9px;\r\n    }\r\n\r\n    .loan-faq-final__title {\r\n        margin: 0;\r\n        color: var(--faq-text);\r\n        font-size: clamp(30px, 3.3vw, 43px);\r\n        font-weight: 800;\r\n        line-height: 1.1;\r\n        letter-spacing: -0.045em;\r\n    }\r\n\r\n    .loan-faq-final__title span {\r\n        display: block;\r\n        color: var(--faq-navy);\r\n    }\r\n\r\n    .loan-faq-final__description {\r\n        max-width: 740px;\r\n        margin: 14px auto 0;\r\n        color: var(--faq-muted);\r\n        font-size: 14px;\r\n        font-weight: 500;\r\n        line-height: 1.75;\r\n    }\r\n\r\n    .loan-faq-final__list {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 10px;\r\n    }\r\n\r\n    .loan-faq-final__item {\r\n        position: relative;\r\n        overflow: hidden;\r\n        border: 1px solid transparent;\r\n        border-radius: 15px;\r\n        background:\r\n            linear-gradient(\r\n                145deg,\r\n                rgba(255, 255, 255, 0.99),\r\n                rgba(248, 251, 255, 0.96)\r\n            ) padding-box,\r\n            linear-gradient(\r\n                110deg,\r\n                rgba(11, 45, 92, 0.16),\r\n                rgba(199, 166, 74, 0.28),\r\n                rgba(23, 74, 135, 0.18),\r\n                rgba(11, 45, 92, 0.16)\r\n            ) border-box;\r\n        background-size: 100% 100%, 220% 220%;\r\n        box-shadow:\r\n            0 10px 26px rgba(4, 26, 54, 0.06),\r\n            inset 0 1px 0 rgba(255, 255, 255, 1);\r\n        animation: loanFaqBorder 9s linear infinite;\r\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n    }\r\n\r\n    .loan-faq-final__item:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow:\r\n            0 15px 34px rgba(4, 26, 54, 0.09),\r\n            inset 0 1px 0 rgba(255, 255, 255, 1);\r\n    }\r\n\r\n    .loan-faq-final__question {\r\n        width: 100%;\r\n        min-height: 62px;\r\n        display: grid;\r\n        grid-template-columns: 32px minmax(0, 1fr) 32px;\r\n        align-items: center;\r\n        gap: 11px;\r\n        padding: 11px 13px;\r\n        border: 0;\r\n        outline: 0;\r\n        color: var(--faq-text);\r\n        background: transparent;\r\n        text-align: left;\r\n        cursor: pointer;\r\n        appearance: none;\r\n        -webkit-appearance: none;\r\n        -webkit-tap-highlight-color: transparent;\r\n    }\r\n\r\n    .loan-faq-final__question:hover,\r\n    .loan-faq-final__question:focus,\r\n    .loan-faq-final__question:active {\r\n        color: var(--faq-text) !important;\r\n        background: transparent !important;\r\n        outline: none !important;\r\n    }\r\n\r\n    .loan-faq-final__number {\r\n        width: 31px;\r\n        height: 31px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border: 1px solid rgba(11, 45, 92, 0.09);\r\n        border-radius: 9px;\r\n        color: var(--faq-navy);\r\n        background: #ffffff;\r\n        box-shadow: 0 6px 14px rgba(4, 26, 54, 0.06);\r\n        font-size: 9px;\r\n        font-weight: 800;\r\n    }\r\n\r\n    .loan-faq-final__question:hover .loan-faq-final__number,\r\n    .loan-faq-final__question:focus .loan-faq-final__number,\r\n    .loan-faq-final__question:active .loan-faq-final__number {\r\n        color: var(--faq-navy) !important;\r\n        background: #ffffff !important;\r\n        border-color: rgba(11, 45, 92, 0.09) !important;\r\n    }\r\n\r\n    .loan-faq-final__question-text {\r\n        color: var(--faq-text);\r\n        font-size: 15px;\r\n        font-weight: 800;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    .loan-faq-final__question:hover .loan-faq-final__question-text,\r\n    .loan-faq-final__question:focus .loan-faq-final__question-text,\r\n    .loan-faq-final__question:active .loan-faq-final__question-text {\r\n        color: var(--faq-text) !important;\r\n    }\r\n\r\n    .loan-faq-final__toggle {\r\n        width: 31px;\r\n        height: 31px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border: 1px solid rgba(11, 45, 92, 0.1);\r\n        border-radius: 9px;\r\n        color: var(--faq-navy);\r\n        background: #ffffff;\r\n        box-shadow: 0 6px 14px rgba(4, 26, 54, 0.06);\r\n        font-size: 9px;\r\n        transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease;\r\n    }\r\n\r\n    .loan-faq-final__question:hover .loan-faq-final__toggle,\r\n    .loan-faq-final__question:focus .loan-faq-final__toggle,\r\n    .loan-faq-final__question:active .loan-faq-final__toggle {\r\n        color: var(--faq-navy) !important;\r\n        background: #ffffff !important;\r\n        border-color: rgba(11, 45, 92, 0.1) !important;\r\n        transform: none;\r\n    }\r\n\r\n    .loan-faq-final__item.is-open .loan-faq-final__toggle,\r\n    .loan-faq-final__item.is-open .loan-faq-final__question:hover .loan-faq-final__toggle,\r\n    .loan-faq-final__item.is-open .loan-faq-final__question:focus .loan-faq-final__toggle {\r\n        color: #ffffff !important;\r\n        background: linear-gradient(145deg, var(--faq-blue), var(--faq-navy-dark)) !important;\r\n        transform: rotate(45deg) !important;\r\n    }\r\n\r\n    .loan-faq-final__answer {\r\n        display: grid;\r\n        grid-template-rows: 0fr;\r\n        transition: grid-template-rows 0.38s cubic-bezier(0.22, 1, 0.36, 1);\r\n    }\r\n\r\n    .loan-faq-final__item.is-open .loan-faq-final__answer {\r\n        grid-template-rows: 1fr;\r\n    }\r\n\r\n    .loan-faq-final__answer-inner {\r\n        overflow: hidden;\r\n        margin: 0 13px;\r\n        padding: 0 43px;\r\n        color: var(--faq-muted);\r\n        font-size: 14px;\r\n        font-weight: 500;\r\n        line-height: 1.8;\r\n        opacity: 0;\r\n        transform: translateY(-3px);\r\n        transition:\r\n            opacity 0.3s ease,\r\n            transform 0.3s ease,\r\n            padding 0.38s ease;\r\n    }\r\n\r\n    .loan-faq-final__item.is-open .loan-faq-final__answer-inner {\r\n        padding-bottom: 15px;\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n    @keyframes loanFaqBorder {\r\n        0% {\r\n            background-position: 0 0, 0% 50%;\r\n        }\r\n\r\n        50% {\r\n            background-position: 0 0, 100% 50%;\r\n        }\r\n\r\n        100% {\r\n            background-position: 0 0, 0% 50%;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 680px) {\r\n        .loan-faq-final {\r\n            padding: 30px 8px 26px;\r\n        }\r\n\r\n        .loan-faq-final__container {\r\n            width: calc(100% - 4px);\r\n        }\r\n\r\n        .loan-faq-final__header {\r\n            margin-bottom: 21px;\r\n        }\r\n\r\n        .loan-faq-final__title {\r\n            font-size: clamp(27px, 8vw, 34px);\r\n        }\r\n\r\n        .loan-faq-final__description {\r\n            font-size: 12.5px;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        .loan-faq-final__list {\r\n            gap: 8px;\r\n        }\r\n\r\n        .loan-faq-final__item {\r\n            border-radius: 13px;\r\n        }\r\n\r\n        .loan-faq-final__question {\r\n            min-height: 58px;\r\n            grid-template-columns: 29px minmax(0, 1fr) 29px;\r\n            gap: 8px;\r\n            padding: 10px;\r\n        }\r\n\r\n        .loan-faq-final__number,\r\n        .loan-faq-final__toggle {\r\n            width: 29px;\r\n            height: 29px;\r\n            border-radius: 8px;\r\n        }\r\n\r\n        .loan-faq-final__question-text {\r\n            font-size: 14px;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        .loan-faq-final__answer-inner {\r\n            margin: 0 10px;\r\n            padding-right: 37px;\r\n            padding-left: 37px;\r\n            font-size: 13px;\r\n            line-height: 1.75;\r\n        }\r\n\r\n        .loan-faq-final__item.is-open .loan-faq-final__answer-inner {\r\n            padding-bottom: 13px;\r\n        }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n        .loan-faq-final__item {\r\n            animation: none !important;\r\n        }\r\n\r\n        .loan-faq-final *,\r\n        .loan-faq-final *::before,\r\n        .loan-faq-final *::after {\r\n            transition-duration: 0.01ms !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n    function initLoanFaqFinal() {\r\n        const section = document.getElementById(\"loanFaqFinal\");\r\n\r\n        if (!section || section.dataset.initialized === \"true\") {\r\n            return;\r\n        }\r\n\r\n        section.dataset.initialized = \"true\";\r\n\r\n        const items = Array.from(\r\n            section.querySelectorAll(\".loan-faq-final__item\")\r\n        );\r\n\r\n        items.forEach(function (item) {\r\n            const button = item.querySelector(\".loan-faq-final__question\");\r\n\r\n            if (!button) {\r\n                return;\r\n            }\r\n\r\n            button.addEventListener(\"click\", function () {\r\n                const isOpen = item.classList.contains(\"is-open\");\r\n\r\n                items.forEach(function (otherItem) {\r\n                    otherItem.classList.remove(\"is-open\");\r\n\r\n                    const otherButton = otherItem.querySelector(\r\n                        \".loan-faq-final__question\"\r\n                    );\r\n\r\n                    if (otherButton) {\r\n                        otherButton.setAttribute(\"aria-expanded\", \"false\");\r\n                    }\r\n                });\r\n\r\n                if (!isOpen) {\r\n                    item.classList.add(\"is-open\");\r\n                    button.setAttribute(\"aria-expanded\", \"true\");\r\n                }\r\n            });\r\n        });\r\n    }\r\n\r\n    if (document.readyState === \"loading\") {\r\n        document.addEventListener(\"DOMContentLoaded\", initLoanFaqFinal);\r\n    } else {\r\n        initLoanFaqFinal();\r\n    }\r\n\r\n    window.addEventListener(\"elementor\/frontend\/init\", initLoanFaqFinal);\r\n})();\r\n<\/script>\r\n<style>\r\n\/* Final icon color update - Normal Golden *\/\r\n.loan-faq-final__eyebrow-icon{\r\n    background:linear-gradient(145deg,#e4cc7a,#c7a64a)!important;\r\n    color:#fff!important;\r\n}\r\n.loan-faq-final__number{\r\n    color:#c7a64a!important;\r\n    border-color:rgba(199,166,74,.35)!important;\r\n}\r\n.loan-faq-final__toggle{\r\n    color:#c7a64a!important;\r\n    border-color:rgba(199,166,74,.35)!important;\r\n}\r\n.loan-faq-final__question:hover .loan-faq-final__toggle,\r\n.loan-faq-final__question:focus .loan-faq-final__toggle{\r\n    color:#c7a64a!important;\r\n    border-color:rgba(199,166,74,.35)!important;\r\n    background:#fff!important;\r\n}\r\n.loan-faq-final__item.is-open .loan-faq-final__toggle{\r\n    background:linear-gradient(145deg,#174a87,#041a36)!important;\r\n    color:#fff!important;\r\n    border-color:#0b2d5c!important;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Fast, Simple &#038; Trusted Loan Solutions Smart Loans For Your Bigger Dreams Personal, home, business and property loans with quick [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-35","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/moneyadvise.hiralgems.com\/index.php?rest_route=\/wp\/v2\/pages\/35","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moneyadvise.hiralgems.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moneyadvise.hiralgems.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moneyadvise.hiralgems.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moneyadvise.hiralgems.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=35"}],"version-history":[{"count":10,"href":"https:\/\/moneyadvise.hiralgems.com\/index.php?rest_route=\/wp\/v2\/pages\/35\/revisions"}],"predecessor-version":[{"id":46,"href":"https:\/\/moneyadvise.hiralgems.com\/index.php?rest_route=\/wp\/v2\/pages\/35\/revisions\/46"}],"wp:attachment":[{"href":"https:\/\/moneyadvise.hiralgems.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}