@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

/* CSS Reset */
* {
    padding: 0;
    margin: 0;
    /* box-sizing: border-box */
}

/* Body Styles */
body {
    font-family: "Inter", sans-serif;
}
/* Navigation::Begin */
.navbar{
    padding: 0;
    align-items: unset;
}
.navbar-brand{
    padding: 0;
    margin-right: 0 !important;
}
.logo img{
    width: 200px;
    /* margin-left: 15px; */
}
.nav-right{
    margin-right: 15px;
}
.nav-right a{
    color: #fff;
    text-decoration: none;
}
.nav-item a{
    font-size: 16px;
    font-weight: 500;
}
.nav-item{
    padding: 0 8px;
    display: flex;
    align-items: center;
}
.top-number{
    position: relative;
    max-width: 7px;
    width: 100%;
}
.number-bg{
   position: absolute;
   right: 0px;
   top: 0px;
}
.navbar-light .navbar-nav .nav-link:focus{
    color: #275590 !important;
}
.active{
    font-weight: 500;
    color: #275590 !important;
}
.spacer{
    padding: 10px 20px;
}
.sticky-top{
    position: fixed;
    top: 0;
}
.dropdown-item{
    transition: 0.4s all ease-out;
}
.dropdown-item:hover{
    background-color: #275590 !important;
    color: #fff;
    padding-left: 25px;
}
@media (max-width:986px){
    .navs-li{
        flex-direction: column;
    }
    .navs-li ul{
        flex-wrap: wrap;
    }
    .nav-left{
        flex-direction :column;
    }
    .top-l{
        margin-left: 0 !important;
    }
}
@media (max-width:425px){
    .slider-wrap{
        margin-top: 0 !important;
    }
    .slide-left{
        margin-top: 140px !important;
    }
}
@media (max-width:706px){
    .slider-wrap .slick-left{
        left: 5px !important;
    }
    .slider-wrap .slick-right{
        right: 5px !important;
    }
}
@media (max-width:375px){
    /* .slider-product .slick-list{
        height: 610px !important;
    } */
}
@media (max-width: 984px){
    .top-nav{
        display: none;
    }
    .slider-wrap{
        margin-top: 62px !important;
    }
    .bottom-nav{
        display: block !important;
    }
}
@media (min-width: 984px){
    .bottom-nav{
        display: none !important;
    }
}
.navbar-toggler{
    margin: 10px;
}
.nav-link{
    display: flex;
    align-items: center;
}
.nav-link:hover{
    color: #275590 !important;
}
.right-contact{
    width: 100%;
    max-width: 300px;
    height: 100px;
    margin-right: -12px;
    background-image: url(../Images/assets/Rectangle33.png);
    color: #fff;
    position: relative;
    background-size: cover;
    display: flex;
    align-items: end;
    flex-direction: column;
    justify-content: center;
}
.top-graphic{
    position: absolute;
}
.top-nav-wrap{
    width: 100%;
}
.rig-info{
    display: flex;
    justify-content: end;
    font-size: 14px;
    margin-right: 15px;
    margin-top: 5px;
    cursor: pointer;
    align-items: center;
}
.rig-info i{
    font-size: 16px;
    margin-right: 12px;
}
.rig-info p{
    margin-bottom: 0;
}
@media (max-width:1492px){
    .nav-item{
        padding: 0 4px;
    }
    .nav-item a{
        font-size: 14px;
    }
    .logo img {
        width: 200px;
        margin-left: 0px;
    }
}
@media (max-width:1150px){
    .right-contact{
        width: 100%  !important;
        max-width:145px !important;
        height: 100px;
        margin-right: -12px;
        background-color: #353638;
        background-image: none ;
        color: #fff;
        position: relative;
        background-size: cover;
        display: flex;
        align-items: end;
        flex-direction: column;
        justify-content: center;
    }
}
@media(max-width:986px){
    .sticky-top{
        box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
    }
    .right-contact{
        margin-bottom: 15px;
        border-radius: 8px;
    }
    .cta-right{
        text-align: left !important;
        margin-top: 15px ;
    }
    .cta-left{
        margin-left: 0 !important;
    }
    .nav-item {
        display: block !important;
    }
    .dropdown-menu{
        background-color: #f5f9ff;
    }
    .logo img{
        width: 125px !important;
    }
    /* .slider-wrap{
        margin-top: 60px !important;
    } */
}
@media (max-width: 990px){
    .nav-main{
        background-color: #fff !important;
        /* padding-bottom: 12px; */
    }
    .nav-right{
        margin-top: 5px;
    }
}
@media(max-width:1200px){
    /* .slide-left h2{
        line-height: 40px !important;
        letter-spacing: 2px !important;
    } */
    .left-graphic{
        top: -135px !important;
    }
}
@media(max-width:425px){
    .slide-left{
        margin-top: 190px !important;
    }
    .slide-left p{
        width: 100% !important;
    }
    .left-graphic{
        display: none;
    }
}
@media(max-width:990px){
    .slide-left h2{
        font-size: 35px !important;
    }
    .slide-left h1{
    font-size: 35px !important;
    }
    .slide-left{
        margin-top: 140px !important;
    }
    .slider-wrap{
        height: 550px;
    }
}
.top-nav{
    padding: 8px 0;
    background-color: #0f2a4c;
    /* border: 1px solid #275590; */
    border-radius: 2px;
    color: #fff;
}
.bottom-nav{
    padding: 8px 0;
    background-color: #0f2a4c;
    /* border: 1px solid #275590; */
    border-radius: 2px;
    color: #fff;
    margin-bottom: 10px;
}
/* s */

