@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap");

* {
    font-family: "Poppins", sans-serif;
}
:root {
    /* Background colors */
    --bg-clr1: #ffb600;
    --bg-clr2: #08517f;
    --bg-clr3: #0075ff;
    --bg-clr4: #16205e;
    --bg-clr5: #064269;

    /* Text colors */
    --text-clr1: #000;
    --text-clr2: #333;
    --text-clr3: #444;
    --text-clr4: #064269;
    --text-clr5: #030065;
    --text-clr6: #ffb600;
    --text-clr7: #0075ff;
    --text-clr8: #1a4048;
    --text-clr9: #1c6899;
    --text-white: #fff;

    /* Section background colors */
    --section-bg: rgba(225, 232, 240, 0.25);

    /* Link Colors */
    --link-clr: #303ea1;
}

/* Common styling start */
.common-container {
    padding-inline: 80px;
}
.sec-py {
    padding-block: 75px;
}
.common-header {
    color: var(--text-clr1);
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    max-width: 885px;
    margin-inline: auto;
    margin-bottom: 10px;
}
.common-header-para {
    position: relative;
    color: var(--text-clr2);
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    max-width: 885px;
    margin-inline: auto;
    margin-bottom: 75px;

    &::before {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -15px;
        transform: translateX(-50%);
        width: 75px;
        height: 5px;
        border-radius: 50px;
        background: linear-gradient(90deg, #e89f00 52.87%, #1c6899 52.88%);
    }
}

.sec-bg {
    background: rgba(225, 232, 240, 0.25);
}
/* Common styling end */

/* Navbar start */
nav {
    position: sticky;
    top: 0;
    padding-block: 10px;
    border-bottom: 1px solid #ced7e0;
    background-color: #fff;
    z-index: 999;

    .common-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 15px;
    }

    .all-links {
        display: flex;
        align-items: center;
        gap: 20px;
        padding: 0;
        margin: 0;
        list-style-type: none;

        a {
            text-decoration: none;
            color: var(--bg-clr8);
            font-size: 18px;
            font-weight: 500;
            white-space: nowrap;

            &:hover {
                color: var(--text-clr9);
            }

            &.active {
                color: var(--text-clr9);
                font-weight: 600;
            }
        }
    }

    .nav-cta-btn {
        text-decoration: none;
        border-radius: 34px;
        background: rgba(232, 159, 0, 0.55);
        padding: 10px 20px;
        display: flex;
        align-items: center;
        gap: 10px;
        white-space: nowrap;

        color: var(--text-clr1);
        font-size: 14px;
        font-weight: 600;
        transition: all 0.25s ease-in-out;

        &:hover {
            background: rgba(232, 159, 0, 0.8);
        }
    }
    .nav-collapse-btn {
        display: none;
        border: none;
        box-shadow: none;
        padding: 0;
        background: none;
    }
}

.lang-button {
    text-decoration: none;
    border-radius: 10px;
    background: transparent;
    padding: 12px 20px;
    display: flex;
    border: 1px solid var(--text-clr3);
    align-items: center;
    gap: 10px;
    white-space: nowrap;
    color: var(--text-clr3);
    font-size: 16px;
    font-weight: 600;
    transition: all 0.25s ease-in-out;

    &:hover {
        background-color: var(--text-clr3);
        color: var(--text-white);
    }
}
/* Navbar end */

/* Nav offcanvas start */
.nav-oofcanvas {
    .offcanvas-header {
        background-color: #0075ff1f;

        button {
            box-shadow: none;
            outline: none;
            border: none;
        }
    }

    .nav-cta-btn {
        text-decoration: none;
        border-radius: 34px;
        background: rgba(232, 159, 0, 0.55);
        padding: 10px 20px;
        display: flex;
        align-items: center;
        gap: 10px;
        white-space: nowrap;
        width: fit-content;

        color: var(--text-clr1);
        font-size: 14px;
        font-weight: 600;
        transition: all 0.25s ease-in-out;
        margin-top: 25px;

        &:hover {
            background: rgba(232, 159, 0, 0.8);
        }

        img {
            width: 28px;
            height: 28px;
        }
    }

    .navbar-nav {
        .nav-link:hover {
            color: var(--bg-clr2);
        }
    }
}
/* nav offcanvas end */

