@charset "UTF-8";
@import './font-load.css';
.dialog_btn_P {
  padding: 0.6rem 2rem;
  background-color: var(--naa-secondary-btn);
  color: var(--naa-footer-bg);
  border: 1px solid var(--naa-secondary-btn);
  border-radius: 25rem;
  font-size: var(--font-size-18);
  font-family: var(--ff-medium);
  cursor: pointer;
  display: flex;
  align-items: center;
}
.dialog_btn_P:hover:not(.disabled) {
  opacity: 0.75 !important;
  color: var(--naa-footer-bg);
}
.dialog_btn_P:disabled {
  pointer-events: none;
  opacity: 0.5 !important;
}
.dialog_btn_P:focus-visible {
  outline: none;
}
.dialog_btn_P.small {
  font-size: var(--font-size-14) !important;
}

.primary_btn {
  padding: 0.6rem 2rem;
  background-color: var(--naa-secondary-btn);
  color: var(--naa-primary-btn);
  border: 1px solid var(--naa-secondary-btn);
  border-radius: 0.625rem;
  font-size: var(--font-size-14);
  font-family: var(--ff-medium);
  cursor: pointer;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  padding: 0.6rem 2.2rem;
  display: inline-block;
}
.primary_btn:hover:not(.disabled) {
  opacity: 0.75 !important;
  color: var(--naa-footer-bg);
}
.primary_btn:disabled {
  pointer-events: none;
  opacity: 0.5 !important;
}
.primary_btn:focus-visible {
  outline: none;
}
.primary_btn.small {
  font-size: var(--font-size-14) !important;
}

.dialog_btn_outline {
  padding: 0.75rem 2rem;
  color: var(--naa-para-text);
  border: 1px solid var(--naa-para-text);
  border-radius: 25rem;
  font-size: var(--font-size-16);
  font-family: var(--ff-medium);
  cursor: pointer;
}
.dialog_btn_outline:hover:not(.disabled) {
  opacity: 0.75 !important;
}
.dialog_btn_outline:focus-visible {
  outline: none;
}
.dialog_btn_outline.small {
  font-size: var(--font-size-14) !important;
}

.cards_style {
  background: var(--card-bg);
  padding: 1.5rem;
  border-radius: 0.5rem;
}

.cards_grad {
  background: var(--card-bg-alt);
  padding: 2rem;
  border-radius: 0.5rem;
  padding-right: 3rem;
}

/************************************/
/*** 	 01. Global Variables	  ***/
/************************************/
:root {
  --naa-body-bg: #293347;
  --naa-body-bg-alt: #293347;
  --naa-navbar-bg: #34425a;
  --naa-footer-bg: #36455e;
  --naa-primary-btn: #47526e;
  --naa-secondary-btn: #f2f2f2;
  --naa-close-btn: #47526e;
  --naa-close-btn-alt: #293347;
  --naa-para-text: #f2f2f2;
  --naa-para-text-dull: #8d929c;
  --naa-para-text-alt: #ccccc9;
  --naa-title-text: #f2f2f2;
  --naa-title-text-alt: #ffffff;
  --naa-link-text: #05eba8;
  --naa-highlight-text: #00EBEF;
  --naa-mint-text: #05eba8;
  --naa-mint-text: #05EBA8;
  --naa-border: #9196a0;
  --naa-border-alt: #8f94a1;
  --naa-modal-bg: #293347;
  --naa-modal-head: #34425a;
  --naa-modal-footer: #36455e;
  --naa-cards-bg: #38425a;
  --naa-cards-bg-alt: #47526e;
  --naa-tables-alt: #303B51;
  --naa-tables-bg: #313a50;
  --naa-ticker-bg: #3b465f;
  --naa-circle-text: #9499a3;
  --naa-cards-bg-dummmy: #8d929c;
  --naa-chart-color: #ED00FF;
  --modal-width: 48rem;
  --teammodal-width: 63.125rem;
  --naa-success: #05eba8;
  --naa-ash: #38435b;
  --naa-danger: #ff4a4a;
  --naa-warning: #ffe946;
  --naa-info: #2f58fa;
  --naa-how-it-works: #1F2636;
  --naa-ashblue-50: #282F41;
  /*** text-colors ***/
  --border-radius: 1.875rem;
  --table-border-radius: 0.938rem;
  /*** Font Family ***/
  --font-primary: "Alexandria-SemiBold";
  --font-secondary: "Figtree-Light";
  /* Font size variables */
  --font-size-12: 0.75rem;
  --font-size-13: 0.813rem;
  --font-size-14: 0.875rem;
  --font-size-15: 0.9375rem;
  --font-size-16: 1rem;
  --font-size-18: 1.125rem;
  --font-size-20: 1.25rem;
  --font-size-22: 1.375rem;
  --font-size-24: 1.5rem;
  --font-size-28: 1.75rem;
  --font-size-32: 2rem;
  --font-size-36: 2.25rem;
  --font-size-40: 2.5rem;
  --font-size-42: 2.625rem;
  --font-size-44: 2.75rem;
  --font-size-48: 3rem;
  --font-size-56: 3.5rem;
  --ff-light: "Figtree-Light";
  --ff-regular: "Figtree-Regular";
  --ff-medium: "Figtree-Medium";
  --ff-semibold: "Figtree-SemiBold";
  --ff-boldItalic: "Figtree-BoldItalic";
  --ff-italic: "Figtree-Italic";
  --ff-mediumitalic: "Figtree-MediumItalic";
  --ff-lightitalic: "Figtree-LightItalic";
  --ff-bold: "Figtree-Bold";
  --ff-extrabold: "Figtree-ExtraBold";
  --tableheaderheight: 5rem;
  --tablerowcellheight: 3.5rem;
}

/************************************/
/*** 	   02. General css		  ***/
/************************************/
html {
  scroll-padding-top: 2rem;
}

html,
body {
  height: 100%;
}

body {
  margin: 0;
}

body,
html {
  font-size: var(--font-size-16);
  background: var(--naa-body-bg);
}

body {
  font-family: var(--font-secondary) !important;
  background: var(--naa-body-bg);
  font-weight: normal;
  line-height: 1.5;
}

p {
  font-size: var(--font-size-16);
  line-height: 1.4;
  color: var(--naa-para-text);
}

.last-border-radius {
  border-radius: 0 0 2rem 2rem;
}

.bodylight {
  font-size: var(--font-size-20);
}

.primary_bg {
  background: var(--naa-body-bg);
}

.italictext {
  font-family: var(--ff-lightitalic) !important;
}

.bold_italic {
  font-family: var(--ff-mediumitalic) !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--naa-title-text);
}

h1 {
  font-family: var(--font-primary) !important;
}

.ff-medium {
  font-family: var(--ff-medium) !important;
}

.line-height1_2 {
  line-height: 1.2;
}

.ff-bold {
  font-family: var(--ff-bold) !important;
}

.ff-regular {
  font-family: var(--ff-regular) !important;
}

.ff-light {
  font-family: var(--ff-light) !important;
}

.fs-14 {
  font-size: var(--font-size-14);
}

.fs-18 {
  font-size: var(--font-size-18);
}

.fs-16 {
  font-size: var(--font-size-16);
}

.fs-22 {
  font-size: var(--font-size-22);
}

.fs-24 {
  font-size: var(--font-size-24);
}

.mistGrey {
  color: var(--naa-para-text) !important;
}

.fs-20 {
  font-size: var(--font-size-20);
}

.fs-24 {
  font-size: var(--font-size-24);
}

.fs-36 {
  font-size: var(--font-size-36);
}

.permasofdate {
  font-family: var(--ff-lightitalic);
  font-size: var(--font-size-14);
}

.heading {
  font-family: var(--font-primary) !important;
  font-size: var(--font-size-42);
  color: var(--naa-title-text) !important;
  line-height: 1.2 !important;
}

.ashBlue {
  color: var(--naa-cards-bg-alt) !important;
}

.naa-card {
  background: var(--naa-cards-bg);
  border-radius: var(--border-radius);
}

.text-justify {
  text-align: justify;
}

.naa-table-card {
  background: var(--naa-tables-alt);
  border-radius: var(--border-radius);
}

.subheading {
  font-size: var(--font-size-24);
  line-height: 1.2 !important;
  color: var(--naa-highlight-text);
}

.microheading {
  font-size: var(--font-size-20);
  line-height: 1.2 !important;
  color: var(--naa-highlight-text);
}

.headingSmall {
  font-size: var(--font-size-24);
  line-height: 1.2 !important;
  font-family: var(--ff-bold);
}

.highlight {
  color: var(--naa-highlight-text) !important;
}

h2 {
  font-family: var(--ff-regular);
}

h4 {
  font-family: var(--ff-bold) !important;
  font-size: var(--font-size-24);
  line-height: 1.2 !important;
}

h5 {
  font-family: var(--ff-medium) !important;
  font-size: var(--font-size-16);
  line-height: 1.2 !important;
}

h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
p,
button,
input,
select,
textarea {
  font-family: var(--font-secondary);
  letter-spacing: 0;
}

a:hover {
  color: var(--naa-para-text);
}

.transparent {
  background: var(--transparent) !important;
}

.border_btm {
  border-bottom: 1px solid var(--naa-border);
}

/************************************/
/*** 	   02. General css End		  ***/
/************************************/
.lh_D {
  line-height: 1.2;
}

.p-rel {
  position: relative;
}

.nw {
  white-space: nowrap;
}

.text-color-bAlt {
  color: #9999ff !important;
}

.rect_hover1,
.rect_hover2,
.rect_hover3 {
  display: none;
}

.text-color-step {
  margin-bottom: 0.5rem !important;
  color: var(--naa-title-text) !important;
  font-family: var(--ff-regular) !important;
  font-size: 1rem !important;
  text-transform: uppercase;
}

sub {
  font-size: 0.4rem !important;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -1.5em !important;
}

.danger-color {
  color: var(--naa-danger);
}

.mint-color {
  color: var(--naa-mint-text);
}

.danger-color {
  color: var(--naa-danger);
}

.dropdown_menu.bgtwo {
  padding-bottom: 0rem !important;
}

body.modal-open,
body.modal-open .navbar {
  padding-right: 0.5rem !important;
}

/*Cookie*/
.cookie-outer {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  display: none;
  background: var(--naa-footer-bg);
  color: var(--naa-title-text);
  box-shadow: 4px 2px 8px rgba(0, 0, 0, 0.3490196078);
  padding: 1rem;
  border-radius: 0;
  z-index: 999;
  transition: 0.4s;
}
.cookie-outer p {
  color: var(--naa-title-text);
  margin-bottom: 0;
  font-family: var(--ff-light);
  font-size: var(--font-size-18);
  margin-right: 1rem;
}
.cookie-outer a:hover {
  text-decoration: underline;
}

.steps-disclosure {
  width: 80%;
  bottom: -6rem;
}

.steps-disclosure-popup {
  width: 60%;
  right: 18%;
  left: auto;
  bottom: 0.25rem;
}

.steps-disclosure-popup p.text {
  font-size: 0.65rem;
}

.banner_loader {
  display: flex;
  min-height: 36rem;
  align-items: center;
  justify-content: center;
}

.banner_loader .loading-gif {
  display: flex;
  justify-content: center;
  align-items: center;
}

.banner_circle {
  display: none;
  width: 80%;
}

.aboutnavthree {
  background: var(--aboutbg);
}

.productnavthree {
  background: #281d36 !important;
}

/*Products*/
.height100 {
  min-height: 80vh;
}

.card_title h3 {
  font-family: var(--ff-light);
  color: var(--naa-title-text);
  font-size: 1.2rem;
  margin-bottom: 1rem;
}

#indexPerform_wrap .card_title h3 {
  font-family: var(--ff-medium);
}

.dgridFamily_wrap .index_lists {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 1rem;
  text-align: center;
  padding: 1rem;
  cursor: pointer;
  transition: 0.2s;
}

.indexDetails h4 {
  font-size: 1.2rem;
}

.indexDetails p {
  /* font-size: 0.8rem;*/
}

.indexDetails span {
  position: absolute;
  right: 1rem;
  top: 1rem;
  cursor: pointer;
  line-height: 1;
}

.modal-content.indexDetails span {
  position: static !important;
}

.indexDetails span svg path {
  fill: #fff;
}

.dgridFamily_wrap .index_lists:hover {
  background: #392f46;
}

.dgridFamily_wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1.3rem;
  margin-left: 3rem;
}

.dgridFamily_wrap .index_lists p {
  color: var(--naa-title-text);
  font-size: 1rem;
  margin-bottom: 0;
  font-family: var(--ff-regular);
  text-transform: lowercase;
}

