/*--master css link--*/

@import url("/css/master.css");

/*--header--*/

header {
    margin: 0px;
    padding: 15px 0 0;
    width: 100%;
    display: inline-block;
    position: relative;
}

header .container-fluid,
.banner .container-fluid,
.counter .container-fluid {
    width: calc(100% - 100px);
}

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

.logo {
    width: 200px;
    margin: 0px;
    padding: 0px;
    display: inline-block;
}

nav {
    margin: 0px;
    padding: 0px;
    display: inline-block;
    width: auto;
}

nav ul {
    width: 100%;
    display: block;
    margin: 0px auto;
}

nav ul li {
    display: inline-block;
    margin: 0px 15px;
    line-height: 65px;
    position: relative;
}

nav ul li a span {
    font-size: 11px;
    color: #515151;
}

nav ul li a {
    color: #000;
    font-size: 17px;
    font-weight: 600;
    /* font-family: 'Gilroy'; */
    display: flex;
    gap: 8px;
}

nav ul li a:hover {
    color: #ef7f1a;
    transition: 0.3s all linear;
}

nav ul li a.active {
    color: #ef7f1a;
}

.userco a {
    display: flex;
    width: auto;
    margin: 0;
    padding: 0;
    align-items: center;
}

.dropdown ul {
    width: 250px;
    text-align: left;
    display: none;
    left: 0px;
    right: 0px;
    background: rgb(255, 255, 255);
    box-shadow: rgba(7, 7, 7, 0.13) 0px 20px 20px 0px;
    border-radius: 10px;
    padding: 10px;
    border: 2px solid rgb(233, 232, 232);
    position: absolute;
    top: 100%;
    z-index: 1;
}

.dropdown ul li {
    position: relative;
    cursor: pointer;
    border-radius: 4px;
    padding: 8px 5px;
    display: block;
    width: 100%;
    margin: 0px 0px 2px;
    height: unset;
    transition: all 0.5s linear 0s;
    text-align: left;
    line-height: 25px;
}

.dropdown ul li a {
    padding: 0px;
    width: 100%;
    flex-direction: row;
    line-height: 20px;
    font-size: 14px;
    transition: all 0.5s linear 0s;
    font-weight: 500;
    gap: 5px;
    color: rgb(0, 0, 0) !important;
}

ul .dropdown:hover>ul,
.dropnav:hover .megaropdown {
    display: block;
}

.dropdown ul li a span {
    width: 19px;
    display: inline-block;
    margin: 0px 15px 0px 0px;
    object-fit: contain;
    object-position: center top;
    overflow: hidden;
    height: 20px;
    top: 0px;
    position: relative;
    line-height: unset;
}

.dropdown ul li a span img {
    filter: invert(20%) sepia(52%) saturate(1599%) hue-rotate(221deg) brightness(92%) contrast(100%);
}

.dropdown ul li:hover {
    background: rgb(243, 245, 253);
    border-radius: 4px;
}

.userco {
    position: relative;
    margin: 0px;
    padding: 0px;
    width: auto;
    display: flex;
    cursor: pointer !important;
    gap: 10px;
}

.userco a span {
    margin: 0px;
    padding: 0px;
    width: 35px;
    height: 35px;
    cursor: pointer;
    display: inline-block;
    align-content: end;
    overflow: hidden;
}


/*--nav-toggle--*/

.nav-toggle {
    position: relative;
    margin: 0px;
    width: 35px;
    height: 40px;
    padding: 5px 7px;
    float: right;
    border-radius: 4px;
    top: 4px;
    border: 1px solid rgba(23, 16, 70, 0.12);
    display: none;
}

.nav-toggle div {
    width: 100%;
    height: 3px;
    background: rgb(23, 16, 70);
    margin: 5px auto;
    transition: all 0.3s ease 0s;
    text-align: right;
    border-radius: 10px;
    font-size: large;
}

.nav-toggle .two {
    width: 100%;
    margin-right: 0px;
}

.nav-toggle .three {
    width: 100%;
    margin-right: 0px;
}


/*--banner--*/

.banner {
    margin: 0px;
    padding: 50px 0px 50px;
    width: 100%;
    height: 100%;
}

