/* Old Starts */

.navbar > .container, .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
    box-shadow: 2px 2px 2px #cccccc4f;
}

.flip-card {
    background-color: transparent;
    width: 100%;
    height: 500px;
    perspective: 1000px;
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
    position: absolute;
    backface-visibility: hidden;
}

.flip-card-front {
    background-color: #fff;
    color: black;
    padding: 35px;
    border-radius: 15px;
    border: 1px solid #DEDFE2;
    border-style: dashed;
}

.flip-card-back {
    background-color:#ECF3FD;
    transform: rotateY(180deg);
    padding: 35px;
    border-radius: 15px;
    border: 1px solid #DEDFE2;
    border-style: dashed;
}

#model-portfolio{
    padding: 0 0;
}

.testimonial-content{
    font-size: 15px;
    font-weight: 500;
    line-height: 27px;
    color: #252525;
}

.testimonial-element {
    display: grid;
    place-items: center;
}
#testimonial{
    padding: 3% 0;
}

.testimonial-bg{
    background-image: linear-gradient(#EBF8F0, #ffffff);
    border-radius: 65px 65px 0 0;
    
}

.view-all{
    color: #4885ED;
}

.blog-card{
    margin-top: 1rem;
    padding:20px 20px 30px 20px;
    background-color: #fff;
    border: 1px solid #DEE9FF;
    border-radius: 10px;
}

@media (min-width: 576px) {
    .blog-card {
        margin-top: 2rem;
    }
}

.blog-title{
    font-size: 20px;
    font-weight: 600;
    line-height: 27px;
    color: #252525;
}

.news-date{
    font-size: 35px;
    font-weight: 600;
    line-height: 45px;
    color: #252525;
}

.news-month{
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    color: #252525;
}

.news-text{
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    color: #252525;
}

.news-listing{
    border-bottom: 1px solid #D5D5D5;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-style: dashed;
    padding: 20px 0;
}

.news-date-month{
    
    border-top: 0;
    border-left: 0;
    border-right:0;
    border-bottom: 1px solid #D5D5D5;
    border-style: dashed;
    padding: 0px 30 0 0;
}

.returns{
    border-bottom: 1px solid #E2E2E2;
}


#client-logo{
    padding: 3% 0 0 0;
}

.slide_vertical_wrap {
    overflow: hidden;
}

.slide_vertical_wrap {
    overflow: hidden;
    height: 330px !important;
}

.slide_vertical_wrap img {
    vertical-align: bottom;
}

.section_vertical {
    margin-left: 350px;
}

.section_vertical header {
    background: #eee;
    padding: 20px;
    margin-bottom: 20px;
}

.section_vertical header h1 {
    font-size: 1.5em;
    font-weight: bold;
}
.slide_vertical {
    margin: 0 40px 0 0;
}

@media (min-width: 576px) {
    .slide_vertical_wrap {
        padding-top: 30px;
        height: 200px !important;
    }
}

.Newsletter-box{
    background-image: linear-gradient(to right, #4885ED 30%, #118E71 70%);
}

.btn_yellow{
    background-color: #F4C20D;
}

.btn-newsletter{
    display: inline-block;
    font-weight: 400;
    line-height: 1.7;
    color: #252525;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    background-color: #F4C20D;
    border: 1px solid transparent;
    padding: 0.575rem 1.5rem;
    font-size: 14px;
    border-radius: 0.25rem;
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.footer-content{
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #606060;
    text-decoration: none;
}

.copyright-content{
    background-color: #F5F5F5;
}

.blog-image{
    border-radius: 5px;
    background: -webkit-gradient(linear,(0%,#fff), color-stop(100%,#000));
}

.image-post .hover-post {
    position: absolute;
    padding: 30px 26px;
    padding-top: 30px;
    padding-right: 26px;
    padding-bottom: 30px;
    padding-left: 26px;
    bottom: 0;
    left: 0;
    right: 0;
}

.image-post {
    position: relative;
    overflow: hidden;
}

.category-link{
    background-color: #2680EB;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    font-size: 12px;
    color: #fff;
}

.blog-link{
    color: #fff;
}

.author{
    color: #fff;
    font-size: 15px ;
}

.gradient-overlay{
    position: relative;

    &::after{
    content: '';
        position: absolute;
        top:0 ;
        left:0 ;
        width:100%;
        height:100%;
        background-image:linear-gradient(#fff, #000)
    }
}

.blog-name{
    font-weight: 600;
    line-height: 27px;
    color: #252525;
}

.author-name{
    color: #000;
    font-size: 15px ;
}

.blog-date{
    font-size: 13px;
    line-height: 18px;
    color: #252525;
}

@media (min-width: 375px) {
    .blog-image {
        width: 100%;
    }
}

#pagination {
    margin: 0;
    padding: 0 0 50px 0px;
    text-align: center
}
#pagination li {
    display: inline
}
#pagination li a {
    display: inline-block;
    text-decoration: none;
    padding: 5px 10px;
    color: #000
}
  
  /* Active and Hoverable Pagination */
#pagination li a {
    padding: 11px 20px;
    border-radius: 5px;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s
      
}
#pagination li a.active {
    background-color: #2680EB;
    color: #fff
}
#pagination li a:hover:not(.active) {
    background-color: #ddd;
} 
  
  /* border-pagination */
.b-pagination-outer {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    display: flex
}
#border-pagination {
    margin: 0 auto;
    padding: 0;
    text-align: center
}

#border-pagination li {
    display: inline;
  
}
#border-pagination li a {
    display: block;
    text-decoration: none;
    color: #000;
    padding: 5px 10px;
    border: 1px solid #ddd;
    float: left;
}

#border-pagination li a {
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s
}

#border-pagination li a.active {
    background-color: #4caf50;
    color: #fff;
}

