html {
    scroll-behavior: smooth;
}

body {
    padding: 0;
    margin: 0;
    font-family: "Work Sans" !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Work Sans" !important;
    color: #001522;
}

.main-title {
    font-size: 42px;
    margin-bottom: 20px;
    font-weight: 700;
}

.green {
    color: #040f2d;
}

p {
    font-family: "Work Sans" !important;
    color: #001522;
    font-size: 16px;
}

a {
    font-family: "Work Sans" !important;
    color: #040f2d;
    font-size: 16px;
}

.white-color {
    color: #fff !important;
}

.pb-btn-box {
    text-align: center;
    padding: 40px 0 20px 0;
}

.btn {
    color: #fff;
    border-radius: 3px;
    padding: 6px 15px;
    height: 50px;
    line-height: 30px;
    text-align: center;
}

.know-more {
    position: relative;
    padding-right: 40px;
}

.know-more:after {
    content: '\f11e';
    font-family: 'uicons-solid-straight';
    position: absolute;
    margin-left: 5px;
    font-size: 30px;
}

.btn-primary {
    background-color: #040f2d;
    border: 2px solid #040f2d;
}

.btn-primary:hover {
    background-color: #0071c2;
    border: 2px solid #0071c2;
    color: #fff;
}

.btn-secondary {
    background-color: #0071c2;
    border: 2px solid #0071c2;
}

.btn-secondary:hover {
    background-color: transparent;
    border: 2px solid #0071c2;
    color: #0071c2;
}

.main-section {
    padding: 60px 0;
}

ul.navbar-nav .nav-item .nav-link {
    color: #001522 !important;
}

ul.navbar-nav .nav-item .nav-link:hover {
    color: #040f2d !important;
}

ul.navbar-nav .nav-item.active .nav-link {
    color: #040f2d !important;
}

ul.navbar-nav .dropdown-menu {
    padding: 0;
}

ul.navbar-nav .dropdown-menu .dropdown-divider {
    margin: 0;
}

ul.navbar-nav .dropdown-menu .dropdown-item {
    padding: 10px 15px;
}

ul.navbar-nav .dropdown-menu .dropdown-item.active,
ul.navbar-nav .dropdown-menu .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #040f2d;
}

ul.navbar-nav .dropdown-menu .dropdown-item:hover,
ul.navbar-nav .dropdown-menu .dropdown-item:focus {
    color: #fff;
    text-decoration: none;
    background-color: #040f2d;
}

.radio-group {
    text-align: center;
    margin: 30px 0 20px 0 !important;
}

.radio-group .radio-btn {
    display: inline-block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 15px;
}

.radio-group .radio-btn input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.radio-group .radio-btn .checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 18px;
    width: 18px;
    border: 2px solid #001522;
    border-radius: 50%
}

.radio-group .radio-btn:hover input~.checkmark {
    border: 2px solid #040f2d;
}

.radio-group .radio-btn input:checked~.checkmark {
    background-color: #fff;
    border: 2px solid #040f2d;
}

.radio-group .radio-btn .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.radio-group .radio-btn input:checked~.checkmark:after {
    display: block;
}

.radio-group .radio-btn .checkmark:after {
    top: 3px;
    left: 3px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #040f2d;
}

.login-model .model-img img {
    width: 100%
}

.login-model .modal-dialog {
    max-width: 900px;
    margin: 30px auto;
}

.login-model .modal-title {
    text-transform: uppercase;
    color: #040f2d;
    font-size: 24px;
}

.login-model a.forgot-password {
    display: block;
    text-align: right;
    margin: 15px 0 30px 0;
    color: #001522;
    text-decoration: none;
}

.login-model a.forgot-password:hover {
    color: #040f2d;
}

.login-model .modal-body {
    padding: 30px 20px;
}

.login-model .modal-header {
    padding: 25px 20px;
}