.bannertext {
    margin: 0px;
    padding: 60px 0px 10px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.bannertext h1 {
    font-weight: 800;
    width: 100%;
    margin-bottom: 30px;
    color: #000000;
    font-size: 4.5rem;
    line-height: 70px;
    font-family: 'Gilroy';
}

.bannertext h2 {
    color: #ef7f1a;
    font-size: 50px;
    font-weight: 800;
    margin-bottom: 40px;
    font-family: 'Gilroy';
    transition: opacity 1s ease-in-out;
}

.bannertext h3 {
    font-size: 17px;
    margin-bottom: 50px;
    font-family: 'Gilroy';
    font-weight: 600;
    color: #000;
}

.bannertext .banerinpsect {
    margin: 0px;
    position: relative;
    width: 500px;
    padding: 0;
    border: 2px solid #F07E00;
    border-radius: 50px;
}

.bannertext .banerinpsect .bannerinput {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    margin: 0px;
    border: unset;
    background: unset;
    padding: 15px 20px;
    width: 100%;
}

.bannertext .banerinpsect button {
    position: absolute;
    background: #3A2B99;
    color: #fff;
    border: unset;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.3px;
    right: 0;
    top: 0px;
    width: max-content;
    margin: 0px auto;
    height: 100%;
    border-radius: 50px;
    padding: 10px 50px;
}

.bannertext .banerinpsect .bannerinput:focus-visible,
.bannertext .banerinpsect .bannerinput:focus {
    outline: unset;
    box-shadow: unset;
}

.bannerimg {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
}

.bannerimg img {
    background-blend-mode: soft-light;
}


/*--nummber counter--*/

.counter {
    padding-bottom: 80px;
    margin: 0px auto;
    width: 100%;
    position: relative;
    background: #effaff;
    z-index: 1;
    padding-top: 80px;
}

.counter:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 130px;
    background: url('../images/backgrouns.png');
    bottom: -30px;
    left: 0;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

.counterbox {
    margin: 0px auto 0px;
    padding: 35px 45px;
    text-align: center;
    border: 1px solid #f5f5f5;
    border-radius: 25px 4px;
    box-shadow: 0 2px 40px #00000014;
    width: 100%;
    background: #fff;
    position: relative;
    z-index: 2;
    height: 100%;
}

.counterbox .count {
    color: #3D3590;
    font-size: 50px;
    font-weight: 700;
    letter-spacing: 0.5px;
    margin-bottom: 4px;
}

.counterbox p {
    color: #3D3590;
    font-weight: 600;
    font-size: 16px;
    line-height: 25px;
}

.counter .col-md-4:nth-child(2) .counterbox .count,
.counter .col-md-4:nth-child(2) .counterbox p {
    color: #F07E00;
}

.counter .col-md-3:nth-child(even) .counterbox .count,
.counter .col-md-3:nth-child(even) .counterbox p {
    color: #F07E00;
}


/*--Quick Personal Loans--*/

.quickpersoloan {
    background: #3A2B99;
    padding-top: 120px;
    padding-bottom: 50px;
}

.quickperbox {
    text-align: center;
    color: #fff;
    margin: 0px 0px 30px;
    padding: 0px;
}

.quickperbox h3 {
    font-size: 40px;
    font-weight: 600;
    border-bottom: 1px solid #fff;
    margin-bottom: 20px;
    padding-bottom: 15px;
}


/*--Our Products--*/

.ourproduct {
    padding-bottom: 50px;
}

.ourproduct p {
    text-align: center;
    margin-bottom: 40px;
}

.ourproductbox {
    margin: 0px;
    padding: 0px;
    text-align: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: 2px solid #FFC789;
}

.productimg {
    background: #ffffff;
    margin: 0px;
    padding: 0px;
    transition: 0.3s all linear;
}

.productimg img {
    width: auto;
    padding: 15px 0px;
}

.productext {
    margin: 0px;
    padding: 30px;
    width: 100%;
    background: linear-gradient(270deg, rgba(255, 199, 137, 1) 0%, rgba(240, 126, 0, 1) 10%, rgba(240, 126, 0, 1) 50%, rgba(240, 126, 0, 1) 90%, rgba(255, 199, 137, 1) 100%);
    color: #fff;
    transition: 0.3s all linear;
    height: 100%;
}

.productext h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.productext p {
    margin-bottom: 10px;
    line-height: 25px;
}

.productext a {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}

.ourproduct .col-md-4:nth-child(2) .ourproductbox .productimg {
    background: linear-gradient(270deg, rgba(255, 199, 137, 1) 0%, rgba(240, 126, 0, 1) 10%, rgba(240, 126, 0, 1) 50%, rgba(240, 126, 0, 1) 90%, rgba(255, 199, 137, 1) 100%);
}

.ourproduct .col-md-4:nth-child(2) .ourproductbox .productext {
    background: #ffffff;
    color: #000;
}

.ourproduct .col-md-4:nth-child(2) .ourproductbox .productext a {
    color: #000;
}

.ourproduct .col-md-4:first-child .ourproductbox {
    border-radius: 30px 0px 0px 30px;
}

.ourproduct .col-md-4:last-child .ourproductbox {
    border-radius: 0px 30px 30px 0px;
}

.ourproductbox:hover .productimg,
.ourproductbox:hover .productext {
    background: linear-gradient(270deg, rgba(255, 199, 137, 1) 0%, rgba(240, 126, 0, 1) 10%, rgba(240, 126, 0, 1) 50%, rgba(240, 126, 0, 1) 90%, rgba(255, 199, 137, 1) 100%) !important;
    transition: 0.3s all linear;
}

.ourproductbox:hover.productext {
    color: #fff;
}

.ourproductbox:hover .productext h4,
.ourproductbox:hover .productext p,
.ourproductbox:hover .productext a {
    color: #fff !important;
}


/*--from NeedFunds--*/

.needfund {
    background: #FFFAF4;
    padding: 80px 0 50px;
}

.needfundtext {
    position: relative;
    margin: 0;
    padding: 50px;
    width: 100%;
    height: 100%;
    padding-right: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.needfundimg {
    position: relative;
    margin: 0;
    padding: 50px;
}

.needfundimg img {
    width: auto;
    margin: 0px;
    padding: 0px;
}

.needfundtext:after,
.needfundtext:before {
    content: '';
    margin: 0px;
    padding: 0px;
    height: 100%;
    position: absolute;
    right: 0;
}

.needfundtext:before {
    width: 8px;
    background: #ef7f1a;
    top: 0;
    border-radius: 15px;
    height: 105%;
}

.needfundtext:after {
    width: 25px;
    height: 25px;
    border-radius: 50px;
    background: #fff;
    border: 6px solid #3A2B99;
    right: -8px;
}

.headingcomn+p {
    margin-bottom: 70px;
}

.needfundtext h4 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 15px;
}

.needfundtext h4,
.needfundtext p {
    text-align: center;
}

.needtime .col-md-6:nth-child(odd) .needfundtext:before {
    right: 0;
}

.needtime .col-md-6:nth-child(odd) .needfundtext:after {
    right: -8px;
}

.needtime .col-md-6:nth-child(even) .needfundtext:before {
    left: -8px;
}

.needtime .col-md-6:nth-child(even) .needfundtext:after {
    left: -16px;
}

.needtime .col-md-6 {
    padding: 0;
}


/*--Loan Calculators--*/

.loancalculator p {
    text-align: center;
    margin-bottom: 40px;
}

.loancalbord {
    border: 1px solid #f7f7f7;
    box-shadow: rgba(209, 209, 209, 0.35) 5px 5px 10px;
    border-radius: 20px;
    padding: 20px;
}

.loancalcusect {
    position: relative;
    margin: 0px;
    padding: 30px;
}

.loancalcusect .form-group {
    position: relative;
    margin: 0px 0px 30px;
}

.loancalcusect .form-group h4 {
    font-size: 13px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.loancalcusect .form-group label {
    color: #000;
    text-transform: none;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 5px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.loancalcusect .form-group label span {
    font-weight: 700;
    color: #000000;
    font-size: 13px;
    padding: 5px 15px;
    border-radius: 6px;
    border: 1px solid #ccc;
}

.loancalcusect .form-group label span .frombox {
    margin: 0px;
    padding: 0px;
    width: 40px;
    border: unset;
    background: unset;
    aspect-ratio: unset;
    color: #000000;
    text-align: center;
    font-weight: 700;
}

.range-bar {
    appearance: none;
    margin: 15px 0px;
    width: 100%;
    background-color: #e1e5ee !important;
    border-radius: 50px;
}

.range-bar::-webkit-slider-runnable-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    background-image: linear-gradient(90deg, #393185 var(--webkitProgress), #E6E6E6 var(--webkitProgress));
    border-radius: 50px;
}

.range-bar::-webkit-slider-thumb {
    border: 4px solid #393185;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: rgb(255, 255, 255);
    cursor: pointer;
    appearance: none;
    margin-top: -6.5px;
    position: relative;
    z-index: 1;
}


/*--Loan Calculators--*/

.loancalcudata {
    position: relative;
    margin: 0px;
    border: 1px solid #E2E2E2;
    box-shadow: rgba(209, 209, 209, 0.35) 5px 5px 10px;
    border-radius: 20px;
    overflow: hidden;
}

.loancalcudata h4 {
    background: #3A2B99;
    color: #fff;
    text-align: center;
    padding: 50px 0px;
    display: flex;
    align-items: center;
    flex-direction: column;
    font-size: 18px;
    font-weight: 500;
}

.loancalcudata h4 b {
    padding-top: 6px;
    font-size: 25px;
}

.loancalcudata h5 {
    margin: 20px 0px 10px;
    padding: 0px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    font-weight: 600;
}

.loancalcudata h5 b {
    font-weight: 700;
}

.loancalcudata h6 {
    margin: 25px 0px 20px;
    padding: 22px 30px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    font-weight: 600;
    border-top: 2px dotted #000;
}

.loancalcudata h6 b {
    font-weight: 700;
}

.loancalcudata a {
    background: #ef7f1a;
    color: #fff;
    margin: 0px auto 30px;
    padding: 7px 40px;
    width: max-content;
    display: block;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.5px;
}


/*--Our other Offerings--*/

.offering {
    background: #FFFAF4;
    padding-bottom: 40px;
}

.offerbox {
    margin: 15px auto 0px;
    padding: 20px 20px 10px;
    width: 100%;
    height: 100%;
    border: 3px solid #3A2B99;
    border-radius: 15px;
    text-align: center;
    background: #fff;
}

.offering .col-md-3:nth-child(even) .offerbox {
    border: 3px solid #00A0E3;
}

.offerbox img {
    width: 100px;
    margin-bottom: 15px;
}

.offerbox h4 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.offerbox p {
    line-height: 25px;
    margin-bottom: 20px;
    font-size: 13px;
    font-weight: 500;
}

.offerbox a {
    color: #000;
    font-size: 14px;
    font-weight: 500;
}


/*--Why choose NeedFunds--*/

.whychoose {
    padding-bottom: 30px;
}

.whychoose p {
    text-align: center;
    margin-bottom: 30px;
    font-size: 12px;
    line-height: 24px;
}

.nedchoobox {
    margin: 0px;
    padding: 30px 40px;
    width: 100%;
    height: 100%;
    background: #ef7f1a;
    color: #fff;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

.nedchoobox h4 {
    font-size: 18px;
    text-align: center;
    font-weight: 700;
    line-height: 25px;
    margin-bottom: 10px;
}


/*--Awards and Achievements--*/

.awards {
    background: #FFFAF4;
    padding-bottom: 30px;
}

.awards p {
    text-align: center;
    margin-bottom: 40px;
}

.awardsbox {
    margin: 0px;
    padding: 40px;
    width: 100%;
    height: 100%;
    background: #ef7f1a;
    border: 20px solid #fff;
    border-radius: 15px;
}


/*--customers think about--*/

.custothinkbox {
    margin: 0px;
    padding: 20px;
    width: 100%;
    height: 100%;
    border: 1px solid rgb(213, 215, 219);
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background: #fff;
}

.custothinkbox .cusdetail {
    display: flex;
    margin: 0px 0px 10px;
    padding: 0;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: 10px;
    align-content: center;
}

.custothinkbox .cusdetail span {
    margin: 0;
    padding: 0;
    width: 35px;
    position: relative;
}

.custothinkbox .cusdetail span img {
    width: 100%;
    margin: 0px;
    object-fit: cover;
    object-position: center;
}

.custothinkbox .cusdetail span h4 {
    font-size: 16px;
    font-weight: 600;
}

.custothinkbox .cusdetail span h5 {
    font-size: 14px;
    font-weight: 500;
    color: #3C3C43;
}

.custothinkbox .cusdetail ul {
    display: flex;
    width: max-content;
    align-items: center;
    justify-content: center;
    gap: 2px;
}

.custothinkbox .cusdetail ul li {
    display: inline-block;
    font-size: 11px;
    color: #ffc107;
    margin: 0;
    padding: 0;
}


/*--NeedFunds Blogs--*/

.nedblog {
    background: #fffaf4;
    padding-bottom: 30px;
    margin-bottom: 0px;
}

.nedblogbox {
    margin: 0px;
    padding: 20px;
    width: 100%;
    height: 100%;
    border: 1px solid rgb(213, 215, 219);
    background: #fff;
    border-radius: 20px;
    box-shadow: 0px 4px 3px rgb(0 0 0 / 11%);
}

.nedblogbox img {
    background: #ef7f1a;
    padding: 70px;
    border-radius: 20px;
    margin-bottom: 20px;
}

.nedblogbox h4 {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
}

.nedblogbox h5 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 30px;
}

.nedblogbox p {
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 25px;
}

.nedblogbox a {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
    display: inline-block;
}


/*--footer--*/

footer {
    background-color: rgb(32, 31, 31);
    position: relative;
    padding: 50px 0px 0px;
}

footer h4,
.sitemapganerated .footer_menu_Sec h4 {
    color: white;
    margin-bottom: 20px;
    text-transform: capitalize;
    border-bottom: 2px solid rgb(255, 193, 7);
    width: max-content;
    padding-bottom: 5px;
    margin-top: 30px;
    font-size: 16px;
}

footer h5,
.sitemapganerated .footer_menu_Sec h5 {
    color: rgb(255, 193, 7);
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 30px;
}

footer ul,
.sitemapganerated .footer_menu_Sec ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    position: relative;
}

footer ul li,
.sitemapganerated .footer_menu_Sec ul li {
    margin: 0px 0px 5px;
    display: inline-block;
    width: 100%;
    transition: all 0.5s linear 0s;
    padding-left: 5px;
}

footer ul li a,
.sitemapganerated .footer_menu_Sec ul li a {
    color: white;
    font-weight: 400;
    font-size: 12px;
    width: 100%;
    display: inline-block;
    padding: 5px 0px;
    border-radius: 4px;
    transition: all 0.5s linear 0s;
}

footer .footer_menu_Sec,
.sitemapganerated .footer_menu_Sec {
    width: 100%;
    height: unset;
    overflow: hidden auto;
}

footer .footer_menu_Sec:first-child h5,
footer .footer_menu_Sec:first-child h4 {
    margin-top: 0px;
}

ul.social-mediased li,
.secondfooter li {
    display: inline-block;
    width: auto;
    margin: 0px 5px 0px 0px;
    padding: 0px 5px 0px 0px;
    border-right: 2px solid white;
    line-height: 10px;
    background: unset;
}

footer h2 {
    color: white;
    font-size: 14px;
    margin: 0px;
    position: relative;
    display: inline-block;
    line-height: unset;
}

footer .row:first-child {
    margin-bottom: 0px;
}

.second-footer {
    border-top: 1px solid white;
    padding-top: 15px;
    margin-top: 30px;
    padding-bottom: 15px;
}

ul.social-mediased li:last-child,
.secondfooter li:last-child {
    border-right: unset;
}

.secondfooter .col-md-3 {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    align-items: flex-start;
}

ul.social-mediased li span {
    font-size: 14px;
    margin-right: 5px;
}

footer .footer_menu_Sec:last-child {
    height: unset;
}

footer ul li:hover a {
    transition: all 0.5s linear 0s;
    color: green;
    font-weight: 600;
}

footer ul li a span {
    margin-right: 5px;
}

.secondfooter li a {
    padding: 0px;
}

span#siteseal {
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 26px;
    display: block;
    text-align: left;
}

span#siteseal img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin: 0px;
    text-align: left;
    object-position: left center;
}