.dgridFamily_wrap .index_lists a {
  color: var(--naa-title-text);
  font-size: 1.2rem;
}

.fullscreen_toggle {
  position: absolute;
  right: 1rem;
  z-index: 9;
}

.bgIndex .showMoreMobile {
  display: none !important;
}

.hide-me {
  display: none;
}

.hidings {
  display: none;
}

.noteTxt {
  color: #C7C7C7;
  font-size: 0.7rem;
  position: absolute;
  bottom: -3rem;
  right: 0;
  text-align: right;
}

.news_cards_list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.breadcrumb-item {
  display: flex;
  align-items: center;
  color: var(--naa-title-text);
  font-size: 0.8rem;
}

.breadcrumb-item a {
  color: var(--naa-title-text) !important;
  cursor: pointer;
}

.breadcrumb-item .text-break {
  opacity: 0.6;
  max-width: 18rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.breadcrumb-item .fa {
  padding: 0 0.5rem;
}

.innerNewsTabs {
  padding: 2.5rem;
  width: 49%;
  background: #033a48;
  border-radius: 0.2rem;
  margin-bottom: 2rem;
}

.innerNewsTabs a.read_more {
  background: #fff;
  color: #353535;
  font-family: var(--ff-medium);
  padding: 0.5rem 1rem;
  border-radius: 0.2rem;
  margin-top: 2rem;
  display: inline-block;
  transition: all 0.2s;
}

.innerNewsTabs a.read_more:hover {
  opacity: 0.8;
}

.innerNewsTabs .date {
  color: rgba(255, 255, 255, 0.5);
  font-size: 1.1rem;
  font-family: var(--ff-light);
  margin-bottom: 1rem;
  display: block;
}

.innerNewsTabs .disc {
  color: var(--naa-title-text);
  font-size: 1.1rem;
  font-family: var(--ff-light);
}

.innerNewsTabs a.title {
  text-transform: uppercase;
  font-size: 1.4rem;
  color: var(--naa-title-text);
  padding-bottom: 1.5rem;
  white-space: normal;
  cursor: auto;
}

.breadcrumb_news h3 {
  font-size: 2rem;
  color: var(--naa-title-text);
  font-family: var(--ff-light);
}

.breadcrumb_news h4 {
  color: #87afe9;
  font-family: var(--ff-semibold);
  font-size: 2.5rem;
}

.breadcrumb_news p {
  font-size: 1rem;
  color: #cecece;
  font-family: var(--ff-italic);
  margin: 1rem 0 0rem;
}

.breadcrumb_news p span.min-read {
  opacity: 0.6;
  font-size: 0.75rem;
}

.bold-italic {
  font-family: var(--ff-medium) !important;
  font-style: italic;
}

.h-fac-def {
  position: relative;
  cursor: default;
}

.h-fac-def:hover .h-fac-def-hov {
  transition: 0.4s;
  display: block;
}

.h-fac-def-hov {
  display: none;
  background: #052343;
  padding: 1rem;
  border-radius: 1.5rem;
  border: 0px solid #537287;
  z-index: 101;
  position: absolute;
  min-width: 23rem;
  margin-left: 0rem;
  bottom: 2.2rem;
  left: -9rem;
  border-radius: 0.5rem;
  font-size: 0.85rem;
  font-family: var(--ff-regular);
  color: var(--naa-title-text);
  text-align: center;
}

.h-fac-def-hov.g_alt {
  background: #264b54 !important;
  left: -14rem;
}

.h-fac-def-hov.g_alt i {
  color: #264b54 !important;
  right: 24%;
}

.h-fac-def-hov.lg-hov {
  left: -6rem;
  bottom: 3.2rem;
}

.h-fac-def-hov i {
  position: absolute;
  bottom: -0.25rem;
  font-size: 2rem;
  line-height: 0;
  right: 50%;
  color: #052343;
}

.h-fac-def-hov p {
  font-size: 0.85rem !important;
  margin-bottom: 0;
  text-align: center;
}

.vsText {
  cursor: auto !important;
}

#personalize {
  padding-bottom: 7rem;
}

.text-capitalize {
  text-transform: capitalize;
}

.asofDate {
  font-size: 0.72rem;
  margin-bottom: 0;
  color: #a099aa;
  font-style: italic;
}

.hSec14_Desc p {
  color: var(--naa-title-text);
  font-size: var(--font-size-12);
  line-height: 1.4;
  margin-top: 2.5rem;
}

p.sub-title {
  font-size: 1.4rem !important;
  margin-bottom: 1.5rem;
  color: #9AC2FF !important;
  text-align: center;
  display: block;
}

/*** Home Page ****/
.ERFWorks {
  list-style: none;
  padding-left: 0rem;
}

.ERFWorks li {
  display: flex;
  margin-bottom: 2rem;
}

.ERFWorks li .num {
  margin-bottom: 0;
  padding-right: 15px;
  border-right: 1px solid;
  margin-right: 15px;
  font-size: 1.8rem;
  display: flex;
  align-items: center;
  min-width: 46px;
}

.ERFWorks li p {
  color: var(--naa-title-text);
  margin: 0;
  font-size: 1rem;
}

.cursor-default {
  cursor: default !important;
}

.topbgblue {
  background: #161638;
  min-height: 100vh;
}

.banner_tool_M {
  display: none !important;
}

.mainBanner p {
  font-size: 1.2rem !important;
  padding-right: 0rem;
}

#gCompetitive .on text {
  fill: #fff !important;
}

.mainBanner .hfac-ckble-tool {
  position: absolute;
  top: 0;
  white-space: nowrap;
  color: var(--naa-title-text);
  left: 0;
  right: 2.2rem;
  margin: auto;
  width: fit-content;
  top: 0;
  bottom: 0.3rem;
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  font-family: var(--ff-semibold);
  height: fit-content;
  flex-direction: column;
}

.mainBanner .hfac-ckble-tool .h-fac-close {
  position: absolute;
  bottom: -2rem;
  background: #393956;
  padding: 0.3rem;
  line-height: normal;
  display: flex;
  border-radius: 1rem;
  cursor: pointer;
}

.mainBanner .hfac-ckble-tool .h-fac-close img {
  width: 0.5rem;
}

.show-hfac-text:hover {
  opacity: 0.8;
}

.mainBanner .hfac-ckble-tool.inner {
  font-size: 0.8rem;
  text-align: center;
  white-space: normal;
  max-width: 12rem;
  font-family: var(--ff-regular);
}

.mainBanner .hfac-ckble-tool.inner span.hf-note {
  font-size: 0.62rem;
  margin-top: 0.5rem;
  /* color: #87afe9;*/
  font-family: var(--ff-medium);
  font-style: italic;
}

span.hf-note {
  font-size: 0.65rem;
  margin-top: 0.5rem;
  /* color: #87afe9;*/
  font-family: var(--ff-medium);
  font-style: italic;
  line-height: 1.4;
  display: block;
  padding: 0.25rem;
}

.cp {
  cursor: pointer !important;
}

.topbgblue1 {
  background: #02274e;
  min-height: 100vh;
}

.HomePagetitle .text-center {
  margin-bottom: 4rem;
}

#methodology .HomePagetitle {
  text-align: left;
}

#methodology .HomePagetitle h2 {
  margin-bottom: 1rem;
}

.HomePagetitleERF {
  padding-left: 4.4rem;
  padding-top: 1.5rem;
}

.HomePagetitle h2 {
  /*font-size: 1.8rem;
  color: var(--naa-title-text)*/
  /*font-family: 'gravesend-bold';*/
  margin-bottom: 1rem;
}

.HomePagetitle h3 {
  /*font-size: 1.4rem;
  color: #87afe9;
  font-family: var(--ff-regular);
  line-height: 1.5;*/
  /* text-transform: lowercase;*/
  margin-bottom: 1rem;
}

.why_title h3 {
  font-size: 1.4rem;
  color: #87afe9;
  font-family: var(--ff-regular);
  line-height: 1.5;
  /* text-transform: lowercase;*/
}

.why_title p {
  color: var(--naa-title-text);
  font-size: 1rem;
  font-family: var(--ff-light);
}

.why_title {
  text-align: left;
}

.remove20Btn {
  margin-top: 1rem;
  display: flex;
  color: var(--naa-title-text) !important;
  border: 0px solid #fff;
  width: fit-content;
  /*padding: 0.35rem 0.8rem;*/
  border-radius: 10rem;
  font-size: 0.85rem;
  transition: all 0.2s;
  /* background: rgb(255 255 255 / 7%);*/
  cursor: default !important;
  font-family: var(--ff-italic);
}

.remove20Btn:hover {
  opacity: 0.8;
}

.HomePagetitle p {
  color: var(--naa-title-text);
  font-size: 1rem;
  font-family: var(--ff-light);
}

#methodology .img-res {
  width: 74vh;
  padding-left: 4rem;
}

.bannerPreText {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  min-width: 30%;
}
.bannerPreText span {
  color: var(--naa-title-text);
  font-size: var(--font-size-32);
  font-family: Barlow-Regular;
  display: block;
  text-align: center;
}
.bannerPreText span img {
  position: absolute;
  left: -4rem;
  top: -1rem;
  height: 2rem;
}
.bannerPreText .bannerTxtAuthor {
  margin-bottom: 2.5rem;
}
.bannerPreText .bannerTxtAuthor span.bannerAuthorTxt {
  color: var(--naa-highlight-text);
  font-size: var(--font-size-32);
  font-family: Barlow-Regular;
  display: block;
  text-align: center;
}
.bannerPreText .bannerTxtAuthor span.bannerAuthorTxt .bannerTxtLine {
  width: 9rem;
  margin: auto;
  margin-top: 2.5rem;
  border-bottom: 2px solid var(--naa-highlight-text);
}

#txtReveal1 {
  white-space: pre;
  display: block;
  font-size: var(--font-size-36);
  color: var(--naa-title-text);
}
#txtReveal1 span {
  opacity: 0;
  display: inline-block;
}

#txtReveal2 {
  font-size: var(--font-size-36);
  white-space: pre;
  display: block;
  color: var(--naa-highlight-text);
}

#logoSecReveal {
  width: 100%;
  display: flex;
  flex-direction: column;
}

@media (max-width: 1400px) and (min-height: 850px) {
  .steps-disclosure {
    width: 75%;
    bottom: -7rem;
  }
}
@media (max-width: 1400px) and (max-height: 700px) {
  .steps-disclosure {
    width: 75%;
    bottom: -3rem;
  }
  .imp-disc-circle p.text {
    font-size: 0.5rem;
  }
}
@media (min-width: 1600px) and (min-height: 850px) {
  .steps-disclosure {
    width: 80%;
    bottom: -7rem;
  }
}
@media (min-width: 1600px) {
  #HomeChartcontainer {
    /*  transform: scale(1.9) !important;
    position: relative;
    top: 2.5rem;*/
  }
  .steps-disclosure-popup {
    width: 65%;
  }
  .steps-disclosure-popup p.text {
    font-size: 0.7rem;
  }
  .HomePagetitleERF {
    padding-left: 4rem;
    padding-top: 1.5rem;
  }
  #methodology .img-res {
    width: auto;
    padding-left: 2rem;
  }
}
.box-grad {
  border-radius: 5px;
  background: var(--boxGradieant, linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(15, 16, 42, 0) 93.05%));
  padding: 1rem;
}

.box-grad p {
  color: #cecece;
  font-family: var(--ff-regular);
  font-size: 1rem;
}

#HomeChartcontainer svg {
  transform: scale(1);
  position: relative;
  top: 0rem;
}

#HomeChartcontainer .noselect_mousepointer {
  transform: translate(-10%, -21.5%) scale(0.85);
}

.subTxt {
  color: var(--bs-body-bg);
  padding-bottom: 0.4rem;
  font-family: var(--ff-regular);
  display: inline-block;
}

.abtTxtBanner {
  padding-top: 2rem;
}
.abtTxtBanner span.adtHead {
  color: #fff;
  font-size: var(--font-size-28);
}

.about_us#overview {
  background: linear-gradient(14deg, rgb(41, 51, 71) 0%, rgba(41, 51, 71, 0.63) 50%, rgba(28, 90, 104, 0.73) 75%, rgba(15, 164, 174, 0.49) 85%, rgba(0, 235, 239, 0.35) 100%);
  background-position: 0 0rem;
  background-repeat: no-repeat;
}