/* Home hero start */
.hero-area {
    position: relative;
    padding-block: 35px;
    overflow: hidden;

    &::before {
        content: url("../images/hero-design.svg");
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        z-index: -1;
    }
    &::after {
        content: url("../images/hero-design.svg");
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%) rotate(180deg);
        z-index: -1;
    }

    .funding-time {
        display: flex;
        align-items: center;
        gap: 5px;
        border-radius: 100px;
        background: #e1e8f0;
        width: fit-content;
        padding: 5px 20px;

        color: var(--text-clr2);
        text-align: center;
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 25px;
    }
    .hero-heading {
        color: var(--text-clr4);
        font-size: 64px;
        font-weight: 800;
        font-family: "Onest", sans-serif;
        line-height: 1.1;
        margin-bottom: 15px;

        span {
            color: var(--text-clr6);
        }
    }

    .hero-para {
        color: var(--text-clr3);
        font-size: 22px;
        font-weight: 400;
        line-height: 1.4;
        margin-bottom: 35px;
    }

    .hero-ratings-div {
        display: flex;
        align-items: center;
        gap: 25px;

        .each-ratings {
            display: flex;
            justify-content: center;
            flex-direction: column;
            gap: 5px;

            p {
                color: var(--text-clr1);
                font-size: 16px;
                font-weight: 400;
                margin: 0;
                white-space: nowrap;
            }
        }
        .seperator-div {
            width: 1px;
            height: 35px;
            background: #e5e7eb;
        }
    }

    .hero-total-funded {
        color: var(--text-clr2);
        font-size: 18px;
        font-weight: 400;
        margin-block: 30px 0;

        span {
            font-weight: 600;
        }
    }

    .apply-form-div {
        border-radius: 25px;
        border: 1px solid #e6e6e6;
        background: #fff;
        padding: 20px 20px;

        .hero-form-head {
            color: var(--text-clr1);
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 5px;
            text-align: center;
        }

        .hero-form-para {
            color: var(--text-clr3);
            font-size: 14px;
            font-weight: 400;
            margin-bottom: 15px;
            text-align: center;
        }

        .form-input {
            border-radius: 10px;
            border: 1px solid #f3f3f3;
            background: #f3f3f3;
            padding: 13px 20px;
            width: 100%;
            outline: none;
            box-shadow: none;
            margin-bottom: 10px;
            color: var(--text-clr1);
            font-size: 16px;
            font-weight: 400;

            &:focus {
                border: 1px solid #dfdfdf;
                background: transparent;
            }

            &::placeholder {
                color: #a0a0a0;
                font-size: 16px;
                font-weight: 400;
            }

            &.error {
                border-color: #ff0051;
                background: transparent;
                &::placeholder {
                    color: #ff0051;
                }
            }
        }

        .anual-sales-label {
            display: block;
            color: var(--text-clr3);
            text-align: center;
            font-size: 16px;
            font-weight: 400;
            padding-block: 10px;
        }

        .radio-switch-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 5px;
            border-radius: 15px;
            border: 1px solid #e8e8e8;
            padding: 5px;
            width: fit-content;
            margin-inline: auto;

            label {
                border-radius: 10px;
                padding: 8px 25px;
                color: var(--text-clr1);
                font-size: 14px;
                font-weight: 500;
                cursor: pointer;
                transition: all 0.5s ease-in-out;
                width: 50%;
                white-space: nowrap;
                text-align: center;
            }

            & input:checked + label {
                background-color: var(--bg-clr1);
            }
        }

        .apply-aggrementnt {
            display: flex;
            gap: 10px;
            color: var(--text-clr1);
            font-size: 14px;
            font-weight: 400;
            margin-top: 15px;
            user-select: none;
            text-align: left;
            cursor: pointer;

            a {
                color: var(--link-clr);
            }

            .inner-label {
                position: relative;
                border-radius: 5px;
                border: 1px solid #bfbfbf;
                width: 20px;
                height: 20px;
                transition: all 0.5s ease-in-out;
            }
            & input:checked + .inner-label {
                border-color: #1c6899;
            }

            & input:checked + .inner-label::before {
                content: "";
                position: absolute;
                left: 3px;
                top: 5px;
                width: 12px;
                height: 6px;
                border: 3px solid #1c6899;
                border-top: 0;
                border-right: 0;
                transform: rotate(-45deg);                
            }
        }

        .hero-form-apply-btn {
            border-radius: 8px;
            background: var(--bg-clr5);
            border: 1px solid var(--bg-clr5);
            color: var(--text-white);
            font-size: 16px;
            font-weight: 600;
            padding: 15px 10px;
            width: 100%;
            margin-top: 25px;
            transition: all 0.3s ease-in-out;

            &:hover {
                border-color: var(--bg-clr5);
                background: transparent;
                color: var(--bg-clr5);
            }
        }
    }
}
.text-container {
    position: relative;
    max-width: 500px; /* adjust to your layout */

    .toggle-btn{
        color: #1c6899;
        font-weight: 500;
        font-size: 13px;
    }
}