.support_sec_are a {
    background: rgb(255, 193, 7);
    border-radius: 4px;
    padding: 5px 10px;
    color: rgb(32, 31, 31);
    font-weight: bold;
    font-size: 11px;
    width: 220px;
}

footer .catifications li,
.sitemapganerated .catifications li {
    margin: 0px;
    padding: 0px;
    display: inline-block;
    position: relative;
    width: max-content;
}

footer .catifications li a,
.sitemapganerated .catifications li a {
    width: 55px;
    height: 55px;
    margin: 0px;
    padding: 0px;
    background: rgb(0, 60, 169);
    border-radius: 50%;
    position: relative;
    border: 1px solid rgb(255, 255, 255);
}

footer .catifications li a img,
.sitemapganerated .catifications li a umg {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    filter: drop-shadow(black 2px 2px 4px);
}

.catifications {
    margin-top: 20px;
}


/*--Copyright--*/

.copyright {
    position: relative;
    margin: 0px;
    padding: 5px 0px;
    background: rgb(51, 51, 51);
}

.copyright p {
    padding: 0px;
    text-align: center;
    font-size: 13px;
    color: rgb(255, 255, 255);
    margin: 0px;
    line-height: unset;
}


/*--- Ownl Hight --*/

.owl-carousel .owl-stage,
.owl-carousel .owl-stage .item {
    display: flex;
    align-items: stretch;
    height: 100%;
    cursor: pointer !important;
}