.aboutLine {
  border-bottom: 1px solid #474f60;
  /*margin-top: 5rem;*/
  MARGIN-BOTTOM: 0.5rem;
}
.aboutLine span.abtCircle {
  background-color: var(--naa-highlight-text);
  height: 0.7rem;
  width: 0.7rem;
  display: inline-block;
  border-radius: 50%;
  margin-right: 0.7rem;
  position: relative;
  top: 0.8rem;
}

.whyAdvisors {
  padding-top: 5rem;
  padding-bottom: 5rem;
  text-align: center;
  width: 100%;
  margin: auto;
}
.whyAdvisors .whyAdvisorsContainer {
  display: flex;
  justify-content: space-between;
  padding-top: 3rem;
}
.whyAdvisors .whyAdvisorsContainer .whyAdvisorsSplit {
  background-color: var(--naa-tables-bg);
  padding: 1.8rem 1.5rem 1.2rem;
  border-radius: 0.8rem;
  width: 22.5%;
  text-align: left;
}
.whyAdvisors .whyAdvisorsContainer .whyAdvisorsSplit span.circleA {
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 50%;
  /*border: 1px solid var(--naa-highlight-text);*/
  margin: 0rem 0 1.5rem;
  display: block;
}
.whyAdvisors .whyAdvisorsContainer .whyAdvisorsSplit p {
  border-top: 1px solid #474f60;
  padding-top: 1.5rem;
  color: #fff;
  font-size: var(--font-size-18);
  line-height: 1.5;
}

.AbtBtmBg {
  background: linear-gradient(180deg, rgba(27, 33, 48, 0) 0%, rgba(31, 38, 54, 0) 41%, rgba(30, 100, 115, 0.83) 65%, rgba(15, 164, 174, 0.6) 85%, rgba(0, 235, 239, 0.35) 100%);
  position: relative;
  background-position: 0 6rem;
  background-repeat: no-repeat;
}

.centerSvg {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40%;
}

.dragCircleSec .toolHgt {
  min-height: 62vh;
}

.module_left1 {
  background: transparent;
  padding: 0;
  border-radius: 0;
  border: 0px solid #537287;
  z-index: 9;
  position: relative;
  cursor: default;
}

.module_left1:hover .module_left.hideModule {
  transition: 0.4s;
  display: block;
}

.module_left1 p {
  color: #4477cc !important;
  line-height: 1.6 !important;
  font-size: 0.8rem !important;
  font-family: var(--ff-medium);
  text-align: center;
}

.module_left.hideModule {
  display: none;
  background: #11375e;
  padding: 1rem;
  border-radius: 1.5rem;
  border: 0px solid #537287;
  z-index: 9;
  position: absolute;
  min-width: 30rem;
  margin-left: 0rem;
  bottom: 2rem;
  right: 0;
  border-radius: 0.5rem;
}

.module_left.hideModule p {
  font-size: 0.65rem !important;
  color: var(--naa-title-text) fff !important;
  font-family: var(--ff-regular);
  text-align: left;
}

.module_left.hideModule i {
  position: absolute;
  bottom: -0.25rem;
  font-size: 2rem;
  line-height: 0;
  right: 15%;
  color: #11375e;
}

.box-fill {
  background: #052342;
  padding: 1.5rem;
  border-radius: 1rem;
  /* font-size: 0.8rem; */
  margin-bottom: 0.5rem;
  border: 1px solid #052342;
}

.box-fill p {
  font-size: 1rem;
  color: var(--naa-title-text);
  margin-bottom: 0;
}

.visibleTop {
  position: relative;
  z-index: 9;
}

#section-4 .directLeft p {
  line-height: 1.3;
  margin: 0rem 0 1rem;
}

.right_txt {
  background: #052342;
  padding: 1.5rem 1.8rem;
  border-radius: 1.5rem;
  /* border: 0px solid #537287; */
  z-index: 9;
  position: relative;
  margin-right: 0;
  border: 1px solid #052342;
}

.right_txt p {
  color: #f5f5f5;
  font-size: 0.85rem;
  margin-bottom: 1rem;
  line-height: 1.5;
}

.right_txt .bluTxt {
  color: var(--naa-title-text);
  font-family: var(--ff-semibold);
}

.right_txt .greenTxt {
  color: #30C887;
  font-family: var(--ff-semibold);
}

.right_txt .calc {
  font-family: var(--ff-italic);
  font-size: 0.7rem;
  color: var(--naa-title-text);
}

.right_txt .border_outer {
  border: 1px solid #fff;
  padding: 0.3rem 0.2rem 0.3rem 0.8rem;
  border-radius: 0.3rem;
  text-align: left;
  line-height: 1.5 !important;
  margin-top: 1rem;
  display: block;
  font-size: 1rem !important;
  /*white-space: nowrap;*/
}

.right_txt .greenBox {
  color: var(--naa-title-text);
  background: #45AE36;
  padding: 0.2rem 0.5rem;
  border-radius: 0.2rem;
  margin-right: 0.6rem;
  font-family: var(--ff-semibold);
}

.right_txt a {
  color: #589CFF !important;
  font-family: var(--ff-regular);
  display: block;
  font-size: 0.8rem;
  margin-top: 0.5rem;
  transition: all 0.2s;
}

.right_txt a:hover {
  opacity: 0.9;
}

.right_txt a.speed_bump {
  color: var(--naa-title-text);
}

.tooltip_Default {
  position: relative;
}

.tooltip_Default .tooltiptext {
  visibility: hidden;
  width: 8rem;
  background-color: #052342;
  font-size: 0.6rem;
  color: var(--naa-title-text);
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
  opacity: 1;
  z-index: 9;
}

.tooltip_Default:hover .tooltiptext {
  visibility: visible;
}

#statusPopupDrag {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  margin-left: -2rem;
  background: #02274e;
  border-radius: 1.5rem;
}

#statusPopupDrag .loading-gif img {
  -webkit-animation: rotationgif 2s infinite linear;
  width: 3rem !important;
}

.banner_loader .loading-gif img {
  -webkit-animation: rotationgif 2s infinite linear;
  width: 3rem !important;
}

ol li {
  font-size: 1rem;
  font-family: var(--ff-light);
  color: var(--naa-title-text);
  margin-bottom: 1rem;
}

ol li span {
  font-size: 1.2rem;
  font-family: var(--ff-regular);
  color: var(--naa-title-text);
  display: block;
  margin-bottom: 0.5rem;
  /*text-transform: lowercase;*/
}

/*** Home Page ****/
/*Scrooll to top */
.scrolltop {
  display: none;
  width: 100%;
  margin: 0 auto;
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  z-index: 999;
}

.scrolltop_overview {
  display: none;
  width: auto;
  margin: 0 auto;
  position: fixed;
  bottom: 2rem;
  right: 5rem;
  z-index: 999;
  background: var(--naa-para-text);
  border-radius: 2rem;
  padding: 0.5rem 1.5rem !important;
  font-size: var(--font-size-15);
  color: #f3f3f3;
  font-family: var(--ff-medium);
  cursor: pointer;
  box-shadow: 0px 1px 9px 1px rgba(0, 0, 0, 0.2);
}

.scrolltop_overview a {
  position: relative;
  color: var(--naa-cards-bg-alt) !important;
  transition: all 0.2s;
}

.scrolltop_overview:hover a {
  opacity: 0.8;
}

.scrollBtm {
  /*position: absolute;
  right: 0.5rem !important;
  bottom: 2rem;*/
  background: var(--naa-para-text);
  text-align: center;
  margin: 0 0 0 0;
  cursor: pointer;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  /* line-height: 3.6vw; */
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 1px 9px 1px rgba(0, 0, 0, 0.2);
}

.scrollBtm i {
  font-size: 1.8rem;
  color: #353535;
  line-height: 1;
  padding-bottom: 2px;
}

.scrollBtm i:hover {
  color: #646464;
}

/*Scrooll to top */
#statusPopup {
  position: fixed;
  background: var(--naa-body-bg);
  width: 100%;
  height: 100%;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999999;
}

#statusPopup .loading-gif img {
  /*-webkit-animation: rotationgif 2s infinite linear;*/
  width: 6rem !important;
}

@-webkit-keyframes rotationgif {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
.exPadd .sectionTopPad {
  padding-top: 10rem;
  padding-bottom: 2rem;
}

.notFound .due-heading h4 {
  /*color: var(--naa-title-text);
  font-size: 1.2rem;*/
}

.notFound .due-heading {
  padding-bottom: 1rem;
  display: flex;
  justify-content: center;
  text-align: center;
  padding-top: 1rem;
}

.notFound .due-heading a {
  margin-top: 1.5rem;
  display: inline-block;
}

::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  border-radius: 6px;
  box-shadow: none;
  background: var(--webkitScrollbartrack);
}

::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background: var(--naa-para-text-alt);
  box-shadow: none;
  z-index: 999999;
  border: 0px solid #f0f3f4;
}

.scrollbox {
  height: 30rem;
  overflow-y: scroll;
  padding-right: 8px;
}

.scrollbox::-webkit-scrollbar {
  background-color: transparent !important;
  width: 0px;
}

.scrollbox:hover::-webkit-scrollbar {
  width: 8px;
  background-color: transparent !important;
}

.scrollbox:hover::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1);
}

@media (hover: none) {
  .scrollbox::-webkit-scrollbar {
    width: 8px;
  }
  .scrollbox::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
  }
}
#emailForm1 label.error {
  display: inline;
  position: absolute;
  bottom: -1.5rem;
  left: 0;
  font-size: var(--font-size-16);
  color: var(--naa-danger);
}

.scrollMethSec {
  position: absolute;
  bottom: 1rem;
  left: 0;
  text-align: center;
  width: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 100;
}

.scrollMethSec span {
  color: var(--naa-title-text);
  font-family: var(--ff-medium);
  font-size: 0.8rem;
  position: relative;
  top: 0;
  text-transform: lowercase;
  opacity: 0.6;
}

.scroll-down-metho {
  position: relative;
  /* left: 50%; */
  bottom: 0.9rem;
  display: block;
  /* text-align: center; */
  font-size: 20px;
  z-index: 100;
  text-decoration: none;
  text-shadow: 0;
  width: 13px;
  height: 13px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  z-index: 9;
  left: 0;
  /* -webkit-transform: translate(-50%, 0%) rotate(45deg); */
  -moz-transform: translate(-50%, 0%) rotate(45deg);
  /* transform: translate(-50%, 0%) rotate(45deg); */
  /* -webkit-animation: fade_move_down 4s ease-in-out infinite; */
  -moz-animation: fade_move_down 4s ease-in-out infinite;
  animation: fade_move_down 4s ease-in-out infinite;
}

.scroll-down-metho.down {
  bottom: 0.25rem;
}

/*animated scroll arrow animation*/
@-webkit-keyframes fade_move_down {
  0% {
    -webkit-transform: translate(0, -5px) rotate(45deg);
    opacity: 0;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    -webkit-transform: translate(0, 5px) rotate(45deg);
    opacity: 0;
  }
}
@-moz-keyframes fade_move_down {
  0% {
    -moz-transform: translate(0, -10px) rotate(45deg);
    opacity: 0;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    -moz-transform: translate(0, 10px) rotate(45deg);
    opacity: 0;
  }
}
@keyframes fade_move_down {
  0% {
    transform: translate(0, -5px) rotate(45deg);
    opacity: 0;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    transform: translate(0, 5px) rotate(45deg);
    opacity: 0;
  }
}
.building-index {
  position: relative;
}

.fullscreen_toggle img {
  width: 25px !important;
}

/*.fullscreen_toggle {
    position: absolute;
    right: 5rem;
    top: -2rem;
    cursor: pointer;
}*/
.dropdown-toggle::after {
  position: relative;
  top: 1px;
  border: 0;
  /* content: "\f0dd";*/
  content: "";
  font-size: 0.7rem;
  font-family: "FontAwesome";
  color: var(--naa-title-text);
  display: none;
}

/*li.dropdown:hover a{
    line-height:2;
}*/
#myModal1 .modal-dialog {
  max-width: 40%;
}

.drag__bounce {
  animation: bounce 1.5s infinite;
}