#border-pagination li a:hover:not(.active) {
    background: #ddd;
}

.blog-content{
    background-color: #fff;
    border-radius: 10px;
    padding: 25px;
}

.blog-tags{
    font-size: 13px;
    line-height: 18px;
    color: #000;
}
  
.blog-detail-image{
    border-radius: 10px;
}

  /* .social{
    padding: 
    background-color: #F5F8FA;
    
  } */

.quote{
    background-color: #F5F8FA;
    padding: 40px 30px;
}

.blog-mid-title{
    font-weight: 600;
}
  
.sticky-social {
    background-color: #F5F8FA;
    color: #fff;
    padding: 20px 10px 20px 10px;
    text-align: center;
    border-radius: 5px;
}
  
@supports (position: sticky) {
    .is-sticky {
      position: sticky;
      top: 0;
}

.search-box{
    border-radius: 10px;
}

.search-head{
    font-weight: 600;
}

.search-bg{
    border: 1px solid #DCDCDC;
    border-radius: 5px;
    
}

.category-box{
    border-radius: 10px !important;
}

.title-category{
    background-color: #E8EFFC;
    border-radius: 10px 10px 0px 0px;
}

.tabs {
	/* background: #fff; */
	position: relative;
	/* margin-bottom: 50px; */
}

.tabs > input,
.tabs > span {
	width: 50%;
	height: 35px;
	/* line-height: 60px; */
	position: absolute;
	top: 0;
    padding: 7px 20px;
    font-size: 13px;
    line-height: 18px;
}

.tabs > input {
	cursor: pointer;
	filter: alpha(opacity=0);
	opacity: 0;
	position: absolute;
	z-index: 99;
}

.tabs > span {
	background: #fff;
	text-align: center;
	overflow: hidden;
}

.tabs > span i,
.tabs > span {
	-webkit-transition: all .5s;
	   -moz-transition: all .5s;
		 -o-transition: all .5s;
			transition: all .5s;
}

.tabs > input:hover + span {
	background: rgba(255,255,255,.1);
}

.tabs > input:checked + span {
	background: #fff;
    
}

.tabs > input:checked + span,
.tabs > input:hover + span {
	color: #fff;
    background-color: #1D99DB;
    border-radius: 50px;
}

#tab-1, #tab-1 + span {
	left: 0;
}

#tab-2, #tab-2 + span {
	left: 50%;
}

#tab-3, #tab-3 + span {
	left: 40%;
}

#tab-4, #tab-4 + span {
	left: 60%;
}

#tab-5, #tab-5 + span {
	left: 80%;
}

.tab-content {
	padding: 70px 0px 0px;
	width: 100%;
}

.tab-content section {
	width: 100%;
	display: none;
}

.tab-content section h1 {
	margin-top: 15px;
	font-size: 100px;
	font-weight: 100;
	text-align: center;
}

#tab-1:checked ~ .tab-content #tab-item-1  {
	display: block;
}

#tab-2:checked ~ .tab-content #tab-item-2  {
	display: block;
}

#tab-3:checked ~ .tab-content #tab-item-3  {
	display: block;
}

#tab-4:checked ~ .tab-content #tab-item-4  {
	display: block;
}

#tab-5:checked ~ .tab-content #tab-item-5  {
	display: block;
}

/* effect-1 */

.effect-1 > input:checked + span {
	background: #1D99DB;
}


/* effect-2 */

.effect-2 span i{
	padding-right: 15px;
}

@media (max-width: 600px) {
	.effect-2 span span {display: none;}
	.effect-2 span i {padding: 0;}
}

/* effect-3 */

.effect-3 .line{
	background: #3498DB;
	width: 20%;
	height: 4px;
	position: absolute;
	top: 56px;
}

#tab-1:checked ~ .line {
	left: 0;
}

#tab-2:checked ~ .line {
	left: 20%;
}

#tab-3:checked ~ .line {
	left: 40%;
}

#tab-4:checked ~ .line {
	left: 60%;
}

#tab-5:checked ~ .line {
	left: 80%;
}


/* effect-4 */

.effect-4 span i{
	font-size: 18px;
	display: block;
	position: absolute;
	left: 50%;
	top: 0;
	opacity: 0;
	transform: translateX(-50%);
}

.effect-4 span span{
	position: relative;
	top: 10px;
}

.effect-4 > input:checked + span i,
.effect-4 > input:hover + span i {
	top: 20%;
	opacity: 1;
}

/* effect-5 */

.effect-5 > input:checked + span i,
.effect-5 > input:hover + span i {
	font-size: 25px;
}

.tab-sec{
    border: 1px solid #D5D5D5;
    background-color: #E1F4FF;
    padding: 10px 10px;
}

.r-blog-date{
    font-size: 12px;
    color: #606060;
    line-height: 16px;
}

.r-blog-image{
    border-radius: 50%;
}

.right-bar{
    padding: 0;
}

@media (min-width: 375px) {
    .right-bar {
        margin: 0 !important;
    }
}

.news-card{
    background-color: #fff;
    border-radius: 0 20px 0 0px;
    border: 1px solid #D6DEE9;
}

.news-date{
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    color: #000;
}

.news-short{
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #606060;
}

.news-btn{
    width: 100%;
    background-color: #2680EB;
    border-radius: 0 0 0 20px;
    text-align: right;
}

.news-dts-btn{
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #fff;
    background-color: #4885ED;
    border-radius: 5px;
    text-align: center !important;
}

#page-bg{
    background-image: linear-gradient(#F9FBFE, #fff);
}

.faq-back{
    border: 1px solid #DCDCF9;
    border-radius: 10px;
}

.faq-tab{
    border-radius: 10px;
}

.faq-box{
    border-radius: 5px !important;
}