.login-model .modal-header button.close {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 2px solid #040f2d;
    border-radius: 100%;
    text-align: center;
    line-height: 30px;
    padding: 0 !important;
    color: #040f2d;
    opacity: 1;
    margin: 0 !important;
    outline: none;
}

.video-model .model-video video {
    width: 100%;
    padding: 7px 7px 0 7px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 20px 20px 20px 20px;
}

.video-model .modal-dialog {
    max-width: 850px;
    margin: 50px auto;
}

.video-model .modal-title {
    text-transform: uppercase;
    color: #040f2d;
    font-size: 24px;
}

.video-model .modal-body {
    padding: 0;
}

.video-model .modal-content {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}

.video-model .modal-header {
    padding: 15px;
    position: absolute;
    top: -5px;
    right: -5px;
    width: 100%;
    height: 70px;
    z-index: 9999;
    border: none;
    overflow: hidden;
}

.video-model .modal-header button.close {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 2px solid #040f2d;
    border-radius: 100%;
    text-align: center;
    line-height: 30px;
    padding: 0 !important;
    color: #040f2d;
    opacity: 1;
    margin: 0 0 0 auto !important;
    outline: none;
}

.video-btn {
    position: absolute;
    width: 100px;
    height: 100px;
    left: 40%;
    top: 160px;
    border-radius: 100%;
    z-index: 999;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.video-btn:after {
    content: '';
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 90px;
    height: 90px;
    background-color: #040f2d;
    border-radius: 50%;
    z-index: -1;
    -webkit-animation: pulse-border 1500ms ease-out infinite;
    animation: pulse-border 1500ms ease-out infinite;
}

.video-btn:hover {
    background-color: #040f2d;
    color: #fff;
}

.video-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.video-btn i {
    font-size: 52px;
    line-height: 86px;
    margin-left: 15px;
}

@-webkit-keyframes ripple {
    0% {
        opacity: 1;
        -webkit-transform: scale3d(0.75, 0.75, 1);
        transform: scale3d(0.75, 0.75, 1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(1.5, 1.5, 1);
        transform: scale3d(1.5, 1.5, 1);
    }
}

@keyframes ripple {
    0% {
        opacity: 1;
        -webkit-transform: scale3d(0.75, 0.75, 1);
        transform: scale3d(0.75, 0.75, 1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(1.5, 1.5, 1);
        transform: scale3d(1.5, 1.5, 1);
    }
}

@-webkit-keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

@keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

.bottom-scroller.active .scroller {
    background-color: #040f2d;
    display: block;
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 50px;
    border-radius: 5px;
    position: fixed;
    right: 20px;
    bottom: 30px;
    text-decoration: none;
}

.bottom-scroller.active .scroller:hover {
    background-color: #4f9401;
}

i.fi-ss-paper-plane {
    margin-left: 3px;
    vertical-align: middle;
    font-size: 14px;
}

.home-slider {
    background-image: url(../images/banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 400px;
    height: 520px;
    position: relative;
    background-image: linear-gradient(to bottom, rgba(255, 0, 0, 0), rgb(65 129 180));
}

.home-slider .banner-text {
    padding: 80px 0;
}

.home-slider .banner-text .banner-title {
    font-weight: 700;
    line-height: 58px;
}

.home-slider .banner-text .banner-title .green {
    display: block;
}

.home-slider .banner-text a.btn.btn-primary {
    margin-top: 30px;
    z-index: 9999;
}

.home-slider .banner-text i {
    font-size: 30px;
    vertical-align: middle;
}

.main-header {
    /*background-color: rgb(255, 255, 255);*/
    padding: 10px;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    -webkit-transition: 0.3s ease-in-out 0s all;
    transition: 0.3s ease-in-out 0s all;
    z-index: 9999;
}

.main-header ul.navbar-nav {
    margin: auto;
}

.main-header ul.navbar-nav a.nav-link {
    padding: 27px 15px !important;
}

.main-header img {
    width: 48%;
	    filter: drop-shadow(0px 4px 6px #bbb);
}

.main-header .login-btn {
    text-transform: uppercase;
    width: 130px;
    font-size: 18px;
    line-height: 34px;
    margin-top: 17px;
}

.main-header .login-btn i {
    margin-left: 5px;
    vertical-align: middle;
}

.main-header.stickyhead {
    background-color: #fff;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    -webkit-transition: 0.3s ease-in-out 0s all;
    transition: 0.3s ease-in-out 0s all;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
    z-index: 99999;
}

.main-header.stickyhead .logo img {
    width: 56px;
}

.main-header.stickyhead .login-btn {
    text-transform: uppercase;
    width: 130px;
    font-size: 18px;
    line-height: 25px;
    padding: 5px;
    height: 40px;
}

.header-menu nav.navbar {
    padding: 0;
}

.owl-dot span {
    width: 25px !important;
    height: 4px !important;
    margin: 5px 3px !important;
}

.owl-dot.active span {
    background: #040f2d !important;
    outline: none;
}

.owl-dot.active .owl-dot:hover span {
    background: #040f2d !important;
    outline: none;
}

.home-about .about-image {
    text-align: center;
}

.home-about .about-image img {
    /*width: 70%;*/
    margin-top: 13%;
}

.home-service {
    background-image: url(../images/line-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 600px;
}

.home-service .service-box {
    background-color: #9dbed8;
    position: relative;
    border-radius: 3px;
    padding-top: 65px;
    margin: 85px 10px 0 10px;
}

.home-service .service-box .icon {
    position: absolute;
    z-index: 9999;
    background-color: #9dbed8;
    width: 150px;
    height: 150px;
    border-radius: 100%;
    padding: 10px;
    overflow: hidden;
    border: 5px solid #fff;
    text-align: center;
    top: -75px;
    left: 28%
}

.home-service .service-box .icon img {
    width: 90px !important;
    text-align: center;
    margin: 12px auto;
}

.home-service .service-box .text {
    text-align: center;
    padding: 25px 15px 20px 15px;
}

.home-service .service-box .text .green {
    font-size: 24px;
}

.home-service .service-box .text p {
    font-size: 18px;
    margin-bottom: 25px;
    min-height: 135px;
}

.home-SIP-graph .main-title {
    font-size: 28px;
}

.home-SIP-graph .main-title span.green {
    display: block;
}

.home-SIP-graph .SIP-image {
    overflow: hidden;
}

.home-SIP-graph .SIP-image img {
    width: 100%;
    margin: 0px auto;
    display: block;
}

.boxes-main {
    position: relative;
}

.boxes-main .why-box {
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
    width: 230px;
    height: 190px;
    -webkit-box-shadow: 1px 2px 5px 3px rgba(0, 0, 0, 0.06);
    box-shadow: 1px 2px 5px 3px rgba(0, 0, 0, 0.06);
    display: inline-block;
    position: absolute;
}

.boxes-main .why-box .box-text .number {
    display: inline-block;
    width: 45px;
    height: 45px;
    vertical-align: top;
}

.boxes-main .why-box .box-text .number img {
    width: 45px;
}

.boxes-main .why-box .box-text .number i {
    width: 45px;
    position: absolute;
    z-index: 99;
    left: 25px;
    top: 10px;
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    color: #040f2d;
}

.boxes-main .why-box .box-text h3 {
    display: inline-block;
    width: calc(100% - 51px);
}

.boxes-main .why-box.box1 {
    top: 60px;
}

.boxes-main .why-box.box2 {
    left: 250px;
    top: 10px;
}

.boxes-main .why-box.box3 {
    left: 250px;
    top: 220px;
}

.boxes-main .why-box.box4 {
    left: 0px;
    top: 270px;
}

.home-investor-education {
    background-image: url(../images/line-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 600px;
}

.home-investor-education .main-title {
    margin-bottom: 35px;
}

.home-investor-education .education-accordian .ui-accordion-header.ui-state-default {
    height: 50px;
    background-color: #c7dae9;
    position: relative;
    color: #001522;
    border-radius: 2px;
    border-color: #c7dae9;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 5px;
}

.home-investor-education .education-accordian .ui-accordion-header.ui-state-default:after {
    content: "\f1e9";
    position: absolute;
    font-family: uicons-solid-straight;
    right: 15px;
    top: 10px;
    color: #001522;
}

.home-investor-education .education-accordian .ui-accordion-header.ui-state-active {
    background-color: #040f2d;
    color: #fff;
    height: 50px;
    border-radius: 2px;
    border-color: #040f2d;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 0;
}

.home-investor-education .education-accordian .ui-accordion-header.ui-state-active:after {
    content: "\f1ce";
    position: absolute;
    font-family: uicons-solid-straight;
    right: 15px;
    top: 10px;
    color: #fff;
}

.home-investor-education .education-accordian .ui-accordion-header.ui-state-active.ui-state-focus {
    outline: none;
}

.home-investor-education .education-accordian .ui-accordion-content {
    padding: 15px;
    background-color: #c7dae9;
    border-color: #c7dae9;
    margin-bottom: 10px;
}

.home-investor-education .video-part {
    border-radius: 15px;
    background-color: #040f2d;
    position: relative;
    text-align: center;
}

.home-investor-education .video-part:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    z-index: 99;
}

.home-investor-education .video-part img {
    width: 90%
}

.home-investor-education .video-part .bg-shadow:after {
    content: "";
    background-color: #040f2d3d;
    position: absolute;
    right: -12px;
    top: 12px;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    z-index: -1;
}

.home-testimonials {
    background-color: #ffe9ec;
    background-image: url(../images/money-drop.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
}

.home-testimonials #home_testimonials {
    margin: 40px auto 10px auto;
}

.home-testimonials #home_testimonials .investor-info .img {
    border-radius: 10px;
    overflow: hidden;
}

.home-testimonials #home_testimonials .investor-info .name h5 {
    /*text-align: center;*/
    color: #040f2d;
    margin-bottom: 0px;
    font-size: 18px;
}

.home-testimonials #home_testimonials .investor-info .name p {
    text-align: center;
    color: #001522;
    margin-bottom: 0px;
    font-size: 14px;
}

.home-testimonials .test-img-section {
    overflow: hidden;
}

.home-testimonials .test-img-section img {
    width: 100%
}

.form-custom .form-group {
    margin-bottom: 5px;
}

.form-custom .form-group input.form-control {
    background-color: #d6d9d3;
    height: 40px;
}

.form-custom .form-group textarea.form-control {
    background-color: #d6d9d3;
    height: 60px;
}

.form-custom .form-group .btn.btn-primary {
    width: 100%;
    height: 40px;
}

#captcha {
    width: calc(100% - 160px);
    display: inline-block;
}

#fcaptcha {
    width: calc(100% - 160px);
    display: inline-block;
}

#wcaptcha {
    width: calc(100% - 160px);
    display: inline-block;
}