.text-content {
    display: -webkit-box;
    -webkit-line-clamp: 2;   /* show only 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s ease;
    white-space: normal;
}

.text-content.expanded {
    -webkit-line-clamp: unset; /* remove line limit */
}
/* Home hero end */

/* Stats start */
.stats-area {
    padding-block: 20px 0;
    .all-stats-div {
        border-radius: 15px;
        background: #08517f;
        padding: 20px 5%;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 15px;
    }
    .trusted-text {
        color: var(--text-white);
        font-size: 18px;
        font-weight: 600;
        margin: 0;
        white-space: nowrap;
    }
    .swiper {
        position: relative;
        top: -5px;
        .swiper-wrapper {
            display: flex;
            align-items: center;
            .swiper-slide {
                img {
                    width: auto;
                    height: 45px;
                }
            }
        }
        .swiper-pagination,
        .swiper-button-next,
        .swiper-button-prev {
            display: none !important;
        }
    }
}
/* Stats end */

/* No obligation start */
.no-obligation-area {
    .obligation-para {
        color: var(--text-clr1);
        font-size: 18px;
        font-weight: 400;
        margin: 0;

        span {
            font-weight: 500;
        }
    }
    .no-obligation-list {
        padding: 0;
        margin: 0;
        list-style-type: none;
        display: flex;
        justify-content: center;
        flex-direction: column;
        gap: 20px;
        margin-top: 30px;

        li {
            position: relative;
            padding-left: 35px;
            display: flex;
            justify-content: center;
            flex-direction: column;
            gap: 5px;

            &::before {
                content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="27" viewBox="0 0 26 27" fill="none"><path d="M22.9438 9.13109C22.6668 8.55778 22.2305 8.07637 21.6871 7.74443L14.678 3.41109C14.1639 3.09258 13.5711 2.92383 12.9663 2.92383C12.3615 2.92383 11.7687 3.09258 11.2546 3.41109L4.24547 7.74443C3.70964 8.08338 3.28466 8.57167 3.02287 9.14914C2.76108 9.72661 2.67393 10.368 2.77214 10.9944L4.5813 21.8278C4.71069 22.578 5.09932 23.2589 5.67941 23.7519C6.25949 24.2449 6.99423 24.5186 7.75547 24.5253H18.1663C18.9531 24.5225 19.7162 24.2554 20.333 23.7669C20.9151 23.2715 21.2996 22.5832 21.4163 21.8278L23.2363 10.9944C23.3251 10.3581 23.2234 9.70964 22.9438 9.13109ZM17.9063 13.1178L13.2046 17.8086C12.9289 18.0902 12.5746 18.2822 12.1882 18.3595C11.8017 18.4368 11.4008 18.3958 11.038 18.2419C10.7982 18.1415 10.5808 17.9942 10.3988 17.8086L8.06964 15.4794C7.95412 15.3829 7.85997 15.2633 7.79319 15.1284C7.72641 14.9935 7.68845 14.8461 7.68174 14.6957C7.67503 14.5453 7.69971 14.3952 7.75421 14.2548C7.8087 14.1145 7.89183 13.987 7.99828 13.8806C8.10474 13.7741 8.23219 13.691 8.37253 13.6365C8.51288 13.582 8.66303 13.5573 8.81343 13.564C8.96383 13.5707 9.11118 13.6087 9.24611 13.6755C9.38104 13.7423 9.50059 13.8364 9.59714 13.9519L11.7638 16.1186L16.3246 11.5578C16.5286 11.3538 16.8053 11.2392 17.0938 11.2392C17.3823 11.2392 17.659 11.3538 17.863 11.5578C18.067 11.7618 18.1816 12.0384 18.1816 12.3269C18.1816 12.6154 18.067 12.8921 17.863 13.0961L17.9063 13.1178Z" fill="%23009F0B"/></svg>');
                position: absolute;
                left: 0;
                top: 0;
            }
            h3 {
                color: var(--text-clr1);
                font-size: 18px;
                font-weight: 600;
                margin: 0;
            }

            p {
                color: var(--text-clr2);
                font-size: 16px;
                font-weight: 400;
                margin: 0;
            }
        }
    }
}

/* No obligation end */

/* Work process start */
.work-process-area {
    .each-process {
        border-radius: 12px;
        border: 1px solid #f7f7f7;
        background: #fff;
        padding: 20px;
        height: 100%;
        .head {
            color: var(--text-clr4);
            font-size: 18px;
            font-weight: 600;
            padding-bottom: 15px;
            margin-block: 15px;
            border-bottom: 1px solid #e5e7eb;
        }

        .para {
            color: var(--text-clr2);
            font-size: 16px;
            font-weight: 400;
            margin: 0;

            a {
                color: var(--link-clr);
                font-weight: 500;
            }
        }
    }
}
/* Work process end */

