* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

#mobile_top_cta{
  display: none;
}

:root {

  --White: var(--white, #FFF);
  --pink-dark: var(--pink_dark, #D57BC8);
  --teal-medium: var(--teal_medium, #96DDCC);
  --Purple-Light: var(--purple_light, #EFEBFF);
  --Grey-300: var(--Grey_300, #D0D5DD);
  --Grey-50: var(--Grey_50, #F9FAFB);
  --Grey-100: var(--Grey_100, #F2F4F7);
  --Grey-600: var(--Grey_600, #475467);
  --Grey-800: var(--Grey_800, #1D2939);
  --Grey-900: var(--Grey_900, #101828);

  --white: #FFF;
  --pink_light: #FFEBFC;
  --pink_medium: #FAA8F1;
  --pink_dark: #D57BC8;
  --purple_light: #EFEBFF;
  --purple_medium: #D9D0FC;
  --purple_dark: #C0B1F8;
  --purple_black:#7c65cf;
  --teal_light: #E5FFFB;
  --teal_extra_light: #7AE3F1;
  --Grey_shade: #CBCBCB2B;
  --cyan_medium: #46DEFF;
  --black_grey_shade: #212529;
  --teal_medium: #96DDCC;
  --teal_dark: #579888;
  --yellow_light: #F8FFE5;
  --yellow_dark: #B0B992;

  --Grey_50: #F9FAFB;
  --Grey_100: #F2F4F7;
  --Grey_200: #EAECF0;
  --Grey_300: #D0D5DD;
  --Grey_400: #98A2B3;
  --Grey_500: #667085;
  --Grey_600: #475467;
  --Grey_700: #344054;
  --Grey_800: #1D2939;
  --Grey_900: #101828;

  --wrightblack: #1E0C1C;
  --wrightskyblue: #EFEBFF;
  --wrightblackgrey: #242424;
  --darkgrey: #444444;
  --dark_grey: #344054;
  --light_gray: #98A2B3;
  --light_blue:#5A607F;
  --Grey_light_blue: #EAECF0;
  --dark_grey_blue: #182232;
  --gray_blue_shade: #34405466;
  --light_grey_pink_shade: #706C70;
  --Grey_pink_shade: #575357;
  --light_grey: #D0D5DD;
  --semi_grey: #575457;
  --semi_gray: #475467;
  --white_blue_shade: #FCFCFD;
  --semi_light_grey: #858789;
  --extra_dark_gray: #1D2939;
  --extra_light_blue: #F2F4F7;
  --off_white: #F9FAFB;
  --off_grey: var(--text-muted, #475467);
  --text-muted: #475467;
  --text-muted-strong: #344054;
  --text-link-pink: #7A2870;
  --text-link-teal: #25594D;
  --text-on-dark-accent: #96DDCC;
  --text-on-dark-muted: #D0D5DD;
  --text-link-purple: #5B3FB8;
  --text-error: #B42318;
  --navy_blue: #101828;
  --btn-outline-light: #f8f9fa;
  --wrightgreen: #25594D;
  --wrightsemiblack: #111;
  --wrightsemilightblack: #1f1f1f;
  --footerbackground: #1f1f1f;
  --footertext-color: #a6a6a6;
  --footerlines: #a6a6a6;
  --footersocialborder: #a6a6a6;
  --copyrightcolor: #7a9185;
  --wrightsemiblackcontrast: #131523;
  --wrightlightgreencolor: var(--teal_dark);
  --wrightlightredcolor: var(--text-link-pink, #7A2870);
  --wrightdarkblue:var(--purple_dark);
  --wrightextralightcolor: var(--pink_light);
  --footerbutton: var(--purple_dark);
  --font-family-pp-mori: PP Mori;
  /* Font family tokens are defined in core/tokens.css and applied in core/typography.css */

  /* Dashed token aliases (map to legacy underscore tokens) */
  --pink-light: var(--pink_light);
  --pink-medium: var(--pink_medium);
  --pink-dark: var(--pink_dark);
  --teal-light: var(--teal_light);
  --teal-medium: var(--teal_medium);
  --teal-dark: var(--teal_dark);
  --purple-light: var(--purple_light);
  --purple-medium: var(--purple_medium);
  --purple-dark: var(--purple_dark);
  --purple-black: var(--purple_black);
  --font-style-normal: normal;
  --font-weight-600: 600px;
  --font-weight-medium: medium;
  --font-weight-normal: normal;
  --font-size-8: 8px;
  --font-size-9: 9px;
  --font-size-10: 10px;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-13: 13px;
  --font-size-14: 14px;
  --font-size-15: 15px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-21: 21px;
  --font-size-22: 22px;
  --font-size-23: 23px;
  --font-size-24: 24px;
  --font-size-25: 25px;
  --font-size-26: 26px;
  --font-size-28: 28px;
  --font-size-30: 30px;
  --font-size-32: 32px;
  --font-size-34: 34px;
  --font-size-36: 36px;
  --font-size-38: 38px;
  --font-size-40: 40px;
  --font-size-42: 42px;
  --font-size-44: 44px;
  --font-size-48: 48px;
  --font-size-60: 60px;
  --text-caption: var(--font-size-12);
  --text-body-sm: var(--font-size-14);
  --text-body: var(--font-size-15);
  --text-body-lg: var(--font-size-16);
  --text-title-sm: var(--font-size-18);
  --text-title: var(--font-size-22);
  --text-title-lg: var(--font-size-24);
  --text-display-sm: var(--font-size-24);
  --text-display: var(--font-size-36);
  --text-hero: var(--font-size-48);
  --text-jumbo: var(--font-size-60);
  /* Resolved via explicit pixel aliases above; matches tokens.css --font-size-5xl / --font-size-6xl */
  --character-spacing-0: 0px;
  --character-spacing-0-36: 0.36px;
  --line-spacing-27: 27px;
  --line-spacing-28: 28px;
  --line-spacing-29: 29px;
  --line-spacing-30: 30px;
  --line-spacing-36: 36px;
  --line-spacing-56: 56px;
  --line-spacing-100: 100px;
  --lh-tight: 1.25;
  --lh-normal: 1.5;
  --lh-relaxed: 1.75;
}

#testimonials .star_box span, .litext li {
  margin-right: var(--space-component-xs);
}
#footer .footer-top h4, #mobile-nav ul li a, .collapseButton, .logo-menu a {
  text-transform: uppercase;
}

.invest_banner .p1 {
  font-weight: 400;
}

.footerp, .social-links .footerp {
  line-height: 23px!important;
  word-spacing: 0px;
}
body {
  background: #fff;
  color: var(--wrightblack);
  overflow-x: hidden;
  font-size: var(--text-body);
  line-height: var(--lh-normal);
}
a {
  color: var(--text-link-teal, #25594D);
  transition: .5s;
}
a:active, a:focus, a:hover {
  color: var(--text-link-teal, #25594D);
  outline: 0;
  text-decoration: none!important;
}
p {
  padding: 0;
  margin: 0 0 var(--space-6);
  font-size: var(--text-body);
  line-height: var(--lh-relaxed);
}
h1, h2, h3, h4, h5, h6, label {
  
  font-weight: 400;
  margin-bottom: 0;
  padding: 0;
  line-height: var(--lh-tight);
}
h1 {
  font-size: var(--text-display);
}
h2 {
  font-size: var(--text-display-sm);
}
h3 {
  font-size: var(--text-title);
}
h4 {
  font-size: var(--text-title-sm);
}
h5 {
  font-size: var(--text-body-lg);
}
h6, label {
  font-size: var(--text-body-sm);
}
#backdrop {
  width: 100vw;
  height: 100vh;
}

.policy .card p {
  font-size: var(--text-body-sm);
  
}

.bottom_text_transform div a {
  font-family: PPMori-Regular;
  color: #1d1d1d;
}
#testimonials, .investment_journey {
  padding: 3rem 0;
}

#diversify {
  background-color: var(--wrightblack);
  padding: 3rem 7rem;
}
.diversify iframe{
  border: 4px solid var(--pink_dark);
    border-radius: 10px;
    box-shadow: 0 0 7px rgb(35 30 14 / 12%);
}
.perfect_portfolio{
padding:4rem;

}

.mf_landing .perfect_portfolio {
  padding: 3rem;
  background: linear-gradient(180deg, white 0, #f7ddf4 73%, #f8f6fe 100%) no-repeat padding-box;
}
.mf_landing .top_insight_value {
  position: fixed;
  top: 8px;
  left: 47%;
  transform: translateX(-50%);
  z-index: 1010;
  width: 68%;
}
.mf_landing .top_insight_value .col-3{
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center ;
}

.mf_landing .top_insight_value p{
  margin-bottom: 0;
  
}
.mf_landing .top_insight_value p:first-child{
  font-weight: 400;
}

.mf_landing .top_insight_value h5{
  font-weight: 800;
}

.mf_landing .top_insight_value p:last-child,.subcr_plan_header h6{
  font-weight: 500;
}

.tooltip-here-return {
  position: relative;
  display: inline-block;
  transition: 1s ease-out;
}
.tooltip-here-return .tooltiptext {
  font-size: var(--text-caption);
  visibility: hidden;
  width: 290px;
  background-color: var(--purple_medium);
  color: grey;
  text-align: center;
  border-radius: 6px;
  padding: var(--space-component-xs);
  position: absolute;
  bottom: -103px;
  left: -5%;
  margin-left: -var(--space-12);
  opacity: 0.5;
  transition: opacity 0.3s;
  z-index: 100;
  transition: 1s ease-out;
}

.tooltip-here-return:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
  transition: 1s ease-out;
}
.tooltip-here-return .tooltiptext a{
  color: var(--text-link-teal, #25594D);
  font-size: var(--text-body-sm);
  text-decoration: underline;
}
.tooltip-here-return span.ques_mark {
  position: absolute;
  top: -2px;
  right: -17px;
  font-size: var(--text-caption);
  background: var(--purple_medium);
  padding: 0 var(--space-component-xs);
  border-radius: 50%;
  color: white;
}

.mf_landing .perfect_portfolio .card_recommended{
  border: 1px solid #ffffff00;
  transition: .3s ease-out;
}
.mf_landing .perfect_portfolio .card_recommended:hover{
  border: 1px solid #faa8f1 !important;
  box-shadow: 0 0 18px rgb(0 0 0 / 25%);
  margin-top: -0.2rem;
}

.Mf_portfolio_made {
  background: linear-gradient(180deg, #f7f5fe 0, #ffffff 89%, #ffecfcf2 100%) no-repeat padding-box;
  padding: 3rem 0rem;
}
.mf_landing .Mf_portfolio_made .col-md-4 div {
  background-color: var(--pink_light);
  padding: 1rem;
  height: 170px;
  border-radius: 10px;
  box-shadow: 0 0 7px rgb(0 0 0 / 5%);
  text-align: center;
}
.mf_landing .Mf_portfolio_made .col-md-4 div h4 {
  font-size: var(--text-title);
  font-weight: 600;
}
.Mf_portfolio_made .col-md-4 {
  margin-bottom: 2rem;
  position: relative;
  padding: 1rem 2rem;
}
.Mf_portfolio_made .col-md-4 i {
  position: absolute;
  font-size: var(--text-title);
  color: var(--text-link-purple, #5B3FB8);
}

.section-header h3{
  font-size: var(--text-display);
  text-align: center;
  padding-bottom: var(--space-component-xs);
  margin-bottom: var(--space-component-xs);
  
  font-weight: 500;
}
.section-header p {
  font-size: var(--text-caption);
  margin-bottom: var(--space-5);
}
.section-header h1 {
  font-size: var(--text-display-sm);
  text-align: center;
  font-weight: 500;
  padding-bottom: var(--space-component-md);
}
.section-header p {
  font-weight: 400;
  text-align: center;
  padding-bottom: 0;
  color: #0e1513;
  font-size: var(--text-body-lg);
  
}
.plus_sign a, .plus_sign a:hover {
  color: var(--wrightsemiblackcontrast);
}
.section-bg {
  background: #f7f7f7;
}

 #testimonials .owl-carousel .owl-item img {
  display: block;
  width: auto !important;
}
.section-header h1, .section-header h3, .section-header p {
  color: var(--wrightsemiblack);
  position: relative;
}
.invest_banner .btn-dark , .landing .btn-dark {
  color: #ffff !important;
  animation: pulse_teal 4s infinite;
}
.getting_start{
  font-size: var(--font-size-16px);
  padding: 0;
}
.invest_banner .btn-dark .fas {
  color: var(--teal_light);
}

.invest_banner .btn-dark:hover,
.landing .btn-dark:hover {
  color: #000!important;
  background-color: #fff!important;
  border: 1px solid var(--wrightblack);
}
.invest_banner .btn-dark:hover .fas {
  color: var(--text-link-teal, #25594D);
}
.invest_banner_content a:hover img {
  margin-left: var(--space-component-xs);
  transition: .3s ease-out;
}
.invest_banner .threebuttons {
  margin-top: 1rem;
  display: flex;
  justify-content: space-between;
  height: 140px;
}
.invest_banner .threebuttons img {
  max-width: 100%}
.threebuttons .threebuttons_box:first-child, .threebuttons .threebuttons_box:last-child {
  margin-top: 3rem;
}
.btn-box {
  position: relative;
  animation: 2.5s cubic-bezier(.5, 0.05, 1, .5) infinite bounce;
  animation-direction: alternate;
  -webkit-animation-name: bounce;
  -webkit-animation-duration: 2.5s;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: cubic-bezier(.5, 0.05, 1, .5);
  -webkit-animation-iteration-count: infinite;
}
.btn-text {
  position: absolute;
  top: 52%;
  right: 5px;
  transform: translateY(-50%);
  width: 180px;
  display: flex;
  justify-content: flex-start;
}

.btn-text p {
  font-size: var(--text-caption);
  font-weight: 400;
}

#testimonials, .investment_journey {
  padding: 3rem 0 3rem;
}
.mf_investment_journey{
  background-color: var(--pink_light);
}

.filterContainer ul li {
  padding: 0.2rem 3rem;
  
  font-weight: 400;
  cursor: pointer;
}

.filterContainer .filter {
  border-bottom: 1px solid #fff;
}
.filterContainer .filterSelected span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #0e1513;
}
#diversify {
  background-color: var(--wrightblack);
  padding: 3rem 7rem;
}
body.mobile-nav-active #mobile-nav {
  left: 0;
}
.section-header p {
  font-size: var(--text-body-lg);
  margin-bottom: var(--space-5);
}
.mf_landing .section-header p {
  font-size: var(--text-body-lg);
  margin-bottom: var(--space-5);
}
.section-bg {
  background: #f7f7f7;
}
.owl-dots, .owl-nav {
  margin-top: var(--space-component-xs);
  text-align: center;
}
.txt_blue, .txt_pink, .txt_red, .txt_yellow,.txt_green ,.txt_blue {
  margin-top: 1rem;
  border-radius: 2px;
  padding: var(--space-component-xs) var(--space-component-xs);
  
  font-size: var(--text-body-sm);
  font-weight: 500;
}

.plus_sign a {
  font-size: var(--text-title-sm);
  font-family: 600;
  text-decoration: underline;
}
.feature_news h3, .featured-in h3, .recommended_portfolios .heading_text h2, .research_backed_mob_app h5 {
  font-size: var(--text-display);
}

.partner_news {
  background: transparent linear-gradient(180deg, #FFFFFF 0%, #DDD7F5 73%, #C2B6ED 100%) 0% 0% no-repeat padding-box;
  padding: 5rem 0;
}

#blogDiv .card p, #blog_div .card p {
  margin-bottom: 0;
  font-family: PPMori-Regular;
  color: #a6adb4;
}
#blogDiv .card .card-footer, #blog_div .card .card-footer {
  padding: 0;
  color: #000;
  font-size: var(--text-body-sm);
  margin-bottom: 0;
  background-color: #fff!important;
  border-top: 0;
  font-family: PPMori-semiBold;
}
.feature_news h3 , .featured-in h3{
  
  font-weight: 500;
  text-align: center;
  margin-bottom: 3rem;
}
.data_part_smallcaps .fisrt_data, .data_part_smallcaps .last_data, .mobile_sector_allocation .nav-tabs .nav-item .nav-link, .text_part_smallcaps p {
  font-weight: 500!important;
  
}

#footer, #footer .footer-top {
  background: var(--footerbackground);
}

#footer .footer-top .footer-contact, #footer .footer-top .footer-info, #footer .footer-top .footer-links, #footer .footer-top .footer-newsletter, #hero h2 {
  margin-bottom: var(--space-6);
}
#footer .app_icons a:hover{
  background-color: none;
}
#footer .app_icons{
  margin-left: var(--space-6);
}
#footer .app_icons .app_icons_img:nth-child(2){
  margin-left: 1rem;
}
#footer .app_icons a{
  border-radius: 3px;
    border: 2px solid var(--teal_dark);
    width: 126px;
    position: relative;
    display: block;
}
.txtmq_green {
  color: var(--wrightlightgreencolor);
  margin-bottom: 1rem;
}
.txtmq_red {
  color: var(--wrightlightredcolor);
}
.mobile_sector_allocation ul {
  border-bottom: 0;
}
.mobile_sector_allocation .nav-tabs .nav-item.show .nav-link, .mobile_sector_allocation .nav-tabs .nav-link.active {
  color: var(--wrightsemiblackcontrast)!important;
  background-color: #fff;
  border: 1px solid #fff!important;
  font-size: var(--text-body-sm);
  font-weight: 500!important;
  
}

.mobile_sector_allocation .nav-tabs .nav-item .nav-link {
  color: #bfbfbf;
  font-size: var(--text-body-sm);
  background-color: #fff;
}
.mobile_sector_allocation button:focus {
  outline: dotted 0;
  outline: -webkit-focus-ring-color auto 0;
}
.mobile_sector_allocation .nav-tabs .nav-link:focus, .mobile_sector_allocation .nav-tabs .nav-link:hover {
  border-color: #e9ecef00 #e9ecef00 #dee2e600;
}

.data_part_smallcaps .fisrt_data, .data_part_smallcaps .last_data {
  font-size: var(--text-body-sm);
  color: #7e84a3;
  margin-bottom: .2rem;
}
.data_part_smallcaps .last_data {
  color: #1a1a31!important;
  margin-top: 0;
}
.data_part_smallcaps .col:not(:last-child)::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  right: -4px;
  top: 0;
  background-color: #e2e2e2;
}
.text_part_smallcaps p {
  font-size: var(--text-body-sm);
  color: #8e8e8e;
  margin: .5rem 0;
}
.text_part_smallcaps h5 {
  font-size: var(--text-body-lg);
  color: #1a1a31;
  
  font-weight: 800!important;
  margin-bottom: 0;
}
.modal-social-links a, .social-media-icons a {
  margin-right: var(--space-component-xs);
  margin-bottom: var(--space-component-sm);
  line-height: 1;
  text-align: center;
  transition: .3s;
}
.txt_green {
  background-color: var(--teal_light);
  color: var(--text-link-teal, #25594D);
  margin-bottom: 1rem;
}

.draw-badge-dark .txt_green,
.draw-badge-dark .txt_blue,
.draw-badge-dark.txt_green,
.badge-dark.draw-badge-dark .txt_green,
.badge-dark.draw-badge-dark .txt_blue {
  color: var(--text-on-dark-accent, #96DDCC);
  background-color: transparent;
}

.txt_yellow {
  background-color: var(--purple_light);
  color: var(--text-link-purple, #5B3FB8);
}
.txt_blue {
  background-color: var(--teal_light);
  color: var(--text-link-teal, #25594D);
}
.txt_pink {
  background-color: var(--purple_light);
  color: var(--text-link-purple, #5B3FB8);
}
.txt_red {
  background-color: var(--pink_light);
  color: var(--text-error, #B42318);
}
.footer-links a, .footerp, .social-links .footerp {
  font-size: var(--text-caption)!important;
}
.footerp, .registrationNumber p, .social-links .footerp {
  margin-top: var(--space-5);
  color: #9a9a9a!important;
  font-family: PPMori-Regular!important;
}

@media (min-width:768px) {

.portfolio_tracking img, .risk_banner img {
  position: absolute;
  transform: translateY(-50%);
  right: 130px;
}

.mobile-only-button {
  display: none!important;
}
.financial_results .col-md-6:first-child:after, .goal_results .col-md-6:first-child:after, .retirement_results .col-md-6:first-child:after {
  position: absolute;
  content: " ";
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: #cecece;
}
.return_section .col-md .performance_return div:not(:first-child)::before {
  position: absolute;
  content: "";
  left: -63px;
  top: 3px;
  height: 80%;
  width: 2px;
  background: #1522321A;
}
.risk_banner img {
  top: 50%;
  width: 210px;
}
.portfolio_tracking img {
  top: 40%;
  width: 262px;
}
li.menu-has-children.drop-menu .col.desktop-only {
  display: flex;
  justify-content: center;
  align-items: center;
}
.litext {
  padding-right: 1rem;
}
.social-links i {
  font-size: var(--text-display-sm)!important;
}
.promo_code {
  position: relative;
  padding: 0;
  
  bottom: 0;
  width: 100%;
  margin: 0;
}
.month {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  margin-bottom: .5rem;
  padding: 0 1.5rem;
  border-radius: 4px;
}
.month .p {
  font-size: var(--text-body-lg);
}
}

.promo_code div:last-child p {
  margin-bottom: .5rem;
  margin-top: 1rem;
}
.promo_code .btn-success {
  font-size: var(--text-title-lg);
  width: 100%}

@media screen and (max-height:450px) {

.sidenav a {
  font-size: var(--text-title-sm);
}
}.subs_plan {
  background: linear-gradient(208deg, #e1d9ff 0, #7d6bbc 100%) no-repeat padding-box;
  padding: 1rem 0 0 1rem;
}
.sub_heading p {
  margin-bottom: 0;
  margin-top: 1rem;
  font-size: var(--text-title-sm);
}
.sub_heading h5 {
  font-size: var(--text-title-lg);
  margin-top: .3rem;
}
*+address, *+dl, *+fieldset, *+figure, *+ol, *+p, *+pre, *+ul {
  margin-top: 0!important;
}

.readMoreLesstext li, .readMoreLesstext p {
  font-size: var(--text-body-sm);
  color: grey;
  margin-bottom: .5rem;
}

.readMoreLesstext h2 {
  font-size: var(--text-title-lg);
}
.landing #hero_mobile a, .readMoreLesstext h3 {
  font-size: var(--text-title);
}
.landing .invest_banner a, .readMoreLesstext h4 {
  font-size: var(--text-title-sm);
}
.readMoreLess,
#myBtn {
  font-size: var(--text-body-sm)!important;
  cursor: pointer;
  font-weight: 700;
  color: var(--text-link-teal, #25594D);
}

.landing #hero_mobile a {
  font-size: var(--text-title-sm);
}
.landing .filterContainer ul li:last-child a {
  color: #303635!important;
}
.landing .invest_banner {
  padding: 7rem 7rem 0;
}
.landing .margin-bottom-footer-links{
  display: none;
}

.onboarding_risk_question .card, .subscription_flow_risk_question .card {
  margin-bottom: 1rem;
}
.subscription_flow_risk_question .card-header h2 {
  display: flex;
  align-items: center;
  width: 100%}

.onboarding_usp #changeTextModal {
  color: #a9a9a9;
  font-weight: 300;
}

#formInv-1 select {
  width: 100%!important;
  border: 1px solid var(--teal_light);
  background: var(--teal_light);
}
#kycFormContent label {
  margin-bottom: 0!important;
  color: #919395;
}
#formInv-2 .custom-select, #formInv-4 .custom-select {
  background-color: var(--teal_light)!important;
  border: 1px solid var(--teal_light)!important;
}

.onboard_cta_div {
  display: flex;
  justify-content: flex-start;
}

.question_quote {
  margin-bottom: 0;
}

.fa-angle-down {
  margin-right: var(--space-component-sm);
  color: #a9a9a9;
}

.current_elem_active1::after, .current_elem_active::before {
  position: absolute;
  content: "";
  background: var(--purple_dark);
  width: 37px;
  height: 37px;
  z-index: -1;
  left: 50%;
  top: 49%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 3px solid var(--teal_medium);
}

/* WCAG 1.4.11: override Bootstrap .form-control #ced4da (~1.49:1) on legacy pages.
   Uses existing --control-border* tokens (Grey-500 / Grey-700). Underscore fallbacks
   for when tokens.css is not loaded (legacy_css_bundle-only pages). */
.form-control {
  border-color: var(--control-border, var(--Grey_500, #667085));
}
.form-control:focus,
.form-control:focus-visible {
  border-color: var(--control-border-focus, var(--Grey_700, #344054));
  outline: 0;
  box-shadow: var(--control-focus-ring, 0 0 0 2px var(--Grey_700, #344054));
}

.frmbox {
  display: flex!important;
}
.frmbox .form-control {
  width: 32px;
  height: 40px;
  text-align: center;
  padding: 0;
  margin-right: var(--space-component-xs);
  border-radius: 4px !important;
  /* Existing !important retained only to beat Bootstrap OTP box rules; color uses tokens. */
  border: 1px solid var(--control-border, var(--Grey_500, #667085)) !important;
  }
.frmbox .form-control:focus,
.frmbox .form-control:focus-visible {
  border-color: var(--control-border-focus, var(--Grey_700, #344054));
  box-shadow: var(--control-focus-ring, 0 0 0 2px var(--Grey_700, #344054));
}
  .frmbox input:not(:first-child){
    margin-left: 1rem;
  }
  @-webkit-keyframes pulse_pink {
    0% {
      -webkit-box-shadow: 0 0 0 0 rgba(250,168,241, 0.4);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(250,168,241, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(250,168,241, 0);
    }
  }
  @keyframes pulse_pink {
    0% {
      -moz-box-shadow: 0 0 0 0 rgba(250,168,241, 0.4);
      box-shadow: 0 0 0 0 rgba(250,168,241, 0.4);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(250,168,241, 0);
        box-shadow: 0 0 0 10px rgba(250,168,241, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(250,168,241, 0);
        box-shadow: 0 0 0 0 rgba(250,168,241, 0);
    }
  }
  @-webkit-keyframes pulse_teal {
    0% {
      -webkit-box-shadow: 0 0 0 0 rgba(150,221,204, 0.4);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(150,221,204, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(150,221,204, 0);
    }
  }
  @keyframes pulse_teal {
    0% {
      -moz-box-shadow: 0 0 0 0 rgba(150,221,204, 0.4);
      box-shadow: 0 0 0 0 rgba(150,221,204, 0.4);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(150,221,204, 0);
        box-shadow: 0 0 0 10px rgba(150,221,204, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(150,221,204, 0);
        box-shadow: 0 0 0 0 rgba(150,221,204, 0);
    }
  }
  @-webkit-keyframes pulse_purple {
    0% {
      -webkit-box-shadow: 0 0 0 0 rgba(192,177,248, 0.4);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(192,177,248, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(192,177,248, 0);
    }
  }
  @keyframes pulse_purple {
    0% {
      -moz-box-shadow: 0 0 0 0 rgba(192,177,248, 0.4);
      box-shadow: 0 0 0 0 rgba(192,177,248, 0.4);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(192,177,248, 0);
        box-shadow: 0 0 0 10px rgba(192,177,248, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(192,177,248, 0);
        box-shadow: 0 0 0 0 rgba(192,177,248, 0);
    }
  }

  .pricing_subscribe p , .access_amount{
    
    color: #7e84a3;
    font-size: var(--text-caption);
  }
  .remove_class .access_amount{
    
    color: #7e84a3;
    font-size: var(--text-caption) !important;
  }
  .investor_detail .remove_class .card .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem 1.25rem;
}

.tab-color-here {
  text-align: center;
  padding: 0;
  width: 20%;
}

.litext {
  padding-right: 1rem;
}
.social-links i {
  font-size: var(--text-display-sm)!important;
}
.promo_code {
  position: relative;

  padding: 0;

  
  bottom: 0;
  width: 100%;
  margin: 0;
}
.month {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  margin: 1rem .8rem 1.5rem;
  padding: 0 1.5rem;
  border-radius: 4px;
  background-color:var(--purple_dark) !important;
  box-shadow: 2px 4px 0px #000000;
}
.month .p {
  font-size: var(--text-body-lg);
}

.promo_code div:last-child p {
  margin-bottom: .5rem;
  margin-top: 1rem;
}
.promo_code .btn-success {
  font-size: var(--text-title-lg);
  width: 100%}

@media screen and (max-height:450px) {

.sidenav a {
  font-size: var(--text-title-sm);
}
}.subs_plan {
  background: linear-gradient(208deg, #e1d9ff 0, #7d6bbc 100%) no-repeat padding-box;
  padding: 1rem 0 0 1rem;
}
.sub_heading p {
  margin-bottom: 0;
  margin-top: 1rem;
  font-size: var(--text-title-sm);
}
.sub_heading h5 {
  font-size: var(--text-title-lg);
  margin-top: .3rem;
}
*+address, *+dl, *+fieldset, *+figure, *+ol, *+p, *+pre, *+ul {
  margin-top: 0!important;
}

.mf_landing .footer-top .row ,.momentum_landing .footer-top .row {
  justify-content: center;
}
.mf_landing .footer-top .col-lg-4,
.momentum_landing .footer-top .col-lg-4{
  max-width: 70%;
  flex: 0 0 70.333333%;
}
.mf_landing .footer-top .footer-info,
.momentum_landing .footer-top .footer-info{
  text-align: center;
}
.landing #hero_mobile a {
  font-size: var(--text-title-sm);
}

.landing .invest_banner {
  padding: 7rem 7rem 0;
}
.landing .margin-bottom-footer-links{
  display: none;
}

#MailListModal

  to {
    transform: translateX(370px) rotate(45deg);
  }
}

.readMoreLesstext li {
  margin-left: var(--space-component-lg);
}

#more {
  display: none;
}

#dots {
  display: inline;
}