#captcha_code {
    height: 40px !important;
}

.btnRefresh {
    height: 40px !important;
}

.main-footer {
    position: relative;
    padding-top: 100px;
    margin-top: 100px;
}

.main-footer .top-info {
    background-color: #040f2d;
    padding: 30px 20px 10px 20px;
    border-radius: 15px;
    color: #fff;
    margin-top: -170px;
    margin-bottom: 50px;
}

.main-footer .top-info .info-items {
    color: #fff;
    font-size: 22px;
    padding-left: 30px;
    position: relative;
    text-align: center;
}

.main-footer .top-info .info-items i {
    /*position: absolute;*/
    /*left: 0px;*/
    top: 5px;
}

.main-footer .footer-bars .logo img {
    width: 180px;
    margin-bottom: 15px;
}

.main-footer .footer-bars ul {
    padding-left: 10px;
    list-style-type: none;
}

.main-footer .footer-bars ul li a {
    color: #001522;
    text-decoration: none;
    margin-bottom: 5px;
    display: block;
}

.main-footer .footer-bars ul li a:hover {
    color: #040f2d;
}

.main-footer .footer-bars .foot-title {
    color: #040f2d;
    margin-bottom: 25px;
}

.main-footer .footer-bottom {
    padding: 40px 0 25px 0;
    margin-top: 40px;
    border-top: 1px solid #001522;
}

