/* Old Starts */

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



.login-button a{
  
    color:#fff !important;
}


.login-button:hover a{
  
    color:#F98D06 !important;
}

.btn-block{
	
	
	background:#fefd01;
	color:#000;
	border:#fefd01;
	
}

.btn-block:hover{
    
    background:#fff;
    color:#000;
    border:#fefd01;	
}


.btnnew:hover {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    background-color: #fff !important;
    border:1px solid #F98D06 !important;
    color: #F98D06 !important;
}
.flip-card-back {
    background-color:#ECF3FD;
    transform: rotateY(180deg);
    padding: 35px;
    border-radius: 15px;
    border: 1px solid #DEDFE2;
    border-style: dashed;
}

.figcaption{
	color:#000 !important;
}

#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;
    padding: 5% 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-bottom: 0;
    border-top: 0;
    border-left: 0;
    border-right: 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;
    }
}



@media only screen and (max-width: 991px) {
  .dataTables_length {
     margin-bottom:24px !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: #fff;
    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: #161515;
    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: 15px;
    font-weight: 400;
    line-height: 22px;
    color: #161515;
}

.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: 15px;
    line-height: 22px;
    color: #161515;
}

.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: #161515;
    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-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: #161515;
}

.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: #F98D06 ;
}

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

.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: #161515;
}

.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:#EFF5FF;
    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: #161515;
}

.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: #161515;
    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: #161515;
}

.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: 15px;
  padding-bottom: 15px;
  text-align: left;
  background-color: #003bc9;
  z-index: 1;
  color:#fff;
}
.page-title-area .active{
	color:#FFFF0A;
}

@media (min-width: 320px) and (max-width: 576px) {
    .page-title-area {
		position: relative;
		overflow: hidden;
		z-index: 1;
		padding-top: 0px;
		margin-top:2px;
		/* padding-bottom: 15px; */
		text-align: left;
		background-color: #003bc9;
		z-index: 1;
	}
}
.login-button{
    color: #fff;
    background-color: #F98D06;
    border-color:#F98D06;
}

}