/* Why funderial start */
.why-funderial {
    .comparision-table-div {
        width: 100%;
        overflow-x: auto;

        table {
            width: 100%;
            border-spacing: 10px;
            border-collapse: separate;
            tr {
                border-spacing: 4px;
            }
            th,
            td {
                padding: 20px;
                border-radius: 10px;
                color: var(--text-clr2);
                font-size: 16px;
                font-weight: 500;
                height: 100%;
                border: 1px none;
                vertical-align: top;
                &.own-benifits {
                    background-color: #ff950b;
                    white-space: nowrap;
                }
                &.other-benifits {
                    background-color: #d3d3d3;
                    white-space: nowrap;
                    font-size: 20px;
                    font-weight: 700;
                }
            }
        }

        tbody {
            tr:nth-child(odd) {
                & td:nth-child(1) {
                    background: #f1faf8;
                    white-space: nowrap;

                    img {
                        position: relative;
                        top: 0;
                    }
                }
                & td:nth-child(2) {
                    background: #fff8f5;
                }

                & td:nth-child(3) {
                    background: #f7f7f7;
                }
            }
            tr:nth-child(even) {
                & td:nth-child(1) {
                    background: #daf2ee;
                    white-space: nowrap;
                }
                & td:nth-child(2) {
                    background: #fff6e6;
                }

                & td:nth-child(3) {
                    background: #f0f0f0;
                }
            }
        }
    }
}
/* Why funderial end */