@-webkit-keyframes bounce {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
.orange_txt {
  color: #FD7512;
}

.socialIcons_news {
  position: fixed;
  width: auto;
  right: 1rem;
  display: flex;
  flex-direction: column;
  top: 45%;
}

.socialIcons_news i {
  color: var(--naa-title-text);
  font-size: 1.2rem;
  padding-right: 1rem;
  display: inline-block;
  padding-top: 0rem;
  opacity: 0.75;
}

.socialIcons_news a svg {
  width: 1.2rem;
  height: 1.2rem;
  margin-top: 0.75rem;
}

.socialIcons_news a svg path {
  fill: #fff;
  opacity: 0.75;
}

.socialIcons_news a svg:hover path {
  fill: #4477cc;
  opacity: 1;
}

@media (max-width: 768px) {
  .modal-body .igrHeight svg {
    height: auto !important;
  }
  .modal-body .igrHeight .imp-disc-circle p.head {
    margin-bottom: 0 !important;
    text-align: left !important;
  }
  .socialIcons_news {
    background: #094352;
    padding: 1rem 0.5rem;
    align-items: center;
    justify-content: center;
    border: 1px solid #115668;
    border-radius: 0.2rem;
  }
  .socialIcons_news a:first-child svg {
    margin-top: 0;
  }
  .socialIcons_news i {
    padding-right: 0 !important;
  }
}
/*News social icons end*/
.M_notify {
  background: #ffffff;
  color: #2253a5;
  font-family: var(--ff-light);
  font-size: 0.9vw;
  left: 2vw;
  bottom: 4vw;
  width: 30vw;
  padding: 1.5vw;
  z-index: 9999;
  border-radius: 5px;
  position: fixed;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.168627451);
  display: none;
}

.M_notify .closeBtn {
  position: absolute;
  top: -1vw;
  right: -0.5vw;
  font-size: 1vw;
  color: #ff7d00;
  text-shadow: none;
}

.M_notify b {
  font-family: var(--ff-bold);
}

.M_notify .d-flex-cont {
  justify-content: space-between;
  /*padding: 1vw 2vw;*/
  /* border: 0.4vw solid #ff7d00; */
  /* height: 3vw; */
  align-items: center;
}

.M_notify p {
  margin: 0;
  font-size: 0.8vw !important;
  padding: 0 1vw;
}

.M_notify img {
  height: 8.5vw;
  width: 10vw;
}

.perfThumbOuter {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 5rem;
}
.perfThumbOuter .perfThumb {
  padding-top: 2rem;
  width: 20%;
  margin-right: 2.5rem;
  position: relative;
}
.perfThumbOuter .perfThumb:hover img {
  opacity: 0.3;
}
.perfThumbOuter .perfThumb:hover .downloadResources span {
  background: #666d7b;
  color: var(--bs-body-bg);
  border: 2px solid var(--bs-body-bg);
}
.perfThumbOuter .perfThumb img {
  width: 100%;
  border-radius: 1rem;
  transition: all 0.1s ease-in;
}
.perfThumbOuter .perfThumb .downloadResources {
  position: absolute;
  bottom: 1.3rem;
  right: 1rem;
}
.perfThumbOuter .perfThumb .downloadResources span {
  background-color: #293347;
  color: #ffffff;
  /* padding: 0.5rem; */
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.perfThumbOuter .perfThumb .downloadResources span:hover {
  color: #ffffff;
}
.perfThumbOuter .perfThumb .downloadResources span i {
  font-size: 0.9rem;
  transition: all 0.2s ease-in;
}

.spaceBanner .imp-disc-circle {
  position: absolute;
  width: 27%;
  margin-top: 3rem;
  line-height: 1;
  z-index: 101;
  text-align: justify;
  /* position: relative; */
  right: 2%;
  bottom: 3%;
}
.spaceBanner .imp-disc-circle p.text {
  line-height: 1.1;
}

.spaceBanner.bgthree {
  padding-bottom: 10rem;
  min-height: auto;
  padding-top: 8rem;
}

@media (max-width: 991px) {
  .fullscreen_toggle {
    right: 0;
    top: -2rem;
  }
  .about_us#overview {
    padding-top: 9rem;
    padding-bottom: 2rem;
  }
  .aboutLine {
    display: none;
  }
  .whyAdvisors {
    padding-bottom: 0rem;
  }
  .whyAdvisors .whyAdvisorsContainer {
    flex-direction: column;
  }
  .whyAdvisors .whyAdvisorsContainer .whyAdvisorsSplit {
    width: 100%;
    margin-bottom: 2rem;
  }
  .AbtBtmBg {
    padding: 5rem 0;
  }
  .spaceBanner .imp-disc-circle {
    position: static;
    width: 100%;
    margin-top: 2rem;
    line-height: 1;
    z-index: 101;
    text-align: justify;
    /* position: relative; */
    right: 5%;
    bottom: 3%;
  }
  .spaceBanner.bgthree {
    padding-bottom: 5rem;
    min-height: auto;
    padding-top: 10rem;
  }
  .perfThumbOuter {
    display: flex;
    flex-direction: row;
  }
  .perfThumbOuter .perfThumb {
    padding-top: 2rem;
    padding-bottom: 2rem;
    width: 40%;
    margin-right: 2rem;
  }
  .perfThumbOuter .perfThumb .downloadResources {
    position: absolute;
    bottom: 3.8rem;
    right: 1rem;
  }
  .M_notify {
    left: 15px;
    right: 15px;
    bottom: 15rem;
    width: auto;
    padding: 15px;
  }
  .grids-items.stepBoxContent5 {
    width: 100% !important;
  }
  #section-4 {
    min-height: auto;
    height: auto;
  }
  .tab_content .sec4Trigger {
    display: block;
  }
  .proba-sec-desc h3,
  .stepBoxContent5 h3 {
    font-size: 1.8rem;
  }
  .tab_content .sec4Trigger {
    display: flex !important;
  }
  .stepBoxContent5 h3 br {
    /*display: none !important;*/
  }
  .hfactor_popup .modal-header {
    padding: 1rem 2.5rem !important;
  }
  .hfactor_popup .modal-header .modal-title {
    font-size: 0.9rem;
  }
  .M_notify .closeBtn {
    position: absolute;
    top: -1vw;
    right: -0.5vw;
  }
  .M_notify p {
    margin: 0;
    padding: 0 10px;
  }
  .M_notify img {
    height: 80px;
    width: 90px;
  }
}
/*.HomePagetitle {
    text-align: left;
}*/
.homepageLogo {
  /*text-align:center;*/
}

.homepageLogo img {
  width: 37rem;
}

.homepageLogo p {
  margin: 0 !important;
  padding-top: 0.25rem;
  /*font-family: var(--ff-regular);*/
  font-size: 1.4rem !important;
  letter-spacing: 0.05rem;
}

/*Custom radiobutton*/
#perfAsOfDate {
  font-size: var(--font-size-16);
  color: var(--naa-para-text);
  margin-left: 0.3rem;
}

/*Custom radiobutton*/
.transparentbg {
  background: rgba(255, 255, 255, 0.05);
}

/* Hide the default checkbox */
input[type=checkbox] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.custom-checkbox {
  position: relative;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-color: transparent;
  border-radius: 0.2rem;
  border: 2px solid var(--naa-para-text);
  margin-right: 0.9rem;
}

/* Style the checkmark/indicator (hidden by default) */
.custom-checkbox::after {
  content: "";
  position: absolute;
  display: none;
  left: 50%;
  top: 44%;
  width: 4px;
  height: 8px;
}

/* Show the checkmark when the checkbox is checked */
.custom_checkbox input[type=checkbox]:checked + .custom-checkbox::after {
  display: block;
}

/* Optional: Style the custom checkbox when it's checked */
.custom_checkbox input[type=checkbox]:checked + .custom-checkbox {
  /*  background: #87afe9;
  border-color: #87afe9;*/
  background: var(--naa-highlight-text);
  border-color: var(--naa-highlight-text);
}

.custom_checkbox {
  margin-bottom: 0;
  margin-left: 6rem;
}
.custom_checkbox ul {
  padding: 0;
  list-style: none;
  display: flex;
  margin: 0;
}
.custom_checkbox ul li {
  margin-right: 1rem;
}
.custom_checkbox label {
  color: var(--naa-para-text);
  font-family: var(--ff-medium);
  font-size: var(--font-size-16);
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.custom_checkbox label.checked-label {
  opacity: 0.3;
  cursor: no-drop;
}

/*Preoader*/
.preloader, .preloader_Signals {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  background: #293347;
  top: 0.5rem;
  left: 0;
  display: none;
  border-radius: var(--table-border-radius);
}

.loading {
  height: 0;
  width: 0;
  padding: 15px;
  border: 3px solid var(--naa-highlight-text);
  border-right-color: rgba(158, 189, 241, 0.3490196078);
  border-radius: 22px;
  -webkit-animation: rotate 1s infinite linear;
  /* left, top and position just for the demo! */
  position: absolute;
  left: 47%;
  top: 46%;
}

@-webkit-keyframes rotate {
  /* 100% keyframe for  clockwise. 
   use 0% instead for anticlockwise */
  100% {
    -webkit-transform: rotate(360deg);
  }
}
/*Preoader*/
/*Gsap amination page*/
.fullH {
  display: flex;
  min-height: 100vh;
}

.homeNew_P .HomePagetitle h2 {
  /*font-family: 'gravesend-bold';*/
  /*text-transform: uppercase;*/
  /*font-size: 2rem;
  color: var(--naa-title-text)
  padding-bottom: 0;*/
  font-size: var(--font-size-40);
  margin-bottom: 0.6rem;
}

.homeNew_P p {
  /*font-size:1.2rem;*/
}

.f_bg {
  background: var(--naa-para-text);
  min-height: 100vh;
}

.sec_bg {
  /*background: var(--naa-cards-bg);*/
}

.third_bg {
  background: #0C0C27;
}

.sec-card-text p {
  color: var(--naa-title-text);
  font-size: var(--font-size-18);
}

.green {
  border-radius: 5px;
  background: #267E26;
  padding: 0.5rem 0.7rem;
  display: inline-block;
  font-family: var(--ff-medium);
  color: var(--naa-title-text);
  line-height: 1;
}

.red {
  border-radius: 5px;
  background: #96382B;
  padding: 0.5rem 0.7rem;
  display: inline-block;
  font-family: var(--ff-medium);
  line-height: 1;
  color: var(--naa-title-text);
}

.sec_bg .container {
  margin: 0 auto;
}

.third_bg .container {
  margin: 0 auto;
}

.fourth_bg .container {
  margin: 0 auto;
}

.fourth_bg {
  background: #0A0A24;
}

.sec-card-headline {
  background: var(--naa-cards-bg-alt);
  text-align: left;
  width: 68%;
  margin-top: 0;
  position: relative;
  border-radius: 1.25rem;
  z-index: 2;
  padding: 1.75rem 1.5rem;
  padding-bottom: 2.5rem;
}
.sec-card-headline h3 {
  font-size: var(--font-size-18);
  font-family: var(--ff-mediumitalic);
  position: relative;
}
.sec-card-headline p {
  position: relative;
  font-size: var(--font-size-18);
}

/*.sec-card-headline:before {
    content: '';
    width: 22rem;
    height: 100%;
    background: #161638;
    display: block;
    left: -10rem;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}*/
@media (min-width: 1650px) {
  /*   .sec-card-headline {
      padding: 4rem;
      text-align: right;
      width: 80%;
  }*/
  .contentContainer .content {
    height: 2.55rem !important;
  }
  .contentContainer .content.title {
    height: 5.7rem !important;
    margin-top: 2rem;
  }
}
.tab_content {
  position: relative;
}

.grids {
  display: flex;
  grid-auto-flow: column dense;
  grid-auto-rows: 1fr;
  grid-template-columns: 1fr 1fr;
  text-align: center;
  /*align-items: center;*/
  position: absolute;
  right: 0;
}

.grids.sec4grids {
  position: static;
}

.grids .grids-items {
  width: 40%;
  position: relative;
}

/*#step_5_img{
    width:30%;
}
#step_5_Desc{
    width:70%;
}*/
.tab_content .grids {
  opacity: 0;
  padding-top: 2rem;
}

.tab_content .grids.active {
  opacity: 1;
  z-index: 9;
}

.tab_content .sec4Trigger {
  position: static;
  justify-content: center;
  opacity: 1;
}

.sec4Trigger .step_3_graph {
  transform: scale(1) !important;
}

.sec4Trigger.grids .grids-items {
  width: 70%;
  position: relative;
}

.navigationBtn {
  padding-top: 3rem;
}

#IGRSection .tab-menu {
  position: relative;
  top: 2.5rem;
}

.navigationBtn span {
  width: 3rem;
  height: 3rem;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 50px;
  position: absolute;
  top: 58%;
  transform: translate(0, -50%);
  display: block;
  z-index: 99;
  display: flex;
}

.navigationBtn span svg {
  z-index: 9;
}