.faq-content{
    font-size: 13px;
    line-height: 22px;
    color: #606060;
}

.faq-cta{
    background-color: #4885ED;
    border-radius: 5px;
}

.faq-con-cta{
    background-color: #fff;
    font-size: 13px;
    line-height: 22px;
    color: #4885ED;
    border-radius: 5px;
    float: right;
}

#contact{
    margin: 12% 0 0% 0;
}

.contact-bg{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    right: -50%;
    /* transform: skew(-35deg); */
    border-radius: 65px 0px 0px 65px;
    pointer-events: none;
    background-color: #E2EDFE;
}

.contact-title{
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    color: #0C266C;
}

.contact-card{
    text-align: left;
    background-color: #fff;
    border-radius: 15px;
    height: 205px;
}

.contact-content{
    font-size: 15px;
    line-height: 25px;
    color: #606060;
    font-weight: 400;
}

.submit-contact{
    background-color: #4885ED;
    border-radius: 5px;
    color: #fff;
}

.contact-map{
    border-radius: 65px;
}

.service-name{
    background-color: #ECF3FD;
    border-radius: 10px 10px 0 0;
}

.explore-btn{
    text-align: right;
    color: #4885ED;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

.service-card{
    border-radius: 10px;
}

.service-title{
    font-size: 17px;
}

.service-content{
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
}

.mf-type{
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    color: #0C266C;
}

.mf-type-content{
    font-size: 13px;
    line-height: 22px;
}

.mf-type-img{
    position: absolute;
}

.mf-clarification-content{
    font-size: 14px;
    line-height: 22px;
}

.benefits-bg{
    position: absolute;
    top: 0;
    bottom: 0;
    left: -50%;
    right: 50%;
    /* transform: skew(-35deg); */
    border-radius: 0px 65px 65px 0px;
    pointer-events: none;
    background-color: #E2EDFE;   
}

.benefit-card{
    border-radius: 0 25px 0 25px;
}

.mf-back{
    background-color: #EBF8FF;
}

.mf-card{
    border-radius: 10px;
    border: 1px solid #D6DEE9;
}

.mf-category{
    background-color: #EBF8FF;
    border-radius: 3px;
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    color: #1D99DB;
}

.mf-link{
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    color: #00914B;
}

.mf-link-button{
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    color: #fff;
    border-radius: 5px;
    background-color: #1D99DB;
}

.mf-tab{
    background-color: #DBF0FB;
    border-radius: 10px;
    box-shadow: 0px 3px 5px 1px #e9e9e9 inset;
}

.nav-tabs>.nav-item>.nav-link {
    color: #252525;
    margin: 3px 0;
    /* margin-right: 5px; */
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 5px !important;
    font-size: 14px;
    /* padding: 11px 23px; */
    line-height: 1.5;
}

.nav-tabs>.nav-item>.nav-link.active {
    background-color: #fff !important;
    color: #4885ED;
}

.high-stats{
    color: #D71471;
}

.stats-high{
    text-align: center;
}

.num-banner{
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    color: #0C266C;
}

.goal-select{
    border: 1px solid #C4DAFF;
}

.btn-checked{
    border: 1px solid #D6DEE9 !important;
    border-radius: 0px 5px 0px 5px;
}

.risk-invest{
    width: 100%;
    text-align: left;
}

.select-drop{
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    padding: 12px 0px 12px 0px;
    color: #252525;
    background-color: #E1F4FF;
    border: none !important;
}

.goal-card{
    background-color: #fff;
    border-radius: 5px 5px 0 0px;
    border: 1px solid #D6DEE9;
}

.goal-border{
    width: 100%;
    background-color: #2680EB;
    border-radius: 0 0 5px 5px;
    height: 5px;
    text-align: right;
}

.goal-value{
    font-size: 20px;
    font-weight: 600;
    color: #252525;
}

.goal-btn{
    /* width: 316px; */
    background-color: #2680EB;
    border-radius: 5px;
    text-align: center;
}

.goals-bg{
    border-radius: 10px;
}

.client-bg{
    background-image: url(../../assets/img/home-banner/mf-portfolio/existing_client.png);
}

.click-submit{
    background-color: #fff;
    border-radius: 5px;
    color: #4885ED;
    font-size: 13px;
    font-weight: 400;
}

.client-bref{
    font-size: 13px;
    line-height: 20px;
}

.client-invest-bg{
    background-image: url(../../assets/img/home-banner/mf-portfolio/client-invest.png);
    margin: 0;
    padding: 0;
}

.select-btn{
    width: 150px;
}

.quiz-q{
    border: 1px solid #1D99DB;
}

.option-box{
    border: 2px solid #4885ED;
    border-radius: 5px;
}

.question{
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    color: #252525;
}

.bottom-link {
    display: block;
    padding: 12px 0;
    margin-top: 40px;
    /* text-transform: uppercase; */
    /* border: 1px solid #e2e2e2;
    border-width: 1px 0; */
}

.previous-page-bottom {
    float: left;

}

.bottom-link a {
    display: inline-block;
    color: #ffffff;
    opacity: .7;
    text-decoration: none;
    font-weight: 500;
    padding: 5px 0;
    position: relative;
}

.next-page-bottom {
    float: right;
}

.prev-btn{
    padding: 18px 80px 80px 18px;
    background-color: #4885ED;
    border-radius: 0 0 0 10px;
}

.next-btn{
    padding: 18px 80px 80px 18px;
    background-color: #00914B;
    border-radius: 0 0 10px 0;
    color: #fff;
}

.goal-result-card1{
    background-color: #1D99DB;
    border-radius: 10px;
}

.goal-result-card2{
    background-color: #E9A52A;
    border-radius: 10px;
}

.goal-result-card3{
    background-color: #AC48ED;
    border-radius: 10px;
}

.goal-result-card4{
    background-color: #3CBA54;
    border-radius: 10px;
}


.goal-result-card{
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
}

/* .goal-value{
    float: right;
} */

.nextprev{
    float: right;
}

.w3-left{
    background-color: #1D99DB;
    border-radius: 5px;
}

.w3-right{
    background-color: #00914B;
    border-radius: 5px;
}
    
.goals-card{
    border-radius: 10px;
}

/* input {
    visibility:hidden;
} */
label {
    cursor: pointer;
}
input:checked + label {
    border: 1px solid #1D99DB;
    border-radius: 10px;
}

.form-radio {
    display : none;
}

.goal-unrgt-card1{
    background-image: linear-gradient(to right, #4885ED, #00914B);
    border-radius: 10px   
}

.goal-unrgt-card2{
    background-color: #fff;
    border: 1px solid #D6DEE9;
    border-radius: 10px;
}

.sip-amount{
    font-size: 17px;
    line-height: 26px;
    font-weight: 400;
}

.sip-value{
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
}

.sip-amount2{
    font-size: 17px;
    line-height: 26px;
    font-weight: 400;
    color: #606060;
}

.sip-value2{
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    color: #252525;
}

.chart-title{
    font-size: 13px;
    color: #252525;
}

.chart-cir{
    width: 14px;
    height: 14px;
}

.disc-1{
    font-size: 11px;
    line-height: 15px;
    color: #252525;
}

.chart-cir-2{
    width: 14px;
    height: 14px;
}

.chart-border{
    border-bottom: 1px solid #000;
}

.goal-unrg{
    font-size: 12px;
    line-height: 16px;
    color: #252525;
    text-align: left;
}

.goal-unrg-card{
    border: 1px solid #D6DEE9;
    border-radius: 10px;
}

.goal-unrg-btn{
    text-align: right;
}

.goal-unrg-btn-text{
    background-color: #4885ED;
    border-radius: 5px;
    font-size: 12px;
    color: #fff;
}


.wrap-contact100 {
    background: #fff;
    border-radius: 2px;
    position: relative;
}

.form-title{
    font-size: 14px;
    line-height: 25px;
    color: #252525;
}

.form-drop{
    font-size: 13px;
    line-height: 20px;
    color: #252525;
}

.goal-value-1{
    font-size: 20px;
    font-weight: 600;
    color: #252525;
    float: right;      
}

.apply-btn{
    width:100%;
    background-color: #4885ED;
    border: none;
}

.apply-btn:hover, .apply-btn:focus, .apply-btn:active{
    background-color: #00914B;
    box-shadow: none;
    border: none;
}

.chart-value{
    text-align: center;
}

.cal-title{
    font-size: 17px;
    line-height: 26px;
    font-weight: 500;
    color: #252525;
}

.cal-title:hover{
    font-size: 17px;
    line-height: 26px;
    font-weight: 500;
    color: #00914B;
}

.download-option{
    text-align: right;
}

.down-btn{
    border-radius: 3px;
    background-color: #4885ED;
}

.down-txt{
    font-size: 14px;
    color: #4885ED;
}

.cal-back{
    background-image: url(../../assets/img/home-banner/calculator/cal-back.svg);
    height:158px;
    border-radius: 10px 10px 0 0;
    padding: 0;
}

.cal-range{
    text-align: center;
}

.cal-back-rad{
    border-radius: 10px;
}

.value-1{
    font-size: 14px;
    line-height: 20px;
    color: #606060;
}

.cal-result-card{
    border-radius: 10px;
}

.value-2{
    font-size: 15px;
    line-height: 20px;
    color: #252525;
}

.bg-value{
    background-color: #4885ED;
}

.cal-result-tit{
    font-size: 13px;
    line-height: 20px;
    color: #252525;
}

.cal-result-val{
    font-size: 17px;
    line-height: 25px;
    color: #252525;
    font-weight: 600;
}

.res-card{
    background-color: #ECF3FD;
    border-radius: 10px;
}

.date-pick{
    border: 1px solid #D6DEE9;
    border-radius: 3px;
}

.cal-chart{
    border-radius: 10px;
}



.highcharts-figure,
.highcharts-data-table table {
    min-width: 310px;
    max-width: 800px;
    margin: 1em auto;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}





._1KOcBL .JWMl0H {
    padding-bottom: 12px;
}

._1KOcBL ._2hbLCH {
    padding: 16px;
    border-bottom: 1px solid #f0f0f0;
}

._1KOcBL ._2hbLCH ._2ssEMF {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

._1KOcBL ._2hbLCH ._2ssEMF {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

._2vLW0p {
    position: relative;
    max-height: 104px;
    overflow: hidden;
}


.filter-selected{
    padding: 10px 15px;
}




.icon-control {
    margin-top: 5px;
    float: right;
    font-size: 80%;
}



.btn-light {
    background-color: #fff;
    border-color: #e4e4e4;
}

.list-menu {
    list-style: none;
    margin: 0;
    padding-left: 0;
}
.list-menu a {
    color: #343a40;
}

.card-product-grid .info-wrap {
    overflow: hidden;
    padding: 18px 20px;
}

[class*='card-product'] a.title {
    color: #212529;
    display: block;
}

.card-product-grid:hover .btn-overlay {
    opacity: 1;
}
.card-product-grid .btn-overlay {
    -webkit-transition: .5s;
    transition: .5s;
    opacity: 0;
    left: 0;
    bottom: 0;
    color: #fff;
    width: 100%;
    padding: 5px 0;
    text-align: center;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
}
.img-wrap {
    overflow: hidden;
    position: relative;
}


.filter-title{
    background-color: #E8EFFC;
    border-radius: 5px 5px 0 0;
}

.filter-subtitle{
    font-size: 14px;
    color: #252525;
}

.filter-main-menu{
    font-size: 12px;
    color: #606060;
}

.filter-btn{
    width: 100%;
    display: inline-block;
    font-weight: 400;
    line-height: 1.7;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    background-color: #4786E9;
    border: 1px solid transparent;
    /* padding: 10px 1.5rem; */
    font-size: 14px;
    border-radius: 10px;
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.filter-cancel-btn{
    width: 100%;
    display: inline-block;
    font-weight: 400;
    line-height: 1.7;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    background-color: #0F8F6C;
    border: 1px solid transparent;
    /* padding: 10px 1.5rem; */
    font-size: 14px;
    border-radius: 10px;
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.cancel-btn{
    background: transparent;
    border: none;
    color: #fff;
}

.cancel-btn:hover{
    font-size: 14px;
    color: #4786E9;
}

.filter-cancel-btn:hover{
    font-size: 14px;
    color: #4786E9;
}

.sort{
    text-align: left;
}

.search-mf{
    text-align: right !important;
}

.sort-by{
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    color: #252525;
}



.mf-search-box{
    padding: 10px 0px;
    margin: 0;
}


.text-col{
    font-size: 12px;
    line-height: 18px;
    color: #606060;
    font-weight: 400;
}

.text-value-col{
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    color: #0C266C;
}

.scheme-list{
    border-bottom: 1px solid #D2D2D2;
}

.scheme-list-mouse{
    border-radius: 5px;
}

.scheme-list-mouse:hover{
    border-left: 5px solid #0F8F6C;
    border-radius: 5px 0 0 5px;
}

.scheme-title{
    font-size: 17px;
    line-height: 25px;
    font-weight: 500;
    color: #0C266C;
}

.scheme-title:hover{
    font-size: 17px;
    line-height: 25px;
    font-weight: 500;
    color: #0F8F6C;
}


.scheme-desc{
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: #0C266C;
}

.scheme-category{
    font-size: 10px;
    line-height: 18px;
    font-weight: 400;
    color: #1D99DB;
    background-color: #EBF8FF;
    border: 1px solid #1D99DB;
    border-radius: 3px;
}

.nav-date{
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    color: #606060;
}

.nav-box{
    border: 1px solid #C4DAFF;
    border-radius: 10px;
    background-color: #fff;
}

.nav-rate{
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #0C266C;
}

.text-nifty{
    color: #00914B;
}


.highcharts-figure,
.highcharts-data-table table {
    min-width: 310px;
    max-width: 800px;
    margin: 1em auto;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}



.nav-moment{
    border-radius: 10px;
}

.scheme-drop{
    text-align: right;
}

.scheme-dropdown{
    background-color: #E1F4FF;
    border-radius: 0 5px 0 5px;
    border: none;
}

.performance-back{
    background-color: #F5FBFF;
    border: 1px solid #C4DAFF;
    border-radius: 10px;
}

.performance-border{
    border-bottom: 1px solid #C4DAFF;
}

.cal-dropdown{
    width: 100%;
    background-color: #E1F4FF;
    border-radius: 0 5px 0 5px;
    border: none;
}

.return-cal-title{
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #252525;
}


.submit-btn-scheme{
    padding: 18px 80px 80px 18px;
    background-color: #1D99DB;
    border-radius: 5px;
    color: #fff;   
}





.highcharts-figure,
.highcharts-data-table table {
    min-width: 310px;
    max-width: 1000px;
    margin: 1em auto;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}


.t-alignment{
    text-align: left;
}

.testi{
    text-align: center;
}

.nav-tabs>.nav-item>.goals-tab-btn.active {
    background-color: #4885ED !important;
    color: #fff;
}


.goals-tab:active{
    border: 1px solid #4885ED;
    border-radius: 0 5px 0 5px;
    padding: 0 10px;
    background-color: #fff;
}


.goal-btn-home:hover{
    color: #4885ED !important;
}

.contact-btn-serv{
    text-align: right;
}




@media (min-width: 320px) and (max-width: 576px) {
    .page-title-content{
		margin-top:30px;
	}
}

@media (min-width: 320px) and (max-width: 576px) {
    .page-title-content-news{
		margin-top:45px;
	}
}


.page-title-area {
  position: relative;
  overflow: hidden;
  z-index: 1;
  padding-top: 21px;
    padding-bottom: 10px;
  text-align: left;
  background-color: #1d7e01;
  z-index: 1;
}

@media (min-width: 320px) and (max-width: 576px) {
    .page-title-area {
		position: relative;
		overflow: hidden;
		z-index: 1;
		padding-top: 15px;
		margin-top:20px;
		/* padding-bottom: 15px; */
		text-align: left;
		background-color: #1d7e01;
		z-index: 1;
	}
}


    @media (min-width: 320px) and (max-width: 576px) {
        .page-title-content {
            margin-top: 50px;
        }
    }




.giif-etm-represent {
	margin: 20px 0 0
}

.widget-giff-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 13px;
	border-radius: 8px;
	background: #471967 url(https://img.smartspends.com/static/images/home/crackers.svg);
	background-repeat: no-repeat;
	background-size: 100% 100%
}

.giif-etm-represent .widget-giff-title {
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	padding-left: 72px;
	position: relative
}

.giif-etm-represent .widget-giff-title:before {
	content: "";
	position: absolute;
	top: -12px;
	left: 0;
	right: 0;
	height: 46px;
	width: 56px;
	background: url(https://img.smartspends.com/static/images/home/candle-left.svg);
	background-repeat: no-repeat
}

.giif-etm-represent span.text-giif {
	font-size: 16px;
	line-height: 20px;
	display: block
}

.giif-etm-represent .cta-check {
	color: var(--black90);
	font-weight: 600;
	padding: 4px 12px;
	width: 109px;
	height: 28px;
	background: #d0b250;
	box-shadow: 0 0 14px rgba(0, 0, 0, .25);
	border-radius: 24px
}

.giif-etm-represent .cta-check:hover {
	color: var(--black90)
}

@media(min-width:992px) {
	.dropdown-header {
		display: block;
		padding: 3px 20px;
		font-size: 12px;
		line-height: 1.42857143;
		color: #777;
		white-space: nowrap
	}
}

@media(max-width:991px) {
	.widget-giff-content {
		padding: 13px 16px;
		display: block;
		background: #471967 url(https://img.smartspends.com/static/images/home/crackers-candle-mb.svg) no-repeat 100%
	}

	.giif-etm-represent .widget-giff-title {
		font-size: 12px;
		line-height: 16px;
		padding-left: 0
	}

	.giif-etm-represent span.text-giif {
		font-size: 14px;
		line-height: 18px
	}

	.giif-etm-represent .widget-giff-title:before {
		left: auto;
		right: 0;
		display: none
	}

	.widget-giff-cta {
		margin: 12px 0 6px
	}

	.giif-etm-represent .cta-check {
		font-size: 12px;
		line-height: 16px;
		font-weight: 600;
		color: #d0b250;
		background: 0 0;
		border: 1px solid #d0b250
	}

	.giif-etm-represent .cta-check:hover {
		color: #d0b250
	}

	.ctaStarted {
		color: #fff;
		margin: 0 auto 30px
	}
}


@keyframes scroll {
	 0% {
		 transform: translateX(0);
	}
	 100% {
		 transform: translateX(calc(-250px * 7));
	}
}
 .clien-slider {
	 height: 100px;
	 margin: auto;
	 overflow: hidden;
	 position: relative;
	 width: auto;
}
 .clien-slider .client-slide-track {
	 animation: scroll 40s linear infinite;
	 display: flex;
	 width: calc(200px * 90);
}
 .clien-slider .client-logo-slide {
	 height: 100px;
	 width: 250px;
}
.partners-title {
    font-size: 55px;
    line-height: 65px;
    font-weight: normal;
    color:#44475b;
}
.tax-title {
    font-size: 40px;
    line-height: 65px;
    font-weight: normal;
    color:#44475b;
}
.estate-title {
    font-size: 25px;
    line-height: 30px;
    font-weight: normal;
    color:#44475b;
}

.icon-svg.icon-svg-sm {
    width: 2.2rem;
    height: 2.2rem;
}

.nri-card{
	background-color: #f0f9f7;
	
}

.tab-service-content{
	padding: 28px 0px 0px;
    width: 100%;
}






/* how we work css start */




.ol-cards,
.ol-cards * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.ol-cards {
  --flapWidth: 2rem;
  --flapHeigth: 1rem;
  --iconSize: 3rem;
  --numberSize: 3rem;
  --colGapSize: 2rem;
  width: min(100%, 40rem);
  margin-inline: auto;
  display: grid;
  gap: 2rem;
  padding-inline-start: var(--flapWidth);
  font-family: sans-serif;
  color: #222;
  counter-reset: ol-cards-count;
  list-style: none;
}
.ol-cards > li {
  display: grid;
  grid-template-areas:
    "icon title nr"
    "icon descr nr";
  gap: 0 var(--colGapSize);
  align-items: center;
  padding: var(--colGapSize) var(--flapWidth) var(--colGapSize) 0;
  border-radius: 1rem 5rem 5rem 1rem;
  background-image: linear-gradient(to bottom right, #e9eaec, #ffffff);
  counter-increment: ol-cards-count;
  filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.25));
  box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25);
}

.ol-cards > li > .icon {
  grid-area: icon;
  background: #118e71;
  color: white;
  font-size: var(--iconSize);
  width: calc(2 * var(--flapWidth) + var(--iconSize));
  padding-block: 1rem;
  border-radius: 0 5rem 5rem 0;
  margin-inline-start: calc(-1 * var(--flapWidth));
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
  position: relative;
  display: grid;
  place-items: center;
}
.ol-cards > li > .icon::before {
  content: "";
  position: absolute;
  width: var(--flapWidth);

  height: calc(100% + calc(var(--flapHeigth) * 2));
  left: 0;
  top: calc(var(--flapHeigth) * -1);
  clip-path: polygon(
    0 var(--flapHeigth),
    100% 0,
    100% 100%,
    0 calc(100% - var(--flapHeigth))
  );
  background-color: #4cbeb8;
  background-image: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0.2)
  );
  z-index: -1;
}

.ol-cards > li > .title {
  grid-area: title;
  font-weight: 600;
  font-size: 1.25rem;
}
.ol-cards > li > .descr {
  grid-area: descr;
}

@media (max-width: 40rem) {
  .ol-cards {
    --flapWidth: 1rem;
    --flapHeigth: 0.5rem;
    --iconSize: 2rem;
    --numberSize: 2rem;
    --colGapSize: 1rem;
  }
}

/* how we work css end */


.tax-tab .nav-tabs .nav-item > a.active {
    color: #fff !important;
    background: #118e71 !important;
}
.tax-tab .nav-tabs .nav-item {
    margin: 5px;
}

.accordion-button:not(.collapsed) {
    color: #118e71;
    background-color: transparent;
    box-shadow: inset 0 -1px 0 #e2e8f0;
}
.service-cont{
	text-align:justify;
}



#respons-title{
	display:none;
}
.philosophy-line1{
	position: relative;
	top: -69px;
	border: 2px dotted #118e71;
	z-index: 1;
}
.philosophy-line2{
	border-left: 3px dotted green;
	border-right: 3px dotted green;
}
.philosophy-line3{
	border-right: 3px dotted green;
}
.top-bor{
	position: relative;
	top: -70px;
}
.content-card-philosophy{
	position: relative;
	top: -72px;
}
@media (max-width: 992px) {
    #respons-title{
		display:block;
	}
	#desk-title{
		display:none;
	}
	#philosophy-line1{
		display:none;
	}
	.philosophy-line1{
		position: relative;
		top: 0;
		border: 2px dotted #118e71;
		z-index: 1;
	}
	.top-bor{
		position: relative;
		top: 0;
	}
	.content-card-philosophy{
		position: relative;
		top: 0;
	}
}