.owl-item.active {
    filter: blur(0.9px);
    z-index: auto;
    position: relative;
    transform: 0.5s all linear;
}

.owl-item.active.center {
    filter: unset;
    transform: scale(1.2);
    z-index: 99;
    position: relative;
    transform: 0.5s all linear;
}

.owl-carousel.owl-theme .owl-stage {
    background: unset;
    position: relative;
    margin: 50px 0px;
}

.owl-item.active.center .nedchoobox {
    background: #3A2B99;
    position: relative;
    display: inline-block;
    width: 100%;
}

.custothinkbox .cusdetail .textare {
    position: relative;
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 100%;
}

.custothinkbox .cusdetail .textare h4 {
    font-size: 11px;
    margin: 0px 0px 5px;
    padding: 0;
    text-align: left;
}

.custothinkbox .cusdetail .textare h5 {
    font-size: 8px;
    margin: 0;
    padding: 0;
}

.custothinkbox p {
    font-size: 10px;
    line-height: 20px;
}

.owl-carousel.owl-theme.custothinkabout .owl-item.active.center {
    width: 450px !important;
    transform: scale(1.4);
}

.owl-carousel.owl-theme.custothinkabout .owl-item.active.center .custothinkbox {
    padding: 20px;
    box-shadow: 0 0px 6px rgb(0 0 0 / 21%);
}