.main-footer .footer-bottom .social-media {
    text-align: right;
}

.main-footer .footer-bottom .social-media a.items {
    background-color: #001522;
    width: 32px;
    height: 32px;
    display: inline-block;
    color: #ffe9ec;
    border-radius: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 32px;
}

.main-footer .footer-bottom .social-media a.items:hover {
    background-color: #040f2d;
}

.home-partner-section .partner-logos img {
    /*-webkit-filter: grayscale(1);*/
    /*filter: grayscale(1);*/
}

.home-partner-section .item {
    margin: 20px;
}

.financial-tools .boxes-main {
    display: flex;
}

.financial-tools .boxes-main .tool-box {
    width: calc(20% - 20px);
    text-align: center;
    background-color: #fff;
    border-radius: 10px;
    padding: 10px;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    margin: 0 10px;
    transition: all 0.2s ease-in-out;
}

.financial-tools .boxes-main .tool-box:hover {
    transition: all 0.2s ease-in-out;
    background-color: #040f2d;
}

.financial-tools .boxes-main .tool-box .icon i::before {
    font-size: 60px;
    color: #040f2d;
}

.financial-tools .boxes-main .tool-box:hover .icon i::before {
    color: #fff;
}

.financial-tools .boxes-main .tool-box a {
    font-size: 22px;
    text-decoration: none;
    color: #000;
}