/* .show-dropdown {
    display: block !important;
} */
.dropdown-menu.show {
    outline: none;
    -webkit-tap-highlight-color: transparent;
}
.dropdown-menu {
    display: none;
  position: absolute;
  top: 100%;
  left: 0;
  opacity: 0;
  animation: slideIn 0.3s ease forwards;
}

@media (min-width: 992px){
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
        /* top: 30px; */
    }
}

@media (max-width: 986px){
    .small-content{
        padding-top: 45px !important;
    }
}
.dropdown i{
    font-size: 12px !important;
    margin-left: 5px !important;
}
.navs-li{
    display: flex;
    justify-content: space-between;
}
.navs-li ul{
    display: flex;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
.navs-li ul li{
    margin: 0 8px;
    font-size: 14px;
    cursor: pointer;
}
.right-nav li i {
    font-size: 16px;
    color: rgb(255, 255, 255);
    transition: all 0.2s ease-in-out;
}

/* .right-nav li i:hover {
    font-size: 20px;
    color: #042347;
} */
/* .drop-main {
    cursor: pointer;
}
.drop-main:hover.drop-main ul{
    display: block !important;
}
.drops{
    list-style: none;
    background-color: #fbfafa;
    padding: 5px;
    border-radius: 4px;
    position: absolute;
    top: 88px;
    display: none;

}
.drop-main{
    transition: all 7s ease-in-out !important;
}  
@media (max-width:990px){
    .drop-main{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .drops{
        position: static;
        background-color: #f3f8ff;
    }
} */
.navbar-nav .nav-item:hover .drop-d {
    display: block;
    padding: 10px 0px;
  }
  
  @keyframes slideIn {
    from {
      transform: translateY(-10px); /* Adjust the initial position as needed */
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }
.chev{
    width: 8px;
    margin-left: 4px;
}
/* Navigation::End */

/* Slider::Begin */
.slider-wrap{
    overflow: hidden;
    margin-top: 95px;
}
@media (max-width:984px){
    .slick-left{
        top: 200px !important;
    }
    .slick-right{
        top: 200px !important;
    }
}
.slick-left {
    position: absolute;
    top: 300px;
    left: 50px;
    color: white;
    z-index: 5;
    background-color: #275590;
    height: 30px;
    width: 30px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
    cursor: pointer;
    opacity: 0.7;
}
.slick-right {
    position: absolute;
    top: 300px;
    right: 50px;
    color: white;
    z-index: 5;
    background-color: #275590;
    height: 30px;
    width: 30px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
    cursor: pointer;
    opacity: 0.7;
}
.slick-left:hover{
    opacity: 1;
    transition: all 0.2s ease-in-out;
}
.slick-right:hover{
    opacity: 1;
    transition: all 0.2s ease-in-out;
}

.slider-1{
    background-image: url(../Images/assets/slide-1.jpg);
    background-size: cover;
    background-position: center,center;
    height: 676px !important;
}
.slider-2{
    background-image: url(../Images/assets/sslide-1.jpg);
    background-size: cover;
    background-position: center,center;
    height: 676px !important;
}
.slider-3{
    background-image: url(../Images/assets/elevate-bg.jpeg);
    background-size: cover;
    background-position: center,center;
    height: 676px !important;
}
.slider-4{
    background-image: url(../Images/assets/slider-4.jpg);
    background-size: cover;
    background-position: center,center;
    height: 676px !important;
}
.slide-left{
    margin-top: 230px;
}
.slide-left h2{
    color: #fff;
    /* line-height: 52px;
    letter-spacing: 4px; */
    font-size: 64px;
    font-weight: 700;
}
.slide-left h1{
    color: #fff;
    /* line-height: 52px;
    letter-spacing: 4px; */
    font-size: 64px;
    font-weight: 700;
}
.slide-left p{
    line-height: 24px;
    letter-spacing: 2px;
    /* width: 58%; */
    font-size: 14px;
    color: #fff;
}
.contact-btn{
    border: none;
    color: #fff;
    background-color: #275590;
    padding: 11px 25px;

}
.navbar-light .navbar-nav .nav-link{
    color: #000000;
    /* transition: color 0.3s ease; */
}
.nav-main.scrolled .navbar-light .navbar-nav .nav-link {
    color: black; /* Color when scrolled is black */
}
.v-more{
    text-decoration: none;
}
@media (max-width:674px){
    .slick-next:before{
        display: none;
    }
    .slick-prev:before{
        display: none;
    }
}
.nav-main{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    backdrop-filter: blur(2px);
    background-color: #fff;
    /* background-color: #ffffff45; */
    transition: background-color 0.3s ease;
    border-bottom: 1px solid #2755903d;
}
.scrolled {
    background-color: white !important;
    color: #000 !important;
    z-index: 999;
}
.nav-left{
    display: flex;
}
.top-l{
    display: flex;
    padding-left: 15px;
}
.top-l p{
    margin-bottom: 0;
    font-size: 14px;
}
/* Slider::End */

/* CTA::Start */
.cta-wrap{
    margin-top: -60px;
    z-index: 3;
    position: relative;
    background-color: #275590;
}
.cta-wrap-bottom{
    z-index: 5;
    position: relative;
    background-color: #275590;
}
.cta-content{
    padding: 40px 40px;
}
.cta-left{
    margin-left: 30px;
}
.cta-left h3{
    color: #fff;
    margin-bottom: 0;
}
.cta-left p{
    color: #fff;
    font-size: 16px;
}
.cta-align{
    display: flex;
   align-items: center;
}

@media (max-width: 986px){
    .cta-content{
        padding: 40px 0px !important;
    }
}
.left-graphic{
    position: absolute;
    left: 0;
    top: -150px;
    z-index: 1;
}
.left-graphic img{
    width: 100%;
}
.ct-wrap{
    position: relative;
}
.cta-btn{
    border: 2px solid #ffff;
    background-color: #275590;
    padding: 8px 16px;
    color: #fff;
}
.cta-right{
    text-align: end;
}
/* CTA::End */


/* Product::Start */
.product-wrap{
    position: relative;
    z-index: 3;
    padding: 80px 0;
}
@media (max-width:986px){
    .product-wrap{
        padding: 40px 0;
    }
}
@media (max-width:678px){
    .product-wrap .slick-next{
        display: none !important;
    }
    .product-wrap .slick-prev{
        display: none !important;
    }
}

.product-wrap .slick-prev:before{
    color: #275590;
    font-size: 28px;
}
.product-wrap .slick-next:before{
    color: #275590;
    font-size: 28px;
}
.product-wrap .slick-prev{
    top:50%;
}
.product-wrap .slick-next{
    top:50% !important;
}
.product-head{
    text-align: center;
}
.product-head h2{
    color: #275590;
    font-weight: 700;
}
.product-info{
    box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;
    /* background-image: url(../Images/assets/Products/home-loan.jpg); */
    transition: all 0.3s ease-in;
    z-index: 6;
    position: relative;
    z-index: 2;
    background-position: center;
    background-size: cover;
    max-height: 440px;
    height: 100%;
}
.product-info h6{
    text-align: center;
    font-size: 20px;
    font-weight: 600;
}
.product-btn{
    box-shadow: rgb(255, 255, 255) 0px 3px 8px;
}
.product-detail{
    background-color: #275590;
    color: #fff;
    /* margin: 10px 50px; */
    padding: 11px 5px;
    transition: all 0.3s ease-in;
}
.product-info:hover .product-detail{
    background-color: #275590fc !important;
}
.personal-icon{
    background-image: url(../Images/assets/Products/personal.jpg) !important;
}
.professional-icon{
    background-image: url(../Images/assets/Products/professional.jpg) !important;
}
.business-icon{
    background-image: url(../Images/assets/Products/business.jpg) !important;
}
.vehicle-icon{
    background-image: url(../Images/assets/Products/vehicle-loan.jpg) !important;
}
.mortgage-icon{
    background-image: url(../Images/assets/Products/mortgage.jpg) !important;
}
.balance-icon{
    background-image: url(../Images/assets/Products/balance.jpg) !important;
}
.msme-icon{
    background-image: url(../Images/assets/Products/msme.jpg) !important ;
}
.working-icon{
    background-image: url(../Images/assets/Products/working.jpg) !important;
}
.corporate-icon{
    background-image: url(../Images/assets/Products/corporate.jpg) !important;
}
.product-icon{
    background-image: url(../Images/assets/Products/home-loan-1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 270px;
    height: 100%;
    display: flex;
}
.product-mbtn{
    border:none;
    padding: 4px 14px;
    color: #000;
}
.product-mbtn a{
    color: #000;
}
/* .product-info:hover .product-detail{
    color: #fff;
}
.product-info:hover .product-detail h6{
    color: #fff;
} */
/* .product-info::after{
    content: "";
    width: 100%;
    height: 0%;
    background: #4b6cb7;  
    background: -webkit-linear-gradient(to right, #182848, #4b6cb7);  
    background: linear-gradient(to right, #182848, #4b6cb7); 
    
    position: absolute;
    bottom: 0;
    z-index: -1;
    transition: all 0.3s ease-in-out;
}
.product-info:hover.product-info::after{
    height: 100%;
} */
.product-info{
    margin: 0 10px;
}
/* .product-info:hover.product-info{
   transform: translatey(10px);
} */
.product-icon-bg{
    transition: all 0.3s ease-in;
}
.product-info:hover .product-icon-bg{
    color: #ffffff;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.top-banner{
    background-color: #275590;
    padding: 2px;
}
.personal-banner{
    background-color: #275590 !important;
}
.vehicle-banner{
    background-color: #275590;
}
.vehicle-btn{
    background-color: #275590 !important;
}
.vehicle-icon{
    background-color: #ffffff !important;
}
.mortgage-banner{
    background-color: #275590 !important;
}
/* .mortgage-icon{
    background-color: #ffffff !important;
} */
.mortgage-btn{
    background-color: #275590 !important;
}
.balance-banner{
    background-color: #275590 !important;
}
.balance-icon{
    background-color: #ffffff !important;
}
.balance-btn{
    background-color: #275590 !important;
}
.ms-banner{
    background-color: #275590 !important;
}
.ms-icon{
    background-color: #ffffff !important;
}
.ms-btn{
    background-color: #275590 !important;
}
.wc-banner{
    background-color: #275590 !important;
}
.wc-icon{
    background-color: #ffffff !important;
}
.wc-btn{
    background-color: #275590 !important;
}
.cl-banner{
    background-color: #275590 !important;
}
.cl-icon{
    background-color: #ffffff !important;
}
.cl-btn{
    background-color: #275590 !important;
}
.product-icon{
    text-align: center;
}
.product-icon-bg{
    width: 90px;
    justify-content: center;
    height: 90px;
    padding: 20px;
    align-items: center;
    text-align: center;
    display: flex;
    margin: auto;
    /* margin-top: 20px; */
    background-color: #ffffff;
    border-radius: 100%;
    color: #fff;
    font-size: 18px;
}
.personal-btn{
    background-color: #73ABDF !important;
}
.personal-icon{
    background-color: #ffffff !important;
}
.profession-banner{
    background-color: #275590 !important;
}
.profession-btn{
    background-color: #275590 !important; 
}
.business-banner{
    background-color: #275590 !important;
}
.business-btn{
    background-color: #275590 !important; 
}
.business-icon{
    background-color:  #ffffff !important;
}
.product-detail{
    transition: all 0.3s ease-in-out;
}
.product-icon-bg i{
    font-size: 35px;
}
.product-detail h6{
    color: #ffffff;
    font-size: 22px;
}
.product-detail p{
    font-size: 14px;
    color: #ffffff;
    text-transform: capitalize;
}
.pro-btn{
    padding: 0 28px;
    margin-top: 55px;
}
.product-btn{
    width: 100%;
    border: none;
    padding: 10px 0;
    background-color: #275590;
    color: #fff;
    border-radius: 4px 4px 0 0;
}
.product-head h2{
    font-size: 48px;
    font-weight: 700;
}
/* .slider-product .slick-list{
    height: 410px;
} */

.product-left {
    position: absolute;
    top: 192px;
    left: 38px;
    color: #275590;
    z-index: 5;
    background-color: #ffffff;
    height: 30px;
    width: 30px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
    cursor: pointer;
    opacity: 0.7;
}
.product-right {
    position: absolute;
    top: 192px;
    right: 38px;
    color: #275590;
    z-index: 5;
    background-color: #ffffff;
    height: 30px;
    width: 30px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
    cursor: pointer;
    opacity: 0.7;
}
.product-left:hover{
    opacity: 1;
    transition: all 0.2s ease-in-out;
}
.product-right:hover{
    opacity: 1;
    transition: all 0.2s ease-in-out;
}
/* Product::End */

/* Know Us::Start */
.know-wrap{
    padding: 0 0 80px 0;
}
.know-bottom{
    padding: 5px;
    /* background-color: #f1f7ff; */
}
.know-heads{
    padding: 40px 0 20px 0;
}
@media (max-width: 986px){
    .know-heads{
        padding: 40px 0 0px 0;
    }
}
.know-head{
    padding: 80px 0 20px 0;
}
.know-heads h2{
    font-size: 40px;
    color: #275590;
    font-weight: 700;
}
.know-head h5{
    font-size: 22px;
}
.under-blue{
    width: 45px;
    height: 5px;
    background-color: #275590;
}
.know-right img{
    width: 100%;
}
.know-content h6{
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0.6px;
    font-weight: 500;
    text-transform: capitalize;
}
.know-content p{
    font-size: 16px;
    line-height: 24px;
    /* letter-spacing: 1px; */
    color: #818181;
}
.read-m{
    background-color: #275590 !important;
    cursor: pointer;
    border: none;
    padding: 8px 15px;
}
.read-m a{
    text-decoration: none;
    color: #fff;
}
/* Know Us::End */

/* Services::Start */
.services-wrap{
    padding: 80px 0;
    background-image: url(../Images/assets/services-bg.jpg);
    background-position: center,center;
    background-size: cover;
}
.services-top-wrap{
    background-image: url(../Images/assets/services-top.jpg) !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.service-head h2{
    font-size: 40px;
    color: #275590;
    text-align: center;
    font-weight: 700;
}
.serv-head h3{
    font-size: 24px;
}
.serv-head p{
    width: 100%;
    font-size: 16px;
    color: #818181;
}
.serv-icon{
    height: 50px;
    width: 50px;
    background-color: beige;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px !important;
}
.serv-icon i{
    font-size: 26px;
}
.left-service{
    /* margin-top: 40px; */
    background-color: #fff;
    padding: 40px 28px;
}
.left-service{
    max-height: 358px;
    height: 100%;
}
/* .center-service{
    margin-top: 40px;
} */
.center-service h3{
    font-size: 28px !important;
}
.center-service p{
    font-size: 16px;
    color: #818181;
    width: 100% !important;
}
.value{
    margin-top: 75px;
}
.value-detail{
    background-color: #275590;
    text-align: center;
    padding: 0 28px;
    min-height: 300px;
    height: 100%;
    /* margin-top: 20px; */
    transition: all 0.2s ease-in;
}

.value-detail:hover.value-detail{
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    transform: scale(1.03);
    background-color: #ffffff;
}
.value-detail:hover.value-detail p{
    color: #818181;
}
.value-detail:hover.value-detail h4{
    color: #275590;
}
@media (max-width:986px){
    .value-detail{
        background-color: #275590;
        text-align: center;
        padding: 10px 28px;
        height: unset;
        margin-top: 20px;
    }
    .top-gaps{
        margin-top: 0 !important;
    }
}

.value-detail  h4{
    font-size: 22px;
    color: #fff;
    transition: all 0.1s ease-in;
}
.value h2{
    font-size: 42px;
    font-weight: 700;
}
.value-detail  p{
    font-size: 16px;
    color: #ffffffa1;
    transition: all 0.1s ease-in;
}
.value-icon{
    width: 90px;
    margin: auto;
}
.value-icon img{
    margin-top: 10px;
    padding: 15px;
}
.top-gaps{
    margin-top: 20px;
}
/* Services::End */


/* Main-services::Start */
.mains-wrap{
    padding: 80px 0;
}
.mainswrap-head h2 {
    font-size: 40px;
    color: #275590;
    font-weight: 700;
}
.mainswrap-head h5 {
    font-size: 22px;
}
@media (max-width:990px) {
    .mains-pc{
        display: none;
    }
    .mains-wrap{
        padding: 40px 0;
    }
}
@media (min-width:990px) {
    .mains-mbl{
        display: none;
    }
}
.mains-wrap-content p{
    font-size: 16px;
    color: #818181;
    letter-spacing: 1px;
}
/* Main-services::End */

/* Flow Chart::Start */
.flow-wrap{
    padding: 80px 0;
}
@media (max-width: 998px){
    .flow-wrap{
        padding: 40px 0;
    }
}
.flo-wrap-chart{
    background-image: url(../Images/assets/flowchart-bg.jpg);
    background-size: cover;
    background-position: center;
}
.flo-wrap-chart h2{
    color: #ffff !important;
}
.fl-wrap-top{
    padding: 40px 0;
}
.lf{
    padding: 250px 0px 0px 0;
}
.lf-main{
    width: 100px;
    background-color: #ffffff;
    /* padding: 20px; */
    color: #000;
    border: 10px solid #638dfd;
    text-align: center;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    margin: auto;
    position: relative;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    z-index: 1;
}
.lf-main::after{
    content: " ";
    height: 40px;
    width: 2px;
    top: 89px;
    position: absolute;
    background-color: #e4e4e4;
    overflow: hidden;
}
.bottom-l{
    margin-top: -308px;
}
.lf-main::before{
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    top: 128px;
    background-color: #ffffff;
    border: 5px solid #638dfd;
    overflow: hidden;
    z-index: 1;
}
.bottom-lf{
    width: 100px;
    background-color: #ffffff;
    /* padding: 20px; */
    color: #000;
    border: 10px solid #638dfd;
    text-align: center;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    margin: auto;
    position: relative;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    z-index: 1;
}
.bottom-lf::after{
    content: " ";
    height: 40px;
    width: 2px;
    bottom: 89px;
    position: absolute;
    background-color: #e4e4e4;
    overflow: hidden;
}
.bottom-lf::before{
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    bottom: 128px;
    background-color: #ffffff;
    border: 5px solid #638dfd;
    overflow: hidden;
    z-index: 1;
}

@media(max-width: 1400px){
    .bottom-l{
      margin-top : -311px;
    }
}
@media(max-width:1198px){
    .bottom-l{
        margin: 0 !important;
    }
    .bottom-l{
        display: flex;
        flex-direction: column-reverse;
    }
    .lf-main::after{
        display: none;
    }
    .lf-main::before{
        display: none;
    }
    .bottom-lf::after{
        display: none;
    }
    .bottom-lf::before{
        display: none;
    }
    .lf-style{
        margin-top: 0;
        flex-direction: column;
        align-items: center;
    }
    .lf-line{
        display: none;
    }
    .lf{
        padding: 0px 0;
    }
}
.lf-line{
    width: 100%;
    height: 4px;
    background-color: #e4e4e4;
}
.lf-style{
    display: flex;
    justify-content: space-evenly;
    list-style: none;
    margin-top: 62px !important;
    padding-left: 0;
}
.lf-style p{
    font-size: 14px;
}
.lf-style li{
    max-width: 259px;
    width: 100%;
    text-align: center;
    color: #fff;
}
.flow-head h2{
    font-size: 40px;
    color: #275590;
    text-align: center;
    font-weight: 700;
}
.app-icon{
    /* background-color: #6483a8; */
    background: #00B4DB;  /* fallback for old browsers */
    background: linear-gradient(to right, #f0fbff, #286bba);
    text-align: center;
    margin-top: 30px;
    padding: 10px 0;
}
/* .app-icon i{
    font-size: 36px;
    color: #fff;
    display: inline-block;
    transition:  all 0.4s  ease-in-out;
} */
.app-icon img{
    width: 70px;
    transition:  all 0.4s  ease-in-out;
}
/* .aplications-wrap:hover img{
    transform: rotateY(360deg);
  } */
.aplications-wrap{
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
    position: relative;
    margin-top: 80px;
    border-radius: 4px;
    transition: all 0.2s ease-in-out;
}
.aplications-wrap h2{
    font-size: 22px;
    font-weight: 700;
}
.aplications-wrap:hover {
    transform: translateY(-14px);
    /* box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; */
}

.app-align{
    margin-top: 80px;
}

.app-text{
    margin-top: 10px;
    /* background-color: #f1f7fff0; */
    padding: 30px 10px;
    font-size: 14px;
}
.app-no{
    background-color: #39577a;
    color: #fff;
    margin: auto;
    width: 75px;
    height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    position: static;
    transform: translate(-5%, -50%);
}
.app-no h2{
    margin: 0;
    font-size: 22px;
    font-weight: 700;
}

/* Flow Chart::End */

/* Whychoose Us::Start */
.whychoose-wrap{
    padding: 80px 0;
    /* background-image: url(../Images/assets/why-us-bg.jpg); */
    background-color: #f7faff;
    background-size: cover;
    background-position: center,center;
}
.whychoose-head h2{
    font-size: 40px;
    color: #275590;
    font-weight: 700;
}
.why-choose-image img{
    width: 100%;
}
.whychoose-content h6{
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0.6px;
    font-weight: 500;
    text-transform: capitalize;
}
.whychoose-content p{
    font-size: 16px;
    color: #818181;
    line-height: 22px;
    letter-spacing: 1px;
}
.why-bottom p{
    letter-spacing: 1px;
    font-size: 16px;
    color: #818181;
}
.why-bottom{
    margin-bottom: 50px;
}
.why-li li h5{
    font-size: 18px;
}
.why-li{
    padding-left: 0;
}
.why-li li{
    list-style: none;
    display: flex;
}
.why-li li p{
    font-size: 14px;
    color: #818181;
}
.why-li li i{
    color: #275590;
}
/* Whychoose Us::End */

/* Calculator::Start */
.calculator-wrap{
    padding: 40px 0 80px 0;
}
.calc-top h2{
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 0;
}
.blue-line{
    width: 100px;
    height: 5px;
    background-color: #275590;
}
.calc-top{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.calc-left p{
    letter-spacing: 1px;
    font-size: 16px;
    color: #818181;
}
.calc-right{
    padding: 40px 0px;
    z-index: 1;
    margin-top: -123px;
    position: relative;
}
.calc-top{
    padding: 0px 0px 20px 0;
    z-index: 1;
    position: relative;
}
.calc-line{
    width: 100%;
    height: 5px;
    background-color: #275590;
}
.calc-input{
    padding: 10px 40px;
    /* margin-top: 4px; */
}
@media (max-width: 996px){
    .calc-input{
        padding: 10px 15px;
        /* margin-top: 4px; */
    }
}
.calc-input p{
    margin-bottom: 10px;
    font-size: 16px;
    color: #818181;
}
.irs--round .irs-line {
    top: 36px;
    height: 4px;
    background-color: #d3d3d3 !important;
    border-radius: 4px;
}
.right-cal-wrap{
    /* background-color: #D9E8FF; */
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    background-image: url(../Images/assets/calc-bg/4901223.jpg);
    background-size: cover;
    background-position: center,center;
}
.l-type{
    width: 100%;
}
.select-loan{
    padding: 4px;
    background-color: #fff;
    border-radius: 4px;
    outline: none;
    border: 1px solid #0056c8;
    font-size: 16px;
}
.payback input{
    padding: 4px 7px;
    background-color: #fff;
    border-radius: 4px;
    outline: none;
    border: 1px solid #0056c8;
    font-size: 16px;
}
.app-btn{
    background-color: #275590;
    color: #fff;
    border: none;
    padding: 5px 15px;
    transition: all 0.2s ease-in-out ;
}
.app-btn:hover.app-btn{
    background-color: #fff;
    color: #275590;
    border: none;
    padding: 5px 15px;
}
@media (max-width:986px){
    .calc-right{
        margin-top: 20px;
    }
}
.cal-top{
    margin-top: 0 !important;
}
/* Calculator::End */

/* Testimonial::Start */
.testimonial-wrap{
    background-color: #091321;
    padding: 50px 0;
}
.testimonial-wrap p{
    font-size: 14px;
    color: #989a9a;
}
.testimonial-wrap h4{
    color: #fff;
}
.testimonial-image{
    width: 80px;
    height: 80px;
    margin: auto;
    background-color: #ffffff;
    border-radius: 100%;
    margin-bottom: 12px;
}
.testimonial-image img {
    margin-top: 20px;
}
.testimonial-image img{
    width: 100%;
    border-radius: 100%;
}
.testimonial-wrap .slick-next:before{
    font-size: 32px;
}
.testimonial-wrap .slick-prev:before{
    font-size: 32px;
}
.testimonial-wrap .slick-next{
    top: 50% !important;
}
.testimonial-wrap .slick-prev{
    top: 50% !important;
}
@media (max-width:722px){
    .testimonial-wrap .slick-next{
        display: none !important;
    }
    .testimonial-wrap .slick-prev{
        display: none !important;
    }
}
.testimonial-left{
    background-color: white;
    padding: 12px;
    position: absolute;
    top: 100px;
    cursor: pointer;
    z-index: 5;
}
.testimonial-right{
    background-color: white;
    padding: 12px;
    position: absolute;
    top: 100px;
    right: 0;
    cursor: pointer;
}
.flow-top{
    padding-bottom: 80px;
}
.flow-top p{
    font-size: 16px;
    color: #818181;
    line-height: 24px;
    letter-spacing: 1px;
}
.testimonial-wrap h5{
    font-size: 30px;
}
.testimonial-content{
    padding: 0 45px;
    border: 2px solid #275590;
    margin: 0 25px;
    min-height: 250px !important;
}
@media (max-width: 968px){
    .testimonial-content{
        padding: 0 15px;
    }
}
/* Testimonial::End */
hr{
    margin: 0;
}
/* Footer::Start */
.footer-wrap{
    padding: 40px 0;
    background-color: #0f2a4c;
}
.footer-logo{
    width: 175px;
}
.footer-text p{
    font-size: 14px;
    color: #989a9a;
}
.qp-link ul{
    list-style: none;
    padding-left: 0;
    font-size: 16px;
}
.qp-link a:hover {
    color: #bfd3ed !important;
    transition: all .2s ease-in;
}
.qp-head p{
    font-size: 14px;
    color: #fff;
}
.qp-head i{
    font-size: 20px;
    color: #ffffff;
}
.qp-link ul a{
    text-decoration: none;
    color: #ffffff;
    font-size: 14px;
}
.footer-sicon i{
    color: #ffffff;
    font-size: 18px;
    transition: all .2s ease;
}
.footer-sicon{
    display: inline-block;
    padding: 5px 10px;
    background-color: #275590; 
    border-radius: 2px;
    cursor: pointer;
    transition: all .2s ease-out;
}
.footer-sicon:hover{
    display: inline-block;
    padding: 5px 10px;
    background-color: #fff;
    border-radius: 2px;
}
.footer-sicon:hover.footer-sicon i{
    color: #000000 !important;
}
.color-hr{
    color:#9c9fa2;
    margin-top: 15px;
}
.copyright p{
font-size: 14px;
color: #fff;
}
.copyright a{
    color: #bbbbbb;
    text-decoration: none;
}
.copyright{
    margin-top: 15px;
    text-align: center;
}
.qp-head h5{
    color: #83aadd;
}
/* Footer::End */

/* Smallhero::Start */
.smallhero-wrap{
    margin-top: 90px;
    background-image: url(../Images/assets/servicepage-bg.jpg);
    min-height: 250px;
    height: 100%;
    background-size: cover;
    display: flex;
    align-items: center;
}
.contact-top-wrap{
    background-image: url(../Images/assets/contact-bg.jpg);
}
@media (max-width:986px){
    .smallhero-wrap{
        height: unset;
        padding-bottom: 30px;
    }
}
.small-content{
    display: flex;
    justify-content: flex-start;
}
.small-content h2{
    font-size: 40px;
    color: #ffff;
    font-weight: 700;
}
@media(max-width:986px){
    .smallhero-wrap{
        margin-top: 62px;
    }
    .navbar-light .navbar-nav .nav-link{
        color: #000 !important;
    }
}
.navbar-toggler:focus{
    box-shadow: rgb(39 85 144 / 41%) 0px 1px 4px !important;
}
/* .smallhero-wrap p{
    width: 35%;
} */
 /* Smallhero::End */

 .subpages-graphic{
    position: absolute;
    z-index: -1;
    left: -90px;
    top: 250px;
 }
 /* .subpages-graphic img{
    position: absolute;
 } */


/* Offerings::Start */
.offerings-wrap{
    padding: 80px 0;
}
.offerings-head .under-blue{
    margin: auto;
}
.offerings-wrap h3{
    line-height: 25px;
    font-size: 18px;
    text-transform: capitalize;
}
.offer-right p{
    line-height: 25px;
    font-size: 16px;
    color: #818181;
}
.offer-right{
    padding-left: 30px;
}
/* Offerings::End */

/* Breakdown::Start */
.breakdown-wrap{
    padding: 80px 0;
    background-color: #275590;
}
.breakdown-head p{
    color: #fff;
}
.break-content{
    padding: 20px;
    background-color: #275590 ;
}
.break-content:hover{
    background-color: #ffffff ;
}
.break-content:hover.break-content p{
    color: #000000 !important;
}
.break-content:hover.break-content h4{
    color: #000000 !important;
}
.break-content:hover .break-icon{
    background-color: #275590 !important;
}
.break-content:hover .btn-break{
    background-color: transparent;
    border: 1px solid black;
    color: #000;
    padding: 5px 10px;
}
.break-content{
    border: 1px solid #fff;
    margin-top: 15px;
    min-height: 600px;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    transition: all 0.3s ease;
}
.center-btns{
    background-color: transparent;
    border: 1px solid black;
    color: #000;
    padding: 5px 10px;
}
.break-center{
    background-color: #fff;
}
.break-center .break-icon{
    background-color:#275590;
}
.break-center h4{
    color: #000 !important;
}
.break-center p{
    color: #000 !important;
}
@media (max-width:990px){
    .break-content{
        min-height: auto;
        height: unset;
    }
}
.break-icon{
    width: 75px;
    height: 75px;
    border-radius: 100%;
    border: 3px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.break-icon i {
    font-size: 28px;
    color: #fff;
}
.btn-break{
    background-color: transparent;
    border: 1px solid white;
    color: #fff;
    padding: 5px 10px;
}
.break-content h4{
    color: #fff;
}
.break-content p{
    color: #fff;
    font-size: 16px;
}
/* Breakdown::End */

/* Product Page Start */
.pp-main{
    padding: 80px 0 160px 0;
    background-color: #fafcff;
}
.main-mortgage{
    padding: 80px 0 40px 0;
    background-color: #fafcff;
}
@media (mx-width:988px){
    .pp-main{
        padding: 80px 0 90px 0;
        background-color: #fafcff;
    }
}
.mortgage-down{
    padding: 40px 0 90px 0 ;
}
.pp-right p{
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1px;
    color: #818181;
}
.mortgage-right{
    margin-top: 0 !important;
}
.products-top-wrap{
    background-image: url(../Images/assets/products-top.jpg) !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
/* Product Page End */

/* Management Start */
.management-wrap{
    padding: 80px 0;
    background-color: #f3f7fd;
}
@media(max-width: 992px){
    .management-wrap{
        padding: 40px 0 !important;
    } 
}
.management-content p{
    font-size: 16px;
    color: #818181;
}
.management-content{
    background-color: #fff;
    padding: 25px;
    border-radius: 4px;
}
.management-image img{
    width: 200px;
    border-radius: 4px;
    margin-bottom: 20px;
}
.manage-content h4{
    font-size: 18px;
    margin-bottom: 10px;
}
.manage-left-content h4{
    font-size: 32px;
    margin-bottom: 10px;
    font-weight: 600;
}
.manage-content p{
    font-size: 16px;
    color: #818181;
}
.manage-wrap{
    /* background-color: #fff; */
    padding: 25px 0px;
}
.mana-wrap{
    padding: 20px;
    background-color: #275590;
    border-radius: 20px;
}
.manage-icon{
    width: 50px;
    margin-bottom: 10px;
}
.mana-icon{
    width: 100px;
    margin-bottom: 10px;
}
.mana-wrap img{
    border-radius: 90px;
    padding: 40px;
}
@media (max-width: 375px){
    .mana-wrap img{
        border-radius: 30px;
        padding: 10px;
        margin-bottom: 10px;
    }
}
.mana-right h3{
    font-size: 24px;
    color: #fff;
}
.mana-right p{
    font-size: 16px;
    color: #fff;
}
.mana-right-wrap{
    display: flex;
    align-items: center;
}
/* .mana-info{
    margin-top: 40px;
} */
/* Management End */

/* contact-us Page Start */
.contact-wrap{
    padding: 0px 0px 80px 0;
}
@media (max-width: 986px){
    .contact-wrap{
        padding: 0px 0px 40px 0;
    }
}
.contact-head h4{
    font-size: 42px;
}
.address-head h4{
    font-size: 42px;
}
.form-group{
    margin-top: 15px;
}
.form-group input{
    margin-top: 8px;
}
.form-group textarea{
    margin-top: 8px;
}
.contact-btn{
    padding: 10px 20px;
    background-color: #275590;
    border-radius: 4px;
}
.contact-info{
    padding: 10px 10px;
    background-color: #0f2a4c;
    margin-top: 28px;
    border-radius: 4px;
}
.contacts{
    background-color: #fff;
    text-align: center;
    padding: 5px 15px;
    border-radius: 4px;
    height: 100%;
    display: flex;
}
.contacts h6{
    margin-bottom: 2px ;
    font-size: 16px;
    text-align: left;
}

@media (max-width:786px){
    .contacts{
        flex-direction: column;
    }
    .contact-icon{
        margin:  auto;
        margin-right: auto !important;
        margin-bottom: 8px;
    }
    .contacts h6{
        text-align: center;
    }
    .c-form{
        padding: 40px 10px !important;
    }
}
.contacts p{
    margin-bottom: 0;
    font-size: 14px;
    color: #000000;
    text-align: left;
}
.contact-icon{
    font-size: 28px;
    text-align: center;
    width: 50px;
    margin-right: 20px;
    color: #fff;
    border-radius: 4px;
    background-color: #34bcaf;
    padding: 5px
}
.contact-content{
    background-color: #275590;
    border-radius: 4px;
    margin: 80px 0;
    color: #fff;
}
@media(max-width:986px){
    .contact-content{
        margin: 40px 0;
    }
}
.contact-content p{
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 1px;
    color: #ffffffa1;
}
.form-group input{
    border-radius: 2px !important;
}
.c-form{
    padding: 40px 40px;
    /* border: 2px solid rgba(221, 220, 220, 0.486); */
    background-color: #f8f8f8;
}
.c-phone{
    background-color: #1cc3d9;
}
.c-address{
    background-color: #1293de;
}
.google-map{
    margin-top: 30px;
}
.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #275590 !important;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(39 85 144 / 0%) !important;
}
.left-cal-wrap{
    padding:20px 25px;
}
.apply-cal-btn{
    border: 2px solid rgb(255, 255, 255);
    padding: 6px 18px;
    color: #fff;
    background-color: transparent;
}
@media (max-width: 485px){
    .left-cal-wrap {
        padding: 20px 10px;
    }
}

/* contact-us Page End */

/* Team Start */
.team-wrap{
    padding: 80px 0;
}
@media(max-width:992px){
    .team-wrap{
        padding: 40px 0 !important;
    }
}
.c-report{
    padding-left: 0;
    list-style: none;
}
.c-report li{
    display: flex;
    margin-top: 10px;
}
.c-report li:hover i {
    margin-right: 5px !important;
}

.c-report i{
    color: #275590;
    margin-right: 15px;
    font-size: 18px;
    transition: all 0.2s ease-in;
}
.c-report p{
    color: #000 !important;
    font-size: 14px !important;
    margin-bottom: 0;
}
.insure-report{
    padding-left: 0;
    list-style: none;
}
.insure-report li{
    display: flex;
    margin-top: 10px;
}

.insure-report i{
    color: #275590;
    margin-right: 15px;
    font-size: 16px;
    transition: all 0.2s ease-in;
}
.insure-report p{
    color: #000 !important;
    font-size: 14px !important;
    margin-bottom: 0;
}
.team-content p{
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1px;
    color: #818181;
}
/* Team End */

@media(max-width:990px){
    .know-wrap{
        padding: 0 0 40px 0;
    }
    .services-wrap{
        padding: 40px 0;
    }
    /* .flow-wrap {
        padding: 40px 0;
    } */
    .mains-wrap {
        padding: 40px 0;
    }
    .whychoose-wrap{
        padding: 40px 0;
    }
    .know-head {
        padding: 40px 0 10px 0;
    }
    .value {
        margin-top: 45px;
    }
    .calculator-wrap {
        padding: 40px 0;
    }
    .pp-main {
        padding: 40px 0 40px 0;
        background-color: #fafcff;
    }
    .pp-right-head{
        margin-top: 20px;
    }
    .pp-right{
        margin-top: 20px;
    }
}

.addition-top-wrap{
    background-image: url(../Images/assets/additions-top-bg.jpg) !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.qp-link ul li{
    margin: 2px 0;
}
.loan-amt input{
    padding: 4px 7px;
    background-color: #fff;
    border-radius: 4px;
    outline: none;
    border: 1px solid #0056c8;
    font-size: 16px;
}
.additions-text p{
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1px;
    color: #818181;
}
.terms p{
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1px;
    color: #818181;
}
#successMessage{
    display: block;
    margin-bottom: 10px;
    background-color: #119711;
    color: #fff;
    padding: 5px;
    border-radius: 2px;
}
#error_message {
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 5px;
}
#failMessage{
    display: block;
    margin-bottom: 10px;
    background-color: #ff2323;
    color: #fff;
    padding: 5px;
    border-radius: 2px;
}
.bankinfos-wrap{
    padding: 40px;
    background-color: #0f2a4c;
    border-radius: 4px;
    color: #fff;
}
.bankinfos-wrap ul{
    list-style: none;
    padding-left: 0;
}
.bankinfos-wrap ul li{
    margin-bottom: 15px;
    font-size: 14px;
    display: flex;
    align-items: baseline;
}
.loan-co{
    max-width: 30px;
    width: 100%;
}
.flow-t p{
    color: #0f2a4c;
    font-weight: 600;
}

.flow-info{
    padding: 80px 0;
}
.flow-info h2{
    font-size: 40px;
    color: #275590;

    font-weight: 700;
}
.flow-info ul{
    list-style: none;
    padding-left: 0;
}
.flow-container{
    padding: 10px 15px;
    background-color: #d0def1;
    border-radius: 4px;
    margin-bottom: 10px;
    min-height: 120px;
}
.flow-btn{
    font-size: 24px;
    color: #275590;
}
.flow-container li{
    font-size: 18px;
    font-weight: 700;
}
.flow-container p{
    font-size: 14px;
    font-weight: 500;
}
.flow-more{
    text-decoration: none;
    color: #fff;
}
.flow-more:hover{
    color: #fff;
}
.no-input{
    background-color: #0f2a4c !important;
    color: #fff !important;
}
.no-input::placeholder{
    color: #fff !important;
}
.footer-social a{
    text-decoration: none;
}