.effect-skew-rik2 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -50.5%;
    right: 49.5%;
    /* transform: skew(-35deg); */
    border-radius: 0;
    pointer-events: none;
    background-color: #dbe9e9;
}

#teammember2 img {
	height:100%;
	max-width:100%;
}

.bread-top{
	margin-top: 95px;
}
@media screen and (min-width: 600px) and (max-width: 992px){
	.home-banner-margin{
		    margin-top: 148px;
	}	
	.carousel-caption-banner {
	    position: absolute;
	    right: 15%;
	    bottom: 12%;
	    left: 15%;
	    padding-top: 1.25rem;
	    padding-bottom: 1.25rem;
	    color: #fff;
	    text-align: center;
	}
}
@media screen and (min-width: 360px) and (max-width: 590px){
	.home-banner-margin{
		    margin-top: 165px;
	}	
	.carousel-caption-banner {
	    position: absolute;
	    right: 15%;
	    bottom: 0%;
	    left: 15%;
	    padding-top: 1.25rem;
	    padding-bottom: 1.25rem;
	    color: #fff;
	    text-align: center;
	}
	.banner-title-size{
		margin-bottom:15px !important;
		font-size:20px !important;
		line-height:22px;
	}
	.banner-text-content{
		font-size:11px;
		margin-bottom:7px !important;
		line-height:13px;
	}
	.banner-slide-btn{
		padding:5px 10px;
		font-size:8px;
		border: 2px solid #05288f;
	    color: #000;
	    background: #05288f;
	    border-radius: 30px;
	}
	
}