/* Loan calculator start */
.loan-calculator-area {
    .range-label {
        color: #808080;
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 15px;
    }
    .range-and-data-div {
        display: flex;
        gap: 0;
    }
    .range-and-data-div .range-slider-inp {
        flex: 1;
    }
    .common-ranges-value {
        width: 100%;
        display: block;
    }
    .range-and-data-div .range-value-inp {
        width: 100%;
        color: var(--text-clr1);
        text-align: center;
        font-size: 24px;
        font-weight: 700;
        border: none;
        background: none;
        box-shadow: none;
        outline: none;
    }
    .total-range-value {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 10px;
        div {
            color: var(--text-clr3);
            font-size: 14px;
            font-weight: 400;
        }
    }
    /* Range slider */
    .range {
        background: linear-gradient(to left, #eae9e2 100%, #08517f 0%);
        height: 12px;
        max-width: 100%;
        width: 100%;
        position: relative;
        border: none;
        border-radius: 100px;
        margin: 5px 0;
        appearance: none;
    }
    .range [type="range"] {
        appearance: none;
        background: transparent;
        width: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        height: 8px;
    }
    .range [type="range"]:focus {
        outline: none;
    }
    .range [type="range"]::-webkit-slider-runnable-track {
        background: transparent;
    }
    .range [type="range"]::-moz-range-track {
        background: transparent;
    }
    .range [type="range"]::-webkit-slider-thumb {
        appearance: none;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background: #fff;
        background: #08517f;
        cursor: pointer;
    }

    .range [type="range"]::-moz-range-thumb {
        appearance: none;
        width: 26px;
        height: 26px;
        border-radius: 50%;
        background: #fff;
        border: 4px solid #08517f;
        cursor: pointer;
        background-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1.2793" y="1.7085" width="15" height="15" rx="7.5" fill="%2308517F"/><rect x="1.2793" y="1.7085" width="15" height="15" rx="7.5" stroke="white" stroke-width="2"/></svg>');
        background-repeat: repeat;
        background-position: center;
    }
    .range [type="range"]::-ms-thumb {
        position: relative;
        appearance: none;
        width: 26px;
        height: 26px;
        border-radius: 50%;
        background: #fff;
        border: 4px solid #08517f;
        cursor: pointer;
        background-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1.2793" y="1.7085" width="15" height="15" rx="7.5" fill="%2308517F"/><rect x="1.2793" y="1.7085" width="15" height="15" rx="7.5" stroke="white" stroke-width="2"/></svg>');
        background-repeat: repeat;
        background-position: center;
    }
    .range [type="range"]::-ms-fill-lower {
        background: #423089;
    }
    .range [type="range"]::-ms-fill-upper {
        background: #e2e2ea;
    }
    .range [type="range"]::-ms-track {
        color: transparent;
        border: 0 solid transparent;
        background: transparent;
    }
    .range [type="range"]::-ms-tooltip {
        display: none;
    }

    .total-amount {
        label {
            display: block;
            color: var(--text-clr1);
            text-align: center;
            font-size: 32px;
            font-weight: 800;
            margin-bottom: 5px;
        }
        p {
            color: #08517f;
            text-align: center;
            font-size: 42px;
            font-weight: 900;
            margin: 0;
        }
    }

    .payback-frequency {
        margin-top: 20px;
        .head {
            color: var(--text-clr1);
            text-align: center;
            font-size: 24px;
            font-weight: 600;
            margin-bottom: 20px;
        }
        .frequency-div {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 20px;
            flex-wrap: wrap;

            .each-label {
                display: flex;
                align-items: center;
                gap: 8px;
                color: var(--text-clr1);
                font-size: 17px;
                font-weight: 500;
                cursor: pointer;

                label {
                    width: 24px;
                    height: 24px;
                    border-radius: 50%;
                    border: 1px solid var(--bg-clr1);
                    transition: all 0.5s ease-in-out;
                }

                input:checked + label {
                    border: 6px solid var(--bg-clr1);
                }
            }
        }
    }

    .fixed-payment-amount {
        color: var(--text-clr1);
        font-size: 20px;
        font-weight: 400;
        text-align: center;
        margin-block: 35px 50px;
        .amount {
            font-weight: 600;
        }
        .frequency {
            color: var(--text-clr3);
            font-weight: 600;
        }
    }

    .principle-and-interest {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;

        div {
            width: 100%;
            height: 100%;

            &.principle-amount {
                border-radius: 10px;
                background: #e6edff;
                padding: 20px 10px;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                gap: 5px;
            }
            &.total-interest {
                border-radius: 10px;
                background: rgba(247, 176, 8, 0.13);
                padding: 20px;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                gap: 5px;
            }

            label {
                display: block;
                color: var(--text-clr1);
                text-align: center;
                font-size: 16px;
                font-weight: 600;
                letter-spacing: 2px;
                text-transform: uppercase;
                margin-bottom: 0;
            }

            p {
                color: #000;
                text-align: center;
                font-size: 24px;
                font-weight: 700;
                margin: 0;
            }
        }
    }

    .border-seperator {
        border-left: 1px dashed #808080;
    }

    .apply-now-btn {
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        border-radius: 100px;
        border: 2px solid var(--bg-clr5);
        background: var(--bg-clr5);
        padding: 12px 15px;
        max-width: 345px;
        width: 100%;
        margin-inline: auto;
        color: #fff;
        font-size: 18px;
        font-weight: 600;
        margin-top: 35px;
        transition: all 0.25s ease-in-out;

        &:hover {
            background-color: transparent;
            color: var(--bg-clr5);
        }
    }

    .calutalor-note {
        color: var(--text-clr1);
        text-align: center;
        font-size: 16px;
        font-weight: 400;
        margin: 0;
        margin-top: 50px;
        max-width: 960px;
        margin-inline: auto;
    }
}
/* Loan calculator end */

/* Testimonial start */
.testimonial-area {
    .each-testimonial-card {
        border-radius: 16px;
        background: #fff;
        box-shadow: 0 0 8px 0 rgba(21, 21, 21, 0.15);
        padding: 25px 15px;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        gap: 20px;
        height: 100%;
        transition: all 0.5s ease-in-out;

        &:hover {
            box-shadow: none;
        }

        .comment-div {
            display: flex;
            justify-content: space-between;
            flex-direction: column;
            gap: 20px;

            .top-part {
                display: flex;
                justify-content: space-between;
                align-items: center;
                gap: 10px;
            }

            .comments {
                color: var(--text-clr1);
                font-size: 14px;
                font-weight: 400;
                margin: 0;
            }
        }

        .commenter-details {
            display: flex;
            justify-content: center;
            flex-direction: column;
            gap: 0;

            .name {
                color: var(--text-clr1);
                font-size: 14px;
                font-weight: 600;
                margin: 0;
            }

            .date {
                color: var(--text-clr3);
                font-size: 10px;
                font-weight: 400;
                margin: 0;
            }
        }
    }
}
/* Testimonial end */

/* Business options start */
.business-options-area {
    .each-option {
        position: relative;
        border-radius: 15px;
        border: 0 solid #000;
        background: rgba(240, 241, 243, 0.2);
        box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.05);
        padding: 45px 15px 30px 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 10px;
        text-align: center;
        height: 100%;
        transition: all 0.5s ease-in-out;

        &:hover {
            box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
        }

        .head {
            color: var(--text-clr8);
            text-align: center;
            font-size: 20px;
            font-weight: 600;
            margin: 0;
        }

        .para {
            color: var(--text-clr3);
            text-align: center;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            margin: 0;
            line-height: 1.4;
        }
        .label {
            position: absolute;
            left: 15px;
            top: 15px;
            border-radius: 20px;
            border: 1px solid #0075ff;
            background: rgba(0, 117, 255, 0.12);
            color: var(--text-clr7);
            text-align: center;
            font-size: 12px;
            font-weight: 400;
            padding: 2px 10px;
            white-space: nowrap;
        }
    }
}