.financial-tools .boxes-main .tool-box:hover a {
    color: #fff;
}

.news .nav.nav-tabs {
    text-align: center;
    margin: 0 auto;
    display: block;
}

.news .nav-tabs .nav-item {
    text-align: center;
    display: inline-block;
    width: 49%;
}

.news .nav-tabs .nav-item .nav-link {
    background-color: #d7efe0;
    height: 50px;
    line-height: 28px;
    font-size: 20px;
}

.news .nav-tabs .nav-item .nav-link.active {
    background-color: #040f2d !important;
    color: #fff;
}

.news .tab-content {
    padding: 25px 20px;
    background-color: #fff;
}

.inner-banner {
    background-image: url(../images/banner-inn.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 300px;
    position: relative;
    background-image: linear-gradient(to right, rgba(255, 0, 0, 0), rgba(255, 0, 0, 1));
}

.inner-banner .banner-text {
    position: absolute;
    bottom: 76px;
}

.inner-banner .banner-text h2 {
    font-size: 36px;
    font-weight: 700;
    color: #040f2d;
}

.contact-info .infobar {
    position: relative;
    margin-bottom: 45px;
}

.contact-info .infobar i {
    font-size: 24px;
    color: #fff;
    background-color: #33bd70;
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    text-align: center;
    line-height: 48px;
}

.contact-info .infobar .fi-ss-marker {
    line-height: 58px !important;
}

.contact-info .infobar b {
    font-size: 20px;
    color: #040f2d;
    padding-left: 5px;
    display: inline-block;
    vertical-align: text-bottom;
}

.contact-info .infobar span {
    left: 60px;
    position: absolute;
}

.about-main {
    padding: 80px 0 0 0;
}

.tabs-part {
    border: none !important;
}

.tabs-part .ui-tabs-nav {
    background: transparent;
    border: none;
}

.tabs-part .ui-tabs-nav .ui-tabs-tab {
    width: calc(25% - 4px);
    padding: 0;
    text-align: center;
    border: 1px solid #e0f1e7;
    background-color: #e0f1e7;
}

.tabs-part .ui-tabs-nav .ui-tabs-tab:hover {
    border: 1px solid #040f2d;
    background-color: #040f2d;
}

.tabs-part .ui-tabs-nav .ui-tabs-tab:hover .ui-tabs-anchor {
    color: #fff !important;
}

.tabs-part .ui-tabs-nav .ui-tabs-tab.ui-tabs-active {
    color: #fff;
    border: 1px solid #040f2d;
    background-color: #040f2d;
}

.tabs-part .ui-tabs-nav .ui-tabs-tab .ui-tabs-anchor {
    float: none;
    padding: 15px 10px;
    text-decoration: none;
    display: block;
    font-size: 18px;
    text-transform: uppercase;
}

.greenbar {
    background-color: #040f2d;
    padding: 10px;
    color: #fff;
    font-size: 24px;
    margin-top: 30px;
}

.content-card {
    background-color: #fff;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    min-height: 215px;
}

.team {
    background-color: #fff;
    border-radius: 10px;
    position: relative;
}

.team img {
    width: 100%;
    border-radius: 10px;
}

.team .text {
    background-color: rgba(7, 175, 80, 0.7);
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 5px 10px;
    border-radius: 0 0 10px 10px;
}

.team .text h4 {
    color: #fff;
    margin-bottom: 0;
}

.team .text p {
    color: #fff;
    margin-bottom: 0;
}

.team .text a {
    color: #040f2d;
    background-color: #fff;
    padding: 5px;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    line-height: 30px;
    text-decoration: none;
    text-align: center;
}

.team-modal .modal-dialog {
    max-width: 700px;
}

.team-modal .modal-header {
    display: block;
}

.team-modal .modal-title {
    display: block;
    width: 100%;
}

.team-modal .close {
    position: absolute;
    top: 25px;
    right: 25px;
    color: #040f2d;
    opacity: 1;
    box-shadow: none;
    font-weight: 500;
    font-size: 30px;
    border: 2px solid;
    border-radius: 100%;
    width: 45px;
    height: 45px;
    line-height: 10px;
    text-align: center;
    padding: 5px !important;
}

.founder-section .text {
    min-height: 60px;
}

.fund-performance {
    /*padding: 40px 0;*/
}

.financial-tools.mf-page .tool-box {
    width: calc(25% - 20px) !important;
}

.mf-calculator .mf-calculators {
    display: inline-block;
    width: 12%;
    min-height: 100px;
    background-color: #fff;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    border-radius: 5px;
    padding: 10px;
    margin: 10px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
}

.financial-service-tools.mf-calculator .mf-calculators {
    width: 14.4%;
}

.mf-calculator .mf-calculators:hover {
    background-color: #040f2d;
}

.mf-calculator .mf-calculators i {
    font-size: 30px;
}

.mf-calculator .mf-calculators:hover i {
    color: #fff;
}

.mf-calculator .mf-calculators span {
    display: block;
}

.mf-calculator .mf-calculators:hover span {
    color: #fff;
}

.insurance-main ul.nav.nav-pills li {
    display: inline-block;
}

.insurance-main ul.nav.nav-pills li a {
    background-color: #d7efe0;
    text-decoration: none;
    padding: 15px;
    text-align: center;
    border-radius: 5px;
    display: block;
    margin: 0 2px;
}

.insurance-main ul.nav.nav-pills li a.active {
    background-color: #040f2d;
    color: #fff;
}

.radio-group .input-in {
    display: inline-block;
}

.TabbedPanelsTabGroup {
    background-color: #d7efe0 !important;
}

.TabbedPanelsTab {
    padding: 15px 30px !important;
    width: 20% !important;
    color: #040f2d !important;
    font-size: 18px !important;
}

.TabbedPanelsTabSelected {
    background: #040f2d !important;
    color: #fff !important;
}

.tab.pay-premium img {
    width: 120px !important;
    margin: 20px 0;
}

.buy_mf p {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 30px;
}

.blog-post-main .post-card {
    padding: 0;
    overflow: hidden;
    position: relative;
    margin-bottom: 25px;
}

.blog-post-main .post-card .time {
    position: absolute;
    top: 133px;
    left: 10px;
}

.blog-post-main .post-card .time a {
    height: 30px;
    border-radius: 40px;
    line-height: 10px;
    color: #fff !important;
    font-size: 12px;
    padding: 8px 10px;
}

.btn.btn-primary.ripple-surface {
    min-width: 188px;
    height: auto;
}

.btn-primary span {
    position: relative;
    z-index: 9;
    left: 0;
    right: 0;
}

.blog-post-main .post-card .info {
    padding: 25px 15px 15px;
}

.blog-post-main .post-card .info h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    max-height: 70px;
}