@media only screen and (min-width: 992px) {
  .carousel-caption-banner {
	    position: absolute;
	    right: 15%;
	    bottom: 35%;
	    left: 15%;
	    padding-top: 1.25rem;
	    padding-bottom: 1.25rem;
	    color: #fff;
	    text-align: center;
	}
	.home-banner-margin{
		    margin-top: 95px;
	}	
	.banner-title-size{
		font-size:50px !important;
		line-height:65px;
	}
	.banner-text-content{
		font-size:20px;
		line-height:30px;
	}
}

.banner-slide-btn{
    border: 2px solid #05288f;
    color: #000;
    background: #05288f;
    border-radius: 30px;
}
.beyond-title{
    font-size: 35px;
    line-height: 45px;
    font-weight: normal;
    color: #44475b;
}
.beyond-card-title{
    font-size: 22px;
    line-height: 30px;
    font-weight: normal;
    color: #44475b;
}

.banner-back-how-we-work{
	/* background-image:url("/resources/assets/img/philosophy/page_title_bg.png"); */
	background-image: linear-gradient(to right, #f0f9f7 , #f0f9f7);
}

@media only screen and (max-width: 992px) {
  	.banner-back-how-we-work{
		background-image: linear-gradient(to right, #f0f9f7 , #f0f9f7);
	}
}

#mobile_CTA{
	display:none;
}
@media screen and (max-width:744px){
	#mobile_CTA{
		display:block;
	}
	
	#web_CTA{
		display:none;
	}
	
	.first-user{
		display:none;
	}
}