/* Business option end */

/* Funding tier start */
.funding-tiers-list {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 25px;

    li {
        position: relative;
        padding-left: 60px;
        display: flex;
        justify-content: center;
        flex-direction: column;
        gap: 5px;

        &::before {
            content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50" fill="none"><path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd" d="M45.8337 25.0013C45.8337 36.5075 36.5066 45.8346 25.0003 45.8346C13.4941 45.8346 4.16699 36.5075 4.16699 25.0013C4.16699 13.4951 13.4941 4.16797 25.0003 4.16797C36.5066 4.16797 45.8337 13.4951 45.8337 25.0013Z" fill="%23AAFFB8"/><path fill-rule="evenodd" clip-rule="evenodd" d="M25 10.9375C25.4144 10.9375 25.8118 11.1021 26.1049 11.3951C26.3979 11.6882 26.5625 12.0856 26.5625 12.5V13.1604C29.9583 13.7687 32.8125 16.3208 32.8125 19.7917C32.8125 20.2061 32.6479 20.6035 32.3549 20.8965C32.0618 21.1895 31.6644 21.3542 31.25 21.3542C30.8356 21.3542 30.4382 21.1895 30.1451 20.8965C29.8521 20.6035 29.6875 20.2061 29.6875 19.7917C29.6875 18.3792 28.5125 16.8812 26.5625 16.3479V23.5771C29.9583 24.1854 32.8125 26.7375 32.8125 30.2083C32.8125 33.6792 29.9583 36.2313 26.5625 36.8396V37.5C26.5625 37.9144 26.3979 38.3118 26.1049 38.6049C25.8118 38.8979 25.4144 39.0625 25 39.0625C24.5856 39.0625 24.1882 38.8979 23.8951 38.6049C23.6021 38.3118 23.4375 37.9144 23.4375 37.5V36.8396C20.0417 36.2313 17.1875 33.6792 17.1875 30.2083C17.1875 29.7939 17.3521 29.3965 17.6451 29.1035C17.9382 28.8105 18.3356 28.6458 18.75 28.6458C19.1644 28.6458 19.5618 28.8105 19.8549 29.1035C20.1479 29.3965 20.3125 29.7939 20.3125 30.2083C20.3125 31.6208 21.4875 33.1187 23.4375 33.65V26.4229C20.0417 25.8146 17.1875 23.2625 17.1875 19.7917C17.1875 16.3208 20.0417 13.7687 23.4375 13.1604V12.5C23.4375 12.0856 23.6021 11.6882 23.8951 11.3951C24.1882 11.1021 24.5856 10.9375 25 10.9375ZM23.4375 16.3479C21.4875 16.8812 20.3125 18.3792 20.3125 19.7917C20.3125 21.2042 21.4875 22.7021 23.4375 23.2333V16.3479ZM29.6875 30.2083C29.6875 28.7958 28.5125 27.2979 26.5625 26.7667V33.65C28.5125 33.1187 29.6875 31.6208 29.6875 30.2083Z" fill="%23009F0B"/></svg>');
            position: absolute;
            left: 0;
            top: -5px;
        }
        h3 {
            color: var(--text-clr1);
            font-size: 18px;
            font-weight: 600;
            margin: 0;
        }

        p.para-1 {
            color: var(--text-clr2);
            font-size: 16px;
            font-weight: 500;
            margin: 0;
        }
        p.para-2 {
            color: var(--text-clr2);
            font-size: 16px;
            font-weight: 400;
            margin: 0;
        }
    }
}
/* Funding tier end */

/* View on PC start */
.view-on-pc-area {
    .view-on-pc {
        border-radius: 25px;
        background: rgba(0, 33, 255, 0.17);
        padding: 25px 5%;

        h3 {
            color: var(--text-clr4);
            font-size: 32px;
            font-weight: 700;
            margin-bottom: 10px;
        }

        p {
            color: var(--text-clr1);
            font-size: 22px;
            font-weight: 400;
            margin: 0;
        }
    }
}
/* View on PC end */