.owl-carousel.owl-theme.custothinkabout .owl-stage,
.owl-carousel.owl-theme.custothinkabout .item {
    display: flex;
    align-content: center;
    align-items: center;
    height: unset !important;
    justify-content: center;
}

.custothinkbox .cusdetail .textare:after {
    content: '';
    position: absolute;
    right: 50px;
    width: 50%;
    height: 2px;
    background: #edebeb;
    top: 50%;
}

.nedblogsect .owl-item.active,
.nedblogsect .owl-item.active.center {
    filter: unset;
    transform: unset;
}

.userco .Support {
    font-size: 15px;
    color: #fff;
    width: 35px;
    height: 35px;
    background: #ef7f1a;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #373587;
    cursor: pointer;
}


/*--Salary Advance page--*/


/*--Salary Advance banner--*/

.saladvabanner {
    padding: 0px 0px 0px;
}

.saladvatext h1 {
    font-size: 57px;
    line-height: 75px;
    color: #3A2B99;
    font-weight: 900;
}

.saladvatext h2 {
    font-size: 40px;
    margin-bottom: 20px;
}

.saladvatext p {
    font-weight: 500;
    margin-bottom: 30px;
}

.saladvatext a {
    background: #F07E00;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.3px;
    padding: 15px 50px;
    border-radius: 30px;
}