.iconHeadingLayout_heading__AD470 {
    font-size: 45px;
    line-height: 65px;
    font-weight: normal;
    color: #44475b;
}

.btn:hover {
    color: #fff !important;
    background-color: #1d7e01 !important;
    border-color: #1d7e01 !important;
}


.banner-read-btn{
	
	border: 2px solid #05288f;
    color: #05288f;
    background: #fff;
    border-radius: 30px;
    z-index: 1000;
    position: relative;
}

.banner-read-bt:hover{
	
	border: 2px solid #05288f;
    color: #fff;
    background: #05288f;
    border-radius: 30px;
    z-index: 1000;
    position: relative;
}


    /* ── Section wrapper ── */
    .timeline-section {
      background: linear-gradient(135deg, #fff 0%, #fff 50%, #fff 100%);
      border-radius: 24px;
      padding: 52px 48px;
      position: relative;
      overflow: hidden;
      border: 1px solid #0000001a;
    }

    /* subtle noise texture overlay */
    .timeline-section::before {
      content: '';
      position: absolute;
      inset: 0;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");
      pointer-events: none;
      border-radius: inherit;
    }

    /* ── Connector line ── */
    .timeline-connector {
      position: relative;
      display: flex;
      align-items: center;
      margin: 18px 0 28px;
    }

    .timeline-connector::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      height: 1px;
      background: #ccc;
      transform: translateY(-50%);
    }

    /* ── Dot ── */
    .timeline-dot {
      width: 25px;
      height: 25px;
      border-radius: 50%;
      background: #1d7e01;
      box-shadow: 0 0 0 3px var(--bg-card), 0 0 12px var(--accent-glow);
      flex-shrink: 0;
      position: relative;
      z-index: 1;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .timeline-item:hover .timeline-dot {
      transform: scale(1.3);
      box-shadow: 0 0 0 4px var(--bg-card), 0 0 20px var(--accent-glow);
    }



    .timeline-item:last-child { padding-right: 0; }

    /* ── Year label ── */
    .timeline-year {
      font-family: 'DM Sans', sans-serif;
      font-size: 0.72rem;
      font-weight: 500;
      letter-spacing: 0.08em;
      color: #1d7e01;
      margin-bottom: 4px;
      /* text-transform: uppercase; */
    }

    /* ── Title ── */
    .timeline-title {
      font-family: 'Syne', sans-serif;
      font-size: 1.25rem;
      font-weight: 700;
      color: #05288f;
      line-height: 1.2;
      margin-bottom: 0;
      letter-spacing: -0.01em;
    }

    /* ── Body text ── */
    .timeline-body {
      font-size: 0.84rem;
      color: var(--text-muted);
      line-height: 1.65;
      font-weight: 300;
      margin-bottom: 22px;
    }

    /* ── Image card ── */
    .timeline-img-wrap {
      border-radius: 14px;
      overflow: hidden;
      position: relative;
      aspect-ratio: 4/3;
      background: #0f1420;
    }

    .timeline-img-wrap img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      /* filter: grayscale(100%) brightness(0.85); */
      transition: filter 0.5s ease, transform 0.5s ease;
      display: block;
    }

    .timeline-item:hover .timeline-img-wrap img {
      filter: grayscale(60%) brightness(1);
      transform: scale(1.04);
    }

    /* ── Fade-in animation on load ── */
    .timeline-item {
      opacity: 0;
      transform: translateY(22px);
      animation: fadeUp 0.55s ease forwards;
    }

    .timeline-item:nth-child(1) { animation-delay: 0.05s; }
    .timeline-item:nth-child(2) { animation-delay: 0.18s; }
    .timeline-item:nth-child(3) { animation-delay: 0.31s; }
    .timeline-item:nth-child(4) { animation-delay: 0.44s; }

    @keyframes fadeUp {
      to { opacity: 1; transform: translateY(0); }
    }