/* Faq start */
.faq-numbering {
    position: relative;
    bottom: -15px;
    width: 100%;
    color: var(--bg-clr1);
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 0;
}
.faq-area {
    .accordion-item {
        margin-bottom: 15px;
        background-color: transparent;
        border: none;
        border-radius: 0;
        overflow: hidden;
        border-bottom: 1px solid #c3c3c3;
    }

    &.bg-white .accordion-item {
        border: 1px solid #ededed;
    }
    .accordion-header {
        background: transparent;
    }
    .accordion-button {
        background-color: transparent;
        box-shadow: none;
        border: none;
        outline: none;
        color: var(--text-clr1);
        font-size: 18px;
        font-weight: 500;
        padding: 20px 0;
        transition: all 0.25s ease-in-out;
        gap: 10px;
        align-items: flex-start;
    }
    .accordion-button::after {
        content: "\002B";
        font-size: 24px;
        font-weight: 400;
        color: #0b2131;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        border: 1px solid #0b2131;
    }
    .accordion-button:not(.collapsed)::after {
        content: "\2212";
        font-size: 24px;
        font-weight: 400;
        color: #0b2131;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
    }
    .accordion-button:not(.collapsed) {
        padding-bottom: 0 !important;

        .info-div {
            background-color: #fff;

            img {
                filter: unset;
            }
        }
    }

    .accordion-body {
        background-color: transparent;
        color: var(--text-clr2);
        font-size: 16px;
        font-weight: 400;
        padding: 5px 0 15px 0;
    }

    .accordion-body a {
        color: var(--link-clr);
    }
}
/* Faq end */

/* Footer start */
.footer {
    background-color: var(--bg-clr4);
    padding-block: 35px;

    .top-part {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 25px;
        border-bottom: 1px solid #ffffff80;
        padding-bottom: 30px;
        margin-bottom: 30px;
        flex-wrap: wrap;

        .social-icons {
            display: flex;
            align-items: center;
            column-gap: 25px;
            row-gap: 15px;
        }
    }
    .bottom-part {
        display: flex;
        align-items: center;
        justify-content: space-between;
        column-gap: 25px;
        row-gap: 15px;
        flex-wrap: wrap;

        .copyright-text {
            color: var(--text-white);
            font-size: 14px;
            font-weight: 400;
            margin: 0;
        }
        .footer-privacy-links {
            display: flex;
            align-items: center;
            gap: 25px;

            a {
                text-decoration: none;
                color: var(--text-white);
                font-size: 14px;
                font-weight: 400;

                &:hover {
                    text-decoration: underline;
                }
            }
        }
    }
}
/* Footer end */

/* Not eligible modal start */
.not-eligible-modal {
    .btn-close {
        position: absolute;
        right: 20px;
        top: 20px;
        box-shadow: none;
        border: none;
    }
    .icon-div {
        background-color: #d3ddff54;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 70px;
        height: 70px;
        border-radius: 50%;
        margin-inline: auto;
    }

    h2.head-title {
        font-size: 1.5rem;
        margin-bottom: 1.25rem;
        color: var(--text-clr1);
        font-weight: 700;
        text-align: center;
        margin-block: 15px 10px;
    }

    p.head-para {
        font-size: 1rem;
        color: #222;
        font-weight: 400;
        margin-bottom: 1rem;
        text-align: center;

        strong {
            font-weight: 600;
        }
    }

    .info-div {
        padding: 10px 10px;
        background: #f4f4f4;
        border-radius: 10px;
        font-weight: 500;

        .info-para {
            font-size: 16px;
            margin-bottom: 1rem;
            color: #222;
            text-align: center;
            max-width: 400px;
            margin-inline: auto;
        }
    }

    .home-link {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        background-color: var(--text-clr9);
        color: var(--text-white);
        border: 0;
        padding: 0.75rem 1.5rem;
        border-radius: 6px;
        text-decoration: none;
        font-weight: 500;
        transition: all 0.3s ease;
        margin-inline: auto;
        width: fit-content;

        &:hover {
            background-color: #08517f;
            color: #fff;
        }
    }
}

/* Not eligible modal end */

/* CTA start */
.cta-area {
    background-color: #064269;
    padding-block: 50px;

    .common-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 25px;
        flex-wrap: wrap;
    }

    .cta-content {
        display: flex;
        justify-content: center;
        flex-direction: column;
        gap: 5px;
        max-width: 768px;

        .head {
            color: var(--text-white);
            font-size: 32px;
            font-weight: 700;
            margin: 0;
            line-height: 1.4;
        }

        .para {
            position: relative;
            color: var(--text-white);
            font-size: 20px;
            font-weight: 300;
            margin-bottom: 25px;
        }

        .cta-effect-div {
            display: flex;
            align-items: center;
            gap: 10px;
            flex-wrap: wrap;

            p {
                position: relative;
                color: var(--text-white);
                font-size: 18px;
                font-weight: 300;
                margin: 0;
                padding-left: 28px;
                white-space: nowrap;

                &::before {
                    content: url("../../images/icons/green-tick.svg");
                    filter: invert(1) brightness(3);
                    position: absolute;
                    left: 0;
                    top: 0px;
                }
            }
        }
    }

    .apply-now-btn {
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        border-radius: 100px;
        border: 2px solid var(--bg-clr1);
        background: var(--bg-clr1);
        padding: 12px 30px;
        color: var(--text-clr1);
        font-size: 18px;
        font-weight: 600;
        transition: all 0.25s ease-in-out;

        &:hover {
            background-color: transparent;
            color: var(--bg-clr1);
        }
    }
}
/* CTA end */