.counter.wave:after {
    top: -30px;
    bottom: unset;
    transform: rotate(180deg);
}

.wave {
    padding: 80px 0px 40px;
}

.quicpersect {
    padding: 80px 0px 60px;
}

.undersalay {
    padding: 90px 0px 10px;
}

.undersalaytext {
    margin: 0px;
    padding: 0px 20px;
    width: 100%;
    height: 100%;
    padding-bottom: 40px;
}

.undersalaytext h3 {
    text-align: left;
}

.undersalaytext p {
    margin-bottom: 0px;
    font-weight: 500;
}

.benefitsalary {
    padding: 60px 0px 50px;
    background: #FFFAF4;
}

.benefitsalary p {
    text-align: center;
    margin-bottom: 30px;
}

.benefitlisyt {
    margin: 0px;
    padding: 0px 10px;
    width: 100%;
    height: 100%;
}

.benefitlisyt ul {
    display: block;
    margin-bottom: 10px;
}

.benefitlisyt ul li {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 25px;
    list-style: disc;
}

.nedfundadvanbox {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
}

.nedfundadvanbox h4 {
    font-size: 17px;
    font-weight: 800;
    text-align: center;
    margin-bottom: 20px;
}

.nedfundadvanbox ul {
    display: block;
}

.nedfundadvanbox ul li {
    text-align: center;
    margin-bottom: 10px;
    background: #FFE2C2;
    padding: 10px 20px;
    border-radius: 50px;
    position: relative;
    font-size: 13px;
    font-weight: 500;
    width: 100%;
    line-height: 25px;
}

.nedfundadvanbox ul li:nth-child(even) {
    background: #E3DEFF;
}

.nedfundadvanimg {
    width: 350px;
    height: 350px;
    position: relative;
    overflow: hidden;
    display: block;
    padding: 0px;
    background: #ffffff;
    border-radius: 50%;
    box-shadow: 0px 0px 25px 0px #e5e5e5;
    bottom: 0;
    top: 31px;
    left: -40px;
    right: 0;
    margin: 0px auto;
    z-index: 1;
}

.nedfundadvanimg img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: bottom;
    padding-top: 30px;
}

.needfund p {
    text-align: center;
}

.needfundtext img {
    width: auto;
    margin-bottom: 10px;
}

.nedfundbox {
    margin: 0;
    padding: 0;
}


/*--FAQs On Advance salary loan--*/

.faqadvance {
    background: #FFFAF4;
    padding: 60px 0px 20px;
}

.faqbox {
    margin: 0px;
    padding: 30px;
    width: 100%;
    position: relative;
}

.faqbox .faqsect {
    background: #fffaf4;
    border: unset;
    margin-bottom: 30px;
}

.faqbox .faqsect .accordion-header .accordion-button {
    background: #fffaf4;
    border: unset !important;
    font-size: 18px;
    font-weight: 700;
}

.faqbox .faqsect .accordion-body p {
    font-weight: 500;
}

.faqbox .faqsect .accordion-header .accordion-button:focus,
.faqbox .faqsect .accordion-header .accordion-button:focus-visible {
    outline: unset;
    box-shadow: unset;
}

.faqbox .accordion-item {
    background: #fffaf4;
    border: unset;
    margin-bottom: 30px;
}

.faqbox .accordion-item .accordion-button {
    background: #fffaf4 !important;
    font-size: 18px;
    font-weight: 600;
}

.faqbox .accordion-body p {
    font-weight: 500;
}

.faqbox a {
    margin: 0px auto;
    padding: 15px 50px;
    text-align: center;
    width: max-content;
    display: block;
    background: #3A2B99;
    color: #fff;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin-top: 40px;
}

.faqbox .accordion-item .accordion-button:focus,
.faqbox .accordion-item .accordion-button:focus-visible {
    outline: unset;
    border: unset;
    box-shadow: unset;
}


/*--Let's connect--*/

.letconectimg {
    width: 100%;
    margin: 0px;
    padding: 0px;
    display: block;
}