.navigationBtn span.disabled {
  opacity: 0.3;
  pointer-events: none;
}

.navigationBtn span.arrowUp {
  margin-left: 2rem;
}

.navigationBtn span.arrowDown {
  margin-right: 2rem;
  right: 0;
}

.navigationBtn span i {
  font-size: 2.5rem;
  color: var(--naa-title-text);
}

.tab-menu .grids-items .grids-items-inner.grids-one.navigationBtn {
  width: 3rem;
  height: auto;
}

.tab-menu .grids-items .grids-items-inner.grids-one.navigationBtn.arrowUp {
  margin-bottom: 2.5rem;
}

.tab-menu .grids-items .grids-items-inner.grids-one.navigationBtn.arrowDown {
  margin-top: 2.5rem;
}

.tab-menu .grids-items .grids-items-inner.grids-one.navigationBtn i {
  font-size: 1rem;
}

.tab-menu .grids-items .grids-items-inner.grids-one {
  width: 5rem;
  margin: 0 auto;
  text-align: center;
  height: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 0.5rem;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  cursor: pointer;
  opacity: 1;
  position: relative;
}

/*.h_factor_btn a {
        font-size: 1rem;
        font-family: var(--ff-regular);
        cursor: pointer;
        display: inline-block;
        margin-top: 2rem;
        color: #1a61e5 !important;
        position: relative;
    }

        .h_factor_btn a::after {
            content: '';
            position: absolute;
            width: 100%;
            transform: scaleX(0);
            border-radius: 5px;
            height: 0.05em;
            bottom: 0;
            left: 0;
            background: #0052cc;
            transform-origin: bottom right;
            transition: transform 0.25s ease-out;
        }

        .h_factor_btn a:hover::after {
            transform: scaleX(1);
            transform-origin: bottom left;
        }*/
a.calcSum_btn {
  line-height: 1.2;
  text-align: left;
  font-size: 0.72rem;
  background: #1b1b42;
  border: none;
  color: var(--naa-title-text) !important;
  padding: 0.75rem 1.5rem;
  position: relative;
  width: auto;
  padding-left: 3rem;
  border-radius: 0.265rem;
  font-family: var(--ff-medium);
  z-index: 100;
  transition: all 0.2s;
  cursor: pointer;
  display: inline-block;
  margin-top: 1rem;
}

.calcSum_btn svg {
  position: absolute;
  left: 1rem;
  top: 0;
  bottom: 0;
  margin: auto;
}

.calcSum_btn:hover {
  opacity: 0.8;
  color: var(--naa-title-text) !important;
}

.tab-menu .grids-items .grids-items-inner.grids-one.active {
  opacity: 1;
  animation: rotation 3s linear 0s infinite;
}

.tab-menu .grids-items .grids-items-inner.grids-one.active.no-click {
  pointer-events: none;
}

#IGRSection .HomePagetitle h2 {
  /*position:absolute;*/
  width: 100%;
}

#IGRSection .HomePagetitle #step_4_title {
  opacity: 0;
}

.tab-menu .grids-items .grids-items-inner.grids-one {
  border-radius: 0.5rem;
  transition: transform 0.5s ease-in-out;
  backface-visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: #1b1b42;
}

/*.active .flip-card-inner {
    transform: rotateY(180deg);
}*/
.tab-menu .grids-items .grids-items-inner.grids-one.active {
  background: #3A3A69;
}

/*.face-back {
    transform: rotateY(180deg);
}*/
/*.tab-menu .grids-items .grids-items-inner.grids-one.active:hover .face-front {
    transform: rotateY(-180deg);
}

.tab-menu .grids-items .grids-items-inner.grids-one.active:hover .face-back {
    transform: rotateY(0deg);
}*/
.tab-menu .grids-items .grids-items-inner.grids-one span,
.tab-menu .grids-items .grids-items-inner.grids-one p {
  color: var(--naa-title-text);
}

.tab-menu .grids-items .grids-items-inner.grids-one span {
  font-family: var(--ff-regular);
  font-size: 1rem;
  text-transform: uppercase;
}

.tab-menu .grids-items .grids-items-inner.grids-one p {
  font-family: var(--ff-semibold);
  font-size: 1.5rem;
  line-height: 1.1;
}

.grids .grids-items .grids-three {
  text-align: left;
}

.grids .grids-items .grids-three h5 {
  font-size: 1.25rem;
  color: var(--naa-title-text);
  font-family: var(--ff-medium);
  margin-bottom: 2rem;
}

.grids .grids-items .grids-three p {
  color: var(--naa-title-text);
}

.grids .grids-items .grids-two img.shapes {
  width: 59%;
  /* transform-origin: center center; 
  transition: transform 0.5s ease;
        */
}

.cube-container {
  transform-style: preserve-3d;
}

.grids .grids-items .grids-two img.fst_graph {
  width: 50%;
  margin-bottom: 1rem;
}

.grids .grids-items .grids-two img.sec_graph {
  width: 45%;
  margin-bottom: 1rem;
  position: relative;
  top: 2rem;
}

.grids .grids-items .grids-two img.sec_img3 {
  width: 79%;
  margin-bottom: 1rem;
}

.proba-sec-desc p {
  color: var(--naa-title-text);
  text-align: left;
}

.proba-sec-desc h3,
.stepBoxContent5 h3 {
  /*font-size: 2rem;
  font-family: var(--ff-medium);
  color: var(--naa-title-text)
  text-align: left;
  margin-bottom: 2rem;*/
}

.proba-sec .shapes {
  width: 50%;
  margin: 0 auto;
}

.proba-sec .nlogo {
  width: 15rem;
  margin-bottom: 2rem;
}

.h_factors_text span {
  display: inline-block;
  font-size: 1rem;
}

.h_factors_text p {
  margin: 0;
}

.h_factors_text .smallText {
  margin-top: 0;
}

.h_factors_text {
  text-align: center;
}

.h_factors_text .smallText {
  display: block;
  color: var(--naa-title-text);
  margin-top: 0.5rem;
}

.h_factors {
  display: flex;
  margin-top: 2rem;
}

.mr {
  margin-right: 8rem;
}

.inner-div {
  /*opacity: 0;*/
  font-size: 2rem;
  position: absolute;
  /*top: 59%;*/
  background-color: #0C0C27;
  display: flex;
  align-items: center;
  height: 100vh;
  /*transform: translate(0, -50%);*/
  /*height: calc(100vh - 10rem);*/
}

.step_2 {
  height: 100vh;
  display: flex;
  align-items: center;
}

.IGRContainer {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.action__background {
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  background-color: #151535;
  border-radius: 32px;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.11);
  color: var(--aap-text-color);
  display: flex;
  will-change: transform;
  z-index: 1;
  transition: linear 250ms background-color;
  width: 13rem;
  justify-content: center;
  height: 2.5rem;
  align-items: center;
}

.section1 {
  /*opacity:1;*/
}

.div1 .grids-one,
.div1 .grids-three,
.div2 .grids-one,
.div2 .grids-three,
.div3 .grids-one,
.div3 .grids-three {
  /*  opacity: 0;
  transform: translateY(50px);*/
}

.div1 .fst_graph,
.div2 .sec_graph,
.div3 .sec_img3 {
  /*    opacity: 0;
  transform: translateY(50px);*/
}

.stepBox,
.stepBoxContent,
.stepBoxContent2,
.stepBox2,
.stepBoxContent3,
.stepBox3 {
  opacity: 0;
}

.grids-items.stepBoxContent,
.grids-items.stepBoxContent2,
.grids-items.stepBoxContent3 {
  width: 60%;
  padding-left: 10rem;
  padding-right: 4rem;
}

.grids-items.stepBoxContent5 {
  width: 75%;
  padding-left: 2rem;
  padding-right: 2rem;
}

.grids-items.stepBoxContent4 {
  width: 60%;
  padding-left: 5rem;
  padding-right: 4rem;
}

.graph_container#growthGraph {
  transform: scale(1.1) translate(-20px, 0px) !important;
}

.step_3_graph {
  transform: scale(1.2) translate(-10px, 0px) !important;
}

.arc_shape {
  position: absolute;
  width: 80%;
  bottom: 0;
  right: 0;
  z-index: 0;
}

/*Gsap amination page*/
/*Cube*/
.cube_container {
  /*  width: 600px;
  height: 22rem;*/
  perspective: 1500px;
  perspective-origin: 50% -216%;
  transform: translate(-50%, 0) scale(0.5);
  margin: 0 auto;
  position: absolute;
  bottom: 8%;
  left: 41%;
  z-index: 3;
}

#tab-1,
#tab-3,
#tab-4 {
  height: 28rem;
}

#tab-4 .graph_container .graph_face {
  height: 19.5rem;
}

.action-btn {
  margin: 0 auto;
  position: absolute;
  bottom: 5%;
  left: 50%;
  z-index: 3;
  transform: translate(-50%, 0);
}

.cube {
  width: 600px;
  height: 50px;
  position: relative;
  transform-style: preserve-3d;
  transform: translateZ(-100px);
  transform: rotateY(45deg);
  transition: transform 1s;
}

.cube.show-front {
  transform: translateZ(-100px) rotateY(945deg);
  /* transform: translateZ(-100px) rotateY( 45deg) rotateX( -10deg) rotateZ( -5deg); */
  /* -ms-transform-origin: center; */
  /* transform: rotate3d(0, 1, 0, 60deg); */
}

.cube__face {
  position: absolute;
  width: 600px;
  height: 50px;
}

