@charset "utf-8";
html {font-family:  var(--light);-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body {margin: 0; padding:0;font-family:  var(--light);font-size:14px;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}
audio, canvas, progress, video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}
[hidden], template {display: none;}
a {background-color: transparent; text-decoration:none !important;}
a:active, a:hover{outline: 0; text-decoration:none;}
abbr[title] {border-bottom: 1px dotted;} 
b, strong {font-weight: bold;}
dfn {font-style: italic;}
h1 {font-size: 2em;margin: 0.67em 0;}
mark {background: #ff0;color: #000;}
small {font-size: 80%;}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;} 
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 1em 40px;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
pre {overflow: auto;}
code, kbd, pre, samp {font-family: monospace, monospace;font-size: 1em;}
button, input, optgroup, select, textarea {color: inherit; font: inherit;margin: 0;}
button {overflow: visible;}
button, select {text-transform: none;}
button, html input[type="button"],
input[type="reset"],
input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button[disabled], html input[disabled] {cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0;}
input {line-height: normal;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box;padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0;padding: 0;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-collapse: collapse;border-spacing: 0;}
td, th {padding: 0;}
ul, li{ list-style:none;}
*:focus{ outline:0;}
.trans{transition: all 0.5s ease;}

/***Scrollbar common***/
::-webkit-scrollbar{-webkit-appearance:none;}
::-webkit-scrollbar:vertical{width:5px;}
::-webkit-scrollbar:horizontal{height:5px;}
::-webkit-scrollbar-thumb{background-color:var(--Darkblue);border-radius:5px;}
::-webkit-scrollbar-track{background-color:transparent;}

/*header*/
.fixheader { position: absolute; left: 0px; top: 0; right: 0px; height: 90px; z-index: 9995; transition: all 0.8s ease; padding: 0; background-color: var(--white);  }
.header { position: relative; z-index: 1; padding: 0; border-radius: 5px; }
.header > h1 { display: block; margin: 0; width: 165px; height:50px; position: absolute; left: 0; top: 16px; z-index: 9997; background-image: url("../images/prabhudas_Lilladher-logo.png"); background-repeat: no-repeat; background-position: center center; background-size: 100%; transition: all 0.5s ease; }
.header > h1 > a { display: block; height: 100%; text-indent: -9999px; }
.header > h2 { display: block; margin: 0; width: 165px; height:50px; position: absolute; right: 0; top: 16px; z-index: 9997; background-image: url("../images/alphanest-logo.svg"); background-repeat: no-repeat; background-position: center center; background-size: 100%; transition: all 0.5s ease; }
.header > h2 > a { display: block; height: 100%; text-indent: -9999px; }

.header > div.logo1 { display: table; margin: 0; width: 165px; height:50px; position: absolute; left: 0; top: 16px; z-index: 9997;}
.header > div.logo1 > a{display:table-cell;margin:0;padding:0;vertical-align:middle;}
.header > div.logo2 { display: table; margin: 0; width: 165px; height:50px; position: absolute; right: 0; top: 16px; z-index: 9997;}
.header > div.logo2 > a{display:table-cell;margin:0;padding:0;vertical-align:middle;}

.fullmenubg { position: relative; }

ul#mnav{ transition: all 0.5s ease;padding-left:0; margin-top: 20px; margin-bottom: 0;margin-right:174px; float: right;}
ul#mnav > li{margin:0 15px; float: left;}
ul#mnav > li > a { display: block; font-size: 16px; line-height: 28px; padding: 10px  0 4px; color: var(--darkgrey); transition: all 0.5s ease; position: relative; z-index: 2; margin: 0; font-family: var(--regular); }
ul#mnav > li > a:after { content: ""; position: absolute; left: 100%; right: 100%; bottom: 0px; height: 3px; background-color: var(--Darkblue); transition: all 0.5s ease; z-index: -1; border-radius: 2px; }
ul#mnav > li.openacc > a { color: var(--green);font-family:var(--bold);}
ul#mnav > li.login > a { color: var(--blue);}
ul#mnav > li.active a:after, ul#mnav > li:hover a:after { right: 0; left: 0; }
ul#mnav > li.active > a{font-family:var(--bold);color:var(--Darkblue);}
ul#mnav > li:hover > a{font-family:var(--bold);}

ul#mnav li.submenus { position: relative; }
ul#mnav li ul { border-radius: 8px; display: block; position: absolute; right: 0px; top: calc(100% + 30px); z-index: 99; opacity: 0; visibility: hidden; padding: 14px 0 0; background: #fff; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); transition: 0.3s; }
ul#mnav li ul li { position: relative; display: block; transition:all 0.5s ease; }
ul#mnav li ul.subsecabtprd li {min-width: 160px;}
ul#mnav li ul.subsecabtprd.profileonly li{min-width: 250px;}
ul#mnav li ul.subsecprtsuport li {min-width: 218px;}  
ul#mnav li ul li:hover > a{ color: #fff;background-color:var(--Darkblue);}
ul#mnav li.submenus:hover ul { opacity: 1; top: 100%; visibility: visible; }
ul#mnav li.submenus.active ul a:after, ul#mnav li.submenus:hover ul a:after { right: auto; left: auto; }
ul#mnav li.submenus ul a {display:block; font-size: 15px; line-height: 19px; color: #4F4B4C;font-family:var(--light);padding:6px;border-radius:4px;}
ul#mnav li.submenus ul li { margin: 0 10px 8px; }
ul#mnav li ul a { text-transform: capitalize; }

#mobnav { display: none; width: 25px; height: 30px; position: absolute; right: 10px; top: 45px; z-index: 9996; cursor: pointer; transition: all 0.5s ease; }
.lines { display: block; width: 25px; height: 3px; background: var(--blue); border-radius: 4px; transition: 0.3s; position: relative; top: 13px; }
.lines:before, .lines:after { display: block; width: 25px; height: 3px; background: var(--blue); border-radius: 10px; transition: 0.3s; position: absolute; left: 0; content: ''; transform-origin: 0.28571rem center; }
.lines:before { top: 9px; }
.lines:after { top: -9px; }
#mobnav.Nclose { transform: scale3d(0.8, 0.8, 0.8); }
#mobnav.Nclose .lines { background: transparent; }
#mobnav.Nclose .lines:before, #mobnav.Nclose .lines:after { transform-origin: 50% 50%; top: 0; width: 34px; background: #000000; left: -4px; }
#mobnav.Nclose .lines:before { transform: rotate3d(0, 0, 1, 45deg); }
#mobnav.Nclose .lines:after { transform: rotate3d(0, 0, 1, -45deg); }
.fix .fixheader { height: 90px; position: fixed; top: 0; box-shadow: 0 2px 5px rgb(0 0 0 / 20%); animation: headfix 0.5s; animation-iteration-count: 1; }
.fix .header > h1 { top: 10px; }
.fix ul#mnav { margin-top: 20px; }
.fix .searchtopsection { top: 95px; }
.fix #mobnav { top: 35px; }
.slidenav { width: 300px; position: fixed; top: 0px; bottom: 0; right: -310px; background: var(--blue); z-index: 9997; transition: all 0.5s ease; padding: 25px 0 0; overflow: auto; }
.slidenav.open { right: 0; }
.slidenav ul#mnav, .slidenav ul#topnav { margin: 0; padding: 0 20px; display: none; float: none; }
.slidenav ul#mnav > li { display: block; float: none; width: 100%; padding: 3px 0; }
.slidenav ul#mnav > li > a, .slidenav > ul > li > a, .slidenav ul#topnav > li > a { display: inline-block; font-size: 16px; transition: all 0.5s ease; color: var(--white); position: relative; line-height: 30px; padding: 2px 0; }
.slidenav ul#topnav { position: static; }
.slidenav ul#topnav > li { float: none; margin: 2px 0; padding: 3px 0; }
.slidenav ul#topnav > li > a, .slidenav ul#topnav > li:hover > a { border: none; background-color: transparent; color: var(--white); }
.slidenav ul { margin: 0; padding: 0 20px; }
.slidenav ul > li { margin: 0; padding: 3px 0; }
.slidenav > ul > li > a:after { content: ""; position: absolute; left: 0; right: 100%; bottom: 0px; height: 4px; background-color:var(--Darkblue); transition: all 0.4s ease; z-index: -1; }
.slidenav ul > li:hover > a:after { right: 0; }
#nclose { position: absolute; z-index: 5; right: 18px; top: 12px; cursor: pointer; font-size: 12px; line-height: 20px; color: var(--green);transition: all 0.4s ease; }
#nclose:hover { color: var(--white); }