/* Call to action start */
.mca-call-to-action-inner {
    position: relative;
    width: 100%;
    margin-inline: auto;
    padding: 2.1875rem 5%;
    border-radius: 20px;
    overflow: hidden;
}
.mca-call-to-action-inner::after {
    content: url('data:image/svg+xml,<svg width="572" height="282" viewBox="0 0 572 282" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_2828_14)"><path opacity="0.15" d="M208.395 0.928762C208.395 10.8993 210.684 20.7723 215.132 29.9839C219.579 39.1955 226.098 47.5654 234.317 54.6157C242.535 61.6659 252.292 67.2585 263.03 71.0741C273.768 74.8897 285.276 76.8535 296.899 76.8535C308.522 76.8535 320.03 74.8897 330.768 71.0741C341.506 67.2585 351.263 61.6659 359.481 54.6157C367.699 47.5654 374.219 39.1955 378.666 29.9839C383.114 20.7723 385.403 10.8993 385.403 0.928735L296.899 0.928759L208.395 0.928762Z" fill="white"/><path opacity="0.05" d="M207.599 126.349C207.599 138.043 204.914 149.622 199.697 160.426C194.481 171.229 186.835 181.045 177.196 189.314C167.558 197.583 156.115 204.142 143.521 208.617C130.928 213.092 117.43 215.395 103.799 215.395C90.168 215.395 76.6703 213.092 64.0768 208.617C51.4833 204.142 40.0405 197.583 30.4018 189.314C20.7632 181.045 13.1174 171.229 7.90095 160.426C2.68454 149.622 -0.00031747 138.043 -0.000313191 126.349L103.799 126.349L207.599 126.349Z" fill="white"/><rect opacity="0.05" x="385.379" y="76.4424" width="152.391" height="177.643" transform="rotate(90 385.379 76.4424)" fill="white"/><path opacity="0.05" d="M198.618 292.494L298.062 209.519L385.282 132.362L385.282 292.494L198.618 292.494Z" fill="white"/><ellipse opacity="0.05" cx="486.887" cy="221.186" rx="79.5" ry="85" transform="rotate(90 486.887 221.186)" fill="white"/><rect opacity="0.15" x="572.038" y="-18" width="160.132" height="186.666" transform="rotate(90 572.038 -18)" fill="white"/><path opacity="0.2" d="M550.117 0.081543L462.367 73.2994L385.403 141.384L385.403 0.0815368L550.117 0.081543Z" fill="white"/></g><defs><clipPath id="clip0_2828_14"><rect width="572" height="282" fill="white"/></clipPath></defs></svg>');
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: auto;
}
.mca-call-to-action-inner::before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="166" height="284" viewBox="0 0 166 284" fill="none"><path opacity="0.1" d="M0.151703 0.235339C21.8067 0.235341 43.2496 3.89436 63.2562 11.0035C83.2628 18.1126 101.441 28.5326 116.754 41.6686C132.066 54.8045 144.212 70.3991 152.499 87.5621C160.786 104.725 165.052 123.12 165.052 141.697C165.052 160.274 160.786 178.669 152.499 195.832C144.212 212.995 132.066 228.59 116.754 241.726C101.441 254.862 83.2628 265.282 63.2562 272.391C43.2496 279.5 21.8066 283.159 0.151628 283.159L0.151688 141.697L0.151703 0.235339Z" fill="white"/></svg>');
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: auto;
}
.mca-call-to-action-inner .cta-heading {
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 0.625rem;
}
.mca-call-to-action-inner .cta-para {
    color: #fff;
    font-size: 24px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
}
.mca-call-to-action-inner.cta-bg-1 {
    background-color: var(--bg-clr2);
}
.mca-call-to-action-inner.cta-bg-2 {
    background-color: var(--bg-clr1);
}
.mca-call-to-action-inner .cta-button {
    position: relative;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 100px;
    border: 2px solid var(--bg-clr1);
    background: var(--bg-clr1);
    padding: 12px 30px;
    color: var(--text-clr1);
    font-size: 18px;
    font-weight: 600;
    transition: all 0.25s ease-in-out;
    z-index: 999;
}
.mca-call-to-action-inner .cta-button:hover {
    background-color: transparent;
    color: var(--bg-clr1);
}
/* Call to action end */