.cube__face--front {
  background: linear-gradient(98deg, #42426B 5.26%, #32326A 97.87%);
}

.cube__face--right {
  background: linear-gradient(98deg, #42426B 5.26%, #32326A 97.87%);
}

.cube__face--back {
  background: linear-gradient(98deg, #42426B 5.26%, #32326A 97.87%);
}

.cube__face--left {
  background: linear-gradient(98deg, #42426B 5.26%, #32326A 97.87%);
}

.cube__face--top {
  background: radial-gradient(40% 40% at 50.15% 50%, #53538B 0%, #34346A 100%);
}

.cube__face--bottom {
  background: linear-gradient(98deg, #42426B 5.26%, #32326A 97.87%);
}

.cube__face--front {
  transform: rotateY(0deg) translateZ(300px);
}

.cube__face--right {
  transform: rotateY(90deg) translateZ(300px);
}

.cube__face--back {
  transform: rotateY(180deg) translateZ(300px);
}

.cube__face--left {
  transform: rotateY(-90deg) translateZ(300px);
}

.cube__face--top {
  transform: rotateX(90deg) translateZ(299px);
  height: 600px;
}

.cube__face--bottom {
  transform: rotateX(90deg) translateZ(250px);
  height: 600px;
}

.image-container {
  position: relative;
}

.graph_container {
  perspective: 1500px;
  transform: scale(1);
}

.graph {
  /*    width: 600px;
  height: 800px;
  position: relative;*/
  /* transform-style: preserve-3d;
  transform: translateZ(-100px);*/
  transition: transform 1s;
  /*height: 97rem;*/
}

.graph_face {
  /*    position: absolute;
  width: 600px;
  height: 800px;
  padding-bottom: 70px;*/
  display: block;
  align-items: flex-end;
  justify-content: center;
  /*height: 20rem;*/
}

.graph1 {
  /*opacity: 0;*/
}

.graph3 {
  /*opacity: 0;*/
}

/* Image-1 */
.graphImage2 {
  opacity: 0;
  /*margin-top: 2.5rem;*/
  position: relative;
  z-index: 110;
}

.graphImage2 svg {
  min-height: 52vh;
}

.cls-Image1 {
  fill-rule: evenodd;
}

.cls-Image1,
.cls-Image2 {
  fill: #fff;
}

.cls-Image3 {
  fill: #0C0C27;
}

.cls-Image4 {
  fill: #13368d;
}

/* Image-3 */
.cls-1,
.cls-2,
.cls-3 {
  fill: #fff;
}

.cls-1,
.cls-4 {
  fill-rule: evenodd;
}

.cls-5 {
  fill: url(#linear-gradient);
}

.cls-2 {
  stroke-width: 2px;
}

.cls-2,
.cls-6,
.cls-7 {
  stroke: #0c0c27;
}

.cls-2,
.cls-7 {
  stroke-miterlimit: 10;
}

.cls-6 {
  stroke-linecap: round;
}

.cls-6,
.cls-8 {
  fill: #0c0c27;
}

.cls-9,
.cls-4,
.cls-7 {
  fill: #fd7512;
}

.cls-7 {
  stroke-width: 0.6px;
}

.cls-10 {
  fill: #13368d;
}

#CubeDiv {
  transition: all 0.5s;
}

.main-section .HomePagetitle {
  padding-top: 5rem;
  position: absolute;
  top: 0;
  z-index: 9;
  width: 100%;
  /*background-color: #0C0C27;*/
}

.d_flex {
  display: flex;
  flex-direction: column;
  /*height: calc(100vh - 6.5rem);*/
  justify-content: center;
  margin-top: 2rem;
}

.sec_bg {
  overflow: hidden;
  position: relative;
}

.hfactor_popup {
  overflow: hidden;
}

.hfactor_popup .modal-content {
  background: #161638;
}

.hfactor_popup .modal-header {
  border-bottom: 1px dashed #2b2c48;
}

.hfactor_popup .modal-header .btn-close {
  display: flex;
  align-items: center;
  opacity: 1;
}

.hfactor_popup .modal-header .btn-close:hover {
  opacity: 0.7;
}

.hfactor_popup .modal-header .btn-close:focus {
  outline: none;
  box-shadow: none;
}

.hfactor_popup .modal-content img {
  width: 100%;
}

.hfactor_popup .modal-header .modal-title {
  color: var(--naa-title-text);
  font-family: var(--ff-regular);
  font-size: 1.1rem;
}

.hfactor_popup .modal-dialog {
  overflow: hidden;
  max-width: 75% !important;
}

@media (min-width: 1650px) {
  .hfactor_popup .igrHeight svg {
    height: calc(100vh - 12rem) !important;
  }
  .graphImage2 svg {
    width: 630px !important;
  }
}
@media (min-width: 2300px) {
  .graphImage2 svg {
    width: 650px !important;
  }
}
@media (max-width: 1350px) and (min-height: 800px) {
  .hfactor_popup .igrHeight svg {
    height: 600px !important;
  }
  .tab_content .grids {
    padding-top: 0rem;
  }
}
@media (max-width: 1350px) and (max-height: 700px) {
  .tab-menu .grids-items .grids-items-inner.grids-one {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .tab_content .grids {
    padding-top: 0rem;
  }
}
.prob-text {
  background: #0F0F32;
  padding: 0.8rem;
  border: 1px solid #222255;
  border-radius: 0.5rem;
  margin-top: 1.5rem;
}

.prob-text p {
  /*font-size: 0.9rem;*/
}

.marb1 {
  margin-bottom: 0.5rem;
}

.dragWheel {
  /*position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);*/
}

/*Image 3*/
/* Image-3 */
#filter-Line,
#white-Arc,
#gradient-Arc,
#arrowChangeLine,
#GradientArcPath,
#WhiteArcPath,
#GradientArcPathMask,
#avoidLosers,
#h-f {
  opacity: 0;
}

#step_5_Desc h3 {
  opacity: 0;
}

.cls-1image3,
.cls-2image3,
.cls-3image3 {
  fill: var(--naa-cards-bg-alt);
}

.cls-1image3,
.cls-4image3 {
  fill-rule: evenodd;
}

.cls-5image3 {
  fill: url(#linear-gradient-2);
}

.cls-6image3 {
  fill: url(#linear-gradient-step3);
}

.cls-2image3 {
  stroke-width: 2px;
}

.cls-2image3,
.cls-7image3,
.cls-8image3 {
  stroke: var(--naa-cards-bg-alt);
}

.cls-2image3,
.cls-8image3 {
  stroke-miterlimit: 10;
}

.cls-7image3 {
  stroke-linecap: round;
}

.cls-7image3,
.cls-9image3 {
  fill: var(--naa-cards-bg-alt);
}

.cls-image3_10,
.cls-4image3,
.cls-8image3 {
  fill: #fd7512;
}

.cls-8image3 {
  stroke-width: 0.6px;
}

.cls-image3_11 {
  fill: #13368d;
}

.cls-1image4 {
  stroke: var(--naa-cards-bg-alt);
  stroke-width: 4px;
}

.cls-3image4 {
  stroke-miterlimit: 10;
}

.cls-1image4,
.cls-4image4,
.cls-3image4 {
  fill: none;
  stroke-linecap: round;
}

.cls-3image4 {
  stroke: var(--naa-mint-text);
  stroke-linecap: round;
  stroke-width: 15px;
}

.cls-4image4 {
  stroke: var(--naa-cards-bg-alt);
  stroke-width: 5px;
}

#GradientArcPath {
  stroke: var(--naa-cards-bg-alt);
}

.dragWheel {
  height: calc(100vh - 11rem);
}

/**/
.dragWheel #HomeChartcontainer {
  /*top: 2rem;
  transform: scale(4);*/
}

/* HOME */
.homeNew_P .st0,
.homeNew_P .st1,
.homeNew_P .st2,
.homeNew_P .st3 {
  fill: none;
}

.homeNew_P .st1 {
  stroke: url(#linear-gradient1);
}

.homeNew_P .st1,
.homeNew_P .st2,
.homeNew_P .st3 {
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 33.7px;
}

.homeNew_P .st4 {
  clip-path: url(#clippath-1);
}

.homeNew_P .st5 {
  clip-path: url(#clippath-3);
}

.homeNew_P .st6 {
  clip-path: url(#clippath-4);
}

.homeNew_P .st7 {
  clip-path: url(#clippath-2);
}

.homeNew_P .st8 {
  clip-path: url(#clippath-5);
}

.homeNew_P .st9 {
  fill: #fff;
}

.homeNew_P .st2 {
  stroke: #293347;
}

.homeNew_P .st3 {
  stroke: url(#linear-gradient);
}

.homeNew_P .st10 {
  clip-path: url(#clippath);
}

#GradientStroke1,
#WhiteStroke1,
#MarkerLine1 {
  opacity: 0;
}

.logo {
  width: 100%;
  margin-right: 0;
  margin-top: 2rem;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
.logo .logoInner {
  position: relative;
}
.logo .logoInner span.logoLayerCircle {
  height: 10rem;
  width: 10rem;
  border-radius: 50%;
  background-color: #989ea9;
  position: absolute;
  opacity: 0;
}
.logo .logoInner img {
  height: 10rem;
  margin-bottom: 4rem;
  opacity: 0;
}

#LogoText .heading {
  margin-bottom: 1.6rem !important;
}

#LogoText {
  position: relative;
}

#LogoText h3 {
  position: absolute;
  height: 100%;
  display: flex;
  align-items: center;
  font-family: Barlow-Regular;
  padding-bottom: 8rem;
  justify-content: center;
  width: 100%;
  font-size: var(--font-size-32);
}

/*.logoInner {
    width: 100%;
    display: flex;
    justify-content: center;
}
.logoCircleLayer {
    width: 15rem;
    background-color: #989ea9;
    height: 15rem;
    border-radius: 50%;
    display: block;
    position: absolute;
}*/
#LogoText h1, #LogoText h3,
#LogoIcon, .txtAnmStart {
  opacity: 0;
}

.txtAnmStart, #LogoText h1 {
  margin-top: 2rem;
}

#LogoText h1 {
  font-family: var(--ff-semibold) !important;
}

.contentContainer {
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0rem;
  width: 100%;
}

.contentContainer .content.title {
  height: 5.5rem;
  margin-top: 2rem;
}

.contentContainer .content.title .txtAnm {
  font-size: 1.9rem;
  font-family: var(--ff-medium);
}

.contentContainer .content {
  font-size: 1.8rem;
  width: 100%;
  /*margin-bottom: 8px;*/
  font-weight: 300;
  height: 2.5rem;
  overflow: hidden;
  position: relative;
  color: var(--naa-title-text);
}

.HistIGStep,
.StockPrice,
.indRevenueGrow,
.selpopSC {
  font-family: var(--ff-medium);
  /* background: #0f2159; */
  color: #257cee;
  font-size: 1.02rem;
  /* padding: 0.08rem 0.15rem; */
  border-radius: 0.3rem;
}

.prob-text .StockPrice,
.prob-text .selpopSC {
  font-size: 1rem;
  font-family: var(--ff-semibold);
}

.txtAnm {
  position: absolute;
  width: 100%;
  text-align: center;
}

.shadow {
  -webkit-filter: drop-shadow(0px 15px 15px rgba(255, 255, 255, 0.7));
  filter: drop-shadow(0px 15px 15px rgba(255, 255, 255, 0.7));
  /* Similar syntax to box-shadow */
}

.abtTxtBanner p {
  font-size: var(--font-size-18);
}

#WhiteStroke3,
#MarkerLine3 {
  opacity: 0;
}

.companyName,
.graph2Growth {
  font-size: 0.9rem;
  font-family: var(--ff-medium);
  margin-bottom: 1rem;
  color: var(--naa-title-text);
  display: block;
  margin-top: 2rem;
  position: absolute;
  width: 100%;
  left: -1.75rem;
}

.noselect_mousepointer {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently */
}

/*.dynamicContent, .AlphabetContent {
    display:none;
}
.dynamicContentShow{
    display:block;
}
.AlphabetContentShow {
    display: block;
}*/
.ml_1 {
  margin-left: 0.5rem;
}

.hglt_popup {
  fill: #6fa1ff !important;
  font-family: var(--ff-semibold) !important;
}

.companyNamestep3 {
  margin-top: 5rem;
}

.rect_hover,
.firstrect_hover,
.secondrect_hover,
.dcfrect_hover {
  opacity: 0;
}

.rect_hover.hover,
.firstrect_hover.hover,
.secondrect_hover.hover,
.dcfrect_hover.hover {
  opacity: 1;
}

.hfactor_popup .modal-content img,
.dcfrect_hover img {
  width: 99%;
}

.closeObj {
  display: none;
  cursor: pointer;
}

@keyframes shake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-3px) rotate(-3deg);
  }
  50% {
    transform: translateX(3px) rotate(3deg);
  }
  75% {
    transform: translateX(-3px) rotate(-3deg);
  }
  100% {
    transform: translateX(0);
  }
}
.hand-icon {
  cursor: pointer;
  animation: shake 0.675s infinite;
}

#distributions .global_mat_table .distributionTableFund_Colspan {
  top: 8rem;
}

/*Products card section*/
.cus_dgrid {
  margin-top: 4rem;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 1.8rem;
  align-items: start;
}
.cus_dgrid.cus_dgrid_three {
  display: flex;
  grid-gap: unset;
  justify-content: space-between;
  align-content: center;
  align-items: start;
  width: 100%;
  margin: 0 auto;
  margin-top: 5rem;
}
.cus_dgrid.cus_dgrid_three .product_row {
  width: 18.5%;
}
.cus_dgrid.cus_dgrid_three .product_row .product-cards p {
  padding-bottom: 0;
}
.cus_dgrid.cus_dgrid_three .product_row .product-cards-overlay {
  position: relative;
  top: -11.8rem;
  min-height: 17.688rem;
  padding-bottom: 0;
}
.cus_dgrid.cus_dgrid_three .product_row .product-cards-overlay p {
  padding-bottom: 1.5rem;
}
.cus_dgrid .product_row {
  background: var(--naa-cards-bg);
  border-radius: var(--border-radius);
  position: relative;
  padding: 2rem;
  text-align: left;
  min-height: 17.688rem;
  overflow: hidden;
}
@media (max-width: 575px) {
  .cus_dgrid .product_row.current-click {
    padding: 0;
  }
}
.cus_dgrid .product_row.current-click:hover {
  background: transparent !important;
}
.cus_dgrid .product_row:hover {
  background: linear-gradient(180deg, #293347 0%, rgba(38, 62, 81, 0.96) 41%, rgba(30, 100, 115, 0.83) 65%, rgba(15, 164, 174, 0.6) 85%, rgba(0, 235, 239, 0.35) 100%) !important;
}
.cus_dgrid .product_row:hover .product-cards {
  top: 0;
  overflow: visible;
}
.cus_dgrid .product_row .product-cards-overlay {
  position: absolute;
  top: 0;
  padding-bottom: 1rem;
  z-index: 9;
  display: none;
  width: 18.984rem;
  left: 50%;
  transform: translate(-50%, 0);
  background: linear-gradient(180deg, #293347 0%, rgba(38, 62, 81, 0.96) 41%, rgba(30, 100, 115, 0.83) 65%, rgba(15, 164, 174, 0.6) 85%, rgba(0, 235, 239, 0.35) 100%) !important;
  border-radius: var(--border-radius);
  min-height: 17.688rem;
}
.cus_dgrid .product_row .product-cards-overlay h5 {
  /*background: var(--naa-cards-bg-alt);*/
  padding: 1.5rem;
  border-radius: var(--border-radius) var(--border-radius) 0 0;
  text-align: center;
}
.cus_dgrid .product_row .product-cards-overlay p {
  padding: 0 2.5rem;
}
.cus_dgrid .product_row .product-cards-overlay:hover {
  background: linear-gradient(180deg, #293347 0%, rgba(38, 62, 81, 0.96) 41%, rgba(30, 100, 115, 0.83) 65%, rgba(15, 164, 174, 0.6) 85%, rgba(0, 235, 239, 0.35) 100%) !important;
}
.cus_dgrid .product_row .product-cards-overlay:hover h5 {
  background: transparent;
}
.cus_dgrid .product_row .product-cards {
  position: relative;
  transition: all 0.2s ease;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 2rem;
  height: 9.75rem;
  overflow: hidden;
  top: 2rem;
}
.cus_dgrid .product_row .product-cards.remove_height {
  overflow: visible;
  bottom: 0;
  height: auto;
  top: 0;
}
.cus_dgrid .product_row .product-cards h5 {
  /*background: var(--naa-cards-bg-alt);*/
  padding: 1.5rem 0;
  font-family: var(--font-primary) !important;
  font-size: var(--font-size-20);
  /*border-radius: var(--border-radius) var(--border-radius) 0 0;*/
}
.cus_dgrid .product_row .product-cards p {
  /*padding: 0 1.7rem;*/
  padding-top: 0;
  text-align: left;
  font-size: var(--font-size-16);
}
.cus_dgrid .product_row .product-cards p.text_ellips {
  padding-top: 0;
  text-align: left;
  font-size: var(--font-size-16);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.cus_dgrid .product_row .product-cards p.remove_ellips {
  overflow: visible;
  -webkit-line-clamp: none;
  -webkit-box-orient: inherit;
}
.cus_dgrid .product_row .product-cards .product-cards-icon {
  display: flex;
  flex-direction: column;
  /*padding: 2rem 0;*/
}
.cus_dgrid .product_row .product-cards .product-cards-icon .pro-icons {
  /*margin-bottom: 2.5rem;*/
}
.cus_dgrid .product_row .product-cards .product-cards-icon .pro-icons svg {
  width: 2.5rem;
  height: 2.5rem;
}
.cus_dgrid .product_row .product-cards .product-cards-icon a {
  color: var(--naa-para-text);
  margin-top: 1.5rem;
  font-family: var(--ff-medium);
}
.cus_dgrid .product_row .product-cards .product-cards-icon a svg {
  margin-left: 0.5rem;
}

.custom_arrow {
  padding: 0 2rem;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: end;
  grid-gap: 0.5rem;
}
.custom_arrow .arrow {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--naa-title-text);
  line-height: 1.2;
  height: 100%;
  border-radius: 0.5rem;
  text-align: center;
  background: var(--naa-cards-bg);
  width: 3rem;
  display: flex;
  height: 3rem;
  align-items: center;
  justify-content: center;
}
.custom_arrow .arrow.scrollBtn {
  cursor: no-drop;
  border: 0;
  opacity: 0.4;
}

.indexTabbg {
  position: sticky;
  top: 5.7rem;
  z-index: 12;
  background: var(--naa-body-bg);
}
.indexTabbg .checkboxListTab {
  background: var(--naa-cards-bg-alt);
  border-radius: var(--table-border-radius) var(--table-border-radius) 0 0;
}
.indexTabbg .checkboxList {
  display: flex;
  align-items: center;
  position: relative;
}
.indexTabbg .checkboxList .sliding-border {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.18rem;
  background: var(--naa-highlight-text);
  transition: all 0.3s ease;
}
.indexTabbg .checkboxList ul {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
  border-bottom: 0;
}
.indexTabbg .checkboxList ul li {
  flex: 1;
  display: block;
  position: relative;
  text-align: center;
  cursor: pointer;
  color: var(--naa-title-text);
  padding: 0.85rem 1rem;
  font-size: var(--font-size-20);
  text-align: center;
  margin-bottom: 0;
  position: relative;
  font-family: var(--ff-medium);
  border-bottom: 1px solid var(--naa-cards-bg-alt);
}
.indexTabbg .checkboxList ul li.index_lists {
  padding: 0.5rem 0.5rem;
}
.indexTabbg .checkboxList ul li.active {
  color: var(--naa-highlight-text);
  border-radius: var(--table-border-radius) var(--table-border-radius) 0 0;
  background: var(--naa-tables-alt);
  border-bottom: 1px solid var(--naa-tables-alt);
}
.indexTabbg .checkboxList ul li input [type=radio] {
  position: absolute;
  visibility: hidden;
}
.indexTabbg .checkboxList ul li label {
  padding-right: 1rem;
  display: flex;
  position: relative;
  padding-left: 2rem;
  height: 3rem;
  z-index: 9;
  align-items: center;
  cursor: pointer;
  color: var(--naa-title-text);
  font-size: 0.8rem;
  white-space: nowrap;
  margin-bottom: 0;
  font-family: var(--ff-regular);
  /*text-transform: lowercase;*/
  /*background: rgba(255, 255, 255, 0.05);*/
  border-radius: 0.5rem;
  -webkit-transition: all 0.25s linear;
}
.indexTabbg .checkboxList ul li:hover label {
  color: var(--naa-title-text);
}
.indexTabbg .checkboxList .arrow {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--naa-title-text);
  line-height: 1.2;
  display: block;
  height: 100%;
  border-radius: 0.5rem;
  text-align: center;
}
.indexTabbg .checkboxList .nav-prev {
  margin-right: 1rem;
}
.indexTabbg .checkboxList a.scrollBtn {
  color: var(--naa-para-text);
  cursor: no-drop;
  border: 0;
  opacity: 0.4;
}

.index_desc h4 {
  font-family: var(--ff-medium);
  font-size: var(--font-size-18);
}
.index_desc p {
  font-size: var(--font-size-18);
}

.indexTabMenu {
  background: var(--naa-tables-alt);
  padding: 1.5rem;
}

.bgIndex .dgrid_wrap {
  min-height: 20rem;
  width: 100%;
}
.bgIndex .dgrid_wrap h4 {
  color: var(--naa-para-text);
  font-size: var(--font-size-20);
  margin-bottom: 0.8rem;
}
.bgIndex .dgrid_wrap .expand_more_table {
  display: none;
}
.bgIndex .dgrid_wrap.Benchmark-vis .becnckmarkShow {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
}
.bgIndex .dgrid_wrap.Benchmark-vis .becnckmarkShow p {
  color: var(--naa-para-text-alt);
  font-family: var(--ff-light) !important;
  font-size: var(--font-size-14) !important;
}
.bgIndex .dgrid_wrap.Benchmark-vis-more {
  width: 100%;
}
.bgIndex .dgrid_wrap.Benchmark-vis-more .show_moreD {
  align-items: center;
  justify-content: space-between;
}
.bgIndex .dgrid_wrap.Benchmark-vis-more .show_moreD .Tabyear {
  display: block !important;
}
.bgIndex .dgrid_wrap.Benchmark-vis-more .showBenchmarkMoreLabel {
  right: -4.5rem !important;
}
.bgIndex .dgrid_wrap.Benchmark-vis-more .expand_less_table {
  display: none;
}
.bgIndex .dgrid_wrap.Benchmark-vis-more .expand_more_table {
  display: block;
}
.bgIndex .dgrid_wrap.Benchmark-vis-more .index_list:after {
  content: "";
  position: absolute;
  background: var(--naa-tables-bg);
  width: 42.5%;
  height: 100%;
  bottom: 0;
  right: 0;
  display: none;
}
.bgIndex .dgrid_wrap.Benchmark-vis-more .index_list_wrap {
  width: 100%;
}
.bgIndex .dgrid_wrap.Benchmark-vis-more .index_list_wrap:last-child {
  border-bottom: none;
  /*&:after {
      display: none;
  }*/
}
.bgIndex .dgrid_wrap .show_moreD {
  align-items: center;
  justify-content: space-between;
}
.bgIndex .dgrid_wrap .show_moreD .Tabyear {
  display: none !important;
}
.bgIndex .dgrid_wrap .index_list {
  padding-right: 0.5rem;
  background: var(--naa-tables-bg);
  padding: 1rem 1.9rem;
  border-radius: 0 0 var(--table-border-radius) var(--table-border-radius);
  position: relative;
}
.bgIndex .dgrid_wrap .index_list:after {
  content: "";
  position: absolute;
  background: var(--naa-tables-bg);
  width: 41rem;
  height: 100%;
  bottom: 0;
  right: 0;
  display: block;
}
.bgIndex .dgrid_wrap .index_list_wrap {
  cursor: pointer;
  align-items: center;
  transition: all 0.2s;
  border-bottom: 1px solid var(--naa-cards-bg-alt);
  padding: 1rem 0;
  position: relative;
  /* &:after {
      content: '';
      position: absolute;
      background-color: var(--naa-border);
      width: 56.5%;
      height: 1px;
      bottom: 0;
      left: 0;
  }*/
  /*
              &:hover {
                  background: var(--naa-close-btn-alt);
              }
  */
}
.bgIndex .dgrid_wrap .index_list_wrap:last-child {
  border-bottom: none;
  /*  &:after {
      display: none;
  }*/
}
.bgIndex .dgrid_wrap .index_list_wrap .mainIndex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bgIndex .dgrid_wrap .index_list_wrap span.tick {
  background: var(--naa-ticker-bg);
  padding: 0.7rem 1rem;
  border-radius: 0.625rem;
  font-size: var(--font-size-14);
  color: var(--naa-para-text);
  min-width: 9rem;
  text-align: center;
  font-family: var(--ff-medium);
  margin-right: 0.7rem;
}
.bgIndex .dgrid_wrap .index_list_wrap span.tick i {
  color: var(--naa-title-text);
  margin-right: 0.25rem;
  transition: all 0.2s;
}
.bgIndex .dgrid_wrap .index_list_wrap p {
  margin-bottom: 0;
  margin-left: 0.8rem;
}
.bgIndex .dgrid_wrap .index_list_wrap p.tick_value {
  border-right: 0.25rem solid transparent;
  line-height: 1.6;
  font-size: var(--font-size-16);
  font-family: var(--ff-medium);
  width: 10rem;
  text-align: right;
}
.bgIndex .dgrid_wrap .becnckmarkShow {
  display: none !important;
  align-items: center;
  justify-content: space-between;
  line-height: 1;
}
.bgIndex .dgrid_wrap .becnckmarkShow .tick {
  visibility: hidden;
}
.bgIndex .dgrid_wrap p {
  font-family: var(--ff-medium);
  font-size: var(--font-size-16);
  color: var(--naa-para-text);
}
.bgIndex .dgrid_wrap .index_header {
  background: var(--naa-cards-bg-alt);
  height: 5rem;
  border-radius: var(--table-border-radius) var(--table-border-radius) 0 0;
}
.bgIndex .dgrid_wrap .index_header p {
  font-family: var(--ff-medium);
  font-size: var(--font-size-18);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.bgIndex #output {
  /* overflow: auto;
  max-height: calc(100vh - 4rem);*/
}
.bgIndex .headYTD {
  display: flex;
  justify-content: end;
  /* position: relative;
  top: -0.25rem;*/
  position: static;
  top: 6.3rem;
  z-index: 9;
  background: var(--naa-cards-bg-alt);
  padding: 0 1.9rem;
  justify-content: space-between;
  height: 4rem;
  position: sticky;
  top: 9.3rem;
}
.bgIndex .headYTD span.yearWidth {
  width: 10rem;
  text-align: right;
  border-right: 0.25rem solid transparent;
  padding-right: 0.3rem;
  margin-left: 0.8rem;
  font-family: var(--ff-medium);
  font-size: var(--font-size-16);
  color: var(--naa-para-text);
  position: relative;
}
.bgIndex .headYTD span.yearWidth .showBenchmarkMoreLabel {
  position: absolute;
  right: -4.5rem;
  cursor: pointer;
  width: 2rem;
  height: 2rem;
  top: -0.2rem;
  text-align: center;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: end;
}
.bgIndex .cus_dgrid {
  display: flex;
  padding-bottom: 4rem !important;
  justify-content: space-between;
}

/*Products card section*/
/*Speed bump Popup*/
.custom_speedbump {
  display: none;
  position: fixed;
  top: 0;
  z-index: 9999;
  height: 100%;
  background: rgba(0, 0, 0, 0.5607843137) 0;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.custom_speedbump.show {
  display: flex !important;
}
.custom_speedbump .popup {
  background: var(--naa-footer-bg);
  position: relative;
  display: none;
  max-width: var(--modal-width);
  margin: 1.75rem auto;
  border-radius: 1.5rem;
}

.teams_speedbump .modal_lg {
  max-width: var(--modal-width) !important;
}
.teams_speedbump .modal-content {
  background: var(--naa-footer-bg);
  border-radius: 1.5rem;
  border: 0;
}

.cookie-outer .cookiebtn {
  background-color: var(--naa-cards-bg-alt);
  border: 0px solid #fff !important;
  color: var(--naa-title-text) !important;
  font-size: var(--font-size-16);
  min-width: 8rem;
  padding: 0.6rem 1.5rem;
  font-family: var(--ff-regular);
  border-radius: 3.5rem;
  text-decoration: none !important;
  display: inline-block;
  text-align: center;
}

/*Speed bump Popup*/
@media (max-width: 1600px) {
  body, html {
    font-size: 14px;
  }
}
/*@media (max-width: 1400px) {
    :root {*/
/* Font size variables */
/*--font-size-12: 0.65rem;
        --font-size-13: 0.7rem;
        --font-size-14: 0.75rem;
        --font-size-15: 0.85rem;
        --font-size-16: 0.9rem;
        --font-size-18: 1rem;
        --font-size-20: 1.1rem;
        --font-size-22: 1.25rem;
        --font-size-24: 1.35rem;
        --font-size-28: 1.6rem;
        --font-size-32: 1.85rem;
        --font-size-40: 2.35rem;
        --font-size-44: 2.6rem;
        --font-size-48: 2.8rem;
        --font-size-56: 3.3rem;
    }
}*/
/*.desktop_nav{
    display:none;
}
@media (min-width:992px) {
    .desktop_nav{
        display:block!important;
    }
}*/
@media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .indexTabbg {
    background: transparent;
  }
  .custom_checkbox {
    margin-left: 1rem;
  }
  .d_sm_block {
    display: block;
  }
  footer .footer_disc {
    width: 100%;
  }
  .desktop_nav {
    display: none;
  }
  .navbar-expand-sm .navbar-toggler {
    display: block;
  }
  .side-bar, #anywhere-home {
    display: block;
  }
  .navTop .navbar-header {
    width: 100%;
  }
  .pl-md-0 {
    padding-left: 0;
  }
  .pr-md-0 {
    padding-right: 0;
  }
  .mb-md-2rem {
    margin-bottom: 2rem;
  }
  .mt-md-2rem {
    margin-top: 2rem;
  }
}
@media (max-width: 991px) {
  .method_grid {
    width: 100% !important;
  }
  #logoSecReveal {
    flex-direction: column;
  }
  #LogoText h3 {
    width: 100%;
    justify-content: center;
    padding-bottom: 8rem;
  }
  .bannerPreText {
    min-width: 70%;
  }
  .bannerPreText span {
    /*font-size: var(--font-size-22);*/
    margin-bottom: 0.7rem;
    line-height: 1.3;
  }
  .bannerPreText span img {
    left: -3rem;
  }
  .pl-md-0 {
    padding-left: 0;
  }
  .pr-md-0 {
    padding-right: 0;
  }
  .mb-md-2rem {
    margin-bottom: 2rem;
  }
  .mt-md-2rem {
    margin-top: 2rem;
  }
}
@media (max-width: 767px) {
  .resources_content br {
    display: none;
  }
}
@media (max-width: 575px) {
  .perfThumbOuter {
    display: flex;
    flex-direction: column;
  }
  .perfThumbOuter .perfThumb {
    padding-top: 2rem;
    padding-bottom: 2rem;
    width: 100%;
    margin-right: 0rem;
  }
  .perfThumbOuter .perfThumb .downloadResources {
    position: absolute;
    bottom: 3.8rem;
    right: 1rem;
  }
  .hFactorDesc {
    width: 100% !important;
  }
  .method_grid {
    width: 100% !important;
    flex-wrap: wrap;
    grid-gap: inherit !important;
  }
  .construction-chart {
    padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
    padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
  }
  .selections_table table thead tr th {
    /*min-width: auto !important;*/
  }
  .spaceLogo img {
    width: 100%;
  }
  .bgIndex .dgrid_wrap .index_list_wrap span {
    min-width: 9rem !important;
  }
  .cookie-outer p {
    margin-right: 0;
    margin-bottom: 1rem;
  }
  .d_md_block {
    display: block !important;
  }
  .primary_btn:last-child {
    margin-top: 1rem;
  }
  .d_sm_none {
    display: none;
  }
  .indexPopupModal .indexTab {
    top: 12.7rem !important;
  }
  .teamsGrid .teamContent {
    grid-template-columns: repeat(2, 1fr) !important;
    padding: 0 !important;
    grid-gap: 1.2rem !important;
    margin-top: 1.5rem;
  }
  .teamsGrid .teamContent .team-members .teamsWrapper {
    height: 8.5rem;
  }
  footer .footer_disc {
    width: 100%;
  }
  .cus_dgrid {
    display: block;
  }
  .cus_dgrid .product_row {
    margin-bottom: 1.5rem;
    background: var(--naa-tables-alt) !important;
  }
  .cus_dgrid .product_row.cardHeight {
    /*height: 19rem !important;*/
  }
  .cus_dgrid .product_row .product-cards-overlay {
    width: 100% !important;
    /* position: relative;
    top: -4.2rem;*/
    min-height: 18rem !important;
  }
  .cus_dgrid.cus_dgrid_three {
    display: block !important;
  }
  .cus_dgrid.cus_dgrid_three .product_row {
    width: 100% !important;
  }
  .cus_dgrid.cus_dgrid_three .product_row.cardHeight {
    padding: 0;
  }
  .cus_dgrid.cus_dgrid_three .product_row .product-cards-overlay {
    /*min-height: 17rem !important;*/
    top: -9.8rem;
    width: 100% !important;
  }
  .sliding-border {
    display: none;
  }
  .table_dgrid {
    grid-template-columns: repeat(1, 1fr) !important;
  }
  .customDropdown #dropdownMenu2 {
    font-size: var(--font-size-22) !important;
    display: inline-block;
  }
  .customDropdown #dropdownMenu2.font__Xs {
    padding: 1rem;
    font-size: var(--font-size-20) !important;
    min-height: 2rem;
    display: inline-block;
  }
  #mainDropdown li a {
    white-space: break-spaces;
    padding: 0.8rem 1rem !important;
  }
  .indexPopupModal .navbar-nav {
    flex-wrap: nowrap;
    margin: 0;
  }
  .indexPopupModal .navbar-nav li a {
    white-space: nowrap;
    min-width: 16rem !important;
  }
  .indexTab .flex_tab {
    display: flex;
    align-items: center;
  }
  .customModal .modal-dialog .modal-content .profileDetails {
    flex-direction: column;
  }
  .customModal .modal-dialog .modal-content .profileDetails .team-profile-pic {
    width: 9rem !important;
  }
  .customModal .modal-dialog .modal-content .profileOverview {
    max-height: 20rem !important;
  }
}
@media only screen and (max-width: 399px) {
  .teamsGrid .teamContent .team-members .teamsWrapper {
    height: 8.5rem !important;
  }
}
@media only screen and (max-width: 318px) {
  .indexPopupModal .indexTab {
    top: 12.5rem !important;
  }
  .selections_table table thead tr th {
    min-width: auto;
  }
}
@media only screen and (max-width: 1199px) {
  .custom_checkbox {
    margin-left: 0;
  }
  .d_sm_block {
    display: block;
    font-size: 0.8rem !important;
  }
  .bgIndex .dgrid_wrap .index_list_wrap span {
    min-width: 5rem;
  }
  .indexTabbg .checkboxList ul, .indexPopupModal .navbar-nav {
    border-bottom: 0 !important;
  }
  .indexTabbg .checkboxList ul li, .indexPopupModal .navbar-nav li a {
    border-bottom: 0 solid var(--naa-border) !important;
  }
  .indexTabbg .checkboxList .arrow {
    position: absolute;
    display: flex;
    align-items: center;
  }
  .indexTabbg .checkboxList .nav-prev {
    left: -1.5rem;
  }
  .checkboxList .nav-next.arrow {
    right: -1.5rem;
  }
  .w-23 {
    width: 23rem !important;
    min-width: 23rem !important;
  }
  .selections_table table thead tr th {
    width: 9.401rem;
    min-width: 9.401rem;
  }
  .customDropdown.parent__Class {
    padding-bottom: 1rem;
    top: 5.9rem;
  }
  .indexPopupModal .indexTab {
    top: 9rem;
  }
  .formModal .modal-dialog {
    max-width: 100% !important;
  }
  .formModal .form-inline {
    display: block;
  }
  .cus_dgrid .product_row.cardHeight {
    height: 23rem;
  }
  .cus_dgrid.cus_dgrid_three .product_row.cardHeight {
    height: 35rem;
  }
  .indexTabbg .checkboxList ul li {
    border-bottom: 2px solid transparent;
    min-width: auto !important;
    padding: 0.85rem 1.25rem !important;
  }
  .indexPopupModal .navbar-nav li a {
    border-bottom: 2px solid transparent;
    min-width: auto !important;
    padding: 0.85rem 1.25rem !important;
  }
  .indexPopupModal .navbar-nav li a.active {
    border-bottom: 2px solid var(--naa-highlight-text) !important;
  }
  .indexTabbg {
    background: transparent;
  }
  .indexTab .flex_tab {
    display: flex;
    align-items: center;
  }
  .indexPopupModal .navbar-nav {
    flex-wrap: nowrap;
    margin: 0;
  }
  .indexPopupModal .navbar-nav li a {
    white-space: nowrap;
    min-width: 19rem;
  }
  .desktop_nav {
    display: none;
  }
  .side-bar, #anywhere-home {
    display: block;
  }
  .sliding-border {
    display: none;
  }
  .navbar-expand-sm .navbar-toggler {
    display: block;
  }
  .navTop .navbar-header {
    width: 100%;
  }
  .cus_dgrid {
    grid-template-columns: repeat(3, 1fr);
  }
  .cus_dgrid.cus_dgrid_three .product_row {
    /*width: 17rem;*/
  }
  .cus_dgrid .product_row .product-cards-overlay {
    width: 100%;
    /*position: relative;
    top: -4.2rem;*/
    min-height: 19rem;
  }
  .sec4Trigger.grids .grids-items {
    width: 100%;
  }
}
@media screen and (min-device-width: 768px) and (max-device-width: 768px) and (min-device-height: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  /* Styles for iPad Mini in Portrait */
  .method_grid {
    width: 100% !important;
  }
  .cus_dgrid {
    grid-template-columns: repeat(3, 1fr);
  }
  .cus_dgrid.cus_dgrid_three {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  .cus_dgrid.cus_dgrid_three .product_row {
    width: 15.438rem;
  }
  .teamsGrid .teamContent {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  .sec4Trigger.grids .grids-items {
    width: 100%;
  }
  .hFactorDesc {
    width: 70% !important;
  }
}
.closePopup {
  position: absolute;
  right: 1rem;
  top: 0.5rem;
  cursor: pointer;
}
.closePopup:hover {
  background: var(--naa-body-bg-alt);
  border-radius: 0.2rem;
}

.mobileBlock {
  display: none !important;
}

.desktopNone {
  display: block !important;
}

.method_grid {
  display: flex;
  grid-gap: 1rem;
  width: 83%;
}

@media (min-width: 991px) {
  .d-flex-desktop {
    display: flex;
  }
  .abtTxtBanner {
    padding-right: 5rem;
  }
}
.text_wrap {
  white-space: nowrap;
}

.hFactorDesc {
  color: var(--naa-title-text);
  font-size: 0.72rem;
  font-style: italic;
  width: 32%;
  margin-left: auto;
}

@media only screen and (min-device-width: 820px) and (max-device-width: 834px) and (orientation: portrait), only screen and (min-device-width: 820px) and (max-device-width: 834px) and (orientation: landscape) {
  .hFactorDesc {
    width: 80%;
  }
}
.arrows path {
  stroke: #ffffff;
  fill: transparent;
  stroke-width: 1px;
  animation: arrow 2s infinite;
  -webkit-animation: arrow 2s infinite;
}

@keyframes arrow {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes arrow /*Safari and Chrome*/ {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.arrows path.a1 {
  animation-delay: -1s;
  -webkit-animation-delay: -1s; /* Safari 和 Chrome */
}

.arrows path.a2 {
  animation-delay: -0.5s;
  -webkit-animation-delay: -0.5s; /* Safari 和 Chrome */
}