.subsec {display: block;position: absolute;left: 0px;top: 65px;z-index: 99;opacity:0;visibility: hidden;padding:30px 40px 10px;background-color: #23455d;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);width:700px;}
.fix .subsec{top: 60px;}
.subsec span {display: block;color: var(--green);font-size: 15px;line-height: 20px;font-family: var(--bold);margin: 0 0 12px;transition: all 0.3s ease;}
.subsec span:hover {color:#8c9028;}
.subsec ul {position: relative;display:inline-block;padding:0;margin:0 0 8px;}
.subsec ul li {display:block;margin:0;padding:0;position:relative;}
.subsec ul li a {display: inline-block;margin: 0 0 12px;padding: 0;color: var(--white);font-size: 18px;line-height: 24px;transition: all 0.3s ease;}
ul#mnav li.drpsubsection:hover .subsec { opacity:1;visibility: visible;}
.subsec ul.subsecdrp li {display:block;}
.subsec ul.subsecdrp li a {color:#9ebdd5;padding: 0 0 0 22px;font-size:15px;line-height:18px;}
.subsec ul.subsecdrp li:before {position:absolute;top:5px;left:2px;content:"";font-family:FontAwesome;font-size:12px;color:#9ebdd5;background-image: url("../images/arrow-pointing-right.svg"); background-repeat: no-repeat; background-position: center center; background-size: 100%;width:10px;height:10px;}
.subsec ul li a:hover {color:var(--green);}
ul#mnav > li > a.profile{min-width:52px;}
.slidenav > ul > li.mlogin > a{display: inline-block; margin: 0;padding: 2px 20px;background-color: var(--Darkblue);color: #fff;border-radius: 4px;border:1px solid transparent;}
.slidenav > ul > li.mlogin:hover > a{background-color:var(--blue);border:1px solid #fff;}
.slidenav ul > li.mlogin:hover > a:after{display:none;}

.mloginBtn{display:inline-block;margin:0;padding:10px 35px;position:absolute;top:22px;right:156px;font-family:var(--regular);font-size:16px;line-height:24px;color:var(--Darkblue);}


.nstableSec{display:block;margin:0;padding:20px 0;}
#nscmnTable{margin-bottom:10px;}
#nscmnTable > table{margin-bottom:0;}
#nscmnTable > table > thead > tr{background-color:var(--lightgrey);border-radius:4px;}
#nscmnTable > table{font-family:var(--regular);font-size:16px;line-height:24px;color:var(--Darkblue);}
.greentxt{color:var(--green);}
.greentxt:hover{color:var(--green);}
#nscmnTable .table td,#nscmnTable .table th{border:none;border-radius:0;}

/*1-prelogin-screen*/
.rsearchknowledgewrap { background: var(--lightgrey); padding: 24px 55px 8px; position: relative; border-radius: 8px; }
.rsearchknowledgewrap .rsearchknowledgecnt { padding: 5px 40px 5px 270px; }
.rsearchknowledgewrap:before { content: ""; position: absolute; top: 25px; left: 25px; background-image: url("../images/narnolia-white-logo.svg"); background-repeat: no-repeat; background-position: center center; width: 270px; height: 205px; background-color: var(--Darkblue); }
.rsearchknowledgewrap .rsearchknowledgecnt h3 { display: block; color: #000; font-size: 28px; line-height: 32px; margin-bottom: 15px; display: block; font-family: var(--bold); }
.rsearchknowledgewrap .rsearchknowledgecnt p { display: block; font-size: 18px; line-height: 25px; margin: 0 0 18px; color: var(--darkgrey); font-family: var(--regular); }
.whychoosewrap { padding: 50px 0; }
.whychoosewrap h3 { display: block; font-size: 30px; line-height: 36px; font-family: var(--bold); color: var(--Darkblue); margin: 0 auto 35px; text-align: center; max-width: 480px; padding: 12px 0 2px; position: relative; }
.whychoosewrap h3 i { display: block; font-style: normal; font-size: 20px; line-height: 24px; margin: 5px 0px 15px; }
.whychoosewrap h3:after { content: ""; height: 2px; position: absolute; top: 0; left: 0; right: 0; background: #ececec; background: linear-gradient(90deg,rgba(236,236,236,1) 0%,rgba(176,177,179,1) 50%,rgba(236,236,236,1) 100%); }
.whychoosewrap h3:before { content: ""; height: 2px; position: absolute; bottom: 0; left: 0; right: 0; background: #ececec; background: linear-gradient(90deg,rgba(236,236,236,1) 0%,rgba(176,177,179,1) 50%,rgba(236,236,236,1) 100%); }
.whychoosewrap .whychoosesec { text-align: center; padding: 14px; border-right: 2px solid #b9b9b9; min-height: 310px; transition: all 0.4s ease; background: rgb(211,212,214); background: -moz-linear-gradient(180deg, rgba(211,212,214,1) 0%, rgba(253,253,253,1) 100%); background: -webkit-linear-gradient(180deg, rgba(211,212,214,1) 0%, rgba(253,253,253,1) 100%); background: linear-gradient(180deg, rgba(211,212,214,1) 0%, rgba(253,253,253,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d3d4d6",endColorstr="#fdfdfd",GradientType=1);  }
.whychoosewrap .whychoosesec:hover { background: var(--Darkblue); border-right: 2px solid transparent; }
.whychoosewrap .whychoosesec.brder { border: none; }
.whychoosewrap .whychoosesec b { display: block; color: var(--Darkblue); font-size: 19px; line-height: 22px; margin: 18px 0 8px 0; font-family: var(--bold); transition: all 0.4s ease; }
.whychoosewrap .whychoosesec b i { display: block; font-style: normal; }
.whychoosewrap .whychoosesec:hover > b { color: #fff; }
.whychoosewrap .whychoosesec span { display: block; font-size: 18px; line-height: 26px; color: var(--darkgrey); font-family: var(--regular); transition: all 0.4s ease; }
.whychoosewrap .whychoosesec:hover span { color: #fff; }
.whychoosewrap .whychoosebtn { text-align: center; margin-top:30px; }
.whychooseUsImg { display: block; }
.whychooseUsImg > em { display: block; padding: 0; margin: 0 auto; width: 87px; height: 83px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='86.518' height='86.518' viewBox='0 0 86.518 86.518'%3E%3Cg id='why_choose1' transform='translate(-159.656 -536.049)'%3E%3Cpath id='Rectangle_2' data-name='Rectangle 2' d='M4.122,0H82.395a4.123,4.123,0,0,1,4.123,4.123V82.395a4.123,4.123,0,0,1-4.123,4.123H4.123A4.123,4.123,0,0,1,0,82.395V4.122A4.122,4.122,0,0,1,4.122,0Z' transform='translate(159.656 536.049)' fill='%23062142'/%3E%3Cpath id='Path_1' data-name='Path 1' d='M176.309,577.09v-6.652a2.218,2.218,0,0,1,2.216-2.216H227.3a2.214,2.214,0,0,1,2.216,2.216v6.652Zm22.171,4.435h8.87v6.653h-8.87Zm31.041,19.954H176.309V581.525h17.738v11.086h17.736V581.525h17.738Zm-39.91-44.344h26.608v6.652H189.611Zm37.694,6.652h-6.653v-6.652a4.433,4.433,0,0,0-4.433-4.434H189.611a4.433,4.433,0,0,0-4.433,4.434v6.652h-6.653a6.648,6.648,0,0,0-6.65,6.651v31.041a4.435,4.435,0,0,0,4.434,4.435h53.212a4.435,4.435,0,0,0,4.436-4.435V570.438a6.651,6.651,0,0,0-6.652-6.651Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; transition: all 0.4s ease; }
.whychoosewrap .whychoosesec:hover .whychooseUsImg > em { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='86.518' height='86.518' viewBox='0 0 86.518 86.518'%3E%3Cg id='why_choose1' transform='translate(-159.656 -536.049)'%3E%3Cpath id='Rectangle_2' data-name='Rectangle 2' d='M4.122,0H82.395a4.123,4.123,0,0,1,4.123,4.123V82.395a4.123,4.123,0,0,1-4.123,4.123H4.123A4.123,4.123,0,0,1,0,82.395V4.122A4.122,4.122,0,0,1,4.122,0Z' transform='translate(159.656 536.049)' fill='%23fff'/%3E%3Cpath id='Path_1' data-name='Path 1' d='M176.309,577.09v-6.652a2.218,2.218,0,0,1,2.216-2.216H227.3a2.214,2.214,0,0,1,2.216,2.216v6.652Zm22.171,4.435h8.87v6.653h-8.87Zm31.041,19.954H176.309V581.525h17.738v11.086h17.736V581.525h17.738Zm-39.91-44.344h26.608v6.652H189.611Zm37.694,6.652h-6.653v-6.652a4.433,4.433,0,0,0-4.433-4.434H189.611a4.433,4.433,0,0,0-4.433,4.434v6.652h-6.653a6.648,6.648,0,0,0-6.65,6.651v31.041a4.435,4.435,0,0,0,4.434,4.435h53.212a4.435,4.435,0,0,0,4.436-4.435V570.438a6.651,6.651,0,0,0-6.652-6.651Z' fill='%23062142'/%3E%3C/g%3E%3C/svg%3E"); }
.whychooseUsImg > em.resprdts { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='86.519' height='86.518' viewBox='0 0 86.519 86.518'%3E%3Cg id='why_choose2' transform='translate(-479.656 -536.049)'%3E%3Crect id='Rectangle_4' data-name='Rectangle 4' width='86.519' height='86.518' rx='4.123' transform='translate(479.656 536.049)' fill='%23062142'/%3E%3Cpath id='Path_5' data-name='Path 5' d='M512.691,590.85c-.936-.942-.449-.676-2.706-1.284a7.759,7.759,0,0,1-2.742-1.441l-4.888,12.039a1.732,1.732,0,0,0,1.664,2.386l5.678-.219,3.9,4.144a1.721,1.721,0,0,0,2.849-.538l5.609-13.812a7.708,7.708,0,0,1-9.366-1.275Zm30.783,9.314-4.889-12.039a7.718,7.718,0,0,1-2.742,1.441c-2.267.612-1.771.345-2.705,1.284a7.709,7.709,0,0,1-9.367,1.275l5.608,13.812a1.72,1.72,0,0,0,2.848.538l3.907-4.144,5.676.219A1.732,1.732,0,0,0,543.474,600.164ZM530.565,588.4c1.646-1.684,1.836-1.539,4.181-2.18a4.391,4.391,0,0,0,3.066-3.136c.8-3.074.6-2.7,2.8-4.952a4.5,4.5,0,0,0,1.123-4.284c-.8-3.072-.8-2.643,0-5.719a4.5,4.5,0,0,0-1.123-4.283c-2.2-2.248-1.991-1.879-2.8-4.951a4.391,4.391,0,0,0-3.066-3.137c-3.006-.824-2.643-.609-4.844-2.858a4.276,4.276,0,0,0-4.192-1.149c-3,.822-2.584.824-5.591,0a4.27,4.27,0,0,0-4.19,1.149c-2.2,2.248-1.838,2.034-4.844,2.858a4.382,4.382,0,0,0-3.066,3.137c-.806,3.072-.6,2.7-2.8,4.951a4.494,4.494,0,0,0-1.12,4.283c.8,3.07.8,2.642,0,5.717a4.506,4.506,0,0,0,1.12,4.286c2.2,2.249,1.991,1.878,2.8,4.952a4.383,4.383,0,0,0,3.066,3.136c2.411.661,2.591.557,4.178,2.18a4.268,4.268,0,0,0,5.36.629,4.263,4.263,0,0,1,4.582,0A4.268,4.268,0,0,0,530.565,588.4Zm-17.816-17.755a10.168,10.168,0,1,1,10.165,10.393A10.279,10.279,0,0,1,512.749,570.645Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A"); }
.whychoosewrap .whychoosesec:hover .whychooseUsImg > em.resprdts { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='86.519' height='86.518' viewBox='0 0 86.519 86.518'%3E%3Cg id='why_choose2' transform='translate(-479.656 -536.049)'%3E%3Crect id='Rectangle_4' data-name='Rectangle 4' width='86.519' height='86.518' rx='4.123' transform='translate(479.656 536.049)' fill='%23fff'/%3E%3Cpath id='Path_5' data-name='Path 5' d='M512.691,590.85c-.936-.942-.449-.676-2.706-1.284a7.759,7.759,0,0,1-2.742-1.441l-4.888,12.039a1.732,1.732,0,0,0,1.664,2.386l5.678-.219,3.9,4.144a1.721,1.721,0,0,0,2.849-.538l5.609-13.812a7.708,7.708,0,0,1-9.366-1.275Zm30.783,9.314-4.889-12.039a7.718,7.718,0,0,1-2.742,1.441c-2.267.612-1.771.345-2.705,1.284a7.709,7.709,0,0,1-9.367,1.275l5.608,13.812a1.72,1.72,0,0,0,2.848.538l3.907-4.144,5.676.219A1.732,1.732,0,0,0,543.474,600.164ZM530.565,588.4c1.646-1.684,1.836-1.539,4.181-2.18a4.391,4.391,0,0,0,3.066-3.136c.8-3.074.6-2.7,2.8-4.952a4.5,4.5,0,0,0,1.123-4.284c-.8-3.072-.8-2.643,0-5.719a4.5,4.5,0,0,0-1.123-4.283c-2.2-2.248-1.991-1.879-2.8-4.951a4.391,4.391,0,0,0-3.066-3.137c-3.006-.824-2.643-.609-4.844-2.858a4.276,4.276,0,0,0-4.192-1.149c-3,.822-2.584.824-5.591,0a4.27,4.27,0,0,0-4.19,1.149c-2.2,2.248-1.838,2.034-4.844,2.858a4.382,4.382,0,0,0-3.066,3.137c-.806,3.072-.6,2.7-2.8,4.951a4.494,4.494,0,0,0-1.12,4.283c.8,3.07.8,2.642,0,5.717a4.506,4.506,0,0,0,1.12,4.286c2.2,2.249,1.991,1.878,2.8,4.952a4.383,4.383,0,0,0,3.066,3.136c2.411.661,2.591.557,4.178,2.18a4.268,4.268,0,0,0,5.36.629,4.263,4.263,0,0,1,4.582,0A4.268,4.268,0,0,0,530.565,588.4Zm-17.816-17.755a10.168,10.168,0,1,1,10.165,10.393A10.279,10.279,0,0,1,512.749,570.645Z' fill='%23062142'/%3E%3C/g%3E%3C/svg%3E%0A"); }
.whychooseUsImg > em.promoters { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='86.52' height='86.518' viewBox='0 0 86.52 86.518'%3E%3Cg id='why_choose3' transform='translate(-799.655 -536.049)'%3E%3Cpath id='Rectangle_5' data-name='Rectangle 5' d='M4.123,0H82.395A4.125,4.125,0,0,1,86.52,4.125v78.27A4.123,4.123,0,0,1,82.4,86.518H4.123A4.123,4.123,0,0,1,0,82.395V4.123A4.123,4.123,0,0,1,4.123,0Z' transform='translate(799.655 536.049)' fill='%23062142'/%3E%3Cpath id='Path_6' data-name='Path 6' d='M842.733,577.8a8.9,8.9,0,1,0-9.019-8.988A9.018,9.018,0,0,0,842.733,577.8Zm-.185-14.123a5.333,5.333,0,0,1,5.338,5.319,5.247,5.247,0,0,1-10.491,0A5.3,5.3,0,0,1,842.548,563.676ZM869.97,576.7a18.257,18.257,0,0,0-12.883-4.586h-1.473a12.2,12.2,0,0,1-1.656,3.853,17.751,17.751,0,0,1,3.129-.185,15.347,15.347,0,0,1,9.754,2.936v13.207h3.679V577.249Zm-17.116-16.326a4.493,4.493,0,1,1,4.233,6.238,3.126,3.126,0,0,1-1.287-.184,13.166,13.166,0,0,1,.181,2.568v1.1c.369,0,.739.183,1.106.183a8.163,8.163,0,1,0,.185-16.325,7.9,7.9,0,0,0-7,4.035A7.853,7.853,0,0,1,852.854,560.373Zm-20.98,15.775a12.17,12.17,0,0,1-1.656-3.851h-1.473a18.968,18.968,0,0,0-12.883,4.4l-.553.55v14.675h3.68V578.717a15.69,15.69,0,0,1,9.756-2.935A16.379,16.379,0,0,1,831.874,576.148Zm-3.129-6.051a2.336,2.336,0,0,0,1.1-.184v-1.1a11.309,11.309,0,0,1,.183-2.568,3.127,3.127,0,0,1-1.287.184,4.4,4.4,0,1,1,0-8.8,4.648,4.648,0,0,1,4.232,2.752,18.367,18.367,0,0,1,2.76-2.568,8.168,8.168,0,1,0-6.992,12.29Zm28.709,17.057a18.6,18.6,0,0,0-14.354-6.236,18.98,18.98,0,0,0-14.539,6.236l-.369.551v13.94a3.1,3.1,0,0,0,3.129,3.118h23.557a3.22,3.22,0,0,0,3.129-3.118v-13.94h-.184Zm-3.312,13.94H831.874V588.988a15.736,15.736,0,0,1,11.226-4.4,14.883,14.883,0,0,1,11.042,4.4Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A"); }
.whychoosewrap .whychoosesec:hover .whychooseUsImg > em.promoters { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='86.52' height='86.518' viewBox='0 0 86.52 86.518'%3E%3Cg id='why_choose3' transform='translate(-799.655 -536.049)'%3E%3Cpath id='Rectangle_5' data-name='Rectangle 5' d='M4.123,0H82.395A4.125,4.125,0,0,1,86.52,4.125v78.27A4.123,4.123,0,0,1,82.4,86.518H4.123A4.123,4.123,0,0,1,0,82.395V4.123A4.123,4.123,0,0,1,4.123,0Z' transform='translate(799.655 536.049)' fill='%23fff'/%3E%3Cpath id='Path_6' data-name='Path 6' d='M842.733,577.8a8.9,8.9,0,1,0-9.019-8.988A9.018,9.018,0,0,0,842.733,577.8Zm-.185-14.123a5.333,5.333,0,0,1,5.338,5.319,5.247,5.247,0,0,1-10.491,0A5.3,5.3,0,0,1,842.548,563.676ZM869.97,576.7a18.257,18.257,0,0,0-12.883-4.586h-1.473a12.2,12.2,0,0,1-1.656,3.853,17.751,17.751,0,0,1,3.129-.185,15.347,15.347,0,0,1,9.754,2.936v13.207h3.679V577.249Zm-17.116-16.326a4.493,4.493,0,1,1,4.233,6.238,3.126,3.126,0,0,1-1.287-.184,13.166,13.166,0,0,1,.181,2.568v1.1c.369,0,.739.183,1.106.183a8.163,8.163,0,1,0,.185-16.325,7.9,7.9,0,0,0-7,4.035A7.853,7.853,0,0,1,852.854,560.373Zm-20.98,15.775a12.17,12.17,0,0,1-1.656-3.851h-1.473a18.968,18.968,0,0,0-12.883,4.4l-.553.55v14.675h3.68V578.717a15.69,15.69,0,0,1,9.756-2.935A16.379,16.379,0,0,1,831.874,576.148Zm-3.129-6.051a2.336,2.336,0,0,0,1.1-.184v-1.1a11.309,11.309,0,0,1,.183-2.568,3.127,3.127,0,0,1-1.287.184,4.4,4.4,0,1,1,0-8.8,4.648,4.648,0,0,1,4.232,2.752,18.367,18.367,0,0,1,2.76-2.568,8.168,8.168,0,1,0-6.992,12.29Zm28.709,17.057a18.6,18.6,0,0,0-14.354-6.236,18.98,18.98,0,0,0-14.539,6.236l-.369.551v13.94a3.1,3.1,0,0,0,3.129,3.118h23.557a3.22,3.22,0,0,0,3.129-3.118v-13.94h-.184Zm-3.312,13.94H831.874V588.988a15.736,15.736,0,0,1,11.226-4.4,14.883,14.883,0,0,1,11.042,4.4Z' fill='%23062142'/%3E%3C/g%3E%3C/svg%3E%0A"); }
.whychooseUsImg > em.performance { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='86.52' height='86.518' viewBox='0 0 86.52 86.518'%3E%3Cg id='why_choose4' transform='translate(-1119.655 -536.049)'%3E%3Cpath id='Rectangle_6' data-name='Rectangle 6' d='M4.123,0H82.395A4.125,4.125,0,0,1,86.52,4.125v78.27A4.123,4.123,0,0,1,82.4,86.518H4.123A4.123,4.123,0,0,1,0,82.395V4.123A4.123,4.123,0,0,1,4.123,0Z' transform='translate(1119.655 536.049)' fill='%23062142'/%3E%3Cpath id='Path_7' data-name='Path 7' d='M1188.546,562.893v-8.765a2.2,2.2,0,0,0-2.217-2.19H1139.5a2.2,2.2,0,0,0-2.217,2.19v8.765a2.2,2.2,0,0,0-2.078,2.182v9.011a11.971,11.971,0,0,0,1,4.818,12.288,12.288,0,0,0,1.08,1.977v23.607a2.206,2.206,0,0,0,2.217,2.19h46.826a2.2,2.2,0,0,0,2.217-2.19V580.881a11.912,11.912,0,0,0,1.08-1.977,12.108,12.108,0,0,0,1-4.818v-9.011A2.2,2.2,0,0,0,1188.546,562.893Zm-46.272-6.028h41.284v6.021h-41.284Zm25.075,44.892h-8.868v-7.123h8.868Zm16.236,0h-11.8v-9.313a2.2,2.2,0,0,0-2.219-2.189h-13.3a2.2,2.2,0,0,0-2.215,2.189v9.313h-11.776V585.186c.2.1.409.191.621.273a12.735,12.735,0,0,0,12.436-1.514.049.049,0,0,1,.041,0,12.477,12.477,0,0,0,2.682,1.514,12.736,12.736,0,0,0,12.433-1.514.049.049,0,0,1,.041,0,12.486,12.486,0,0,0,2.68,1.514,12.811,12.811,0,0,0,9.756,0c.207-.09.414-.178.621-.273Zm2.053-27.671a7.5,7.5,0,0,1-7.573,7.411,7.6,7.6,0,0,1-6.595-3.757,1.113,1.113,0,0,0-.963-.554h-.041a1.12,1.12,0,0,0-.963.554,7.234,7.234,0,0,1-.551.821c-.01.013-.023.024-.035.038a7.3,7.3,0,0,1-.613.693c-.059.06-.129.109-.19.167-.176.163-.353.326-.545.473-.1.08-.219.146-.328.22-.162.111-.316.225-.488.324a.2.2,0,0,0-.031.02c-.141.08-.288.14-.432.209s-.277.147-.422.2c-.2.083-.4.145-.605.211-.114.035-.219.08-.332.109a7.4,7.4,0,0,1-.805.164c-.061.01-.117.026-.178.034a7.667,7.667,0,0,1-7.613-3.674,1.149,1.149,0,0,0-1.983,0,7.713,7.713,0,0,1-.546.81c-.075.094-.161.176-.237.266-.133.157-.263.317-.41.463-.111.109-.236.2-.35.306-.13.112-.253.231-.39.335s-.26.174-.391.262-.281.2-.429.282l-.03.02c-.127.072-.261.127-.392.189-.157.079-.307.163-.469.229s-.316.109-.475.163-.306.112-.466.154c-.206.056-.417.089-.627.126-.118.024-.233.055-.354.071a7.844,7.844,0,0,1-1.019.067c-.262,0-.518-.014-.774-.038a7.48,7.48,0,0,1-6.8-7.373v-6.24a.033.033,0,0,1,.037-.034H1185.6a.035.035,0,0,1,.038.034Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A"); }
.whychoosewrap .whychoosesec:hover .whychooseUsImg > em.performance { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='86.52' height='86.518' viewBox='0 0 86.52 86.518'%3E%3Cg id='why_choose4' transform='translate(-1119.655 -536.049)'%3E%3Cpath id='Rectangle_6' data-name='Rectangle 6' d='M4.123,0H82.395A4.125,4.125,0,0,1,86.52,4.125v78.27A4.123,4.123,0,0,1,82.4,86.518H4.123A4.123,4.123,0,0,1,0,82.395V4.123A4.123,4.123,0,0,1,4.123,0Z' transform='translate(1119.655 536.049)' fill='%23fff'/%3E%3Cpath id='Path_7' data-name='Path 7' d='M1188.546,562.893v-8.765a2.2,2.2,0,0,0-2.217-2.19H1139.5a2.2,2.2,0,0,0-2.217,2.19v8.765a2.2,2.2,0,0,0-2.078,2.182v9.011a11.971,11.971,0,0,0,1,4.818,12.288,12.288,0,0,0,1.08,1.977v23.607a2.206,2.206,0,0,0,2.217,2.19h46.826a2.2,2.2,0,0,0,2.217-2.19V580.881a11.912,11.912,0,0,0,1.08-1.977,12.108,12.108,0,0,0,1-4.818v-9.011A2.2,2.2,0,0,0,1188.546,562.893Zm-46.272-6.028h41.284v6.021h-41.284Zm25.075,44.892h-8.868v-7.123h8.868Zm16.236,0h-11.8v-9.313a2.2,2.2,0,0,0-2.219-2.189h-13.3a2.2,2.2,0,0,0-2.215,2.189v9.313h-11.776V585.186c.2.1.409.191.621.273a12.735,12.735,0,0,0,12.436-1.514.049.049,0,0,1,.041,0,12.477,12.477,0,0,0,2.682,1.514,12.736,12.736,0,0,0,12.433-1.514.049.049,0,0,1,.041,0,12.486,12.486,0,0,0,2.68,1.514,12.811,12.811,0,0,0,9.756,0c.207-.09.414-.178.621-.273Zm2.053-27.671a7.5,7.5,0,0,1-7.573,7.411,7.6,7.6,0,0,1-6.595-3.757,1.113,1.113,0,0,0-.963-.554h-.041a1.12,1.12,0,0,0-.963.554,7.234,7.234,0,0,1-.551.821c-.01.013-.023.024-.035.038a7.3,7.3,0,0,1-.613.693c-.059.06-.129.109-.19.167-.176.163-.353.326-.545.473-.1.08-.219.146-.328.22-.162.111-.316.225-.488.324a.2.2,0,0,0-.031.02c-.141.08-.288.14-.432.209s-.277.147-.422.2c-.2.083-.4.145-.605.211-.114.035-.219.08-.332.109a7.4,7.4,0,0,1-.805.164c-.061.01-.117.026-.178.034a7.667,7.667,0,0,1-7.613-3.674,1.149,1.149,0,0,0-1.983,0,7.713,7.713,0,0,1-.546.81c-.075.094-.161.176-.237.266-.133.157-.263.317-.41.463-.111.109-.236.2-.35.306-.13.112-.253.231-.39.335s-.26.174-.391.262-.281.2-.429.282l-.03.02c-.127.072-.261.127-.392.189-.157.079-.307.163-.469.229s-.316.109-.475.163-.306.112-.466.154c-.206.056-.417.089-.627.126-.118.024-.233.055-.354.071a7.844,7.844,0,0,1-1.019.067c-.262,0-.518-.014-.774-.038a7.48,7.48,0,0,1-6.8-7.373v-6.24a.033.033,0,0,1,.037-.034H1185.6a.035.035,0,0,1,.038.034Z' fill='%23062142'/%3E%3C/g%3E%3C/svg%3E%0A"); }
        
.invstadvisorywrap .advisoryhed { background: var(--lightgrey); padding: 16px 120px; text-align: center; }
.invstadvisorywrap h3 { display: block; font-size: 30px; line-height: 35px; font-family: var(--bold); color: var(--Darkblue); margin: 0 0 12px; }
.invstadvisorywrap p { display: block; font-size: 20px; line-height: 26px; margin: 0; color: var(--darkgrey); font-family: var(--regular); }
.invstadvisorywrap .portfoliosec { position: relative; padding: 0 0 0 119px; }
.invstadvisorywrap .portfoliosec > img{position: absolute; top: 0; left: 0;width: 80px; height: 80px;}

.invstadvisorywrap .portfoliosec p { display: inline-block; margin: 0; text-align: left; }
.invstadvisorywrap .portfoliosec p a { display: inline-block; }
.invstadvisorywrap .portfoliosec ul { display: block; margin: 24px 0 0 0; padding: 0; }
.invstadvisorywrap .portfoliosec ul li { display: inline-block; margin: 0 12px 10px 0; padding: 0; font-size: 20px; line-height: 26px; color: var(--darkgrey); font-family: var(--regular); }
.invstadvisorywrap .portfoliosec ul li i { display: block; font-style: normal; color: var(--darkgrey); font-family: var(--bold); }
.invstadvisorywrap .portfoliosec ul li i.green { color: #26b51ceb; font-family: var(--bold); }
.invstadvisorywrap .portfoliosec ul li i.red { color: #f37059; font-family: var(--bold); }
.invstadvisorywrap .portfoliosec ul li i.orge { color: #d66d1b; font-family: var(--bold); }
.invstadvisorywrap .portfoliolist { border: 1px solid #b9b9b9; border-radius: 8px; padding: 25px; margin: 30px 0; position: relative; background-color: #fff; transition: all 0.6s ease; }
.invstadvisorywrap .portfoliolist:hover { box-shadow: 0 10px 30px rgb(0 0 0 / 15%);cursor:pointer; }
.invstadvisorywrap .portfoliolist:after { content: ""; position: absolute; bottom: 40px; left: -15px; width: 150px; height: 45px; background-color: var(--Darkblue); z-index: 2; border-radius: 5px 5px 5px 0; }
.invstadvisorywrap .portfoliolist:before { content: ""; position: absolute; bottom: 45px; left: -15px; width: 150px; height: 45px; background-color: var(--Darkblue); z-index: -1; border-radius: 5px 5px 5px 0; }
.invstadvisorywrap .portfoliolist h4 { display: block; text-align: left; color: var(--Darkblue); font-size: 22px; line-height: 25px; font-family: var(--bold); }
.invstadvisorywrap .portfolobtn button.homeactbtn { padding: 15px 60px; font-size: 20px; line-height: 25px; }
.invstadvisorywrap .portfolobtn { text-align: center; }
.invstadvisorywrap .portfolobtn ul { display: block; margin: 30px 0 0; padding: 0; }
.invstadvisorywrap .portfolobtn ul li { display: block; margin: 0; padding: 0; font-size: 18px; line-height: 26px; color: var(--darkgrey); font-family: var(--regular); }
.invstadvisorywrap .portfolobtn ul li a { display: block; font-size: 18px; line-height: 26px; font-family: var(--regular); }
.invstportfoliowrap { max-width: 1200px; margin: 0 auto; }
        
        
/*prelogin footer*/
.footersection { padding: 50px 15px; background-color: var(--Darkblue); }
.footersection .footerwidth { max-width: 1200px; }
.footersection .footercnt { }
.footersection .footercnt > p { display: block; font-size: 20px; line-height: 35px; color: #fff; margin: 0; padding-right: 55px; }
.footersection .footermenus { padding: 0; }
.footersection .footermenus ul { display: block; margin: 0; padding: 0; }
.footersection .footermenus ul li { display: inline-block; margin: 0 0 24px; padding: 0; }
.footersection .footermenus ul li a { display: block; color: #fff; font-size: 20px; line-height: 35px; }
.footersection .footerbotomcnt { text-align: center; margin-top:45px; }
.footersection .footerbotomcnt > p { display: block; color: var(--lightgrey); font-size: 18px; line-height: 32px; margin: 0 0 8px; }

/*2 prelogin screen*/
.cmnwrapper{display:block;margin-top:90px;padding:0 0 20px;}
.industryLeadersSec{display: block;margin:0;padding:20px;background-color: var(--lightbrown);border-radius:4px;}
.nsindstryContent{display: block;margin:0;padding:0 0 0 140px;background-color: var(--lightbrown);position:relative;}
/*.nsindstryContent:before{position:absolute;content:'';display:block;width:121px;height:121px;top:0;left:0;background-image: url("../images/NS_Industry_leaders-img.png"); background-repeat: no-repeat; background-position: center;background-size:contain;}*/
.industrysecImg{display: block;margin:0;padding:0;}
.indusrightCnt{display: block;margin:0;padding:0;}
.indusrightCnt > p{display: block;margin: 10px 0 0;padding: 0;font-family: var(--regular);font-size: 16px;line-height: 22px;color: var(--darkgrey);}
.nsindstrybtns{display:block;margin:20px 0 0;padding:0;}
.nsindstrybtns > span{display: inline-block;margin:0;padding:0;text-align:center;}
.nsindstrybtns > span > i{display: block;margin: 0 0 6px;padding: 0;font-style: normal;font-family: var(--regular);font-size: 12px;line-height: 22px;color: var(--Darkblue);}
.nsindstrybtnSec{display:block;margin:0;padding:0 20px;float:right;width:40%}
.nsindstryContentSec{display:block;margin:0;padding:0;float:left;width:60%;}
.cmnBtn{display: inline-block;margin: 0; padding: 4px 8px;background-color: var(--Darkblue);color: #fff;border-radius: 4px;transition:all 0.5s ease;cursor:default;color:#fff;}
.cmnBtn:hover{color:#fff;}
.cmnBtn.ico{padding:4px 8px 4px 25px;position:relative;}
.cmnBtn.ico:after{content:'';display:block;width:20px;height:20px;position:absolute;top:5px;left:4px;border-radius:50%;background-color:#e1f0e2;background-image: url("../images/green_up-arrow.svg"); background-repeat: no-repeat; background-position: center;background-size:50%; }
.cmnBtn.ico.down:after{background-image: url("../images/down_arrow.svg");background-size:100%;}
.cmnHead{display:block;margin:0;padding:0;font-family:var(--bold);font-size:28px;line-height:35px;color:var(--Darkblue);}
.industrygraphsec{display:block;margin:0;padding:40px 0;}
.wdthchge .nsindstrybtnSec{width:30%;}
.wdthchge .nsindstryContentSec{width:70%;}

.industrygraphClk > button.homeactbtn{display:inline-block;margin:20px 0 0 0;padding:10px 30px;border-radius:4px;}
.industrygraphClk > button.homeactbtn:after{border-radius:4px;}

.topupWrap{display:block;margin:0;padding:150px 0 0;}
.topupSec{display:block;margin:0;padding:20px;background-color: var(--lightbrown);border-radius:4px;text-align:center;}
.topUpinputSec >i{display:block;margin:0 0 24px;padding:0;font-style:normal;font-family:var(--regular);font-size:12px;line-height:24px;color:var(--Darkblue);}
.topbtns{display:block;margin:0;padding:0 0 15px;}
.topbtns > label{display:inline-block;margin:0 0 15px 0;padding:2px 30px;border-radius:4px;background-color:var(--lightbrown);border:1px solid var(--Darkblue);color:var(--Darkblue);transition:all 0.5s ease;font-family:var(--regular);font-size:16px;line-height:24px;border-radius:4px;}
.topbtns > label:hover{background-color:var(--Darkblue);color:#fff;border:1px solid transparent;}
.topbtns > label.rightclr{margin-right:0;}
.topbtns > label.active{background-color:var(--Darkblue);color:#fff;border:1px solid transparent;}
.topbtns input[type="radio"] {opacity: 0;position: fixed;width: 0;}
.topbtns input[type="radio"]:checked + label{background-color:var(--Darkblue);color:#fff;border:1px solid transparent;}
.topUpinputSec > label{display:block;margin:0 0 20px;padding:0;font-family:var(--regular);font-size:16px;line-height:24px;color:var(--Darkblue);}
.topUpinput{display:inline-block;margin:0 auto 10px;padding: 0 20px;height:35px;position:relative;}
.topUpinput > input{display:block;margin:0;padding:0;height:35px;-webkit-appearance: none;border:none;text-align:center;font-family:var(--regular);font-size:25px;line-height:30px;color:var(--Darkblue);background-color:transparent;width:100%;}
.topUpinput > input::placeholder{color:var(--Darkblue);}
.topUpinput:after{position:absolute;bottom:-5px;left:50%;margin-left:-50px;content:'';display:block;width:100px;height:2px;background-color:#c6c8c9;}
.topUpinputSec > button.homeactbtn{display:inline-block;margin:0;padding:2px 30px;border-radius:4px;font-family:var(--regular);font-size:16px;line-height:24px;}
.topupWrap > P{display:block;margin:10px 0 0;padding:0;font-family:var(--regular);font-size:16px;line-height:24px;color:var(--Darkblue);text-align:center;}
.portfolioalloSec > h2{display:block;margin:0;padding:0;font-family:var(--bold);font-size:28px;line-height:35px;color:var(--Darkblue);}
.protfoliographSec{display:block;margin:0;padding:0;background-color:#f9fafc;}
.portfolioMenu > ul{display:block;margin:0;padding:20px 0 0;text-align:center;}
.portfolioMenu > ul > li{display:inline-block;margin:0 15px 20px 0;padding:0;text-align:center;}
.portfolioMenu > ul > li >a{display:block;margin:0;padding:14px  90px;font-family:var(--regular);font-size:20px;line-height:25px;background-color:#f9fafc;color:var(--Darkblue);border-radius:12px;transition:all 0.5s ease;}
.portfolioMenu > ul > li:hover > a{background-color:var(--Darkblue);color:#fff;}
.portfolioMenu > ul > li.active >a{background-color:var(--Darkblue);color:#fff;}
.industrygraphTopsec > h2{display:block;margin:0;padding:0;font-family:var(--bold);font-size:20px;line-height:25px;color:var(--Darkblue);}
.industrygraphTopsec > ul{display:block;margin:0 0 20px;padding:40px 0 0 0;}
.industrygraphTopsec > ul > li{display:inline-block;margin:0 40px 0 0;padding:0;}
.industrygraphTopsec > ul > li > a{display:inline-block;margin: 0;padding:0;font-family:var(--regular);font-size:16px;line-height:25px;color:var(--darkgrey);border-bottom:2px solid transparent;transition:all 0.3s ease;}
.industrygraphTopsec > ul > li.active > a{color:var(--Darkblue);border-bottom:2px solid var(--Darkblue);}
.industrygraphTopsec > ul > li:hover > a{color:var(--Darkblue);border-bottom:2px solid var(--Darkblue);}
.industrygraphTopsec > h4{display:block;margin:0 0 10px;padding:0;text-align:center;font-family:var(--regular);font-style:normal;font-size:16px;line-height:25px;color:var(--Darkblue);}
.graphgreySec{display:block;margin:0 4px 0 0;padding:4px;background-color:var(--lightbrown);border-radius:4px;font-family:var(--regular);font-size:16px;line-height:25px;color:var(--Darkblue);}
.graphgreySec > em{display:block;margin:0;padding:0 0 0 30px;font-style:normal;position:relative;}
.graphgreySec > em:after{position:absolute;top:8px;left:12px;content:'';display:block;width:10px;height:10px;border-radius:50%;background-color:var(--Darkblue);}
.graphgreySec > em.gray:after{background-color:#a5a7a9;}
.graphgreySec > i{display:inline-block;margin:0;padding-left:14px;font-style:normal;}
.graphgreySec > b{display:inline-block;margin:0;padding:0 0 0 30px;font-weight:normal;position:relative;}
.graphgreySec > b:after{content:'';display:block;width:20px;height:20px;position:absolute;top:2px;left:4px;border-radius:50%;background-color:#e1f0e2;background-image: url("../images/green_up-arrow.svg"); background-repeat: no-repeat; background-position: center; }
.graphgreySec > b.down:after{background-image: url("../images/down_arrow.svg");}
.linechartSec{display:block;margin:0;padding:0;width:100%;height:350px;}
#chartdiv {width: 100%;height: 100%;}
.protfoliograph{width:100%;padding:20px 0 20px 0px;position:relative;}
.protfoliograph > canvas{display:block;margin:0 auto;padding:0;}
.protfoliograph > h3{display:block;margin:0 0 20px;padding:0;font-family:var(--bold);font-size:20px;line-height:30px;color:var(--Darkblue);text-align:center;}
.graphLegendsSec{display:block;margin:0;padding:70px 0 20px;}
.graphLegends{display:block;margin:0;padding:0;}
.graphLegends > ul{display:inline-block;margin:0;padding:0;float:left;}
.graphLegends > ul > li{display:block;margin:0 0 20px;padding:0 0 0 30px;position:relative;}
.graphLegends > ul > li > a{display:inline-block;margin:0;padding:0;font-family:var(--regular);font-size:16px;line-height:25px;color:var(--Darkblue);}
.graphLegends > ul > li > em{display:inline-block;margin:0 20px 0 0;padding:0;width:20px;height:20px;border-radius:50%;position:absolute;top:4px;left:0;}

a.homeactbtn { display: inline-block; background: var(--Darkblue); padding: 5px 20px; color: #fff; font-family: var(--light); position: relative; overflow: hidden; border-radius: 8px; font-size: 18px;}
a.homeactbtn > i { display: block; font-style: normal; z-index: 2; position: relative; }
a.homeactbtn:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 0; background: #fff; transition: all 0.4s ease; z-index: 1;border-radius:8px;}
    a.homeactbtn:hover:after {
        width: 100%;
        border: 1px solid var(--Darkblue);
        font-family: var(--Darkblue);
    }

    a.homeactbtn:hover i {
        color: var(--Darkblue);
        font-family: var(--Darkblue);
    }

    a.homeactbtn:hover {
        overflow: auto;
        font-family: var(--Darkblue);
    }

button.homeactbtn { display: inline-block; padding: 5px 20px; color: #fff; font-family: var(--light); border-radius: 8px; font-size: 18px;border:1px solid transparent;background: linear-gradient(to right, #fff 50%, var(--Darkblue) 50%);background-size: 200% 100%;background-position: right bottom;transition: all .4s ease-out;}
button.homeactbtn:hover{color:var(--Darkblue);background-position: left bottom;border:1px solid var(--Darkblue);}
button.homeactbtn:focus{outline: 0;}

/*explorer*/
.nsnotification .topupWrap {padding: 0;}
.orderbookWrap .industryLeadersSec{min-height: 161px;}
.ExploreScreenWrapper{margin: 130px 0 0;}
.explore-cnt{padding: 0 30px 0 10px;}
.explore-cnt > h2{display: block;margin: 0;padding: 0 30px 0 0;font-family: var(--bold);color: var(--Darkblue);font-size: 30px;line-height: 35px;}
.explore-cnt > p{display: block;margin: 10px 0;padding: 0;font-family: var(--regular);color: var(--darkgrey);font-size: 18px;line-height: 25px;}
.explore-services{display: block;margin: 0 auto;text-align: center;background-repeat: no-repeat;}
.explore-services > ul{display: block;margin: 0;padding: 0;}
.explore-services > ul > li{display: inline-block;}
.explore-services > ul > li > a{display: block;margin: 0;padding: 0 13px;font-family: var(--bold);color: var(--darkgrey) !important;font-size: 16px;line-height: 25px;}                       
.invstadvisorywrap.explore .advisoryhed{background: #fff;margin-top: 45px;}   
.invstadvisorywrap.explore .portfoliolist{margin: 5px 0 30px;}

/*investment popup*/
.popContantwrpr { font-family: var(--regular); border: var(--Darkblue) 1px solid; border-radius: 5px; }
.modal { z-index: 9997; }
.popContantwrpr .popbottomcenterbtn { margin-top: 15px; }
.popContant { padding: 20px 15px; }
.popContant > h1 { font-size: 18px; line-height: 25px; margin: 0; display: block; color: var(--Darkblue); font-family: var(--medium); }
        
.popCustomHead { background-color: var(--lightbrown); position: relative; padding: 30px 20px 20px 20px; border-top-right-radius: 10px; border-top-left-radius: 10px; }
.popCustomHead > h5 { display: block; font-size: 18px; line-height: 25px; font-family: var(--medium); color: var(--Darkblue); }
.popCustomHead > h5 > i { font-style: normal; font-size: 20px; line-height: 26px; font-family: var(--medium); padding-left: 5px; }
        
.popcloseBtn {padding: 0.5em; cursor: pointer; position: absolute; right: 0; top: 0; font-style: normal; font-family: var(--medium); font-size: 20px; color: var(--darkgrey); }
.modal-backdrop { z-index: 9996; background-color: rgb(197 197 196); }
.popContant table { border-spacing: 15px; width: 100%; }

/*advisoryFeesPayment popup*/
.AFPmodalwrpr .popContantwrpr .popContant p { color: var(--darkgrey); font-size: 16px; line-height: 22px; margin-top: 10px; display: block; }
.AFPmodalwrpr .popContant .payamt { float: right; line-height: 25px; display: block; font-size: 16px; color: var(--darkgrey); font-family: var(--medium); padding: 4px 0; }
.AFPmodalwrpr .popContant .payname { line-height: 25px; font-size: 16px; color: var(--Darkblue);font-family: var(--medium); }
.AFPmodalwrpr .popContant .payname > b {font-family: var(--medium); font-size: 18px; line-height: 25px;font-weight:normal }
.AFPmodalwrpr .popContant .payamt > b { font-weight: bolder; font-size: 18px; line-height: 25px; color: var(--darkgrey);font-weight:normal }
.AFPbottombtn .homeactbtn{border-radius: 4px;padding: 2px 35px;margin-top: 20px;font-size: 16px;}
.AFPbottombtn .homeactbtn:after{border-radius: 4px}
.AFPmodalwrpr .modal-content{border:0}

/*client validation popup*/
.Cvalidmodalwrpr .popContantwrpr .popContant p { color: var(--Darkblue); font-size: 16px;line-height: 25px; margin: 0; display: block; }
.Cvalidmodalwrpr .modal-content{border:0}
.Cvalidbottombtn .homeactbtn{    border-radius: 4px;padding: 2px 30px;margin-top: 20px;font-size: 16px;}
.Cvalidbottombtn .homeactbtn:after{border-radius: 4px}

/*advisory fee pay sucess popup*/
.AFSuccessfullPmodalwrpr .sucesspopCustomHead{position:relative;background-color:#fff}
.AFSuccessfullPmodalwrpr .AFPsuccesspopImagewrpr > img { display: block; margin: 0 auto; padding: 0; max-width: 300px; }
.AFSuccessfullPmodalwrpr .popContantwrpr .AFPsuccesspopContant{text-align:center;padding: 35px 15px 20px 15px;}
.AFSuccessfullPmodalwrpr .popContantwrpr .AFPsuccesspopContant span{display: block;font-size: 24px;color: var(--Darkblue);line-height: 26px;font-family: var(--medium);margin: 10px 0;}
.AFSuccessfullPmodalwrpr .popContantwrpr .AFPsuccesspopContant p{color: var(--darkgrey);font-size: 16px;display: block;line-height: 20px;padding: 0;margin: 0;}
.AFSuccessfullPmodalwrpr .popContantwrpr .AFPsuccesspopContant p i{ display:block}
.AFSuccessbottombtn .homeactbtn{    border-radius: 4px;padding: 2px 20px;margin-top: 20px;font-size: 16px;}
.AFSuccessbottombtn .homeactbtn:after{border-radius: 4px}
.AFSuccessfullPmodalwrpr .modal-content{border:0}

/*order placement popup*/
.OPmodalwrpr .popCustomSubHead {padding:15px}
.OPmodalwrpr .popCustomSubHead .LandSTabs{display: inline-block;border: var(--Darkblue) solid 1px;border-radius: 5px;transition: all 0.5s ease;}
.OPmodalwrpr .popCustomSubHead .LandSTabs a{font-size: 16px;line-height: 25px; text-decoration:none;background-color:#fff ;padding: 2px 0px;color:var(--Darkblue);width: 150px;display: inline-block;text-align: center;transition: all 0.2s ease;cursor:pointer}
.OPmodalwrpr .popCustomSubHead .LandSTabs .siptab{border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.OPmodalwrpr .popCustomSubHead .LandSTabs .lpsmtab{border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.OPmodalwrpr h2{display: block;padding: 0;color: var(--Darkblue);font-size: 18px;line-height: 25px;font-family: var(--medium);margin-bottom:10px;}
.OPmodalwrpr .popCustomSubHead .LandSTabs a.active{background-color: var(--Darkblue);color:#fff}
.OPmodalwrpr .popContant{padding: 0px 15px 20px 15px;}
.OPmodalwrpr .popCustomSubHead .orderamtinput{line-height: 32px;border: var(--Darkblue) solid 1px;border-radius: 5px;color: var(--Darkblue);width: 210px;text-align: center;font-size: 18px;margin: 0;padding: 0;}
        
.popCustomSubHead .orderamountwrpr{margin-left:50px;display:inline-block;position:relative;transition: all 0.5s ease;}
.popCustomSubHead .orderamountwrpr>span{position: absolute;left: 0;top: 42px;font-size: 18px;line-height: 26px;color: var(--Darkblue);}
.popCustomSubHead .orderamountwrpr>span>i{font-style: normal;}
.popCustomSubHead .orderamountwrpr .placeorderbtn{border-radius: 4px; margin-left: 20px;  font-size: 16px; line-height: 18px; padding: 7px 40px;}
.popCustomSubHead .orderamountwrpr .placeorderbtn:after{border-radius: 4px;}
.OPmodalwrpr .popContant table{font-size: 15px;font-family: var(--regular);line-height: 25px;}
.OPmodalwrpr .popContant table tbody {border-bottom:  var(--Darkblue) solid 6px;}
.OPmodalwrpr .popContant table > thead {background-color:var(--lightgrey);}
.OPmodalwrpr .popContant table td, table th{border-radius:0;border-bottom: 1px solid #dee2e6;}
.OPmodalwrpr .popContant table th{color:var(--Darkblue)}
.OPmodalwrpr .modal-content{border:0}
.Hline{    height: 2px;width: 100%;background-color: #f1f1f1;margin-top: 50px;display:block}
.greytxt {color:var(--darkgrey)}

/*order-book*/
.orderBookTableWrpr #nscmnTable .table td, #nscmnTable .table th { border: none; border-radius: 0; border-bottom: 1px solid #dee2e6; }
.orderBookTableWrpr #nscmnTable .table th { color: var(--Darkblue); }
.orderBookTableWrpr #nscmnTable .table tbody { border-bottom: var(--Darkblue) solid 6px; }
.orderBooktopupWrpr .topupWrap{padding:0px}
.tableinnerdata { position: relative; }
.tableInnerdata span { float: left; color: var(--darkgrey); font-family: var(--regular); }
.tableInnerdata i { float: right; font-style: normal; }
.moreArrow { display:inline-block;padding-right: 10px; font-weight: normal;padding-right: 28px;position:relative; }
.moreArrow:after { cursor: pointer; content: "\f078"; color: var(--darkgrey); font-family: 'FontAwesome'; font-weight: normal; font-style: normal; margin: 0px 0px 0px 10px; text-decoration: none; position: absolute;right: 0;top: 2px;transition: all 0.5s ease;}
.moreArrow.tableUparrow:after{transform:rotate(-180deg);}   
.greytxt { color: var(--darkgrey); }
.tdRightAlign { text-align: right; color: var(--Darkblue); }
        
.innerTableTr { background-color: var(--lightgrey); display: none; }
.tractive { display: table-row; }
.selectedtr { background: var(--lightgrey); }
        
.orderBookTableWrpr #nscmnTable .InnerTable { padding: 0 20px; }
.tHline { border-left: #dee2e6 1px solid; }
.orderBookTableWrpr #nscmnTable .InnerTable .table td { border: none; border-bottom: none; }
.orderBookTableWrpr #nscmnTable .InnerTable .table tbody { border: none;}
/*my investment*/
.investsec{display:block;margin:0;padding:20px 0 0}
.investtabletab > ul{padding:0;margin:10px 0 0;float:left;width:100%} 
.investtabletab > ul > li{margin:0 40px 0 0;float:left;position:relative}
.investtabletab > ul > li > a{display:block;font-size:16px;line-height:34px;text-transform:capitalize;color:var(--darkgrey);transition:all .5s ease;margin:0;font-family:var(--regular)}
.investtabletab > ul > li.active > a{color:var(--Darkblue)}
.investtabletab > ul > li > a:hover:after,.investtabletab > ul > li.active > a:after{content:"";position:absolute;left:25%;right:25%;bottom:0;height:2px;background-color:var(--Darkblue);transition:all .5s ease;border-radius:2px}
.mobtab{ position:relative;}
.mobtab > a{display:none;text-align: left; padding: 8px 40px 8px 15px; background: var(--blue); text-transform:capitalize ;border-radius: 5px; position: relative; color: #fff; font-size: 15px;     font-family: var(--medium);}
.mobtab > a:after{ position:absolute; top:10px; right:15px; content:"\f078  "; font-family:FontAwesome; color: #fff; font-size:15px;transition: all 0.3s ease;}
.mobtab > a.open:after{transform: rotate(-180deg);}


.tablecont{border-bottom:1px solid #e5e5e6;}
.tablecont.portfolio{border-bottom:none;margin-bottom:20px;}
.tablecont > table{font-family:var(--regular);font-size:16px;line-height:24px;color:var(--Darkblue);margin-bottom:0}
.tablecont > table > tbody > tr > td{font-family:var(--medium);padding:0 10px 25px;border-top:none;position:relative}
.tablecont.portfolio > table > tbody > tr > td{padding:0 10px 10px}
.tablecont.portfolio > table > tbody > tr > td.brdr{padding:0 30px 10px}
.tablecont.portfolio > table > tbody > tr > td.brdr:after{margin-right:35px}
.tablecont > table > tbody > tr > td:last-child{border-right:none}
.tablecont > table > tbody > tr > td > span{font-family:var(--regular);color:var(--darkgrey);display:inline-block;float:right}
.tablecont > table > tbody > tr > td.brdr:after{content:'';border-left:1px solid #e5e5e6;position:absolute;height:100%;right:0;top:0;margin-right:15px}
.investsummary{margin-bottom:15px;}
.investsummary h3{color:var(--Darkblue);font-size:20px;margin:0 0 15px;font-family:var(--medium)}
.investsummary table > thead > tr{background-color:var(--lightgrey)}
.investsummary table > thead > tr > th,.investsummary table > tbody > tr > td{border:none;text-align:center}
.investsummary table > tbody > tr > td{border-bottom:1px solid #e5e5e6;color:var(--darkgrey)}
.investsummary table > tbody > tr > td.txtleft{ text-align:left;}
.investsummary table > tbody > tr > td.blue{ color: var(--Darkblue)}

.investsummary table > tbody > tr > td.arrow{position:relative}
.investsummary table > tbody > tr > td.txtcenter,.investsummary table > thead > tr > th.txtcenter{text-align:center}
.investsummary table > tbody > tr > td.txtleft,.investsummary table > thead > tr > th.txtleft{text-align:left}
.investsummary table > tbody > tr > td.arrow:before{position:absolute;top:14px;right:10px;content:"";width:20px;height:20px;border-radius:50%;background-repeat:no-repeat;background-position:center center}
.investsummary table > tbody > tr > td.arrow.up:before{background-image:url(../images/up_arrow.svg)}
.investsummary table > tbody > tr > td.arrow.down:before{background-image:url(../images/down_arrow.svg)}
.investsummary table{font-family:var(--regular);font-size:16px;line-height:24px;color:var(--Darkblue)}
.investsummary table{margin-bottom:0;}
.investsummary.nobrdr table > tbody > tr > td{border:none}
.investsummary table  table > tbody > tr > td:last-child,.activitytble > table > tbody > tr > td:last-child{padding-right: 40px;text-align: right;}
.investsummary table > thead > tr > th:first-child{border-radius:0 3px 3px 0}
.investsummary table > thead > tr > th:last-child{border-radius:3px 0 0 3px}
.investsummary table > tbody > tr > td:first-child,.investsummary table > thead > tr > th:first-child{color:var(--blue);text-align:left}
.investsummary table > tbody > tr > td.green{color:var(--green)}
.investsummary table > tbody > tr > td.red{color:var(--mktred)} 
.NSILsec{background-color:var(--lightbrown);padding:15px}
.NSILcontent{position:relative;padding-left:155px;min-height:120px}
.NSILsecImg{position:absolute;top:0;left:0;width:120px;height:120px}
.NSILrightCnt > h2{display:block;margin:0;padding:0;font-family:var(--bold);font-size:28px;line-height:35px;color:var(--Darkblue)}
.NSILrightCnt > p{display:block;margin:10px 0 0;padding:0;font-family:var(--regular);font-size:16px;line-height:22px;color:var(--Darkblue);text-align:justify}
.marketul > ul{display:block;margin:50px 0 0;padding:0; text-align:right;}
.marketul > ul > li{display:inline-block;margin:0;padding:0 3px}
.marketul > ul > li > span{display:block;color:var(--Darkblue);text-align:center;font-size:13px;line-height:25px;font-family:var(--regular)}
.marketul > ul > li > span.txtcenter{text-align:center}
.marketul > ul > li > b{display:block;min-width:80px;text-align:center;border-radius:5px;position:relative;background-color:var(--Darkblue);color:#fff;font-size:13px;padding:5px;font-weight: normal;}
.marketul > ul > li > b.arrow{padding-left:40px}
.marketul > ul > li > b.arrow:before{position:absolute;top:6px;left:10px;content:"";width:20px;height:20px;background-color:#fff;border-radius:50%}
.marketul > ul > li > b.arrow.up:before{background-image:url(../images/green_up-arrow.svg);background-repeat:no-repeat;background-position:center center}
.marketul > ul > li > b.arrow.down:before{background-image:url(../images/down_arrow.svg);background-repeat:no-repeat;background-position:center center}
.marketul > ul > li > b.arrow.down:after{background-image:url(../images/red_down-arrow.svg);background-repeat:no-repeat;background-position:center center}
.marketul.four > ul > li > b{font-size:12px;}
.top-up-sip{background-color:var(--lightbrown);padding:20px 15px;text-align:center}
span.created{display:block;margin:15px 0;font-family:var(--medium);text-align:center;font-size:16px;color:var(--Darkblue);text-align:center}
.top-up-sip > div.calc{color:var(--Darkblue);font-family:var(--medium);text-align:center}
.top-up-sip > div.calc > span{display:block;margin:20px 0;text-align:center;font-size:16px}
.top-up-sip > div.calc > b{display:block;margin:5px 0 30px;text-align:center;font-size:14px;font-weight:400}
a.btnCommon{padding:3px 10px;min-width:115px;border:1px solid var(--Darkblue);border-radius:5px;color:var(--Darkblue);text-align:center;font-size:16px;transition:all .5s ease;display:inline-block;width:100%;margin:0 0 10px}
a.btnCommon.active,a.btnCommon:hover{background-color:var(--Darkblue);color:#fff}
a.investbtn{padding:3px 25px;border:1px solid var(--Darkblue);border-radius:5px;background-color:var(--Darkblue);color:#fff;text-align:center;font-size:16px;transition:all .5s ease;display:inline-block;margin:0 10px}
a.investbtn:hover{background-color:transparent;color:var(--Darkblue)}
.top-up-sip .form-control{display:inline-block;width:50%;margin:0 auto;border-radius:0;background:transparent;resize:none;border:0;box-shadow:none;border-bottom:1px solid var(--Darkblue);font-size:20px;padding:0 5px;z-index:2;position:relative}
.portfoliotab{text-align:center}
.portfoliotab > ul{display:inline-flex;margin:0 0 20px;padding:0;border:1px solid var(--Darkblue);border-radius:3px;text-align:center}
.portfoliotab > ul > li{display:inline-block;margin:0;padding:0;border-right:1px solid var(--Darkblue)}
.portfoliotab > ul > li:last-child{border-right:none}
.portfoliotab > ul > li > a{display:inline-block;margin:0;padding:0 30px;min-width:100px;color:var(--Darkblue);font-size:14px;line-height:23px}
.portfoliotab > ul > li.active > a{background-color:var(--Darkblue);color:#fff}
.brdrbtm{border-bottom:6px solid var(--Darkblue);}
.topbrdr{border-top:1px solid #e5e5e6;padding-top:20px}

.fold-table tbody > tr > td:first-child{ width:20%;}
.fold-table tbody > tr > td{ width:13%; padding:5px 3px; font-size:15px;}
.fold-table > tbody > tr.view > td{ font-family: var(--medium);padding-top:20px;}
.fold-table > tbody > tr.view{ cursor:pointer; }
.fold-table > tbody > tr.view > td:last-child{ position:relative; padding-right:40px;text-align: right;}
.fold-table > tbody > tr.view > td:last-child:after{ position:absolute; top:20px; right:15px; content:"\f078  "; font-family:FontAwesome; color: var(--darkgrey); font-size:15px;transition: all 0.3s ease;}
.fold-table > tbody > tr.open > td:last-child:after{transform: rotate(-180deg);}
.fold-table > tbody > tr.view > td:first-child,.fold-table > tbody > tr > td > table > tbody > tr > td:first-child{ padding-left:40px; position:relative;font-family: var(--regular);}
.fold-table  > tbody > tr.view > td:first-child:after{ position:absolute; top:20px; left:15px; content:"\f111 "; font-family:FontAwesome; color: var(--Darkblue); font-size:14px;}
.fold-table > tbody > tr.fold > td { padding:10px 0px;}
.fold-table > tbody > tr.fold {display: none;}
.fold-table > tbody > tr.open ,table.fold-table > tbody > tr.fold.open {display: table-row;}
.fold-table > tbody > tr.fold{border-bottom:1px solid #e5e5e6;}

.fold-table table > tbody{  border-bottom:none; }
.fold-table table > tbody > tr > td.arrow:before{top: 6px}
.donutvertical_parent{ margin-top:20px;}
/*investment*/
.investmain{border-bottom:2px solid #dee2e6;padding:10px 0 20px;}
.investhead h3{color:var(--Darkblue);font-size:24px;font-family:var(--medium);}
.investmentdivwrp{padding:5px 0;}
.investmenttable > table tr > th{border-top:none;color:var(--Darkblue);font-size:16px;padding: 0px 12px 20px;}
.investmenttable > table{font-family:var(--regular);font-size:16px;line-height:24px;color:var(--Darkblue);border-collapse:separate;border-spacing:0 15px;}
.investmenttable > table > tbody > tr > td{border-top:none;font-size:16px;color:var(--darkgrey);padding: 25px 15px; }
.investmenttable > table > tbody > tr{transition:all 0.5s ease;cursor:pointer;background-color: #fafafa;}
.investmenttable > table > tbody > tr:hover{background-color: #f1f1f1;}
.investmenttable > table > tbody > tr >th{background-color: #fafafa;}
.investmenttable > table > tbody > tr >th:first-child{ width:40%;}
.investmenttable > table > tbody > tr > td>em{position:relative;padding-left:30px;}
.investmenttable > table > tbody > tr > td>em:before{content:"";width:10px;height:10px;position:absolute;top:2px;left:0;background-repeat:no-repeat;background-color:#e4f1e3;padding:10px;border-radius:50%;background-position:center;}
.investmenttable > table > tbody > tr > td>em.gain:before{background-image:url(../images/green_up-arrow.svg);}
.investmenttable > table > tbody > tr > td>em.loss:before{background-image:url(../images/down_arrow.svg);}
.investmenttable > table > tbody > tr > td.arr{padding:25px 0;}
.invest-rightcontent{padding:15px 0 0;}
.investmenttable > table > tbody > tr > td:first-child{color:var(--Darkblue);font-size:16px;font-family:var(--bold);}
.investmentbox{box-shadow: 0 5px 15px rgb(0 0 0/ 30%);background-color:#fafafa;min-height:150px;padding:15px;border-radius:5px;margin:0 0 10px}
.investmentbox .investlogo{position:relative;padding:0 0 17px 100px;min-height:70px}
/*.investmentbox .investlogo:before{display:block;content:'';width:80px;height:80px;position:absolute;top:-13px;left:0;background-image:url(../images/All_Weather-icon.svg);background-repeat:no-repeat;background-position:center;background-size:contain}*/
.investmentbox .investlogo > img {display:block;width:80px;height:80px;position:absolute;top:-13px;left:0;}
/*.investmentbox .investlogo.stock:before{background-image:url(../images/Top_100_Stocks-icon.svg)}*/
.investmentbox .investlogo span{font-size:18px;font-family:var(--regular);display:block;line-height:22px;padding:10px 0;color: var(--Darkblue)}
.investmentbox b{color:var(--Darkblue);font-family:var(--light);font-size:16px;display:block;margin:0 0 10px}
.investmentbox p{color:var(--Darkblue);font-family:var(--medium);font-size:15px;line-height:20px}
.investmentbox em{position:relative;padding-left:30px;display:block;font-style:normal;font-size:15px;color: var(--darkgrey);font-family: var(--regular);}

.investmentbox .investlink{display:block;text-align:center;color:#fff;border-radius:5px;padding:5px 5px;margin:8px 0 0;font-family: var(--regular);border:1px solid transparent;background: linear-gradient(to right, #fff 50%, var(--Darkblue) 50%);background-size: 200% 100%;background-position: right bottom;transition: all .4s ease-out;}
button.investlink:hover{ color:var(--Darkblue);background-position: left bottom;border:1px solid var(--Darkblue);}
button.investlink:focus {outline:0;}


.investmentbox em:before{content:"";background-image:url(../images/green_up-arrow.svg);width:10px;height:10px;position:absolute;top:2px;left:0;background-repeat:no-repeat;background-color:#e4f1e3;padding:10px;border-radius:50%;background-position:center}
.investmentbox em.down:before{background-image:url(../images/down_arrow.svg);}
.investmentbox .investlogo p{color:var(--Darkblue);font-family:var(--regular);font-size:15px}
.protfolioperformancediv{border-bottom:1px solid var(--Darkblue);border-top:1px solid var(--Darkblue);padding:20px 0}
.protfoliohead>h3{font-size:24px;font-family:var(--medium);color:var(--Darkblue)}
p.bluepara{font-size:15px;font-family:var(--medium);color:var(--Darkblue);margin:0;}
span.drp{margin:0 0 5px;display:block;color:var(--darkgrey);font-size:17px;font-family:var(--regular)}
.protfolioselct >#drpselect{width:100%;background-color:var(--Darkblue);color:#fff;
font-size:18px;border-radius:5px;padding:5px 10px;font-family:var(--regular);-webkit-appearance: none;-moz-appearance: none;text-indent: 1px;}
.bottomdescrption>p{color: var(--Darkblue); font-family: var(--regular); padding: 0;text-align:center;margin: 8px 0;}
.protfolioselct{position: relative;}
.protfolioselct:after{ content: "\f107"; position: absolute;right: 5px;top: 5px;font: normal normal normal 18px/28px FontAwesome;color: #fff;font-size: 25px;pointer-events: none;padding: 0 5px;}
.marketul.investul > ul{margin:0;}

.topUpslectgrp { display: block; padding: 0 0 20px; }
.topupSelect { display: block; margin: 10px auto; padding: 0; width: 80%; background-color: var(--Darkblue); color: #fff; border-radius: 4px; font-family: var(--regular); font-size: 16px; line-height: 25px; position: relative; z-index: 1; }
.topupSelect > select { display: block; margin: 0; padding: 0 30px 0 15px; width: 100%; -webkit-appearance: none; -moz-appearance: none; border: none; border-radius: 4px; background-color: transparent; }
.topupSelect > select > option { background-color: var(--Darkblue); color: #fff; line-height: 25px; }
.topupSelect:after { content: '\f107'; position: absolute; top: 5px; right: 10px; font-family: 'fontAwesome'; font-size: 18px; line-height: 18px; color: #fff; z-index: -1; }
.topUpchkbox { display: inline-block; margin: 0 0 20px; padding-left: 30px; position: relative; }
.topUpchkbox > label { display: inline-block; margin: 0; padding: 0; color: var(--Darkblue); font-family: var(--regular); font-size: 13px; line-height: 25px; }
.topUpchkbox > input { display: inline-block; margin: 0; padding: 0; position: absolute; top: 6px; left: 10px; }
/*order-book*/


/* Header alert*/

.headeralert > div{float:left;width: 100%;}
.headeralert > div > h4{font-size: 17px;color: var(--Darkblue);float:left;margin:0;font-family: var(--medium);}
.headeralert > div > a{font-size:17px;color: var(--Darkblue);float:right;font-family: var(--medium);}
.headeralert > div.contentwrapp{max-height: 500px;overflow: auto;}
.headeralert > div > div.boxcontent{ display: inline-block;background-color: var(--lightbrown); border-radius: 2px; padding:15px; margin-top:15px;}
.headeralert > div > div.boxcontent > div {padding-left: 30px;position:relative;}
.headeralert > div > div.boxcontent > div:after {position: absolute; top:0;  left:0; width:30px; height:30px; display: block; content:"";background-image:url('../images/Bird_icon.svg'); background-repeat:no-repeat;}
.headeralert > div > div.boxcontent > div > p{color: var(--darkgrey);font-size: 16px;line-height: 22px;margin: 0 0 20px 0;}
.headeralert > div > div.boxcontent > div > p > b {display:inline-block;font-weight: normal;font-family: var(--medium);padding-right: 5px;}
.headeralert > div > div.boxcontent > div > div.bottom{float: left;width: 100%;} 
.headeralert > div > div.boxcontent > div > div.bottom > span { float: left; display: block; color: var(--darkgrey); font-size: 16px;line-height: 32px;} 
.headeralert > div > div.boxcontent > div > div.bottom > button { float: right;}
.headeralert > div > div.boxcontent > div > div.bottom > a { float: right;}
.headeralert > div.close{ display: none; text-align: center;margin-top: 20px; }
.headeralert > div.close > a { display: inline-block;float:none; border-radius: 4px;padding:5px 10px; background-color:#cdcdcd; color: #000; font-size:15px; text-align: center;  }
ul#mnav > li.submenus,.slidenav ul > li.submenus{ position:relative;}

/*updated on 11/11/2021*/
ul#mnav > li.submenus.alertsec{z-index:9998;}
/*ul#mnav > li.submenus:hover div.submenumainwrap { opacity: 1;  visibility: visible; }
ul#mnav > li.submenus:hover #overlay{ visibility: visible !important; }*/

.submenumainwrap {border-radius: 6px;border:1px solid var(--Darkblue);visibility: hidden;position: absolute;left: -250px;top: calc(100% + 22px);opacity: 0; visibility: hidden;padding: 15px;background: #fff;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);transition: 0.3s;min-width: 500px;z-index:9999;}

/*updated on 11/11/2021*/
.submenumainwrap > em{position: absolute; top: -30px;height: 30px;display: block;left: 0;width: 100%;}   

.submenumainwrap:after{content:"";position:absolute;top: -20px;left:50%;margin-left: 0px;border-left: 22px solid transparent;border-right: 20px solid transparent;border-bottom: 20px solid #fff;z-index:2;}
.submenumainwrap:before{content:"";position:absolute;top: -21px;left:50%;margin-left: 0px;border-left: 22px solid transparent;border-right: 20px solid transparent;border-bottom: 20px solid var(--Darkblue);}

/*updated on 11/11/2021*/
#overlay{position:fixed;visibility: hidden; width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(255, 255, 255, 0.75);z-index:-1;cursor:pointer}

#overlay.hide,div.submenumainwrap.hide{visibility: hidden;opacity: 0;}
#overlay.show,div.submenumainwrap.show{visibility: visible;opacity: 1;}

a.btnbluei { display: inline-block; margin: 15px 0;background: var(--Darkblue); padding: 2px 30px; color: #fff; font-family: var(--light); position: relative; overflow: hidden; border-radius: 4px; font-size: 16px;line-height: 24px;}
a.btnbluei > i { display: block; font-style: normal; z-index: 2; position: relative; } 
a.btnbluei:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 0; background: #fff; transition: all 0.4s ease; z-index: 1;border-radius:4px;}
a.btnbluei:hover:after { width: 100%;border:1px solid var(--Darkblue); }        
a.btnbluei:hover i {color:var(--Darkblue);font-family: var(--regular);}
a.btnbluei:hover {overflow:auto;}

a.btnblue{padding:3px 25px;border:1px solid var(--Darkblue);border-radius:5px;background-color:var(--Darkblue);color:#fff;text-align:center;font-size:16px;transition:all .5s ease;display:inline-block;min-width: 130px;}
a.btnblue:hover{background-color:transparent;color:var(--Darkblue);}

button.btnblue{padding:3px 25px;border:1px solid var(--Darkblue);border-radius:5px;background-color:var(--Darkblue);color:#fff;text-align:center;font-size:16px;transition:all .5s ease;display:inline-block;min-width: 130px;}
button.btnblue:hover{background-color:transparent;color:var(--Darkblue);}
button.btnblue:focus{outline: 0;}


button.btnbluei {  display: inline-block; margin: 15px 0;background: var(--Darkblue); padding: 2px 30px; color: #fff; font-family: var(--light);border-radius: 4px; font-size: 16px;line-height: 24px;border:1px solid transparent;background: linear-gradient(to right, #fff 50%, var(--Darkblue) 50%);background-size: 200% 100%;background-position: right bottom;transition: all .4s ease-out;}
button.btnbluei:hover{color:var(--Darkblue);background-position: left bottom;border:1px solid var(--Darkblue);}
button.btnbluei:focus{outline: 0;}


.investsummary>span.chngportfolio{display:block;color:var(--Darkblue);font-size:17px;font-family:var(--regular);margin:0 0 15px;}
.investsummary table > tbody > tr > td.arrowicon:before{position:absolute;top:14px;left:60px;content:"";width:20px;height:20px;border-radius:50%;background-repeat:no-repeat;background-position:center center}
.investsummary table > tbody > tr > td.arrowicon{position:relative;padding-right: 40px;}
.investsummary table > tbody > tr > td.arrowicon.gain:before{background-image:url('../images/up_arrow.svg')}
.investsummary table > tbody > tr > td.arrowicon.loss:before{background-image:url('../images/down_arrow.svg')}

.topupWrap.notoppadd{padding-top:0}
.verticaldonutwrapper{background-color:var(--lightbrown);margin-top:20px}
.protfoliograph.vertical,.graphLegendsSec.vertical{padding:20px}
.graphLegendsSec.vertical .graphLegends > ul,.graphLegendsSec.vertical .graphLegends > ul > li > a{width:100%}
.graphLegendsSec.vertical .graphLegends > ul > li > a > span{float:right} 

/*coming-soon popup*/        
.comingSoonImag { display: block; max-width: 300px; margin: 0 auto; }

/*logout popup*/ 
.LogoutImage {max-width:300px;margin:0 auto;}

/*alphanest*/
.alphanestwrapper > h2{display:block;margin:0 0 30px;font-family:var(--bold);font-size:32px;line-height:40px;color:var(--Darkblue);background-color: var(--lightbrown); padding: 15px;}
.alphanestwrapper > div{padding: 0 30px ;}
.alphanestwrapper > div > h3{display:block;margin:0;font-family:var(--bold);font-size:25px;line-height:35px;color:var(--Darkblue);padding: 10px 0; }
.alphanestwrapper >  div > h4{display:block;margin:0;font-family:var(--bold);font-size:18px;line-height:22px;color:var(--Darkblue); padding: 0;}
.alphanestwrapper >  div > h4 > span{ display: block;}
.alphanestwrapper >  div > h4 > span > a{ display: block;color:var(--Darkblue);font-family: var(--regular);}
.alphanestwrapper > div >  p{display:block;margin: 0;font-family:var(--regular);font-size:16px;line-height:22px;color:var(--Darkblue);text-align:justify;padding: 0 0 30px;}
.alphanestwrapper > div >  p.small{font-size:11px;line-height:16px;margin-top: 15px;}
.alphanestwrapper .alphalogo {display: block; margin: 5px 0 15px; width: 130px; height:auto;transition: all 0.5s ease;}
.alphanestwrapper ul.alpha{ margin:0 0 10px; padding:0; display: block;}
.alphanestwrapper ul.alpha >  li{ margin:0; padding:0 0 10px; display: block;font-size: 16px;color: var(--Darkblue);font-family: var(--regular);}
.alphanestwrapper >  div > h4.alphasubhed{padding:10px 0;}

/*help and support*/
div.supportin { position: relative; }
div.supportin input { padding-left: 50px; }
div.supportin:before { position: absolute; font-family: "FontAwesome"; content: '\f003'; font-size: 20px; top: 5px; left: 15px; color: var(--darkgrey);}
div.supportin.subicon:before { content: '\f29c'; font-size: 23px;top: 3px;}
.attach-wrapper { border-radius: 0px 0px 3px 3px; background: #fafafa; }
.descripbox >textarea{resize:none;}
.fileupload { display: block; width: 100%; border: 1px solid #ced4da; position: relative; padding: 10px;border-top: 0;position:relative; }
.fileupload input[type=file] { opacity: 0; }
.attachment:before { position: absolute; content: '\f0c6'; font-size: 25px; font-family: "FontAwesome"; left: 15px; color: var(--darkgrey);transform: rotate(90deg);}
.attachment:after { content: ""; position: absolute; height: 30px; width: 30px; left: 25px; top: 15px; border-right: 1px solid  var(--darkgrey); }

.bluesubmitbtn{padding: 8px 30px;color: #fff;font-family: var(--light);overflow: hidden;border-radius: 4px; font-size: 16px; line-height: 24px;border:1px solid transparent;background: linear-gradient(to right, #fff 50%, var(--Darkblue) 50%);background-size: 200% 100%;background-position: right bottom;transition: all .4s ease-out;}
.bluesubmitbtn:hover {color:var(--Darkblue);background-position: left bottom;border:1px solid var(--Darkblue);}
.bluesubmitbtn:focus{outline:0;}
.helpbutton{text-align:right;}
.fileupload label{position:absolute;display:block;left:70px;top:18px;}

/*updated on 15-11-2021*/
#webctrl{display:block;}
#mobCtrl{display:none;}