.blog-post-main .post-card .info .text-truncate {
    overflow: auto;
    text-overflow: inherit;
    white-space: inherit;
    width: 100%;
    /*max-height: 30px;*/
}

.main-section p,
.main-section ul li {
    text-align: justify;
}

.blog-post-main .post-card .btn-primary.post_link {
    display: inline-block;
    width: 150px;
    border-radius: 30px;
    padding: 8px;
    line-height: 22px;
    height: auto;
    margin: 0px 0 25px 10px;
    background-color: #f6831a;
    border: 2px solid #f6831a;
}

.btn-primary span {
    position: relative;
    z-index: 9;
    left: 0;
    right: 0;
}

.box-heading {
    background: #040f2d;
    color: white;
    padding: 11px 0px;
    position: relative;
    /*z-index: 99999;*/
    margin-bottom: 0px;
    text-align: center;
    font-size: 18px;
    border-radius: 10px 10px 0px 0px;
}

.content .box {
    padding: 15px 15px;
    min-height: 285px;
}

.box {
    background: #f5f5f5;
}

.grayBox {
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 99999999;
    -moz-opacity: 0.7;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.box_content {
    background-color: #FFFFFF;
    border: 2px solid #dddddd;
    left: 35%;
    overflow: hidden;
    padding: 15px;
    position: fixed;
    top: 25%;
    width: 430px;
    z-index: 999999999;
    height: 240px;
}

.imgs {
    top: 0;
    right: 0px;
    position: absolute;
    font-size: 20px;
    color: white;
    font-weight: bold;
    width: 30px;
    height: 30px;
    background: red;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
}

#exampleModal {
    z-index: 999999999999999999;
}