.letconectimg img {
    width: auto;
}

.letconectext {
    margin: 0px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.letconectext h4 {
    margin-bottom: 10px;
    font-size: 50px;
    font-weight: 700;
}

.letconectext p {
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: 500;
}

.letconectext a {
    background: #F07E00;
    color: #fff;
    width: max-content;
    display: block;
    margin: 0px auto;
    padding: 15px 50px;
    border-radius: 30px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin-top: 20px;
}

.saladvabanner .bannertext.saladvatext {
    padding: 90px 0px 50px;
}

.saladvabanner img {
    width: 100%;
    margin: 0;
    display: inline-block;
    object-position: bottom;
    object-fit: cover;
    height: 100%;
}

.saladvabanner .bannerimg {
    height: 100%;
    padding-top: 50px;
}

.nedfundadvan.comnmarpad {
    padding: 80px 0px 80px;
}

.nedfundadvan .headingcomn {
    margin-bottom: 80px;
}

.needfund .headingcomn {
    margin-bottom: 15px;
}

.needfund h4 {
    margin-top: 30px;
    margin-bottom: 10px;
}

.needfund .needfundtext {
    padding: 0;
}

.custothink.comnmarpad {
    padding: 80px 0px 40px;
}

.letconnect.comnmarpad {
    padding: 60px 0px 50px;
}

.comingsoon {
    background: #0a7635;
    position: relative;
    margin: 0;
    padding: 90px 0px 0px;
    height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.comingsoon h2 {
    text-align: center;
    margin: 0 auto;
    color: #fff;
    font-size: 85px;
    display: inline-block;
}

.comingsoon a {
    background: #fff;
    padding: 10px 40px;
    border-radius: 4px;
    width: max-content;
    margin: 0 auto;
    display: block;
    margin-top: 50px;
    font-size: 15px;
    color: #000;
    font-weight: 700;
}

.singup ul {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    width: 100%;
    display: inline-block;
    text-align: center;
}

.singup ul li {
    margin: 0;
    padding: 0;
    display: inline-block;
    margin-right: 15px;
}

.singup ul li:last-child {
    margin-right: 0;
}

.singup ul li:last-child a {
    border-color: #2ebc44;
}

.singup ul li:first-child a {
    border-color: #ea4335;
}

.singup .form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin: 30px 0px 10px;
}

.singup .form-check label {
    font-size: 12px;
    font-weight: 500;
}

.singup .form-check label a {
    color: rgb(27 29 199);
    text-decoration: underline;
}

.optinsectio.singup h4 {
    font-size: 20px;
    font-weight: 700;
}

.optinsectio.singup .singupimg img {
    background: rgb(235 238 255);
    width: 100%;
}

.optinsectio.singup .singupimg {
    background: rgb(220 242 255);
}

.optousectio.singup .singupimg {
    background: rgb(32 114 233);
    padding: 0 !important;
}

.optousectio.singup .singupimg img {
    background: rgb(50 146 247);
}


/*-- Prodile edit Pages --*/

/*-- Login Section --*/

.singup .singtexare {
    position: relative;
    width: 100%;
    display: inline-block;
    background: rgb(244, 244, 244);
    margin: 20px 0px;
    padding: 50px;
    border-radius: 10px;
    height: calc(100% - 40px);
}

.singup .singtexare h4 {
    font-size: 25px;
    margin: 0px 0px 25px;
    padding: 0;
    text-align: left;
    font-weight: 600;
    font-family: 'Poppins';
}

.singup .singtexare p {
    font-size: 14px;
    margin: 0px 0px 60px;
    padding: 0;
    line-height: 25px;
}

.singup .form-group {
    margin: 0px 0px 25px;
    padding: 0px;
}

.singup .form-group .form-control {
    font-weight: 500;
    color: rgb(34, 34, 34);
    border: unset;
    padding: 6px 10px;
    height: 45px;
    border-radius: 4px;
    font-size: 13px;
    border: 1px solid rgb(183, 180, 180);
}

.singup .form-group label {
    font-size: 13px;
    margin-bottom: 15px;
}

.singup .btn {
    background: #1b1dc7;
    color: rgb(255, 255, 255);
    border: unset;
    border-radius: 8px;
    width: 100%;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.8px;
    margin: 10px 0px 10px;
    padding: 12px;
}

.singup h5 {
    text-align: center;
    color: rgb(0 0 0);
    font-size: 15px;
    font-weight: 500;
    position: relative;
    margin: 50px 0px 50px;
}

.singup h5::before,
.singup h5::after {
    content: "";
    position: absolute;
    width: 150px;
    height: 2px;
    background: rgb(183, 180, 180);
    top: 8px;
    margin: 0px auto;
}

.singup h5::before {
    left: 0px;
}

.singup h5::after {
    right: 0px;
}

.singup .googlebtn {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(34, 34, 34);
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: rgb(34, 34, 34);
    margin: 0px;
    padding: 12px 30px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0px;
    border: 1px solid rgb(8 102 255);
}

.singup .googlebtn img {
    width: 25px;
    margin: 0px;
}


.uloderarsecsec {
    display: none;
}

.Loader {
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    background: #000000bf;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column-reverse;
    gap: 15px;
    overflow: hidden;
}

.Loader .text h6 {
    margin: 0px 0px 5px;
    padding: 0;
    font-family: sans-serif;
    color: #fff;
    display: block;
    font-size: 23px;
    line-height: 40px;
    font-weight: 800;
    text-align: center;
}

.Loader .text h5 {
    font-size: 13px;
    margin: 0;
    padding: 0px 20px;
    display: inline-block;
    line-height: 20px;
    color: #fff;
    margin-top: 5px !important;
}

.loading {
    height: 0;
    width: 0;
    padding: 15px;
    border: 4px solid #fff;
    border-right-color: #838181;
    border-radius: 22px;
    -webkit-animation: rotate 1s infinite linear;
    position: relative;
}

@-webkit-keyframes rotate {

    /* 100% keyframe for  clockwise. 
     use 0% instead for anticlockwise */
    100% {
        -webkit-transform: rotate(360deg);
    }
}

.singup .container {
    width: calc(70%);
}

.singup {
    margin: 0px auto;
    padding: 120px 0px 50px;
}

.singup ul {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    width: 100%;
    display: inline-block;
    text-align: center;
}

.singup ul li {
    margin: 0;
    padding: 0;
    display: inline-block;
    margin-right: 15px;
}

.singup ul li:last-child {
    margin-right: 0;
}

.singup ul li:last-child a {
    border-color: #2ebc44;
}

.singup ul li:first-child a {
    border-color: #ea4335;
}

.singup .form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin: 30px 0px 10px;
}

