@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
/*
  font-family: "DM Sans", sans-serif;
*/
body {
  font-family: "DM Sans", sans-serif;
  font-size: var(--font-18);
}
h1,h2,h3,h4,h5,h6{color:var(--heading-color);}
a:hover {text-decoration: none;}
a {display: inline-block;color: inherit;text-decoration: none;}
ul li {list-style: none;}
p:nth-last-child(1) {margin: 0;}
ul,
ol {margin: 0;padding: 0;}
.container {max-width: 1300px;}
button:focus,
input:focus,
.form-control:focus,
.form-select:focus,
.form-check-input:focus {outline: 0;box-shadow: none;}

section {padding: 80px 0px;}
.btn{padding: 11px 40px;font-size: var(--font-18);font-weight: 500;}
.green-btn{background: var(--green-color);color:var(--white);border:1px solid transparent;}
.green-btn:hover{background: var(--white);color:var(--heading-color);border:1px solid var(--blue-color);}
.blue-btn{background-color: var(--blue-color);color:var(--white);}
.blue-btn:hover{background: var(--green-color);color:var(--white);}
:root{
	--green-color: #00224c;
    --blue-color: #8bc900;
    --heading-color: #1d1b30;
    --btn-shadow: 0 0px 24px rgb(4 93 161 / 44%);
	--white: #fff;
	--gray:#555;
	--font-65: 65px;
	--font-50: 50px;
    --font-40: 40px;
	--font-30: 30px;
	--font-24: 24px;
	--font-18: 18px;

}