.main-section .tab-content .tab-pane p span,
.main-section .tab-content .tab-pane ul li span {
    font-size: 14px !important;
}

.main-section .tab-content div span {
    font-size: 16px !important;
}

.app-box {
    padding: 20px;
    text-align: center;
}

canvas {
    position: absolute;
    top: 0;
}

.main-section.home-SIP-graph h4,
.main-section.home-SIP-graph h4 div {
    font-size: 22px;
    color: #000 !important;
}

.main-section.home-testimonials {
    display: none;
}


/* TICKER */

.ticker-area .tickers {
    padding: 0;
    list-style-type: none;
    display: flex;
    justify-content: space-around;
    position: relative;
}

.tickers .ticker_item {
    position: relative;
    box-shadow: 0 1px 4px 1px rgb(37 46 40 / 11%);
    background-color: #fff;
    border-radius: 8px;
    width: 100%;
    padding: 8px 10px;
    margin: 0 5px;
}


/*.tickers .ticker_item:nth-child(3) {
    position: absolute;
    left: 0;
    width: 25%;
}
.tickers .ticker_item:nth-child(5) {
    position: absolute;
    left: 26%;
    width: 25%;
}
.tickers .ticker_item:nth-child(4), .tickers .ticker_item:nth-child(6), .tickers .ticker_item:nth-child(7), .tickers .ticker_item:nth-child(8) {
    display: none;
}*/

.tickers .ticker_item .name {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    letter-spacing: 1px;
}

.tickers .ticker_item .price {
    display: block;
    font-size: 15px;
    padding-top: 5px;
    line-height: 18px;
}

