html{
transition: filter .25s ease;
}
html.greyscale-mode{
filter: grayscale(100%);
}
/* Accessibility CSS */
.dropdown-accessibility{
position:relative;
}
.accessibility-dropdown{
position:absolute;
top:52px;
right:0;
width:530px;
background:#fff;
border:1px solid #ddd;
border-radius:16px;
box-shadow:0 10px 30px rgba(0,0,0,.18);
display:none;
z-index:9999;
}
.accessibility-dropdown.show{
display:block;
}
.accessibility-header{
display:flex;
justify-content:space-between;
align-items:center;
padding:14px 18px;
border-bottom:1px solid #ddd;
}
.accessibility-title{
margin:0;
font-size:18px;
font-weight:600;
}
.accessibility-body{
padding:16px;
max-height:480px;
overflow-y:auto;
}
.acc-card{
width:100%;
height:118px;
border:1px solid #222;
border-radius:14px;
background:#fff;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
gap:10px;
transition:.25s;
}
.acc-card:hover{
border-color:#0d6efd;
}
.acc-card.active{
border:2px solid #0d6efd;
box-shadow:0 0 0 3px rgba(13,110,253,.15);
}
.acc-card i{
font-size:28px;
}
.acc-card span{
font-size:13px;
text-align:center;
line-height:17px;
}
.no-click{
cursor:default;
}
.font-resizer{
display:flex;
gap:8px;
}
.font-btn{
border:0;
background:none;
font-size:15px;
padding:2px 4px;
}
.font-btn.active{
font-weight:700;
color:#0d6efd;
}
.theme-list{
display:flex;
gap:8px;
margin-top:2px;
}
.theme-dot{
width:14px;
height:14px;
border-radius:50%;
border:2px solid transparent;
}
.theme-dot:focus-visible{
outline:2px solid #0d6efd;
outline-offset:2px;
}
.theme-dot.active{
border-color:#0d6efd;
}
.blue{
background:#b7d6ff;
}
.yellow{
background:#ffe36d;
}
.green{
background:#c4f3ca;
}
.pink{
background:#ffd0d7;
}
.accessibility-footer{
padding:14px 16px;
border-top:1px solid #ddd;
}
.reset-btn{
width:100%;
height:42px;
border-radius:24px;
background:#fff;
border:1px solid #222;
font-weight:500;
}
.reset-btn:hover{
background:#f7f7f7;
}
@media (max-width: 768px) {
.accessibility-dropdown {width: 330px;}
}
/* Color Theme css Starts Here */
/* Blue Theme Starts Here */
html.theme-blue body, html.theme-blue body .testimonials-section, html.theme-blue body .compare-section, html.theme-blue body .hero-wave svg path, html.theme-blue body .products-section, html.theme-blue body .custom-navbar, html.theme-blue body .features-section, html.theme-blue body .et-exchanges, html.theme-blue body .orders-section, html.theme-blue body .hours-section, html.theme-blue body .commodities .brokerage-section, html.theme-blue body .currency-trading .pairs-section, html.theme-blue body .algo-page .advantages-section, html.theme-blue body .algo-page .target-audience-section, html.theme-blue body .algo-page .api-steps-section, html.theme-blue body .algo-page .lang-section, html.theme-blue body .algo-page .algo-cta-section, html.theme-blue body .ipo .ipo-steps, html.theme-blue body .mf-page .mf-why, html.theme-blue body .mf-page .mf-categories, html.theme-blue body .mf-page .mf-invest, html.theme-blue body .mf-page .mf-calculator, html.theme-blue body .gsec .feature-section, html.theme-blue body .gsec .steps-section, html.theme-blue body .gsec .why-section, html.theme-blue body .sgb .feature-section, html.theme-blue body .sgb .benefits-section, html.theme-blue body .etf .feature-section, html.theme-blue body .etf-form, html.theme-blue body .explore-etf, html.theme-blue body .etf-vs-mf, html.theme-blue body .pricing-page .pricing-hero-stats, html.theme-blue body .pricing-page .charges-section, html.theme-blue body .pricing-page .platform-section, html.theme-blue body .pricing-page .open-account-section, html.theme-blue body .pricing-page .start-trading-section, html.theme-blue body .charges-page .top-tab-container, html.theme-blue body .pricing-calculator .top-tab-container, html.theme-blue body .margin-calculator .top-tab-container, html.theme-blue body .calc .calculator-section, html.theme-blue body .knowledge-center .tab-nav, html.theme-blue body .knowledge-center .kc-content, html.theme-blue body .downloads-page .download-options-section, html.theme-blue body .downloads-page .qr-download-section, html.theme-blue body .downloads-page .qr-download-section, html.theme-blue body .downloads-page .web-cta-section, html.theme-blue body .refer-earn .refer-section, html.theme-blue body .refer-earn .how-it-works, html.theme-blue body .refer-earn .why-choose-section, html.theme-blue body .about-us .stats-section, html.theme-blue body .about-us .story-section, html.theme-blue body .about-us .journey-section, html.theme-blue body .about-us .contact-section, html.theme-blue body .careers .benefits, html.theme-blue body .careers .jobs, html.theme-blue body .support .support-section, html.theme-blue body .benefits-section, html.theme-blue .contact .contact-info, html.theme-blue .contact .contact-form, html.theme-blue .fund-transfer .tab-nav, html.theme-blue .fund-transfer .fund-content, html.theme-blue .dp-investor .charter-content, html.theme-blue body .terms .terms-content, html.theme-blue body .support .kb-section, html.theme-blue body .sitemap-page .sitemap-content, html.theme-blue body .investor-charges .terms-content, html.theme-blue body .risk-management .policy-content, html.theme-blue body .referral-terms .terms-content, html.theme-blue body .privacy-policy .privacy-content, html.theme-blue body .policy-voluntary-freezing .freeze-content, html.theme-blue body .policy-procedure .policy-content, html.theme-blue body .pmla-policy .pmla-content, html.theme-blue body .mtf-page .mtf-content, html.theme-blue body .mmd-page .mmd-content, html.theme-blue body .knowledge-center .tab-nav, html.theme-blue body .fraud-prevention .fraud-content, html.theme-blue body .equity-sip .equity-sip-content, html.theme-blue body .disclaimer .disclaimer-content, html.theme-blue body .demat-page .intro-section, html.theme-blue body .demat-page .steps-section, html.theme-blue body .terms-algo .terms-content
{
background: rgb(218, 235, 255);
fill: rgb(218, 235, 255);
}
html.theme-blue body .section-equity .broker-card, html.theme-blue body .product .tradingview-partnership-card, html.theme-blue body .landing-page .products-section .product-card, html.theme-blue body .equity-trading .feature-card, html.theme-blue body .equity-trading .et-card, html.theme-blue body .landing-page .testimonials-section .testimonial-card, html.theme-blue body .equity-trading .order-card, html.theme-blue body .fo-trading .products-card,
html.theme-blue body .fo-trading .features-card, html.theme-blue body .commodities .feature-card, html.theme-blue body .commodities .hours-card, html.theme-blue body .currency-trading .feature-card, html.theme-blue body .currency-trading .pairs-card, html.theme-blue body .algo-page .advantages-section .adv-card, html.theme-blue body .algo-page .api-steps-section .step-card, html.theme-blue body .algo-page .lang-section .lang-card, html.theme-blue body .ipo .ipo-cards, html.theme-blue body .ipo .ipo-steps .steps-grid > div, html.theme-blue body .mf-page .mf-why-card, html.theme-blue body .mf-page .mf-invest-card,
html.theme-blue body .mf-page .mf-calculator__card, html.theme-blue body .gsec .gsec-cards, html.theme-blue body .gsec .feature-section .feature-card,
html.theme-blue body .sgb .feature-section .feature-card, html.theme-blue body .sgb .benefits-section .benefit-card, html.theme-blue body .why-join-feature-card, html.theme-blue body .etf .feature-section .feature-card, html.theme-blue body .invest-sec-card, html.theme-blue body .explore-etf-card,
html.theme-blue body .pricing-page .pricing-hero-stats .stat-card, html.theme-blue body .pricing-page .charges-section .charge-card, html.theme-blue body .pricing-page .platform-section .platform-card, html.theme-blue body .margin-calculator .summary-body, html.theme-blue body .downloads-page .download-options-section .download-card, html.theme-blue body .downloads-page .qr-download-section .qr-card, html.theme-blue body .refer-earn .refer-section .form-card, html.theme-blue body .refer-earn .refer-section .share-card, html.theme-blue body .refer-earn .refer-section .why-card, html.theme-blue body .refer-earn .how-it-works .step-card, html.theme-blue body .refer-earn .why-choose-section .why-choose-card, html.theme-blue body .about-us .story-section .feature-card, html.theme-blue body .about-us .journey-section .timeline-card, html.theme-blue body .about-us .contact-section .contact-card, html.theme-blue body .support .support-section .support-card, html.theme-blue body .benifits-feature-card, html.theme-blue body .careers-testimonial-card, html.theme-blue body .contact .contact-info .info-card, html.theme-blue body .contact .contact-form .form-card, html.theme-blue body .contact .contact-form .office-card,
html.theme-blue body .dp-investor .contact-box, html.theme-blue body .terms .terms-content .intro-card, html.theme-blue body .terms .terms-content .toc-card,
html.theme-blue body .terms .terms-content .contact-card, html.theme-blue body .support .kb-section .kb-category-box, html.theme-blue body .support .kb-section .kb-cat-header, html.theme-blue body .referral-terms .intro-card, html.theme-blue body .referral-terms .section-block, html.theme-blue body .privacy-policy .privacy-content .toc-box, html.theme-blue body .privacy-policy .privacy-content .contact-box, html.theme-blue body .policy-voluntary-freezing .freeze-content .intro-card, html.theme-blue body .policy-procedure .policy-content .intro-card, html.theme-blue body .pmla-policy .pmla-content .intro-card,
html.theme-blue body .pmla-policy .pmla-content .approval-card, html.theme-blue body .mtf-page .mtf-content .info-card, html.theme-blue body .mtf-page .mtf-content .offer-card, html.theme-blue body .mtf-page .mtf-content .step-card, html.theme-blue body .mtf-page .mtf-content .pdf-note, html.theme-blue body .fraud-prevention .fraud-content .intro-card, html.theme-blue body .fraud-prevention .fraud-content .note-card, html.theme-blue body .equity-sip .benefit-card,
html.theme-blue body .equity-sip .invest-feature-card, html.theme-blue body .equity-sip .steps-section, html.theme-blue body .equity-sip .explore-card, html.theme-blue body .equity-sip .explore-card, html.theme-blue body .disclaimer-section, html.theme-blue body .demat-page .features-section .feature-card, html.theme-blue body .demat-page .steps-section .step-card, html.theme-blue body .terms-algo .intro-card, html.theme-blue body .terms-algo .contact-card, html.theme-blue body .about-us .journey-section .timeline-line
{
background: rgb(201, 226, 253) !important;
fill: rgb(201, 226, 253);
}
html.theme-blue body .mf-page .mf-calculator__summary, html.theme-blue body .product .section-equity .trade-box, html.theme-blue body .mf-page .mf-calculator__input, html.theme-blue body .downloads-page .sw-card, html.theme-blue body .downloads-page .charter-card, html.theme-blue body .downloads-page .dl-card, html.theme-blue body .refer-earn .refer-section input, html.theme-blue body .contact .contact-form input, html.theme-blue body .contact .contact-form textarea
{
background: rgb(218, 235, 255);
fill: rgb(218, 235, 255);
}
/* Blue Theme Ends Here */
/* yellow Theme Starts Here */
html.theme-yellow body, html.theme-yellow body .testimonials-section, html.theme-yellow body .compare-section, html.theme-yellow body .hero-wave svg path, html.theme-yellow body .products-section, html.theme-yellow body .custom-navbar, html.theme-yellow body .features-section, html.theme-yellow body .et-exchanges, html.theme-yellow body .orders-section, html.theme-yellow body .hours-section, html.theme-yellow body .commodities .brokerage-section, html.theme-yellow body .currency-trading .pairs-section, html.theme-yellow body .algo-page .advantages-section, html.theme-yellow body .algo-page .target-audience-section, html.theme-yellow body .algo-page .api-steps-section, html.theme-yellow body .algo-page .lang-section, html.theme-yellow body .algo-page .algo-cta-section, html.theme-yellow body .ipo .ipo-steps, html.theme-yellow body .mf-page .mf-why, html.theme-yellow body .mf-page .mf-categories, html.theme-yellow body .mf-page .mf-invest, html.theme-yellow body .mf-page .mf-calculator, html.theme-yellow body .gsec .feature-section, html.theme-yellow body .gsec .steps-section, html.theme-yellow body .gsec .why-section, html.theme-yellow body .sgb .feature-section, html.theme-yellow body .sgb .benefits-section, html.theme-yellow body .etf .feature-section, html.theme-yellow body .etf-form, html.theme-yellow body .explore-etf, html.theme-yellow body .etf-vs-mf, html.theme-yellow body .pricing-page .pricing-hero-stats, html.theme-yellow body .pricing-page .charges-section, html.theme-yellow body .pricing-page .platform-section, html.theme-yellow body .pricing-page .open-account-section, html.theme-yellow body .pricing-page .start-trading-section, html.theme-yellow body .charges-page .top-tab-container, html.theme-yellow body .pricing-calculator .top-tab-container, html.theme-yellow body .margin-calculator .top-tab-container, html.theme-yellow body .calc .calculator-section, html.theme-yellow body .knowledge-center .tab-nav, html.theme-yellow body .knowledge-center .kc-content, html.theme-yellow body .downloads-page .download-options-section, html.theme-yellow body .downloads-page .qr-download-section, html.theme-yellow body .downloads-page .qr-download-section, html.theme-yellow body .downloads-page .web-cta-section, html.theme-yellow body .refer-earn .refer-section, html.theme-yellow body .refer-earn .how-it-works, html.theme-yellow body .refer-earn .why-choose-section, html.theme-yellow body .about-us .stats-section, html.theme-yellow body .about-us .story-section, html.theme-yellow body .about-us .journey-section, html.theme-yellow body .about-us .contact-section, html.theme-yellow body .careers .benefits, html.theme-yellow body .careers .jobs, html.theme-yellow body .support .support-section, html.theme-yellow body .benefits-section, html.theme-yellow .contact .contact-info, html.theme-yellow .contact .contact-form, html.theme-yellow .fund-transfer .tab-nav, html.theme-yellow .fund-transfer .fund-content, html.theme-yellow .dp-investor .charter-content, html.theme-yellow body .terms .terms-content, html.theme-yellow body .support .kb-section, html.theme-yellow body .sitemap-page .sitemap-content, html.theme-yellow body .investor-charges .terms-content, html.theme-yellow body .risk-management .policy-content, html.theme-yellow body .referral-terms .terms-content, html.theme-yellow body .privacy-policy .privacy-content, html.theme-yellow body .policy-voluntary-freezing .freeze-content, html.theme-yellow body .policy-procedure .policy-content, html.theme-yellow body .pmla-policy .pmla-content, html.theme-yellow body .mtf-page .mtf-content, html.theme-yellow body .mmd-page .mmd-content, html.theme-yellow body .knowledge-center .tab-nav, html.theme-yellow body .fraud-prevention .fraud-content, html.theme-yellow body .equity-sip .equity-sip-content, html.theme-yellow body .disclaimer .disclaimer-content, html.theme-yellow body .demat-page .intro-section, html.theme-yellow body .demat-page .steps-section, html.theme-yellow body .terms-algo .terms-content
{
background: rgb(255, 250, 206);
fill: rgb(255, 250, 206);
}
html.theme-yellow body .section-equity .broker-card, html.theme-yellow body .product .tradingview-partnership-card, html.theme-yellow body .landing-page .products-section .product-card, html.theme-yellow body .equity-trading .feature-card, html.theme-yellow body .equity-trading .et-card, html.theme-yellow body .landing-page .testimonials-section .testimonial-card, html.theme-yellow body .equity-trading .order-card, html.theme-yellow body .fo-trading .products-card,
html.theme-yellow body .fo-trading .features-card, html.theme-yellow body .commodities .feature-card, html.theme-yellow body .commodities .hours-card, html.theme-yellow body .currency-trading .feature-card, html.theme-yellow body .currency-trading .pairs-card, html.theme-yellow body .algo-page .advantages-section .adv-card, html.theme-yellow body .algo-page .api-steps-section .step-card, html.theme-yellow body .algo-page .lang-section .lang-card, html.theme-yellow body .ipo .ipo-cards, html.theme-yellow body .ipo .ipo-steps .steps-grid > div, html.theme-yellow body .mf-page .mf-why-card, html.theme-yellow body .mf-page .mf-invest-card,
html.theme-yellow body .mf-page .mf-calculator__card, html.theme-yellow body .gsec .gsec-cards, html.theme-yellow body .gsec .feature-section .feature-card,
html.theme-yellow body .sgb .feature-section .feature-card, html.theme-yellow body .sgb .benefits-section .benefit-card, html.theme-yellow body .why-join-feature-card, html.theme-yellow body .etf .feature-section .feature-card, html.theme-yellow body .invest-sec-card, html.theme-yellow body .explore-etf-card,
html.theme-yellow body .pricing-page .pricing-hero-stats .stat-card, html.theme-yellow body .pricing-page .charges-section .charge-card, html.theme-yellow body .pricing-page .platform-section .platform-card, html.theme-yellow body .margin-calculator .summary-body, html.theme-yellow body .downloads-page .download-options-section .download-card, html.theme-yellow body .downloads-page .qr-download-section .qr-card, html.theme-yellow body .refer-earn .refer-section .form-card, html.theme-yellow body .refer-earn .refer-section .share-card, html.theme-yellow body .refer-earn .refer-section .why-card, html.theme-yellow body .refer-earn .how-it-works .step-card, html.theme-yellow body .refer-earn .why-choose-section .why-choose-card, html.theme-yellow body .about-us .story-section .feature-card, html.theme-yellow body .about-us .journey-section .timeline-card, html.theme-yellow body .about-us .contact-section .contact-card, html.theme-yellow body .support .support-section .support-card, html.theme-yellow body .benifits-feature-card, html.theme-yellow body .careers-testimonial-card, html.theme-yellow body .contact .contact-info .info-card, html.theme-yellow body .contact .contact-form .form-card, html.theme-yellow body .contact .contact-form .office-card,
html.theme-yellow body .dp-investor .contact-box, html.theme-yellow body .terms .terms-content .intro-card, html.theme-yellow body .terms .terms-content .toc-card,
html.theme-yellow body .terms .terms-content .contact-card, html.theme-yellow body .support .kb-section .kb-category-box, html.theme-yellow body .support .kb-section .kb-cat-header, html.theme-yellow body .referral-terms .intro-card, html.theme-yellow body .referral-terms .section-block, html.theme-yellow body .privacy-policy .privacy-content .toc-box, html.theme-yellow body .privacy-policy .privacy-content .contact-box, html.theme-yellow body .policy-voluntary-freezing .freeze-content .intro-card, html.theme-yellow body .policy-procedure .policy-content .intro-card, html.theme-yellow body .pmla-policy .pmla-content .intro-card,
html.theme-yellow body .pmla-policy .pmla-content .approval-card, html.theme-yellow body .mtf-page .mtf-content .info-card, html.theme-yellow body .mtf-page .mtf-content .offer-card, html.theme-yellow body .mtf-page .mtf-content .step-card, html.theme-yellow body .mtf-page .mtf-content .pdf-note, html.theme-yellow body .fraud-prevention .fraud-content .intro-card, html.theme-yellow body .fraud-prevention .fraud-content .note-card, html.theme-yellow body .equity-sip .benefit-card,
html.theme-yellow body .equity-sip .invest-feature-card, html.theme-yellow body .equity-sip .steps-section, html.theme-yellow body .equity-sip .explore-card, html.theme-yellow body .equity-sip .explore-card, html.theme-yellow body .disclaimer-section, html.theme-yellow body .demat-page .features-section .feature-card, html.theme-yellow body .demat-page .steps-section .step-card, html.theme-yellow body .terms-algo .intro-card, html.theme-yellow body .terms-algo .contact-card, html.theme-yellow body .about-us .journey-section .timeline-line, html.theme-yellow body .downloads-page .dl-card, html.theme-yellow body .downloads-page .sw-card, html.theme-yellow body .downloads-page .charter-card
{
background: rgb(255, 249, 192) !important;
fill: rgb(255, 249, 192);
}
html.theme-yellow body .mf-page .mf-calculator__summary, html.theme-yellow body .product .section-equity .trade-box, html.theme-yellow body .mf-page .mf-calculator__input, html.theme-yellow body .refer-earn .refer-section input, html.theme-yellow body .contact .contact-form input, html.theme-yellow body .contact .contact-form textarea
{
background: rgb(255, 251, 218);
fill: rgb(255, 251, 218);
}
/* yellow Theme Starts Here */
/* Green Theme Starts Here */
html.theme-green body, html.theme-green body .testimonials-section, html.theme-green body .compare-section, html.theme-green body .hero-wave svg path, html.theme-green body .products-section, html.theme-green body .custom-navbar, html.theme-green body .features-section, html.theme-green body .et-exchanges, html.theme-green body .orders-section, html.theme-green body .hours-section, html.theme-green body .commodities .brokerage-section, html.theme-green body .currency-trading .pairs-section, html.theme-green body .algo-page .advantages-section, html.theme-green body .algo-page .target-audience-section, html.theme-green body .algo-page .api-steps-section, html.theme-green body .algo-page .lang-section, html.theme-green body .algo-page .algo-cta-section, html.theme-green body .ipo .ipo-steps, html.theme-green body .mf-page .mf-why, html.theme-green body .mf-page .mf-categories, html.theme-green body .mf-page .mf-invest, html.theme-green body .mf-page .mf-calculator, html.theme-green body .gsec .feature-section, html.theme-green body .gsec .steps-section, html.theme-green body .gsec .why-section, html.theme-green body .sgb .feature-section, html.theme-green body .sgb .benefits-section, html.theme-green body .etf .feature-section, html.theme-green body .etf-form, html.theme-green body .explore-etf, html.theme-green body .etf-vs-mf, html.theme-green body .pricing-page .pricing-hero-stats, html.theme-green body .pricing-page .charges-section, html.theme-green body .pricing-page .platform-section, html.theme-green body .pricing-page .open-account-section, html.theme-green body .pricing-page .start-trading-section, html.theme-green body .charges-page .top-tab-container, html.theme-green body .pricing-calculator .top-tab-container, html.theme-green body .margin-calculator .top-tab-container, html.theme-green body .calc .calculator-section, html.theme-green body .knowledge-center .tab-nav, html.theme-green body .knowledge-center .kc-content, html.theme-green body .downloads-page .download-options-section, html.theme-green body .downloads-page .qr-download-section, html.theme-green body .downloads-page .qr-download-section, html.theme-green body .downloads-page .web-cta-section, html.theme-green body .refer-earn .refer-section, html.theme-green body .refer-earn .how-it-works, html.theme-green body .refer-earn .why-choose-section, html.theme-green body .about-us .stats-section, html.theme-green body .about-us .story-section, html.theme-green body .about-us .journey-section, html.theme-green body .about-us .contact-section, html.theme-green body .careers .benefits, html.theme-green body .careers .jobs, html.theme-green body .support .support-section, html.theme-green body .benefits-section, html.theme-green .contact .contact-info, html.theme-green .contact .contact-form, html.theme-green .fund-transfer .tab-nav, html.theme-green .fund-transfer .fund-content, html.theme-green .dp-investor .charter-content, html.theme-green body .terms .terms-content, html.theme-green body .support .kb-section, html.theme-green body .sitemap-page .sitemap-content, html.theme-green body .investor-charges .terms-content, html.theme-green body .risk-management .policy-content, html.theme-green body .referral-terms .terms-content, html.theme-green body .privacy-policy .privacy-content, html.theme-green body .policy-voluntary-freezing .freeze-content, html.theme-green body .policy-procedure .policy-content, html.theme-green body .pmla-policy .pmla-content, html.theme-green body .mtf-page .mtf-content, html.theme-green body .mmd-page .mmd-content, html.theme-green body .knowledge-center .tab-nav, html.theme-green body .fraud-prevention .fraud-content, html.theme-green body .equity-sip .equity-sip-content, html.theme-green body .disclaimer .disclaimer-content, html.theme-green body .demat-page .intro-section, html.theme-green body .demat-page .steps-section, html.theme-green body .terms-algo .terms-content
{
background: rgb(221, 255, 231);
fill: rgb(221, 255, 231);
}
html.theme-green body .section-equity .broker-card, html.theme-green body .product .tradingview-partnership-card, html.theme-green body .landing-page .products-section .product-card, html.theme-green body .equity-trading .feature-card, html.theme-green body .equity-trading .et-card, html.theme-green body .landing-page .testimonials-section .testimonial-card, html.theme-green body .equity-trading .order-card, html.theme-green body .fo-trading .products-card,
html.theme-green body .fo-trading .features-card, html.theme-green body .commodities .feature-card, html.theme-green body .commodities .hours-card, html.theme-green body .currency-trading .feature-card, html.theme-green body .currency-trading .pairs-card, html.theme-green body .algo-page .advantages-section .adv-card, html.theme-green body .algo-page .api-steps-section .step-card, html.theme-green body .algo-page .lang-section .lang-card, html.theme-green body .ipo .ipo-cards, html.theme-green body .ipo .ipo-steps .steps-grid > div, html.theme-green body .mf-page .mf-why-card, html.theme-green body .mf-page .mf-invest-card,
html.theme-green body .mf-page .mf-calculator__card, html.theme-green body .gsec .gsec-cards, html.theme-green body .gsec .feature-section .feature-card,
html.theme-green body .sgb .feature-section .feature-card, html.theme-green body .sgb .benefits-section .benefit-card, html.theme-green body .why-join-feature-card, html.theme-green body .etf .feature-section .feature-card, html.theme-green body .invest-sec-card, html.theme-green body .explore-etf-card,
html.theme-green body .pricing-page .pricing-hero-stats .stat-card, html.theme-green body .pricing-page .charges-section .charge-card, html.theme-green body .pricing-page .platform-section .platform-card, html.theme-green body .margin-calculator .summary-body, html.theme-green body .downloads-page .download-options-section .download-card, html.theme-green body .downloads-page .qr-download-section .qr-card, html.theme-green body .refer-earn .refer-section .form-card, html.theme-green body .refer-earn .refer-section .share-card, html.theme-green body .refer-earn .refer-section .why-card, html.theme-green body .refer-earn .how-it-works .step-card, html.theme-green body .refer-earn .why-choose-section .why-choose-card, html.theme-green body .about-us .story-section .feature-card, html.theme-green body .about-us .journey-section .timeline-card, html.theme-green body .about-us .contact-section .contact-card, html.theme-green body .support .support-section .support-card, html.theme-green body .benifits-feature-card, html.theme-green body .careers-testimonial-card, html.theme-green body .contact .contact-info .info-card, html.theme-green body .contact .contact-form .form-card, html.theme-green body .contact .contact-form .office-card,
html.theme-green body .dp-investor .contact-box, html.theme-green body .terms .terms-content .intro-card, html.theme-green body .terms .terms-content .toc-card,
html.theme-green body .terms .terms-content .contact-card, html.theme-green body .support .kb-section .kb-category-box, html.theme-green body .support .kb-section .kb-cat-header, html.theme-green body .referral-terms .intro-card, html.theme-green body .referral-terms .section-block, html.theme-green body .privacy-policy .privacy-content .toc-box, html.theme-green body .privacy-policy .privacy-content .contact-box, html.theme-green body .policy-voluntary-freezing .freeze-content .intro-card, html.theme-green body .policy-procedure .policy-content .intro-card, html.theme-green body .pmla-policy .pmla-content .intro-card,
html.theme-green body .pmla-policy .pmla-content .approval-card, html.theme-green body .mtf-page .mtf-content .info-card, html.theme-green body .mtf-page .mtf-content .offer-card, html.theme-green body .mtf-page .mtf-content .step-card, html.theme-green body .mtf-page .mtf-content .pdf-note, html.theme-green body .fraud-prevention .fraud-content .intro-card, html.theme-green body .fraud-prevention .fraud-content .note-card, html.theme-green body .equity-sip .benefit-card,
html.theme-green body .equity-sip .invest-feature-card, html.theme-green body .equity-sip .steps-section, html.theme-green body .equity-sip .explore-card, html.theme-green body .equity-sip .explore-card, html.theme-green body .disclaimer-section, html.theme-green body .demat-page .features-section .feature-card, html.theme-green body .demat-page .steps-section .step-card, html.theme-green body .terms-algo .intro-card, html.theme-green body .terms-algo .contact-card, html.theme-green body .about-us .journey-section .timeline-line, html.theme-green body .downloads-page .dl-card, html.theme-green body .downloads-page .sw-card, html.theme-green body .downloads-page .charter-card
{
background: rgb(203, 253, 218) !important;
fill: rgb(203, 253, 218);
}
html.theme-green body .mf-page .mf-calculator__summary, html.theme-green body .product .section-equity .trade-box, html.theme-green body .mf-page .mf-calculator__input, html.theme-green body .refer-earn .refer-section input, html.theme-green body .contact .contact-form input, html.theme-green body .contact .contact-form textarea
{
background: rgb(226, 255, 234);
fill: rgb(226, 255, 234);
}
/* Green Theme Starts Here */
/* Pink Theme Starts Here */
html.theme-pink body, html.theme-pink body .testimonials-section, html.theme-pink body .compare-section, html.theme-pink body .hero-wave svg path, html.theme-pink body .products-section, html.theme-pink body .custom-navbar, html.theme-pink body .features-section, html.theme-pink body .et-exchanges, html.theme-pink body .orders-section, html.theme-pink body .hours-section, html.theme-pink body .commodities .brokerage-section, html.theme-pink body .currency-trading .pairs-section, html.theme-pink body .algo-page .advantages-section, html.theme-pink body .algo-page .target-audience-section, html.theme-pink body .algo-page .api-steps-section, html.theme-pink body .algo-page .lang-section, html.theme-pink body .algo-page .algo-cta-section, html.theme-pink body .ipo .ipo-steps, html.theme-pink body .mf-page .mf-why, html.theme-pink body .mf-page .mf-categories, html.theme-pink body .mf-page .mf-invest, html.theme-pink body .mf-page .mf-calculator, html.theme-pink body .gsec .feature-section, html.theme-pink body .gsec .steps-section, html.theme-pink body .gsec .why-section, html.theme-pink body .sgb .feature-section, html.theme-pink body .sgb .benefits-section, html.theme-pink body .etf .feature-section, html.theme-pink body .etf-form, html.theme-pink body .explore-etf, html.theme-pink body .etf-vs-mf, html.theme-pink body .pricing-page .pricing-hero-stats, html.theme-pink body .pricing-page .charges-section, html.theme-pink body .pricing-page .platform-section, html.theme-pink body .pricing-page .open-account-section, html.theme-pink body .pricing-page .start-trading-section, html.theme-pink body .charges-page .top-tab-container, html.theme-pink body .pricing-calculator .top-tab-container, html.theme-pink body .margin-calculator .top-tab-container, html.theme-pink body .calc .calculator-section, html.theme-pink body .knowledge-center .tab-nav, html.theme-pink body .knowledge-center .kc-content, html.theme-pink body .downloads-page .download-options-section, html.theme-pink body .downloads-page .qr-download-section, html.theme-pink body .downloads-page .qr-download-section, html.theme-pink body .downloads-page .web-cta-section, html.theme-pink body .refer-earn .refer-section, html.theme-pink body .refer-earn .how-it-works, html.theme-pink body .refer-earn .why-choose-section, html.theme-pink body .about-us .stats-section, html.theme-pink body .about-us .story-section, html.theme-pink body .about-us .journey-section, html.theme-pink body .about-us .contact-section, html.theme-pink body .careers .benefits, html.theme-pink body .careers .jobs, html.theme-pink body .support .support-section, html.theme-pink body .benefits-section, html.theme-pink .contact .contact-info, html.theme-pink .contact .contact-form, html.theme-pink .fund-transfer .tab-nav, html.theme-pink .fund-transfer .fund-content, html.theme-pink .dp-investor .charter-content, html.theme-pink body .terms .terms-content, html.theme-pink body .support .kb-section, html.theme-pink body .sitemap-page .sitemap-content, html.theme-pink body .investor-charges .terms-content, html.theme-pink body .risk-management .policy-content, html.theme-pink body .referral-terms .terms-content, html.theme-pink body .privacy-policy .privacy-content, html.theme-pink body .policy-voluntary-freezing .freeze-content, html.theme-pink body .policy-procedure .policy-content, html.theme-pink body .pmla-policy .pmla-content, html.theme-pink body .mtf-page .mtf-content, html.theme-pink body .mmd-page .mmd-content, html.theme-pink body .knowledge-center .tab-nav, html.theme-pink body .fraud-prevention .fraud-content, html.theme-pink body .equity-sip .equity-sip-content, html.theme-pink body .disclaimer .disclaimer-content, html.theme-pink body .demat-page .intro-section, html.theme-pink body .demat-page .steps-section, html.theme-pink body .terms-algo .terms-content
{
background: rgb(255, 217, 222);
fill: rgb(255, 217, 222);
}
html.theme-pink body .section-equity .broker-card, html.theme-pink body .product .tradingview-partnership-card, html.theme-pink body .landing-page .products-section .product-card, html.theme-pink body .equity-trading .feature-card, html.theme-pink body .equity-trading .et-card, html.theme-pink body .landing-page .testimonials-section .testimonial-card, html.theme-pink body .equity-trading .order-card, html.theme-pink body .fo-trading .products-card,
html.theme-pink body .fo-trading .features-card, html.theme-pink body .commodities .feature-card, html.theme-pink body .commodities .hours-card, html.theme-pink body .currency-trading .feature-card, html.theme-pink body .currency-trading .pairs-card, html.theme-pink body .algo-page .advantages-section .adv-card, html.theme-pink body .algo-page .api-steps-section .step-card, html.theme-pink body .algo-page .lang-section .lang-card, html.theme-pink body .ipo .ipo-cards, html.theme-pink body .ipo .ipo-steps .steps-grid > div, html.theme-pink body .mf-page .mf-why-card, html.theme-pink body .mf-page .mf-invest-card,
html.theme-pink body .mf-page .mf-calculator__card, html.theme-pink body .gsec .gsec-cards, html.theme-pink body .gsec .feature-section .feature-card,
html.theme-pink body .sgb .feature-section .feature-card, html.theme-pink body .sgb .benefits-section .benefit-card, html.theme-pink body .why-join-feature-card, html.theme-pink body .etf .feature-section .feature-card, html.theme-pink body .invest-sec-card, html.theme-pink body .explore-etf-card,
html.theme-pink body .pricing-page .pricing-hero-stats .stat-card, html.theme-pink body .pricing-page .charges-section .charge-card, html.theme-pink body .pricing-page .platform-section .platform-card, html.theme-pink body .margin-calculator .summary-body, html.theme-pink body .downloads-page .download-options-section .download-card, html.theme-pink body .downloads-page .qr-download-section .qr-card, html.theme-pink body .refer-earn .refer-section .form-card, html.theme-pink body .refer-earn .refer-section .share-card, html.theme-pink body .refer-earn .refer-section .why-card, html.theme-pink body .refer-earn .how-it-works .step-card, html.theme-pink body .refer-earn .why-choose-section .why-choose-card, html.theme-pink body .about-us .story-section .feature-card, html.theme-pink body .about-us .journey-section .timeline-card, html.theme-pink body .about-us .contact-section .contact-card, html.theme-pink body .support .support-section .support-card, html.theme-pink body .benifits-feature-card, html.theme-pink body .careers-testimonial-card, html.theme-pink body .contact .contact-info .info-card, html.theme-pink body .contact .contact-form .form-card, html.theme-pink body .contact .contact-form .office-card,
html.theme-pink body .dp-investor .contact-box, html.theme-pink body .terms .terms-content .intro-card, html.theme-pink body .terms .terms-content .toc-card,
html.theme-pink body .terms .terms-content .contact-card, html.theme-pink body .support .kb-section .kb-category-box, html.theme-pink body .support .kb-section .kb-cat-header, html.theme-pink body .referral-terms .intro-card, html.theme-pink body .referral-terms .section-block, html.theme-pink body .privacy-policy .privacy-content .toc-box, html.theme-pink body .privacy-policy .privacy-content .contact-box, html.theme-pink body .policy-voluntary-freezing .freeze-content .intro-card, html.theme-pink body .policy-procedure .policy-content .intro-card, html.theme-pink body .pmla-policy .pmla-content .intro-card,
html.theme-pink body .pmla-policy .pmla-content .approval-card, html.theme-pink body .mtf-page .mtf-content .info-card, html.theme-pink body .mtf-page .mtf-content .offer-card, html.theme-pink body .mtf-page .mtf-content .step-card, html.theme-pink body .mtf-page .mtf-content .pdf-note, html.theme-pink body .fraud-prevention .fraud-content .intro-card, html.theme-pink body .fraud-prevention .fraud-content .note-card, html.theme-pink body .equity-sip .benefit-card,
html.theme-pink body .equity-sip .invest-feature-card, html.theme-pink body .equity-sip .steps-section, html.theme-pink body .equity-sip .explore-card, html.theme-pink body .equity-sip .explore-card, html.theme-pink body .disclaimer-section, html.theme-pink body .demat-page .features-section .feature-card, html.theme-pink body .demat-page .steps-section .step-card, html.theme-pink body .terms-algo .intro-card, html.theme-pink body .terms-algo .contact-card, html.theme-pink body .about-us .journey-section .timeline-line, html.theme-pink body .downloads-page .dl-card, html.theme-pink body .downloads-page .sw-card, html.theme-pink body .downloads-page .charter-card
{
background: rgb(253, 202, 210) !important;
fill: rgb(253, 202, 210);
}
html.theme-pink body .mf-page .mf-calculator__summary, html.theme-pink body .product .section-equity .trade-box, html.theme-pink body .mf-page .mf-calculator__input, html.theme-pink body .refer-earn .refer-section input, html.theme-pink body .contact .contact-form input, html.theme-pink body .contact .contact-form textarea
{
background: rgb(255, 208, 215);
fill: rgb(255, 208, 215);
}
/* Pink Theme Starts Here */
/* Color Theme css Starts Here */
/* Dark Mode css Starts Here */
html.dark-mode body .landing-page .products-section .products-title, html.dark-mode body .landing-page .compare-section .compare-title, html.dark-mode body .landing-page .testimonials-section .testimonial-heading, html.dark-mode body .landing-page .products-section .product-card h3, html.dark-mode body .landing-page .testimonials-section .author-name, html.dark-mode body .about-us .story-section .story-title, html.dark-mode body .about-us .story-section .feature-card h3, html.dark-mode body .about-us .journey-section .journey-header h2, html.dark-mode body .about-us .journey-section .timeline-card h3,
html.dark-mode body .about-us .contact-section .section-title h2, html.dark-mode body .about-us .contact-section .contact-card h3, html.dark-mode body .terms-algo .section-block h2, html.dark-mode body .terms-algo .contact-card h2, html.dark-mode body .algo-page .advantages-section .section-title,
html.dark-mode body .algo-page .advantages-section .adv-card h3, html.dark-mode body .algo-page .target-audience-section .audience-title, html.dark-mode body .algo-page .lang-section .lang-title, html.dark-mode body .algo-page .lang-section .lang-card h3, html.dark-mode body .algo-page .api-steps-section .steps-title,
html.dark-mode body .algo-page .api-steps-section .step-card h3, html.dark-mode body .pricing-calculator .equity-head, html.dark-mode body .pricing-calculator .d-flex.justify-content-between.py-2 span, html.dark-mode body .pricing-calculator .sample-ecn-head, html.dark-mode body .commonHeading, html.dark-mode body .careers .benefits .title, html.dark-mode body .support .support-section .support-title, html.dark-mode body .benifits-feature-card h3, html.dark-mode body .circleSection h3, html.dark-mode body .charges-page .sub-tab-content h2, html.dark-mode body .commodities .commodity-header h2, html.dark-mode body .commodities .feature-title, html.dark-mode body .commodities .hours-card-title, html.dark-mode body .contact .contact-info h2, html.dark-mode body .contact .contact-form .form-title, html.dark-mode body .currency-trading .currency-header h2, html.dark-mode body .currency-trading .feature-title, html.dark-mode body .currency-trading .pairs-card-title, html.dark-mode body .demat-page .features-section .section-heading h2, html.dark-mode body .demat-page .features-section .feature-card h3,
html.dark-mode body .demat-page .steps-section .section-heading h2,
html.dark-mode body .fo-trading .products-header__title,
html.dark-mode body .fo-trading .features-header__title,
html.dark-mode body .fo-trading .features-card__title,
html.dark-mode body .fo-trading .products-card__title,
html.dark-mode body .disclaimer .section-heading h2,
html.dark-mode body .downloads-page .download-options-section .download-card .card-title,
html.dark-mode body .downloads-page .download-options-section .download-card .card-stats .stat-item .stat-bold,
html.dark-mode body .downloads-page .qr-download-section .qr-title,
html.dark-mode body .downloads-page .section-head h2,
html.dark-mode body .dp-investor .section-heading h2,
html.dark-mode body .dp-investor .contact-box h2,
html.dark-mode body .equity-sip .section-heading,
html.dark-mode body .equity-sip .benefit-card h3,
html.dark-mode body .equity-sip .invest-feature-card h3,
html.dark-mode body .equity-sip .step-card h3,
html.dark-mode body .equity-sip .explore-card h3,
html.dark-mode body .equity-sip .compare-section h2,
html.dark-mode body .equity-trading .features-heading,
html.dark-mode body .equity-trading .et-heading,
html.dark-mode body .equity-trading .equity-header h2,
html.dark-mode body .equity-trading .feature-title,
html.dark-mode body .equity-trading .et-value,
html.dark-mode body .equity-trading .order-card-title,
html.dark-mode body .etf .feature-section .feature-title,
html.dark-mode body .why-join-feature-card h3,
html.dark-mode body .invest-sec-card h3,
html.dark-mode body .ipo .ipo-steps h3,
html.dark-mode body .explore-etf-card h3,
html.dark-mode body .fraud-prevention .fraud-content .section-block h2,
html.dark-mode body .fund-transfer .fund-content .section-body h4,
html.dark-mode body .fund-transfer .fund-content .section-heading h3,
html.dark-mode body .gsec .feature-section .feature-title,
html.dark-mode body .gsec .steps-section .section-heading h2,
html.dark-mode body .gsec .steps-section .step-title,
html.dark-mode body .gsec .why-section .why-title,
html.dark-mode body .ipo .ipo-steps .header h2,
html.dark-mode body .knowledge-center .kc-content .section-block h2,
html.dark-mode body .mmd-page .section-block h2,
html.dark-mode body .mmd-page .mmd-content .table-tre h3,
html.dark-mode body .mmd-page .section-block h3,
html.dark-mode body .mtf-page .mtf-content .info-card h2,
html.dark-mode body .mtf-page .mtf-content .offer-card h2,
html.dark-mode body .mf-page .mf-why-card h3,
html.dark-mode body .mf-page .mf-cat-header h2,
html.dark-mode body .mf-page .mf-invest-header h2,
html.dark-mode body .mf-page .mf-invest-card h3,
html.dark-mode body .mf-page .mf-calculator__title,
html.dark-mode body .pmla-policy .pmla-content .section-block h2,
html.dark-mode body .policy-procedure .policy-content .section-block h2,
html.dark-mode body .policy-voluntary-freezing .freeze-content .section-block h2,
html.dark-mode body .pricing-page .pricing-hero-stats .stat-card .stat-label,
html.dark-mode body .pricing-page .charges-section .charge-card h3,
html.dark-mode body .pricing-page .platform-section .platform-title,
html.dark-mode body .pricing-page .platform-section .platform-card h3,
html.dark-mode body .pricing-page .open-account-section .open-account-title,
html.dark-mode body .pricing-page .open-account-section .account-step-wrapper h3,
html.dark-mode body .pricing-page .start-trading-section .start-trading-title,
html.dark-mode body .privacy-policy .privacy-content .toc-box h2,
html.dark-mode body .privacy-policy .privacy-content .section-heading h2,
html.dark-mode body .privacy-policy .privacy-content .contact-box h2,
html.dark-mode body .product .feature-section .feature-title,
html.dark-mode body .product .section-equity .equity-title a,
html.dark-mode body .refer-earn .refer-section .card-title,
html.dark-mode body .refer-earn .refer-section .why-card h2,
html.dark-mode body .refer-earn .section-header h2,
html.dark-mode body .refer-earn .why-choose-section .why-choose-title,
html.dark-mode body .refer-earn .why-choose-section .why-choose-card h3,
html.dark-mode body .referral-terms .section-block h2,
html.dark-mode body .rmcpolicy h2,
html.dark-mode body .rmcpolicy h3,
html.dark-mode body .calc .compare-section .section-heading h2,
html.dark-mode body .investor-charges .section-block h2,
html.dark-mode body .sgb .feature-section .feature-title,
html.dark-mode body .sgb .feature-section .feature-title,
html.dark-mode body .sgb h2,
html.dark-mode body .support .kb-section .kb-cat-header h2,
html.dark-mode body .terms .terms-content .toc-card h2,
html.dark-mode body .terms .terms-content .section-block h2,
html.dark-mode body .terms .terms-content .contact-card h2
{
color: #fff !important;
}
html.dark-mode body .landing-page .products-section .products-subtitle, html.dark-mode body .landing-page .testimonials-section .testimonial-subtitle, html.dark-mode body .landing-page .compare-section .compare-subtitle, html.dark-mode body .landing-page .products-section .product-card p, html.dark-mode body .landing-page .testimonials-section .testimonial-text, html.dark-mode body .landing-page .testimonials-section .author-role, html.dark-mode body .about-us .story-section .story-text p, html.dark-mode body .about-us .stats-section .stat-text, html.dark-mode body .about-us .story-section .feature-card p, html.dark-mode body .about-us .journey-section .journey-header p, html.dark-mode body .about-us .journey-section .timeline-card p, html.dark-mode body .about-us .contact-section .section-title p, html.dark-mode body .about-us .contact-section .contact-card p, html.dark-mode body .terms-algo .section-block p,
html.dark-mode body .terms-algo .terms-list li, html.dark-mode body .terms-algo .intro-card p, html.dark-mode body .terms-algo .contact-card p, html.dark-mode body .algo-page .advantages-section .adv-card p, html.dark-mode body .algo-page .advantages-section .adv-card p, html.dark-mode body .algo-page .target-audience-section .audience-subtitle, html.dark-mode body .algo-page .lang-section .lang-subtitle, html.dark-mode body .algo-page .api-steps-section .steps-prereq, html.dark-mode body .algo-page .api-steps-section .step-card p, html.dark-mode body .approved-securities #filterControls .form-label, html.dark-mode body #calc-equity .form-check label, html.dark-mode body .pricing-calculator .fw-bold, html.dark-mode body .pricing-calculator .btn-outline-secondary,
html.dark-mode body .commonSubHeading, html.dark-mode body .careers .benefits .desc, html.dark-mode body .support .support-section .support-sub, html.dark-mode body .circleSection h3 + p, html.dark-mode body .careers .careers-testimonial-text, html.dark-mode body .testimonial-avatar-stack + p, html.dark-mode body .commodities .commodity-header p, html.dark-mode body .commodities .feature-desc, html.dark-mode body .contact .contact-info .main-text, html.dark-mode body .contact .contact-form .field label, html.dark-mode body .currency-trading .currency-header p, html.dark-mode body .currency-trading .feature-desc, html.dark-mode body .currency-trading .pair-label, html.dark-mode body .demat-page .features-section .section-heading p, html.dark-mode body .demat-page .features-section .feature-card p, html.dark-mode body .demat-page .steps-section .section-heading p,
html.dark-mode body .demat-page .steps-section .step-text,
html.dark-mode body .fo-trading .products-card__desc,
html.dark-mode body .fo-trading .features-header__subtitle,
html.dark-mode body .fo-trading .features-card__desc,
html.dark-mode body .fo-trading .products-card__desc,
html.dark-mode body .disclaimer .section-body p,
html.dark-mode body .downloads-page .qr-download-section .qr-feature-list li,
html.dark-mode body .downloads-page .qr-download-section .qr-subtitle,
html.dark-mode body .downloads-page .dl-list a,
html.dark-mode body .dp-investor .section-body p,
html.dark-mode body .dp-investor .section-body ul li,
html.dark-mode body .dp-investor .contact-box p,
html.dark-mode body .etf .feature-section .feature-desc,
html.dark-mode body .why-join-feature-card p,
html.dark-mode body .invest-sec-card p,
html.dark-mode body .ipo .ipo-steps .steps-grid p,
html.dark-mode body .explore-etf-card p,
html.dark-mode body .fraud-prevention .fraud-content .meta-row .meta-date,
html.dark-mode body .fraud-prevention .fraud-content .section-block p,
html.dark-mode body .fraud-prevention .fraud-content .section-block ul li,
html.dark-mode body .fraud-prevention .fraud-content .intro-card p,
html.dark-mode body .fund-transfer .fund-content .section-body p,
html.dark-mode body .fund-transfer .fund-content .section-body p,
html.dark-mode body .fund-transfer .fund-content .section-body ul li,
html.dark-mode body .gsec-cards p, html.dark-mode body .ipo-cards p,
html.dark-mode body .gsec .feature-section .feature-desc,
html.dark-mode body .knowledge-center .kc-content p,
html.dark-mode body .knowledge-center .kc-content li,
html.dark-mode body .mmd-page .section-block ol li,
html.dark-mode body .margin-calculator .calc-label,
html.dark-mode body .margin-calculator .calc-radio-group label,
html.dark-mode body .margin-calculator .summary-row,
html.dark-mode body .mtf-page .mtf-content .info-card p,
html.dark-mode body .mtf-page .mtf-content .offer-card p,
html.dark-mode body .mf-page .mf-calculator__input,
html.dark-mode body .mf-page .mf-invest-card li,
html.dark-mode body .pmla-policy .pmla-content .intro-card p,
html.dark-mode body .pmla-policy .pmla-content .section-block p,
html.dark-mode body .pmla-policy .pmla-content .section-block ul li,
html.dark-mode body .pmla-policy .pmla-content .section-block ol li,
html.dark-mode body .pmla-policy .pmla-content .section-block p strong,
html.dark-mode body .policy-procedure .policy-content .intro-card p,
html.dark-mode body .policy-procedure .policy-content .section-block p,
html.dark-mode body .policy-procedure .policy-content .section-block ul li,
html.dark-mode body .policy-procedure .policy-content .section-block ol li,
html.dark-mode body .policy-procedure .policy-content .section-block p strong,
html.dark-mode body .policy-voluntary-freezing .freeze-content .section-block p,
html.dark-mode body .policy-voluntary-freezing .freeze-content .section-block ul li,
html.dark-mode body .policy-voluntary-freezing .freeze-content .section-block ol li,
html.dark-mode body .policy-voluntary-freezing .freeze-content .intro-card p,
html.dark-mode body .pricing-page .charges-section .charge-card p,
html.dark-mode body .pricing-page .charges-section .onetime-label,
html.dark-mode body .privacy-policy .privacy-content .section-body p,
html.dark-mode body .privacy-policy .privacy-content .section-body ul li,
html.dark-mode body .privacy-policy .privacy-content .contact-box p,
html.dark-mode body .product .section-equity .equity-description,
html.dark-mode body .product .section-equity .equity-features span,
html.dark-mode body .product .tradingview-text,
html.dark-mode body .refer-earn .refer-section .field label,
html.dark-mode body .refer-earn .refer-section .why-card li,
html.dark-mode body .referral-terms .intro-card p,
html.dark-mode body .referral-terms .terms-list li,
html.dark-mode body .rmcpolicy p,
html.dark-mode body .rmcpolicy li,
html.dark-mode body .investor-charges .section-block p,
html.dark-mode body .investor-charges .section-block li,
html.dark-mode body .sgb .feature-section .feature-desc,
html.dark-mode body .sitemap-page .sitemap-content ul li a,
html.dark-mode body .support .kb-section .kb-subcat-title,
html.dark-mode body .terms .terms-content .intro-card p,
html.dark-mode body .terms .terms-content .section-block p,
html.dark-mode body .terms .terms-content .section-block li,
html.dark-mode body .terms .terms-content .contact-card p
{ color:#9ca3af; }
html.dark-mode body .navbar-nav .nav-link
{ color:#9ca3af; }
html.dark-mode body .navbar-nav .nav-link:hover
{ color:#272727; }
html.dark-mode body, html.dark-mode body .testimonials-section, html.dark-mode body .compare-section, html.dark-mode body .hero-wave svg path, html.dark-mode body .products-section, html.dark-mode body .custom-navbar, html.dark-mode body .features-section, html.dark-mode body .et-exchanges, html.dark-mode body .orders-section, html.dark-mode body .hours-section, html.dark-mode body .commodities .brokerage-section, html.dark-mode body .currency-trading .pairs-section, html.dark-mode body .algo-page .advantages-section, html.dark-mode body .algo-page .target-audience-section, html.dark-mode body .algo-page .api-steps-section, html.dark-mode body .algo-page .lang-section, html.dark-mode body .algo-page .algo-cta-section, html.dark-mode body .ipo .ipo-steps, html.dark-mode body .mf-page .mf-why, html.dark-mode body .mf-page .mf-categories, html.dark-mode body .mf-page .mf-invest, html.dark-mode body .mf-page .mf-calculator, html.dark-mode body .gsec .feature-section, html.dark-mode body .gsec .steps-section, html.dark-mode body .gsec .why-section, html.dark-mode body .sgb .feature-section, html.dark-mode body .sgb .benefits-section, html.dark-mode body .etf .feature-section, html.dark-mode body .etf-form, html.dark-mode body .explore-etf, html.dark-mode body .etf-vs-mf, html.dark-mode body .pricing-page .pricing-hero-stats, html.dark-mode body .pricing-page .charges-section, html.dark-mode body .pricing-page .platform-section, html.dark-mode body .pricing-page .open-account-section, html.dark-mode body .pricing-page .start-trading-section, html.dark-mode body .charges-page .top-tab-container, html.dark-mode body .pricing-calculator .top-tab-container, html.dark-mode body .margin-calculator .top-tab-container, html.dark-mode body .calc .calculator-section, html.dark-mode body .knowledge-center .tab-nav, html.dark-mode body .knowledge-center .kc-content, html.dark-mode body .downloads-page .download-options-section, html.dark-mode body .downloads-page .qr-download-section, html.dark-mode body .downloads-page .qr-download-section, html.dark-mode body .downloads-page .web-cta-section, html.dark-mode body .refer-earn .refer-section, html.dark-mode body .refer-earn .how-it-works, html.dark-mode body .refer-earn .why-choose-section, html.dark-mode body .about-us .stats-section, html.dark-mode body .about-us .story-section, html.dark-mode body .about-us .journey-section, html.dark-mode body .about-us .contact-section, html.dark-mode body .careers .benefits, html.dark-mode body .careers .jobs, html.dark-mode body .support .support-section, html.dark-mode body .benefits-section, html.dark-mode .contact .contact-info, html.dark-mode .contact .contact-form, html.dark-mode .fund-transfer .tab-nav, html.dark-mode .fund-transfer .fund-content, html.dark-mode .dp-investor .charter-content, html.dark-mode body .terms .terms-content, html.dark-mode body .support .kb-section, html.dark-mode body .sitemap-page .sitemap-content, html.dark-mode body .investor-charges .terms-content, html.dark-mode body .risk-management .policy-content, html.dark-mode body .referral-terms .terms-content, html.dark-mode body .privacy-policy .privacy-content, html.dark-mode body .policy-voluntary-freezing .freeze-content, html.dark-mode body .policy-procedure .policy-content, html.dark-mode body .pmla-policy .pmla-content, html.dark-mode body .mtf-page .mtf-content, html.dark-mode body .mmd-page .mmd-content, html.dark-mode body .knowledge-center .tab-nav, html.dark-mode body .fraud-prevention .fraud-content, html.dark-mode body .equity-sip .equity-sip-content, html.dark-mode body .disclaimer .disclaimer-content, html.dark-mode body .demat-page .intro-section, html.dark-mode body .demat-page .steps-section, html.dark-mode body .terms-algo .terms-content, html.dark-mode body .mmd-tab-container
{
background: #161b27;
fill: #161b27;
}
html.dark-mode body .section-equity .broker-card, html.dark-mode body .product .tradingview-partnership-card, html.dark-mode body .landing-page .products-section .product-card, html.dark-mode body .equity-trading .feature-card, html.dark-mode body .equity-trading .et-card, html.dark-mode body .landing-page .testimonials-section .testimonial-card, html.dark-mode body .equity-trading .order-card, html.dark-mode body .fo-trading .products-card,
html.dark-mode body .fo-trading .features-card, html.dark-mode body .commodities .feature-card, html.dark-mode body .commodities .hours-card, html.dark-mode body .currency-trading .feature-card, html.dark-mode body .currency-trading .pairs-card, html.dark-mode body .algo-page .advantages-section .adv-card, html.dark-mode body .algo-page .api-steps-section .step-card, html.dark-mode body .algo-page .lang-section .lang-card, html.dark-mode body .ipo .ipo-cards, html.dark-mode body .ipo .ipo-steps .steps-grid > div, html.dark-mode body .mf-page .mf-why-card, html.dark-mode body .mf-page .mf-invest-card,
html.dark-mode body .mf-page .mf-calculator__card, html.dark-mode body .gsec .gsec-cards, html.dark-mode body .gsec .feature-section .feature-card,
html.dark-mode body .sgb .feature-section .feature-card, html.dark-mode body .sgb .benefits-section .benefit-card, html.dark-mode body .why-join-feature-card, html.dark-mode body .etf .feature-section .feature-card, html.dark-mode body .invest-sec-card, html.dark-mode body .explore-etf-card,
html.dark-mode body .pricing-page .pricing-hero-stats .stat-card, html.dark-mode body .pricing-page .charges-section .charge-card, html.dark-mode body .pricing-page .platform-section .platform-card, html.dark-mode body .margin-calculator .summary-body, html.dark-mode body .downloads-page .download-options-section .download-card, html.dark-mode body .downloads-page .qr-download-section .qr-card, html.dark-mode body .refer-earn .refer-section .form-card, html.dark-mode body .refer-earn .refer-section .share-card, html.dark-mode body .refer-earn .refer-section .why-card, html.dark-mode body .refer-earn .how-it-works .step-card, html.dark-mode body .refer-earn .why-choose-section .why-choose-card, html.dark-mode body .about-us .story-section .feature-card, html.dark-mode body .about-us .journey-section .timeline-card, html.dark-mode body .about-us .contact-section .contact-card, html.dark-mode body .support .support-section .support-card, html.dark-mode body .benifits-feature-card, html.dark-mode body .careers-testimonial-card, html.dark-mode body .contact .contact-info .info-card, html.dark-mode body .contact .contact-form .form-card, html.dark-mode body .contact .contact-form .office-card,
html.dark-mode body .dp-investor .contact-box, html.dark-mode body .terms .terms-content .intro-card, html.dark-mode body .terms .terms-content .toc-card,
html.dark-mode body .terms .terms-content .contact-card, html.dark-mode body .support .kb-section .kb-category-box, html.dark-mode body .support .kb-section .kb-cat-header, html.dark-mode body .referral-terms .intro-card, html.dark-mode body .referral-terms .section-block, html.dark-mode body .privacy-policy .privacy-content .toc-box, html.dark-mode body .privacy-policy .privacy-content .contact-box, html.dark-mode body .policy-voluntary-freezing .freeze-content .intro-card, html.dark-mode body .policy-procedure .policy-content .intro-card, html.dark-mode body .pmla-policy .pmla-content .intro-card,
html.dark-mode body .pmla-policy .pmla-content .approval-card, html.dark-mode body .mtf-page .mtf-content .info-card, html.dark-mode body .mtf-page .mtf-content .offer-card, html.dark-mode body .mtf-page .mtf-content .step-card, html.dark-mode body .mtf-page .mtf-content .pdf-note, html.dark-mode body .fraud-prevention .fraud-content .intro-card, html.dark-mode body .fraud-prevention .fraud-content .note-card, html.dark-mode body .equity-sip .benefit-card,
html.dark-mode body .equity-sip .invest-feature-card, html.dark-mode body .equity-sip .steps-section, html.dark-mode body .equity-sip .explore-card, html.dark-mode body .equity-sip .explore-card, html.dark-mode body .disclaimer-section, html.dark-mode body .demat-page .features-section .feature-card, html.dark-mode body .demat-page .steps-section .step-card, html.dark-mode body .terms-algo .intro-card, html.dark-mode body .terms-algo .contact-card, html.dark-mode body .about-us .journey-section .timeline-line, html.dark-mode body .downloads-page .dl-card, html.dark-mode body .downloads-page .sw-card, html.dark-mode body .downloads-page .charter-card, html.dark-mode body .pricing-calculator .calc-wrapper, html.dark-mode body .margin-calculator .summary-body
{
background: #1d2432 !important;
fill: #1d2432;
}
html.dark-mode body .mf-page .mf-calculator__summary, html.dark-mode body .product .section-equity .trade-box, html.dark-mode body .mf-page .mf-calculator__input, html.dark-mode body .refer-earn .refer-section input, html.dark-mode body .contact .contact-form input, html.dark-mode body .contact .contact-form textarea
{
background: #161b27;
fill: #161b27;
}
/* Dark Mode css Ends Here */
/* Highlight Links section starts here */
html.highlight-links a { background: #fcff58 !important; padding: 0px 4px 0px 4px; margin:2px 0; display: inline-block; border-radius: 3px; color:#272727 !important }
html.highlight-links button { background: #fcff58 !important; padding: 0px 4px 0px 4px; margin:2px 0; color:#272727 !important }
/* Highlight Links section Ends here */
/* Hide Image section starts here */
html.hide-images img, html.hide-images svg{
visibility:hidden !important;
opacity:0;
}
/* Hide Image section Ends here */
/* Focus indicator css */
html.focus-indicator *:focus-visible{
outline:3px solid #ffa31a !important;
outline-offset:4px;
border-radius:4px;
transition:outline .2s;
}
/* Focus Indicator css */
/* ADHD Focus Assist */
#adhdOverlay{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
pointer-events:none;
z-index:999999;
display:none;
background:
radial-gradient(
circle 160px at 50% 50%,
transparent 0,
transparent 150px,
rgba(0,0,0,.65) 170px
);
}
/* ADHD Focus Assist */
/* Smart Contrast */
/* ===========================================================
Smart Contrast
=========================================================== */
html.smart-contrast body{
background:#ffffff !important;
color:#000000 !important;
}
/* Headings */
html.smart-contrast h1,
html.smart-contrast h2,
html.smart-contrast h3,
html.smart-contrast h4,
html.smart-contrast h5,
html.smart-contrast h6{
color:#000 !important;
}
/* Paragraph */
html.smart-contrast p,
html.smart-contrast span,
html.smart-contrast li,
html.smart-contrast label{
color:#111 !important;
}
/* Links */
html.smart-contrast a{
color:#0033cc !important;
text-decoration:underline;
}
html.smart-contrast a:hover{
color:#0000ff !important;
}
/* Cards */
html.smart-contrast .card,
html.smart-contrast .acc-card{
background:#fff !important;
border:2px solid #000 !important;
color:#000 !important;
}
/* Buttons */
html.smart-contrast .btn{
border:2px solid #000 !important;
font-weight:600;
}
/* Form Controls */
html.smart-contrast input,
html.smart-contrast textarea,
html.smart-contrast select{
background:#fff !important;
color:#000 !important;
border:2px solid #000 !important;
}
/* Placeholder */
html.smart-contrast input::placeholder,
html.smart-contrast textarea::placeholder{
color:#444 !important;
}
/* Tables */
html.smart-contrast table{
border:2px solid #000 !important;
}
html.smart-contrast th{
background:#000 !important;
color:#fff !important;
}
html.smart-contrast td{
border:1px solid #000 !important;
}
/* Dropdown */
html.smart-contrast .dropdown-menu{
background:#fff !important;
border:2px solid #000 !important;
}
/* Modal */
html.smart-contrast .modal-content{
border:2px solid #000 !important;
}
/* Focus */
html.smart-contrast *:focus-visible{
outline:3px solid #ff9800 !important;
outline-offset:3px;
}
/* Smart Contrast */
/* Dyslexia */
html.dyslexia *{ letter-spacing:26% !important; line-height: 200%; }
html.dyslexia #accessibilityDropdown .acc-card span { line-height: 17px !important; }
html.dyslexia #accessibilityDropdown .acc-card i { line-height: 17px !important; }
/* Dyslexia */
/* Blue Light Filter */
#blueLightOverlay{
/* position:fixed; top:0; left:0; width:100%; height:100%;
background:rgba(255,230,180,.30); pointer-events:none; z-index:999998; display:none; mix-blend-mode:multiply; */
}
html.blue-light{
filter: sepia(.25) saturate(.9) hue-rotate(-20deg);
}
/* Blue Light Filter */