/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Updated: 2025-12-30 11:59:34

*/
body{background-color: #f1f1f1;}
body .page-content a{text-decoration: none;}
.leaf-header-icon svg{width: 40px !important;}
.leaf-header-icon a{
    padding: 7px 7px 7px 20px;
    text-align: center;
    transition: all .3s;
    font-size: 16px;    
}

.loans-lending-carts-scal:hover{
    transform: scale(1.05);
}
/* second time investing in property page */
.loans-inversting-cards-members, .loans-cards-members {
    position: relative;
    border-radius: 20px !important;
    border: 1px solid transparent;
}

.loans-inversting-cards-members::before, .loans-cards-members::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px; 
    border-radius: 20px;
    background: linear-gradient( to bottom right, #011E48 0%, #F1F1F1 59.67% );
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.leaf-nll-tabbing .e-n-tabs-heading{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap:20px;
}
.leaf-nll-tabbing #nll-tabbing{
	margin-top: 0 !important;
}

.loans-path-step {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.loans-path-step::before {
    content: "";
    position: absolute;
    top: 13%;
    left: 26%;
    width: 130px;
    height: 130px;
    background-image: url("data:image/svg+xml,%3Csvg width='130' height='130' viewBox='0 0 300 300' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 50 250 V 220 C 50 230, 200 200, 190 80 H 275' stroke='%23011E48' stroke-width='4' stroke-linecap='round' fill='none' /%3E%3Cpath d='M 265 70 L 278 80 L 265 90' stroke='%23011E48' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' fill='none' /%3E%3Ccircle cx='50' cy='250' r='8' fill='%23011E48' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.loans-path-step-no-arrow::before {
    content: "";
    position: absolute;
    top: 13%;
    left: 26%;
    width: 130px;
    height: 130px;
    background-image: url("data:image/svg+xml,%3Csvg width='300' height='300' viewBox='0 0 300 300' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 50 250 V 220 C 50 230, 200 200, 190 80 H 190' stroke='%23011E48' stroke-width='4' stroke-linecap='round' fill='none' /%3E%3Ccircle cx='50' cy='250' r='8' fill='%23011E48' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* Expert Section */

.expert-section .owl-item:nth-child(2) {
    transform: scale(1) !important;
}

/* Container & Layout */
.loans-carousel .owl-stage-outer {
    overflow: hidden;
}


.loans-testimonial-wrapper {
    width: 100%;
}
.loans-testimonial-item {
    transition: all 0.4s ease;
    opacity: 0.5;
    transform: scale(0.9);
    filter: blur(2px);
}
.owl-item.center .loans-testimonial-item {
    opacity: 1;
    transform: scale(1);
    filter: blur(0);
}
.loans-card {
    background: #001c3d;
    color: #fff;
    padding: 40px;
    border-radius: 20px;
    height: auto;
    position: relative;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
.owl-item:not(.center) .loans-card {
    background: #94a3b8;
}
.loans-quote-icon img {
    width: auto !important;
    margin-bottom: 20px;
}
.loans-content p {
    margin-bottom: 30px;
}
.loans-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.loans-client-name {
    margin: 0;
}
.loans-rating {
    color: #f1f1f1;
    margin-top: 5px;
}
.loans-client-image img {
    width: 100%;
    height: auto;
    border-radius: 12px;
    object-fit: cover;
}
/* Custom Navigation Styling */
.loans-carousel-nav {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 30px;
}

.loans-carousel-nav button ,
.nll-carousel-arrows button,
.nll-expert-arrows button {
    background: #fff;
    color: #001a3d;
    border: 1px solid #001c3d;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    padding: 0;
}

.loans-carousel-nav button:hover , .nll-carousel-arrows button:hover, .nll-expert-arrows button:hover {
    background-color: #001a3d;
    color: #ffffff;
    transform: scale(1.1);
}

.loans-carousel-nav, .nll-expert-arrows {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 30px;
}

/* form css home pages */
.loans-contact-form {
    background: #0f1e32;
    padding: 60px;
    border-radius: 20px;
    color: #ffffff;
    max-width: 650px;
}
.loans-contact-form h2 {
    color:#F1F1F1;
}
.loans-form-group {
    margin-bottom: 35px;
    display: flex;
    flex-direction: column;
}
.loans-form-group label {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 5px;
    color: #ffffff;
}
.loans-contact-form input {
    width: 100% ;
    background: transparent ;
    border: none ;
    color: #7F90A8;
    border-bottom: 1.5px solid rgba(255, 255, 255, 0.8) ;
    padding: 3px 0 ;
    font-size: 18px ;
    outline: none ;
    transition: all 0.3s ease;
}
.loans-contact-form input::placeholder {
    color: rgba(255, 255, 255, 0.5);
    opacity: 0;
}
.loans-contact-form input:focus {
    border-bottom-color: #ffffff;
}
.loans-submit-wrapper {
    margin-top: 40px;
}
.loans-submit-container {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    border-radius: 50px;
    padding: 5px 5px 5px 25px;
    cursor: pointer;
    transition: 0.3s ease;
}
.loans-submit-container input[type="submit"],.loans-fill-submit-btn  {
    color: #001c3d !important;
    padding: 2px 15px 2px 0 !important;
    cursor: pointer ;
    margin: 0 ;
    width: auto;
}
.loans-submit-container input[type="submit"]:hover,.loans-submit-container input[type="submit"]:focus {
    background: transparent !important;
}
.loans-submit-container .wpcf7-spinner{display: none;}
.loans-submit-container p{margin: 0;}

.loans-icon-circle p{
    display: flex;
    align-items: center;
    justify-content: center;
}
.loans-icon-circle p{margin: 0;}

.loans-submit-container:hover .loans-icon-circle ,.leaf-header-icon:hover .elementor-button-icon,.loans-fill-submit-wrapper:hover img{
    transform: rotate(45deg);
    transition: 0.3s ease;
}



/* loan service page form css */
.loans-fill-container {
    max-width: 100%;
    margin: 0 auto;
    background: #fcfcfc;
    padding:40px 35px;
    border-radius: 20px;
}
.loans-fill-title {
    text-align: center;
    margin-bottom: 25px;
    color: #333;
}
.loans-fill-row {
    margin-bottom: 15px;
}
.loans-fill-container input[type="text"],
.loans-fill-container input[type="email"],
.loans-fill-container input[type="tel"],
.loans-fill-container textarea {
    width: 100%;
    padding: 14px 18px;
    border: 1px solid #d1d1d1;
    border-radius: 10px;
    box-sizing: border-box;
    outline: none;
    transition: border-color 0.3s ease;
}
.loans-fill-container input:focus,
.loans-fill-container textarea:focus {
    border-color: #001a3d;
}
.loans-fill-submit-wrapper {
    text-align: center;
    margin-top: 25px;
}
.loans-fill-submit-btn:hover ,.loans-fill-submit-btn:focus {
    background-color: #001a3d;
}
.loans-fill-submit-btn {
    background-color: #001a3d;
    color: #f1f1f1 !important;
    padding: 7px 7px 7px 20px !important;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
}
.loans-fill-btn-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 23px;
}
.loans-ul-padding ul{
    padding-left: 26px;
}



/* Main wrapper */
/* Parent */
.leaf-loan-process-work {
    position: relative;
}
.leaf-loan-process-work .loan-timeline {
    position: relative;
    width: 0;
    margin: 2% 40px 12%;
    border-radius: 10px;
    border-left: 2px solid transparent;
    border-image: linear-gradient( to top, rgba(10, 42, 87, 0.25) 0%, rgba(10, 42, 87, 0.25) 20%, #0A2A57 50%, rgba(10, 42, 87, 0.25) 80%,rgba(10, 42, 87, 0.25) 100%) 1;
}
.leaf-loan-process-work .loan-timeline::before,
.leaf-loan-process-work .loan-timeline::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 20px;
    height: 20px;
    background-color: #0A2A57;
    border-radius: 50%;
    z-index: 2;
}
.leaf-loan-process-work .loan-timeline::before {
    top: -5px;
}
.leaf-loan-process-work .loan-timeline::after {
    bottom: -5px;
}

.loans-fill-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 28px;
}
.loans-fill-col label,
.loans-fill-full label {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
    color: #000;
}
.loans-fill-col input,
.loans-fill-full textarea {
    width: 100%;
    padding: 10px 16px;
    border-radius: 12px;
    border: 1px solid #d5d5d5;
    font-size: 15px;
    outline: none;
}
.loans-fill-full textarea {
    height: 47px;
}

/* Focus State */
.loans-fill-col input:focus,
.loans-fill-full textarea:focus {
    border-color: #0a2a57;
}


.loans-ul-padding-box ul ::marker{
    color: #000000;
    font-size: 20px;
}
.loans-ul-padding-box ul {
    gap: 18px;
    display: flex;
    flex-direction: column; 
} 

/* blog page css */

.nll-page-header{
    background:url(https://newleafloans.ourportfolios.co/wp-content/uploads/2026/01/our-blogs.png) no-repeat center center;
    width: 100%;
    padding: 150px 0;
    text-align: center;
    background-size: cover;
}
.nll-page-header h1{
    color: #ffffff;
}

.nll-blog-wrapper {
    padding: 100px 10px;
    max-width: 1320px;
    margin: 0 auto; 
}
.nll-blog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.nll-blog-card {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    padding: 20px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
    transition: transform 0.3s ease;
}
.nll-blog-card:hover {
    transform: translateY(-6px);
}
.nll-blog-image img {
    width: 100%;
    object-fit: cover;
    display: block;
}
.nll-blog-title {
    font-size: 18px !important;
    line-height: 24px !important;
    margin: 20px 0 15px;
}
.nll-blog-title a {
    color: #0a2a57;
    text-decoration: none;
}
.nll-blog-excerpt {
    font-size: 16px;
    color: #555;
    line-height: 22px;
    margin-bottom: 15px;
}
.nll-read-more {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #0a2a57;
    text-decoration: none;
}

/* single php (blog details page) */
/* Single Blog */
.nll-single-wrapper {
	max-width: 1100px;
	margin: 0 auto;
	padding: 40px 20px;
}
.nll-single-featured{
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
.nll-single-featured img {
	width: 70%;
	border-radius: 16px;
	margin-bottom: 25px;
}

.nll-single-meta {
	font-size: 14px;
	color: #666;
	margin-bottom: 10px;
}

.nll-sep {
	margin: 0 8px;
}

.nll-single-title {
	font-size: 34px;
	color: #0a2a57;
	margin-bottom: 20px;
}

.nll-single-content {
	font-size: 16px;
	line-height: 1.7;
	color: #333;
}

/* Recent Posts */
.nll-recent-posts-wrapper {
	max-width: 1100px;
	margin: 60px auto;
	padding: 0 20px;
}

.nll-recent-heading {
	font-size: 22px;
	margin-bottom: 25px;
}

.nll-recent-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 25px;
}

.nll-recent-card img {
	width: 100%;
	border-radius: 12px;
	margin-bottom: 10px;
}

.nll-recent-card h4 {
	font-size: 16px;
}

.nll-recent-card a {
	color: #0a2a57;
	text-decoration: none;
}

/* BLOG HOME PAGE SHORT CODE CSS  */
.nll-blog-carousel .owl-nav {
	position: absolute;
	bottom: -60px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 15px;
}

.nll-carousel-arrows {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 30px;
}

/* ===== Expert Section Background ===== */
.expert-wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
}

.expert-item {
    transition: all 0.3s ease;
    text-align: center;
}

.expert-static .expert-item:nth-child(1),
.expert-static .expert-item:nth-child(3) {
    width: 30%;
}

.expert-static .expert-item:nth-child(2) {
    width: 40%;
}

.expert-image img {
    width: 100%;
    border-radius: 16px;
}   

/* Owl specific */
.expert-carousel .owl-item {
    transition: all 0.3s ease;
}

.expert-carousel .owl-item.active.center {
    transform: scale(1);
}

.expert-carousel .owl-item.active:not(.center) {
    transform: scale(0.9);
}
.expert-item h3{color: #ffffff;}
.expert-item p{color: #7F90A8;}

.mc-input-wrap {
  position: relative;
}

.mc-input-wrap input {
  width: 100%;
  background: transparent;
  border: none;
  border-bottom: 1px solid rgba(255,255,255,0.5);
  padding: 12px 55px 12px 0;
  color: #fff;
  font-size: 16px;
}

.mc-btn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

/* Messages */
.mc-message {
  margin-top: 10px;
  font-size: 14px;
}

.mc-message.success {
  color: #3cff9a;
}

.mc-message.error {
  color: #ff6b6b;
}









/* Responsive */


@media (max-width: 991px) {
    .nll-blog-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .nll-page-header{
        padding: 100px 0;
    }
    .nll-blog-wrapper {
        padding: 60px 10px;
    } 
}
@media (max-width: 768px) {
	.nll-recent-grid {
		grid-template-columns: 1fr;
	}
    header nav{
        overflow-x: hidden;
        visibility: hidden !important;
    }
    .qura-calculator-grid{
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }
    .expert-wrapper{
        flex-direction: column;
        gap: 20px;
    }
    .expert-wrapper .expert-item{
        flex: 0 0 100% !important;
        max-width: 100%;
        transform: none !important;
    }
    .expert-wrapper .expert-image{
        width: 100%;
    }
    .expert-section .owl-item:nth-child(2){
        transform: none !important;
    }
    .expert-carousel .owl-item.active:not(.center){
        transform: unset !important;
    }


}
@media (max-width: 480px) {
    .loans-card {
        padding: 20px;
    }
    .loans-contact-form{padding: 20px !important;}
    .loans-fill-container{padding: 20px !important;}
    .leaf-header-icon svg{width: 25px !important;}
    .leaf-loan-process-work .loan-timeline{display: none;}
    .loans-fill-grid{
        grid-template-columns: repeat(1, 1fr);
        gap: 0px;
        margin-bottom: 0px;
    }
    .nll-blog-grid {
        grid-template-columns: 1fr;
    }
    .nll-blog-wrapper {
        padding: 40px 10px;
    }   
    .nll-page-header{
        padding: 60px 0;
    }
    .leaf-nll-tabbing .e-n-tabs-heading {
        grid-template-columns: repeat(1, 1fr);
    }
    .qura-calculator-grid{
        grid-template-columns: 1fr;
    }
}