.tickers .ticker_item .difference_percent {
    position: relative;
    color: #39b559;
    display: block;
    line-height: 18px;
    font-size: 12px;
    font-weight: 500;
}

.tickers .ticker_item .difference_percent::after {
    content: "\f262";
    position: absolute;
    font-family: Ionicons;
    font-size: 18px;
    bottom: 1px;
    right: -5px;
}

.tickers .ticker_item .difference_percent.negative {
    color: #d33f3f;
}

.tickers .ticker_item .difference_percent.negative::after {
    content: "\f25f";
}


/*DARK BOX*/


/*.tickers .ticker_item {
background-color: #24252ad9;
}
.tickers .ticker_item .name {
color: #fff;
}
.tickers .ticker_item .price {
color: #fff;
}
.tickers .ticker_item .difference_percent {
color: #3cbd5d;
}
.tickers .ticker_item .difference_percent.negative {
color: #f95959;
}*/


/* TICKER */

.flat-market-watch {
    padding: 70px 0;
}

.fund-performance {
    /*margin: 30px 0 0 0;*/
}

.news {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 2px 2px 2px 3px rgb(17 150 211 / 19%);
}

.news .rsshead {
    font-size: 18px;
    font-weight: 600;
    margin-top: 30px;
}

.news br {
    display: none;
}

.news .rssdate {
    color: #1196d3;
}

.news .nav.nav-pills {
    display: inline-block;
    width: 40%;
}

.news .nav.nav-pills li {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    margin-bottom: 1px;
}

.news .nav.nav-pills li a {
    height: 100%;
    border-radius: 0;
    line-height: 54px;
    font-size: 17px;
    background-color: #e6eff3;
    padding: 12px 15px;
    width: 100%;
    display: block;
    color: #000;
}

.news .nav.nav-pills li a.active {
    background-color: #040f2d;
}

.news .nav.nav-pills li:first-child a {
    border-radius: 8px 0 0 0;
}

.news .nav.nav-pills li:last-child a {
    border-radius: 0 0 0 8px;
    margin-bottom: -8px;
}

.news .tab-content {
    display: inline-block;
    width: 59%;
    vertical-align: top;
    padding: 0 20px;
    position: relative;
}


/* .news .tab-content::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
} */

.titleBar {
    background-color: #040f2d;
    padding: 15px;
    color: #fff;
    border-radius: 8px 8px 0 0;
}

.nse-bse {
    overflow: hidden;
    border-radius: 0 0 8px 8px;
}

.rss img {
    display: none;
}

.about_ul {
    padding-left: 0;
    margin-left: 0;
}

.about_ul li {
    display: inline-block;
    border: 1px solid #040f2d57;
    border-radius: 2px;
    margin-right: 10px;
}

#commitment img {
    height: 380px;
    width: 327px;
    margin-bottom: 20px;
}

#history img {
    height: 380px;
    width: 327px;
    margin-bottom: 20px;
}

.cal-name {
    background: #040f2d !important;
}

@media only screen and (max-width: 900px) {
    .Going-up-rafiki {
        display: none !important;
    }
    .ticker-area .tickers {
        display: block;
    }
    .boxes-main .why-box {
        width: 100%;
        left: 0 !important;
        height: auto;
        top: 0 !important;
        position: inherit;
    }
    .news .nav.nav-pills {
        width: min-content;
    }
    .home-slider .banner-text {
        padding: 101px 0;
    }
    .main-section.home-SIP-graph h4,
    .main-section.home-SIP-graph h4 div {
        font-size: 10px;
    }
    .news .nav.nav-pills li a {
        line-height: 23px;
        font-size: 13px;
    }
    .boxes-main .why-box .box-text h3 {
        font-size: 17px;
    }
    #sip_amount,
    #sip_year,
    #percentage {
        margin-left: 10px !important;
    }
    .home-SIP-graph tr:first-child td:last-child {
        padding-left: 7px !important;
    }
}