.header .navbar-nav .nav-item .nav-link{color:#1d1b30;font-size: var(--font-18);padding: 12px 20px;font-weight: 500;}
.header .navbar-nav .nav-item .nav-link.active{color:var(--blue-color);}
.header .navbar-nav .nav-item .nav-link.apply_now{background-color: var(--blue-color);color:var(--white);padding: 14px 40px;border-radius: 6px;box-shadow: var(--btn-shadow);margin-left: 15px;}
.header .navbar{padding: 12px 50px;}
.header .navbar-nav .dropdown .dropdown-toggle:after{display:none;}
.header .navbar-nav .dropdown .dropdown-menu{top: 69px;left: 12px;border: none;padding: 0px;}
.header .navbar-nav .dropdown .dropdown-menu .dropdown-item{color:#1d1b30;font-size: var(--font-18);font-weight: 500;padding: 10px 15px;}
.header .navbar-nav .dropdown .dropdown-menu .dropdown-item span{font-size: 12px;color:var(--blue-color);}
.header .navbar-nav{margin-left: 50px;}
.header.sticky-header{position: fixed;top: 0;left: 0;right: 0;z-index: 2;background: #fff;box-shadow: 0px 0px 5px rgb(0 0 0 / 13%);}

.banner-bg{background:url(../image/banner-bg.jpg) no-repeat center center/cover;padding: 100px 0px;}
.banner-image{position: absolute;top: 0;right: 0;width: 50%; background: url('https://thelanamgroup.com/wp-content/uploads/2025/06/banner-1-1.png') no-repeat top right;background-size: contain;    height: 100%;}
.banner-content h5{text-transform: uppercase;font-size: var(--font-18);color: var(--heading-color);font-weight: 600;margin-bottom: 15px;}
.banner-content h5 span{width:35px;height:3px;background-color: var(--green-color);display:inline-block;}
.brand-color{color:var(--green-color);}
.banner-content h1{font-size: var(--font-65);font-weight: 700;color:var(--heading-color);}
.banner-content p{line-height: 28px;margin: 25px 0px 35px;}
.about_twins{border-radius: 30px;overflow: hidden;}
.font-500{font-weight: 500;}
.about-content{padding-left:20px;}
.read_more{font-size: var(--font-18);font-weight: 500;color:var(--blue-color);}
.heading{font-size: var(--font-40);font-weight: 700;margin:10px 0px 20px;line-height: 42px;}
.about-content p{font-size: 16px;line-height: 26px;color:var(--gray);}
.services{background:var(--blue-color) url(../image/services-bg.jpg) no-repeat center center/cover;}

.services_main{background-color: var(--white);padding: 30px 25px;margin-bottom: 25px;border-radius: 6px;}
.services_main h4{font-size: var(--font-24);font-weight: 700;color:var(--heading-color);margin-top: 20px;}
.services_main p{font-size: 16px;line-height: 22px;margin-top: 20px;color: #555;}
.services_main a{font-size: 16px;font-weight: 500;}
.services-content .button-group .purple-btn{background:var(--white);color:var(--blue-color);}

.textimonail_content {background: #f5f5f5;padding: 30px;margin: 0px 10px;position: relative;min-height: 480px;}
.textimonail_content .rating {margin-bottom: 20px;display: block;}
.textimonail_content p {font-size: 16px;line-height: 24px;}
.textimonail_content .user_info .user_img {width: 65px;height: 65px;border-radius: 50%;overflow: hidden;border: 2px solid var(--blue-color);}
.textimonail_content .user_info .user_content p {font-size: var(--font-18);font-weight: bold;line-height: 18px;}
.textimonail_content .user_info .user_content span {font-size: 14px;color: var(--gray);}
.slick-dots{display: flex;align-items: center;justify-content: center;margin-top: 50px;}
.slick-dots li button{font-size: 0px;width: 30px;height: 14px;border: none;margin: 0px 5px;padding: 0;border-radius: 4px;background-color: #989898;}
.slick-dots .slick-active button{background-color: var(--green-color);}

.busniess-loan{background:#1d1b30;padding:10px;}
.business-loan-content{padding: 50px;}
.business-loan-content h4{line-height: 48px;}


footer{background: url(../image/footer-bg.jpg) no-repeat center center/cover;padding-top:60px;}
.subscriptuion h2{font-size: var(--font-40);color: var(--white);line-height: 48px;font-weight: 500;margin-bottom: 25px;}
.subscriptuion .position-relative{max-width: 670px;margin: 0 auto;}
.subscriptuion .position-relative input{height: 60px;border-radius: 30px;padding-left: 25px;}
.subscriptuion .position-relative button{color: var(--white);position: absolute;top: 5px;z-index: 1;background: var(--green-color);border-radius: 30px;right: 5px;font-size: 16px;}
.short_menu{border-top: 1px solid #38554b;border-bottom: 1px solid #38554b;padding: 25px 0px;margin-top: 50px;}
.footer_links .footer_social a{width: 46px;height: 46px;color: var(--off-black);background: var(--white);font-size: var(--font-20);text-align: center;line-height: 45px;border-radius: 10px;}
.footer_links .footer_short_links a{color: var(--white);font-size: 16px;padding: 0px 17px;}
.copy-right p{margin: 0px;color: #b3b3b3;font-size: 16px;padding: 30px 0px;}

.social-ico img {flex: 0 0 42px;-o-object-fit: none;object-fit: none;}
.social-ico h6 {font-size: 14px;text-transform: uppercase;margin-bottom: 2px;color: var(--blue-color);}
.social-ico span {font-size: 16px;color: #000000;}
.form-home .form-control {padding-right: 0;padding-left: 0;border-left: 0;border-top: 0;border-right: 0;border-radius: 0;background: transparent;}
.form-home .form-floating > label {padding-right: 0;padding-left: 0;color: #555555;font-size: 14px;}
.form-home{background: #f5f5f5;padding: 40px;}
.form-home h2{font-size: var(--font-30);margin-top:0;}
.social-ico{margin-bottom:35px;}
   
.services_banner{background:#fff6f1;}
.services_banner h1{font-size: var(--font-40);}
.servies_wrapper {margin-top: 30px;}
.servies_wrapper figure {width: 8%;}
.servies_wrapper .image-box-content {width: 100%;padding-right: 30px;}
.servies_wrapper .image-box-content h4 {margin-bottom: 7px;color: var(--heading-color);font-size: var(--font-20);font-weight: 600;text-transform: capitalize;}
.services_content_page p {color: var(--gray);line-height: 24px;font-size: 16px;}
.features li {padding: 6px 0px;}
.services_business{padding:60px 0px;}
.advantages .bg-light{padding: 30px;}
.advantages .bg-light .heading{font-size: var(--font-30);}
.works_it {margin-top: 50px;}
.how_number { font-family: "Teko", sans-serif; font-size: var(--font-30); background-color: var(--green-color); color: var(--white); width: 60px; height: 60px; display: block; border-radius: 50%;text-align: center; line-height: 66px;position: absolute;box-shadow: 0 4px 4px #888888;transition: 0.5s all ease;}
.how_number:before{content: 'Click Here';position: absolute;font-size: 16px;left: -100px;background: #000;line-height: normal;font-family: "DM Sans", sans-serif;width: 90px;border-radius: 4px;padding: 2px 0px;top: 20px;animation-name: example;animation-duration: 4s;animation-iteration-count: infinite;}
@keyframes example {
  0%   {background-color: #000;}
  25%  {background-color: #045da1;}
  50%  {background-color: #99c82a;}
  100% {background-color: #518aa8;}
}
.how_number.number_two:before{left: auto;right: -100px;}
.works_it .row:nth-child(3) .how_number{top: 80px;left: 26%;}
.number_one {top: 0;left: 46%;transform: translateX(-46%);}
.number_two {top: 21%;left: 18%;}
.number_two.number_left {left: 25%;}
.how_it_works h2{font-size: var(--font-24);font-weight: 600;margin-bottom:15px;}
.how_it_works p{font-size: 16px;}
.partners{text-align: center;border: 1px solid #ddd;height: 80px;border-radius: 15px;display: flex !important;align-items: center;padding: 0px 15px;justify-content: center;margin-bottom:15px;}
.partners img{filter: grayscale(75%);}
.experinece { background: var(--blue-color); width: 200px;  height: 200px;  text-align: center; color: var(--white); position: absolute; display: flex; align-items: center;justify-content: center;flex-direction: column; padding: 10px;bottom: 50px;right: 0;}
.experinece:before {content: '';border: 1px dashed #fff;position: absolute;top: 10px;left: 0;right: 0;width: 90%;height: 90%;margin: 0 auto;}
.experinece h2 {font-size: var(--font-50);color: var(--white);}
.experinece p {font-size: 22px;text-transform: uppercase;font-weight: 500;line-height: 28px;}
.vission .mission-icon {flex: 0 0 58px;margin-right: 20px;}
.heading2 {color: var(--heading-color);font-size: var(--font-18);font-weight: 600;text-transform: uppercase;}
.team-image {background-color: #e8e8e8;padding-top: 10px;}
.team-image img { -webkit-filter: grayscale(100%);filter: grayscale(100%);opacity: 0.5;}
.featured-slider h5 {font-weight: 600;margin: 20px 0px 4px;}
.featured-slider p {font-size: 14px;text-transform: uppercase;color: var(--gray);}
.team-image:hover img {opacity: 1;}

/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #002a54; font-size: 16px; margin-bottom: 5px;font-weight: 600;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 16px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #ffd8c3; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #f36f28; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #ffd8c3;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none;}
/*END Form Wizard*/


.form-fileds{background: #f5f5f5;padding: 30px;max-width: 1100px;margin: 40px auto 30px;}
.form-fileds h2{font-size: 18px;text-transform: uppercase;margin-bottom: 30px;font-weight: 600;border-bottom: 2px solid #002a54;padding-bottom: 10px;}
.form-fileds .form-group {margin-bottom: 15px;}
.form-fileds .form-group label{margin-bottom: 5px;font-size: 15px;}
.form-fileds .form-group input, .form-fileds .form-group select{font-size: 14px;height: 48px;}
.singin{margin-top:10px;}
.singin .form-check-label{font-size:14px;line-height: 22px;}
.line-form .form-group input{border-radius: 0px;border: none;background: transparent;border-bottom: 2px solid var(--heading-color);height: 44px;}
.line-form{margin-bottom:30px;}
.line-form .form-group label{white-space: nowrap;}
.business-loan-content .green-btn{padding: 15px 50px;}
.header .navbar-nav .nav-item .nav-link.apply_now:hover{background-color: var(--green-color);}

.form-groups p{position: relative;margin-top: 25px;}
.form-groups p img{position: absolute;top: 8px;left: 0;}
.form-groups p input, .form-groups p textarea{padding-left: 30px !important;}
.form-groups p textarea{height:140px;}

.slick-arrow{width: 50px;height: 50px;border: none;background-color: #045da1;color: #fff;font-size: 24px;position: absolute;top: 50%;left: -20px;transform: translateY(-50%);z-index:9;}
.slick-arrow.next-btn{right: -20px;left: auto;}
.blogs {margin-bottom: 30px;transition: 0.5s all ease;border: 1px solid #ddd;border-radius: 8px;overflow: hidden;}
.blogs .blog-heading {padding: 20px;}
.blogs .blog-heading span {display: block;margin-bottom: 10px;color: #555;font-size: 16px;}
.blogs .blog-heading h4 {font-size: 18px;line-height: 26px;font-weight: 600;}
.blogs .blog-heading p {font-size: 16px;line-height: 24px;margin-top: 15px;}
.blogs:hover {transform: translateY(-20px);}

.right-blogs .blogs:hover, .blog-details:hover {transform: translateY(0px);}
.right-blogs h3 {font-size: 22px;border-bottom: 1px solid #ddd;padding-bottom: 12px;margin-bottom: 25px;font-weight: 600;}
.right-blogs .blogs {border: none;border-bottom: 1px solid #ddd;padding-bottom: 10px;margin-bottom: 10px;border-radius: 0;}
.right-blogs .recent-blogs {max-width: 120px;flex: 0 0 120px;border-radius: 6px;overflow: hidden;}
.right-blogs .blog-heading {padding: 0px;}
.right-blogs .blog-heading h4 {font-weight: 500;font-size: 16px; margin-bottom: 0;line-height: 20px;}

.pagination a {
    display: inline-block;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    font-weight: 600;
    margin: 0 5px;
    border: 1px solid #f36f28; 
    color: var(--heading-color); 
    text-decoration: none;
    background-color #fff;
    border-radius: 6px;
    transition: background-color 0.3s, color 0.3s;
}

.pagination .current {
       background-color: #f36f28;
    color: #fff;
    border-radius: 6px;
    box-shadow: var(--btn-shadow);
    margin-left: 8px;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    font-weight: 600;
}

.pagination a:hover {
    background-color: #99c82a;; 
    color: #fff;
}
.form-fileds .new-formgroup label{
  width: 30%;
}
.form-fileds .new-formgroup input, .form-fileds .form-group select {
  height: 37px;
}
.sub-form-group label{font-size: 13px !important;}
.newform-fields .form-group input, .form-fileds .form-group select {
  height: 40px;
}
.red{color: red;}
.new-clear{
  border: none;
    background-color: #e9e2e2;
    font-size: 14px;
    padding: 4px 10px;
    position: relative;
    right: 55px;
}