.singup .form-check label {
    font-size: 12px;
    font-weight: 500;
}

.singup .form-check label a {
    color: rgb(27 29 199);
    text-decoration: underline;
}

.optinsectio.singup h4 {
    font-size: 20px;
    font-weight: 700;
}

.optinsectio.singup .singupimg img {
    background: rgb(235 238 255);
    width: 100%;
}

.optinsectio.singup .singupimg {
    background: rgb(220 242 255);
}

.optousectio.singup .singupimg {
    background: rgb(32 114 233);
    padding: 0 !important;
}

.optousectio.singup .singupimg img {
    background: rgb(50 146 247);
}

.singup .container {
    background: rgb(255, 255, 255);
    border-radius: 10px;
    box-shadow: rgb(233, 233, 233) 2px 5px 20px;
    overflow: hidden;
    border: 1px solid rgba(9, 33, 19, 0.4);
}

.singupform,
.singupimg {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 10px 0px 30px;
}

.singupimg img {
    width: 100%;
    margin: 0px auto;
    padding: 0px;
    height: 100%;
    object-fit: contain;
    object-position: center bottom;
}

.formsection {
    position: relative;
    margin: 0px;
    padding: 50px 0px;
    background: url("../images/inq-bg-01.png") 0% 0% / cover no-repeat;
    overflow: hidden;
    z-index: 1;
}

.usatextses .textsec h5 {
    color: transparent;
}

.formsection .form-control {
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgb(233, 233, 233);
    font-size: 12px;
    letter-spacing: 0.5px;
    height: 45px;
    width: 100%;
    color: rgb(255, 255, 255);
}

.formsection select.form-control option {
    color: #000;
}

.formsection label {
    font-size: 14px;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
    color: rgb(255, 255, 255);
}

.formsection textarea {
    height: 150px !important;
}

.formsection .form-group {
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
    position: relative;
}

.formsection .btnsection .submit-btn {
    padding: 0px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: rgb(0, 103, 255);
    border: unset;
    margin: 0px;
    color: rgb(255, 255, 255);
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 26px;
}

.formsection .btnsection {
    position: relative;
    margin: 0px;
    padding: 0px;
    display: inline-block;
}

.formsection .form-group span.error {
    color: rgb(255, 0, 0);
    font-size: 14px;
    margin: 0px;
    padding: 0px;
}

.formsection h3 {
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 0.8px;
    margin-bottom: 40px;
}

.formsection::before {
    content: "Lets connect";
    font-size: 100px;
    font-weight: 900;
    text-align: center;
    color: rgb(255, 255, 255);
    animation: 10s linear 0s infinite normal none running colorSlide;
    line-height: 4.5;
    opacity: 0.2;
}

.formsection::after {
    background: rgb(12, 15, 20);
    opacity: 0.8;
    content: "";
}

.formsection::before,
.formsection::after {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.cloderarsecsec {
    display: none;
}

.formsection .form-control::placeholder {
    color: rgb(255, 255, 255);
}