/*     ── Responsive ──
    @media (max-width: 991px) {
      .timeline-section { padding: 36px 28px; }
      .timeline-item { padding-right: 0; margin-bottom: 36px; }
      .timeline-connector::before { display: none; }
      .timeline-connector { justify-content: flex-start; }
    } */
    
    #goalcard .card{
    
        border: 1px solid #ffffff;
        border-radius: 0px 20px 0px 20px;
        background: #f2f5ff;
        
      padding:30px;
    }
    
    #goalcard .card-body{
    
       padding:0px;
    }
    
    #goalcard img{
    
    	 border-radius: 0px 20px 0px 20px;
    	 width: 150px;
    }
    
  /* ── Section wrapper ── */
  
   /* ── Stat number — outlined style ── */
    .stat-number {
     
      font-size:60px;
      font-weight: 800;
      line-height: 1;
      margin-bottom: 14px;

      /* outlined / stroke effect */
      color: transparent;
      -webkit-text-stroke: 1px #000;
      paint-order: stroke fill;

      /* subtle gradient on the stroke via background-clip trick */
      background: linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);
      -webkit-background-clip: text;
      background-clip: text;

      /* keep outline visible above fill */
      -webkit-text-fill-color: transparent;

      /* re-apply stroke on top (layered shadow trick for cross-browser) */
      filter: drop-shadow(0 0 0px transparent);

      letter-spacing: -0.02em;
      transition: transform 0.3s ease;
    }

    /* Cross-browser outlined text using text-shadow strokes */
    .stat-number {
      color: #1d7e01;
      background: none;
      -webkit-background-clip: unset;
      background-clip: unset;
      -webkit-text-fill-color: unset;
      -webkit-text-stroke: 1px #a4a2a2;
      color: transparent;
    }
    
    
    .home-goal-head{
    font-size:200px;
    	 color: transparent;
      -webkit-text-stroke: 1px #8bc34a;
      paint-order: stroke fill;
      margin-bottom:93px;
    
    }
    
    @media (max-width: 520px){
    
    .home-goal-head{
    
    	 margin-bottom: 63px;
    	 font-size: 100px;
    }
    
    }
    
 @media (min-width: 992px) and (max-width: 1199px) {
    .home-goal-head {
        margin-bottom: 93px;
        font-size: 150px;
    }
}
    

    .stat-item:hover .stat-number {
      transform: translateY(-3px);
    }

    /* ── Label ── */
    .stat-label {
      font-family: 'Outfit', sans-serif;
      font-size: 1.05rem;
      font-weight: 600;
      color: #05288f;
      margin-bottom: 8px;
      letter-spacing: -0.01em;
    }

    /* ── Description ── */
    .stat-desc {
      font-size: 0.875rem;
      color: var(--text-body);
      line-height: 1.6;
      font-weight: 400;
      
    }

    /* ── Divider between columns ── */
    .stat-item {
  
      opacity: 0;
      transform: translateY(18px);
      animation: fadeUp 0.5s ease forwards;
      
    }

    .stat-item:nth-child(1) { animation-delay: 0.05s; }
    .stat-item:nth-child(2) { animation-delay: 0.15s; }
    .stat-item:nth-child(3) { animation-delay: 0.25s; }
    .stat-item:nth-child(4) { animation-delay: 0.35s; }

    /* vertical divider after each item except last */
   /*  .stat-item:not(:last-child)::after {
      content: '';
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      width: 1px;
      background: #1d7e01;
    } */

    /* first item no left padding on large screens */
    .stat-item:first-child { padding-left: 0; }
    .stat-item:last-child  { padding-right: 0; }

    /* ── Counter animation ── */
    @keyframes fadeUp {
      to { opacity: 1; transform: translateY(0); }
    }

    /* ── Responsive ── */
    @media (max-width: 991px) {
      .stat-item {
        padding: 24px 0;
        border-bottom: 1px solid var(--divider);
      }
      .stat-item:not(:last-child)::after { display: none; }
      .stat-item:last-child { border-bottom: none; }
      .stat-desc { max-width: 100%; }
    }