@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: #99c82a;

    --blue-color: #045da1;

    --heading-color: #002a54;

    --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:#2b2b5e;font-size: var(--font-18);padding: 12px 20px;font-weight: 500;}

.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:#2b2b5e;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(../image/banner-image.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:var(--heading-color);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:#e4f3ff;}

.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: #dffa9e; 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: #99c82a; 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: #dffa9e;}

.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;

    padding: 13px 15px;

    margin: 0 5px;

    border: 1px solid #045da1; 

    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: #045da1;

    color: #fff;

    padding: 13px 20px;

    border-radius: 6px;

    box-shadow: var(--btn-shadow);

    margin-left: 8px;

}



.pagination a:hover {

    background-color: #99c82a;

    color: #fff;

}

/* Pagination responsiveness */
@media screen and (max-width: 767px) {
    .pagination {
        font-size: 14px;
    }

    .pagination a,
    .pagination span {
        padding: 6px 12px;
        margin: 0 2px;
    }
}

/* Hide excess pagination items on mobile */
@media screen and (max-width: 480px) {
    .pagination a,
    .pagination span {
        font-size: 12px;
        padding: 4px 8px;
    }

    .pagination {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .pagination .dots {
        padding: 4px 8px;
    }
}

/*hidden form*/
.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;
}