/* @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
body{font-family: "Roboto", sans-serif;margin: 0;padding: 0;}
ul{padding: 0;margin: 0;list-style: none;}
a{text-decoration: none;}
.pr-0{padding-right: 0;}
header .top-header{background: #0071b8;padding: 10px 0;}
header .top-header ul {display: flex;justify-content: flex-end;grid-column-gap: 24px;}
header .top-header ul li a{color: #fff;font-size: 14px;font-weight: 400;letter-spacing: 1px;}
header .top-header ul li a  .bi  {padding-right: 4px;    font-size: 11px;}
header .navbar{padding: 20px 0;}
header .navbar .navbar-brand img{width: 220px;}
header .navbar-collapse{justify-content: flex-end;}
header .navbar-collapse .navbar-nav{grid-column-gap: 24px;}
header .navbar-collapse .navbar-nav .nav-link{font-size: 14px;font-weight: 400;text-transform: uppercase;}
header .navbar-nav .nav-link.active,.navbar-nav .nav-link:hover {color: #0071b8;}
.banner .carousel-caption {right: auto;top: 50%;left: 10%;transform: translateY(-50%);}
.banner .carousel-caption h5{font-size: 42px;color: #fff;text-align: left;line-height: 1.3;font-weight: 600;}
.pad-120{padding: 80px 0;}
.ourservices .title{padding-bottom: 48px;color: #0071b8;}
.ourservices .title h2{font-size: 38px;    font-weight: 600;line-height: 1.4;}
.ourservices .services-box{background: #9fc8d824;border-radius: 8px;padding:14px;margin-bottom: 20px;text-align: center;transition: all 0.9s;}
.ourservices .services-box:hover{background:#0071b8;color: #fff;}
.ourservices .services-box figure img{width: 55px;margin: 20px auto;display: block;}
.ourservices .services-box h4{font-size: 20px;font-weight: 600;    margin-bottom: 24px;}
.whyfinance .whyimg img{border-radius: 24px;}
.why-content{padding-left: 32px;}
.whyfinance .title{margin-bottom: 44px;}
.whyfinance .title h2{font-size: 38px;}
.whyfinance ul li{    margin-bottom: 24px;background: #0071b8;padding: 15px;border-radius: 4px;color: #fff; opacity: .9;}
.whyfinance ul li h4{font-size: 18px;font-weight: 600;margin-bottom: 14px;}
.whyfinance ul li img{width: 64px;height: 64px;background: #fff; border-radius: 4px;padding: 8px;margin-right: 14px;}
.whyfinance ul li p{    font-size: 15px;font-weight: 400;margin-bottom: 0;}
.btn-talk{border: 1px solid #0071b8;background-color: #fff;border-radius: 20px;padding: 6px 20px;font-size: 14px;color: #0071b8; display: inline-flex;align-items: center;}
.btn-talk .bi{padding-left: 14px;font-size: 17px;}
.btn-talk:hover{background: #0071b8;border: 1px solid #0071b8;color: #fff;}
.how-we-work{background: url(../images/howwework.jpg) no-repeat center;background-size: cover;margin: 50px 0; color: #fff;min-height: 500px;}
.how-we-work .title{padding-bottom: 48px;color: #fff;}
.how-we-work .title h2{
font-size: 38px;font-weight: 600;line-height: 1.4;}
.stepper ul li{text-align: center;}
.stepper ul li .circle{margin: 20px 0;position: relative;}
.stepper ul li .circle span{    z-index: 9;position: relative;width: 32px;height: 32px;display: inline-flex;background: #fff;color: #000;border-radius: 50%;justify-content: center; align-items: center;}
.stepper ul li .circle::after{    position: absolute;content: '';width: 50%;height: 1px;background: #fff;top: 50%;right: 50%;}
.stepper ul li .circle::before{    position: absolute;content: '';width: 50%;height: 1px;background: #fff;top: 50%;left: 50%;}

.stepper ul li p{padding:0 20px;}
.knowledgehub .title{color: #0071b8;}
.knowledgehub .title h2{font-size: 38px;font-weight: 600;line-height: 1.4;}
.knowledgehub .card-img-top{min-height: 250px;max-height: 250px;object-fit: cover;}
.fractionalhub .card{margin-bottom: 48px;}
.knowledgehub .card-body{padding: 0;}
.knowledgehub .card{border: none;background: transparent;}
.knowledgehub .card h5 {font-size: 20px;font-weight: 600; padding: 20px 0;}
.knowledgehub .card p{font-size: 14px;line-height: 1.7;}
.future{background: url(../images/futurbg.jpeg) no-repeat center;background-size: cover;}
.knowledgehub.future .title{color: #fff;margin-bottom: 0;padding-bottom: 0;}
.knowledgehub.future .title p{padding: 30px 100px;line-height: 1.8;margin-bottom: 0;}
footer{background: #9fc8d824;padding: 120px 0 2px;}
.top-footer .foter-info h3{font-size: 18px;font-weight: 500;margin-bottom: 18px;}
.top-footer .foter-info p{font-size: 13px;}
.top-footer .foter-info ul li{padding-bottom: 10px;}
.top-footer .foter-info ul li a{color: #000;font-size: 13px;}
footer .foter-address ul li span{display: block;}
footer .foter-address ul li{margin-bottom: 8px;}
footer .foter-address ul li span:first-child{font-size: 14px;font-weight: 600;margin-bottom: 2px;}
footer .foter-address ul li span:last-child{font-size: 13px;font-weight: 400;}
footer .btm-footer p{border-top: 1px solid rgb(68 68 68 / 8%);padding-top: 24px;margin-top: 24px;font-size: 13px;color: rgb(68 68 68 / 40%);}
.breadcrumb-links{background: #9fc8d824;color: #fff;border-bottom: 4px solid #f3ebeb;}
.breadcrumb-info{display: flex;align-items: center;justify-content: space-between;}
.breadcrumb-links h3 {font-size: 20px;margin: 0;/* padding: 25px; */color: #0071b8;}
.breadcrumb-links .breadcrumb {color: #fff;padding: 38px 15px 30px;margin-bottom: 0;background-color: transparent;font-size: 13px;}
.breadcrumb-links .breadcrumb li a {color: #0071b8 !important;font-size: 13px;}
.inner-content .content-info .content-text h4{color: #0071b8;font-size: 28px;margin-bottom: 24px;}
.inner-content .content-info .content-text p{font-size: 14px;margin-bottom: 20px;line-height: 1.7;}
.pr-50{padding-right: 50px;}
.pl-50{padding-left: 50px;}
.bg-clr{ background: #9fc8d824;}
.border-left{border-left: 3px solid #0071b8;padding-left: 20px;}
.clients-contact{position: sticky;top: 0;background: #9fc8d824;padding: 25px;font-size: 14px;text-align: center;min-height: 300px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.clients-list .clients-info{display: flex;grid-column-gap: 30px;}
.clients-list .clients-info img{width: 185px;}
.clients-list .clients-info .client-data h5{font-size: 20px;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #0071b8;color: #0071b8;
}
.clients-list .clients-info .client-data p{font-size: 14px;line-height: 1.7;}
.clients-list .clients-info{margin-bottom: 48px;}
/* .blogimg{background: url(../images/blog/blog01.jpg) no-repeat center;background-size: cover;height: 300px;} */
.blog-details figure{margin-bottom: 30px;}
.blog-details-info{margin-bottom: 30px;}
.blog-details-info h5{font-size: 18px;font-weight: 700;margin-bottom: 10px;}
.blog-details-info p{font-size: 14px;line-height: 1.7;}
.blog-details-info ul li{font-size: 14px;line-height: 1.7;padding-bottom: 12px;}
.blog-details-info ul{list-style:circle;}
.contactus .contact-addr h3{font-size: 18px;border-bottom: 1px solid rgb(53 65 70 / 24%);padding-bottom: 24px;margin-bottom:43px;}
.contactus .contact-addr ul li{padding-bottom: 50px;}
.contactus .contact-addr ul li h4{font-size: 16px;font-weight: 700;margin-bottom: 10px;}
.contactus .contact-addr ul li div{display: flex;grid-column-gap: 14px;}
.contactus .contact-addr ul li div .bi{color:#0071b8}

@media (max-width: 768px) { 
    .banner .carousel-caption h5 {font-size: 20px;}
    .banner .carousel-caption {bottom: auto; padding: 0;}
    .ourservices .title h2 {font-size: 20px;}
    .pad-120 {padding: 40px 0;}
    .ourservices .services-box h4 {font-size: 18px;}
    .ourservices .services-box { padding: 8px;}
    .ourservices .row>* {width: 50%;}
    .knowledgehub .card {margin-bottom: 40px;}
    .knowledgehub .title h2 {font-size: 23px;}
    .knowledgehub.future .title p {padding: 30px 0px;}
    footer {padding: 60px 0 2px;}
    .breadcrumb-info {display: flex;align-items: flex-start;justify-content: space-between;flex-direction: column;}
    .breadcrumb-links .breadcrumb {padding: 10px 0;}
    .clients-list .clients-info {flex-direction: column;}
    .clients-list .clients-info img {width: 100%;}
    .inner-content .content-info .content-text h4 {font-size: 20px;}
    footer .row>* {margin-bottom: 20px;}
    .btn-talk {padding: 5px 14px;font-size: 13px;}  
}

@media (min-width: 992px){
    .circlebefore::after{display: none;}
    .circleafter::before{display: none;}
    .knowledgehub .title{color: #0071b8;padding: 0 100px 48px;}
}