@font-face {
  font-family: 'icons-sm';
  src:  url('fonts/icons-sm.eot?ms3c7d');
  src:  url('fonts/icons-sm.eot?ms3c7d#iefix') format('embedded-opentype'),
    url('fonts/icons-sm.ttf?ms3c7d') format('truetype'),
    url('fonts/icons-sm.woff?ms3c7d') format('woff'),
    url('fonts/icons-sm.svg?ms3c7d#icons-sm') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icons-sm' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
 body, img,  .readmore, .header-nav a, .mega-sub-menu .mega-menu-link, .book-an-appointment {
     font-family:'Montserrat' !important;
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
 }
 h1,h2,h3,h4,h5,h6,h7, .navbar, .menu-item a, .menu-headermenu-container .submenu{
     font-family:'Montserrat'; 
 }
h1{
    font-size:36px;
    font-weight:400;
    text-align:center;
    line-height: 48px;
}
a:hover{
    text-decoration:none;
}
a.navbar-toggler{
    border:none;
}
a.navbar-toggler .icon-menu1 {
    font-size: 32px;
}
.hdr-links {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.book-an-appointment {
    background: #209cd6;
    color: #fff !important;
    padding: 6px 22px;
    border-radius: 40px;
}
.call-veinexperts,
.mail-veinexperts {
    font-size: 12px;
    font-family: Montserrat;
    font-weight: 500;
    padding-right: 10px;
    margin-bottom: 3px;
}
.mail-veinexperts {
    margin-top: 3px;
    margin-bottom: 0px;
}
span.icon-mail_outline,
span.icon-phone1 {
    font-size: 17px;
    margin-right: 3px;
    position: relative;
    top: 3px;
    color: #209cd6;
}
span.icon-phone1 {
    font-size: 15px;
    top: 1px;
}

.navbar-nav.headernav {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 13px;
}
.navbar-header .navbar-brand {
    position: relative;
    width: 264px;
    height: 66px;
}
.navbar-header-cntnr{
    /* background-image: linear-gradient(to right, #244e72, #2e6992, #3786b3, #3ea4d4, #45c4f5); */
}
/*#navbar {
    min-height: 160px;
}*/
.user-avatar {
    border: 2px solid #fff;
    border-radius: 50%;
}

.four-boxes .card {
    padding: 18px;
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 0 30px rgb(0 0 0 / 10%);
    border: none;
    position: relative;
    top: -25px;
    min-height:113px;
}
.account-type {
    font-size: 14px;
    font-family: 'Montserrat';
    text-transform: uppercase;
    font-weight: 500;
}

.four-boxes .amount {
    color: #244d71;
    font-weight: 700;
    font-size: 20px;
}

.four-boxes .percentage {
    color: #45c5f6;
    text-align: right;
    font-size: 14px;
    font-family: 'Montserrat';
}
.four-boxes .icon-arrow-right1,
.four-boxes .up .icon-arrow-right1.up {
    font-size: 19px;
    transform: rotate(314deg);
    display: inline-block;
    position: relative;
    top: 3px;
}
.four-boxes .down .icon-arrow-right1 {
    transform: rotate(128deg);
    color:#e45d79;
}
.percentage.down {
    color: #e45d79;
}
.addCourse {
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    background: #63d2b4;
    color: #fff;
    width: 34px;
    height: 34px;
    line-height: 32px;
    text-align: center;
    font-size: 25px;
    border-radius: 50%;
}
.addCourseWrpr {
    display: flex;
    justify-content: flex-end;
}
.page-title {
    font-size: 20px;
    font-weight: 500;
    color: #45c5f6;
    line-height: 7px;
}

ul.breadcrumb {
    background: transparent;
    padding: 0;
    font-size: 12px;
}

ul.breadcrumb li {
    margin-right: 20px;
}

ul.breadcrumb li a {
    color: #7a81ab;
}
ul.breadcrumb li:after {
    content: '\e315';
    color: #7a81ab;
    font-family: 'icons-sm';
    position: relative;
    left: 9px;
    top: 1px;
}

ul.breadcrumb li:last-child:after {
    content: none;
}

.dashboard-blocks-cntnr .card {
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 0 30px rgb(0 0 0 / 10%);
    border: none;
    margin-bottom: 20px;
}
.num-students-joined-label {
    font-size: 14px;
    font-weight: 500;
    opacity: .8;
}

.num-students-joined {
    font-size: 30px;
    font-weight: 800;
    font-family: 'Montserrat';
    color: #244d71;
}

.card.badges-acheivements-card .col-md-6 {
    padding: 0;
    padding-bottom: 11px;
}

.card.badges-acheivements-card h3,
.leaderboard-card h3,
.recent-courses-card h3,
.earning-results-card h3,
.courses-card h3 {
    font-weight: 800;
    margin-bottom: 14px;
    font-size: 16px;
    color: #353e48;
    opacity: 1;
}
.sub-heading {
    font-size: 12px;
    position: relative;
    top: -16px;
    opacity: .5;
}

.people-list ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

.people-list ul li {
    display: flex;
    margin-bottom: 9px;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: #353e48;
    border-bottom: 1px solid #f6f6f6;
    padding-bottom: 10px;
}

.people-list ul li img {
    border-radius: 50%;
    width: 35px;
    height: 35px;
    margin-right: 9px;
}

.people-list {
    overflow: hidden;
    height: 259px;
    overflow-y: auto;
}
.dash-course {
    background: #63d2b4;
    border-radius: 9px;
    margin: 10px;
    min-height: 123px;
    padding: 14px;
    color:#fff;
    font-size:14px;
    font-weight:600;
    margin-bottom: 0;
}
.dash-course.green {
    background: #63d2b4;
}
.dash-course.blue {
    background: #244d71;
}

.course-icon {
    margin-bottom: 16px;
}
.dashboard-blocks-cntnr .col-md-2  .card .num-students-joined-label {font-size: 13px;}


/* width */
.people-list::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.people-list::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.people-list::-webkit-scrollbar-thumb {
  background: #244d71; 
}

/* Handle on hover */
.people-list::-webkit-scrollbar-thumb:hover {
  background: #244d71; 
}

.points {
    background: #facb0c;
    min-width: 43px;
    height: 43px;
    border-radius: 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Montserrat';
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    margin-left: auto;
    position: relative;
    padding-left: 5px;
    padding-right: 5px;
}
.points:after {
   /* content: 'Points';*/
    position: absolute;
    bottom: -20px;
    color: #000;
    font-size: 12px;
    font-weight: 200;
}
.points-wrpr {
    display: flex;
}
.course-title {
    font-size: 16px;
}

.course-date {
    font-size: 14px;
    color: #f56620;
    font-weight: 500;
}
ol.course-list {
    padding-left: 0;
    margin-left: 0px;
    list-style: none;
    counter-reset: my-awesome-counter;
}

ol.course-list li {
    border-top: 1px solid #f6f6f6;
    border-bottom: 1px solid #f6f6f6;
    padding-top: 12px;
    padding-bottom: 28px;
}

ol.course-list li + li {
    border-top: none;
}
ol.course-list li {
  counter-increment: my-awesome-counter;
}
ol.course-list li::before {
  content: counter(my-awesome-counter) "";
  color: #000;
  font-weight: 500;
  position:absolute;
}
.row.course-list-row {
    padding-left: 25px;
}
/*.footer{
    margin-top:50px;
    background:#1d262d;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    min-height:105px;
}*/
a.icon-arrow-up1.gotoTop {
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    background: #3fbfc0;
    position: fixed;
    right: 5px;
    bottom: 7px;
    width: 34px;
    height: 34px;
    border-radius: 9px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    color: #fff;
    cursor: pointer;
    display:none;
}
a.icon-arrow-up1.gotoTop:hover{
    color:#fff;
    box-shadow: 0 0 0 3px #2d668f;
}
.winScrolling a.icon-arrow-up1.gotoTop {
    display:flex;
}
.page-title-and-breadcrumb {
    margin-top: 10px;
    margin-bottom: 20px;
}
.addCourse:hover {
    color: #fff;
    box-shadow: 0 0 0 3px #2d668f;
}
.login-box {
    background: rgb(255 255 255);
    width: 397px;
    border-radius: 25px;
    min-height: 200px;
    padding:47px;
    padding-top: 100px;
    position:relative;
    box-shadow: 0 0 50px rgb(0 0 0 / 0.5);
}
img.login-box-logo {
    position: absolute;
    top: 40px;
    left: 50%;
    margin-left: -134.5px;
}
.login-box .form-group {
    display: flex;
    flex-direction: column;
}

.login-box .form-group input {
    border-radius: 6px;
    border: 1px solid #d1cdcf;
    padding: 9px;
    padding-left:40px;
    background:#fff url(../images/username-icon.jpg) no-repeat 14px center;
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    
}
.login-box .form-group input[type='password'] {
    background: #fff url(../images/password-icon.jpg) no-repeat 14px center;
}
.login-box .form-group input:focus, .login-box .form-group input:active {
    outline: none;
    border: 1px solid #ea1b2c;
}
.login-box .form-group label {
    font-size: 14px;
    font-weight: 600;
    margin-top: 12px;
}
.login-box button {
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    background: #0c2344;
    color: #fff;
    text-transform: uppercase;
    max-width: 150px;
    border: none;
    padding: 9px;
    border-radius: 6px;
    min-width: 150px;
    margin-top: 30px;
    box-shadow: 0 0 0 3px rgb(234 27 44 / 0.2);
}
.login-box button:hover{
    box-shadow: 0 0 0 3px rgb(0 123 255 / 0.24);
}
.login-submitbtn-wrpr {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
}
.col-md-12.login-box-cntnr {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 700px;
}
.login-box-cntnr h2 {
    margin-bottom: 30px;
    color: #fff;
}
body.login {
    background: #507b9a;
    background-image: linear-gradient(to right, #244e72, #2e6992, #3786b3, #3ea4d4, #45c4f5);
}
.card.total-networth-card {
    width: 181px;
    height: 75px;
    padding: 11px;
    border: none;
    border-radius: 11px;
    box-shadow: 0 0 5px rgb(0 0 0 / 40%);
}

.card.total-networth-card .amount {
    color: #244d71;
    font-weight: 700;
    font-size: 20px;
}
.sidebar {
    background: #fff;
    border-radius: 13px;
    padding: 10px;
    margin-top: 25px;
    box-shadow: 0 0 10px rgb(0 0 0 / 5%);
}

.sidebar ul {
    list-style: none;
    padding-left: 8px;
    font-size: 14px;
}

.sidebar ul li {
    line-height: 41px;
    border-bottom: 1px solid #eaeaea;
}
.sidebar ul li span{
    margin-right:15px;
}
.sidebar ul li a{
    text-decoration: none;
    color:#000;
}
.sidebar ul li:last-child {
    border: none;
}
.sidebar-card li.active {
    border: 1px solid rgb(43 95 134 / 0.2);
    background-image: linear-gradient(to left,   #ececec, #f6f6f6, #ffffff);
    border-radius: 4px;
}
.content-card {
    background: #fff;
    border-radius: 13px;
    padding: 20px;
    margin-top: 25px;
    box-shadow: 0 0 10px rgb(0 0 0 / 5%);
    min-height:600px;
}
.content-card h2 {
    font-size: 26px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 18px;
}

.subpage-breadcrumb {
    border-bottom: 1px solid #ecebeb;
}

.subpage-breadcrumb ul {
    margin-bottom: 5px;
}
.content-card h3 {
    font-size: 21px;
    font-weight: 600;
    margin-top: 20px;
}

.btn-download-award {
    background: #f2e066;
    border: none;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    padding: 4px 15px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-top: 17px;
}
.btn-download-award:hover{
    background:#FFC107;
    color : #fff !important;
    text-decoration: none;
}

.btn-download-award span {
    margin-left: 9px;
}
.modules-list .card {
    width: 175px;
    
    display: flex;
    justify-content: center;
    align-items: center;
    border:none;
    margin-bottom: 50px;
}

.modules-list .card-body {
    width: 175px;
    height: 155px;
    display: flex;
    align-items: center;
    background:#dadada;
    justify-content: center;
    margin-bottom: 20px;
    border-radius: 9px;
}
.card-body {
    position: relative;
}

.card-body.completed:before {
    content: "\eb65";
    font-family: 'icons-sm';
    font-size: 35px;
    color: white;
    left: 5px;
    position: absolute;
    bottom: 0px;
}
.module-heading-cntnr{
    margin-bottom:20px;
}
.module-name {
    font-size: 14px;
    min-height: 42px;
}
.card.savings-ac-card:before {
    content: "";
    position: absolute;
    width: 56px;
    height: 5px;
    background: #f2e066;
    top: 0;
}
.card.current-ac-card:before {
    content: "";
    position: absolute;
    width: 56px;
    height: 5px;
    top: 0;
    background: #63d2b4;
}
.card.balance-ac-card:before {
    content: "";
    position: absolute;
    width: 56px;
    height: 5px;
    top: 0;
    background: #45c5f6;
}
.card.courses-ac-card:before {
    content: "";
    position: absolute;
    width: 56px;
    height: 5px;
    top: 0;
    background: #f56620;
}

.dashboard .container.four-boxes, .dashboard .container.page-title-and-breadcrumb, .dashboard .container.dashboard-blocks-cntnr {
    max-width: 1140px;
}



.modules-list .card.earning-card .card-body {
    background: #ffcc03;
}
.modules-list .card.savings-card .card-body {
    background: #f67841;
}
.modules-list .card.interest-card .card-body {
    background: #ca4250;
}
.modules-list .card.careers-card .card-body {
    background: #fd5c65;
}
.modules-list .card.resume-card .card-body {
    background: #44abf1;
}
.modules-list .card.job-application-card .card-body {
    background: #4b7aec;
}
.modules-list .card.pay-and-tax-card .card-body {
    background: #20bf6c;
}
.modules-list .card.write-resume-card .card-body {
    background: #a75eea;
}
.modules-list .card.fill-job-application-card .card-body {
    background: #4b7aec;
}
.modules-list .card.spend-smart-card .card-body {
    background: #26de80;
}

.modules-list .card.smart-spend-example-card .card-body {
    background: #eb3b5b;
}
.modules-list .card.budgetting-card .card-body {
    background: #fed230;
}
.modules-list .card.budgetting-exersize-card .card-body {
    background: #fb8230;
}
.modules-list .card.banking-basics-card .card-body {
    background: #4b7aec;
}
.modules-list .card.banking-basics-card .card-body {
    background: #4b7aec;
}
.modules-list .card.payment-basics-card .card-body {
    background: #f4cd7b;
}
.modules-list .card.insurance-basics-card .card-body {
    background: #566ee7;
}
.modules-list .card.advanced-card .card-body {
    background: #3ec1d2;
}
.modules-list .card.borrow-card .card-body {
    background: #3ec1d2;
}
.modules-list .card.loans-card .card-body {
    background: #566ee7;
}
.modules-list .card.repayment-card .card-body {
    background: #f4cd7b;
}
.modules-list .card.creditcards-card .card-body {
    background: #fb8230;
}
.modules-list .card.levarage-debt-exercise-card .card-body {
    background: #fed230;
}
.modules-list .card.advanced2-card .card-body {
    background: #eb3b5b;
}
.modules-list .card.fd-card .card-body {
    background: #fd5c65;
}
.modules-list .card.rd-card .card-body {
    background: #44abf1;
}
.modules-list .card.stocks-card .card-body {
    background: #4b7aec;
}
.modules-list .card.property-card .card-body {
    background: #20bf6c;
}
.modules-list .card.stock-exercise-card .card-body {
    background: #a75eea;
}
.modules-list .card.property-exercise-card .card-body {
    background: #4b7aec;
}
.modules-list .card.advanced3-card .card-body {
    background: #f4cd7b;
}
.modules-list .card.business-basics-card .card-body {
    background: #ffcc03;
}
.modules-list .card.marketting-card .card-body {
    background: #f67841;
}
.modules-list .card.profit-loss-card .card-body {
    background: #4b7aec;
}
.modules-list .card.profit-loss-exercise-card .card-body {
    background: #ca4250;
}
.modules-list .card.advanced4-card .card-body {
    background: #20bf6c;
}
.modules-list .card.warranties-card .card-body {
    background: #3ec1d2;
}
.modules-list .card.insurance-card .card-body {
    background: #566ee7;
}
.modules-list .card.insurance-exercise-card .card-body {
    background: #f4cd7b;
}
.modules-list .card.online-security-card .card-body {
    background: #fb8230;
}
.modules-list .card.online-security-exercise-card .card-body {
    background: #fed230;
}
.modules-list .card.advanced5-card .card-body {
    background: #eb3b5b;
}















.modules-list {
    display: flex;
    flex-wrap: wrap;
}
.modules-list .card:first-child,
.modules-list .card + .card {
    margin-right: 14px;
}
hr.module-devider {
    border-color: #eaeaea;
    margin-top: 50px;
    margin-bottom: 70px;
}
.sidebar .icon-menu1 {
    display: none;
}

button.complt {
    background: #f2e066;
    border: none;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    padding: 4px 15px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-top: 17px;
}

button.complt:hover {
    background: #FFC107;
}

button.transfer {
    justify-content: center;
    padding: 7px;
    margin-top: 7px;
    font-weight: 600;
    font-size: 14px;
    border: none;
    border-radius: 4px;
    color: #efeded;
    background-color: #2e6992;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

body.desktop.banner.Chrome-96.Chrome.\39 6.landscape {
    background-color: #f5f7fb;
}
a.sidemenu-active {
    color: blue;
}
.rowbox {
   
    border-radius: 24px;
    width: 760px;
    padding: 10px;
    border: solid;
    margin: 10px;
    height: 555px;
    border-color: #0d3a9f;
   
}

.content-area {
    padding: 50px;
    margin-left: 40px;
    margin-right: 54px;
}

.balance {
    font-size: small;
}

/* transfer fund 12-14-2021 */
.btn-transfer {
    background: #f2e066 !important;
    border: none;
    color: #000 !important;
    font-size: 14px;
    font-weight: 600;
    padding: 4px 15px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.transfer-btn-wrpr {
    display: flex;
    justify-content: center;
    align-items: center;
}
.paisawala-table {
    font-size: 13px;
    margin-top:30px;
    border-bottom:1px solid #dadada;
}

.paisawala-table thead {
    background: #e3e3e3;
}
.subpage-breadcrumb {
    margin-bottom: 7px;
}
.btn-transfer:hover, .btn-transfer:active {
    background: #ffe743;
    box-shadow: 0 0 0 2px #41b3e4;
}


.row.nodata {
    font-weight: 600;
    font-size: larger;
    padding: 10px;
    color: #3378a3;
}

/* transfer fund 12-14-2021 end */

/*pagination in transactin page-srt */

ul.pagination {
    display: flex;
    justify-content: center;
    margin-top: 19px;
}

ul.pagination a, ul.pagination span {
    border: 1px solid #dadada;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    border-radius: 3px;
    font-size: 13px;
    color: #000;
}
ul.pagination .active a{
    background:#99c9ed;
    border-color:#99c9ed;
}
/*end*/

.btn.disabled, .btn:disabled{
    opacity: 0.65 !important;
    cursor: not-allowed !important;
}

.mat_amnt{
    padding-top: 12px;
    padding-left: 16px;
    color: green;
}
h2.module-heading {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 18px;
}
.fdtransfer.rowbox {
   padding-top: 49px;
    background: linear-gradient(179deg, #a8c2ff, transparent);
}
.account.rowbox{
     padding-top: 49px;
    background: linear-gradient(179deg, #a8c2ff, transparent);

}
.account.rowbox select {
    width: 100%;
}
.account.rowbox {
    width: 90%; margin: 0 auto; padding-top:25px; max-width: 530px;margin-left: 320px;
}

.account.rowbox .content-area {
    padding: 15px;
}
.fdtransfer.rowbox select {
    width: 100%;
}

button#tofd {
    background: #192b4c;
    min-width: 121px;
    text-transform: uppercase;
}

#linechart_div {
    background: #fff;
    width: 100% !important;
    height: auto !important;
    padding: 19px;
    border-radius: 11px;
    box-shadow: 0 0 10px rgb(0 0 0 / 9%);
}
.fdtransfer.rowbox .content-area {
        margin-right: 0px;
}
button.transfer.btn.btn-transfer {
    background: #192b4c !important;
    min-width: 121px;
    text-transform: uppercase;
    color: #fff !important;
    padding-left: 20px;
    padding-right: 20px;
}

.paisawala-table thead {
    background: #192b4c;
    color: #fff !important;
}

.paisawala-table thead a {
    color: #fff !important;
}

.paisawala-table thead th {
    color: #fff !important;
}

.paisawala-table {
    box-shadow: 0 0 50px rgb(0 0 0 / 20%);
}
ul.pagination a, ul.pagination span {
    background: #fff;
}

ul.pagination .active a {
    background: #192b4c;
    color: #fff;
    border-color: #192b4c;
}


/*new code*/
.navbar-brand img{
    width:149px;
}

.centernav {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;   
}

.centernav a {
    color: #013ca6;
}
.navbar-header-cntnr {
    display: flex;
    min-height: 81px;
}


.navbar-header-cntnr .navbar {
    width: 100%;
    min-height: 81px;
    background: #fff;
    /* background: rgb(218 218 218 /39%); */
}
.centernav .navbar-nav a {
    color: #013ca6 !important;
    margin: 0 10px;
}

.centernav .navbar-nav .active a {
    color: #ec0928 !important;
}
.centernav .navbar-nav a:hover {
    color: #ec0928 !important;
}


.user-avatar-item > a {
    width: 30px;
    height: 30px;
}
.icon-userimage{
    background:url(../images/user-avatar2.png) no-repeat center center;
}
.user-avatar-item > a {
    background: #fff;
    width: 34px;
    height: 34px;
    padding: 0px;
    display: flex;
    border-radius: 50%
}
.user-avatar-item a i{
    width: 34px;
    height: 34px;
    padding:0px;
    display:flex;
}
.dropdown .dropdown-menu {
  transition: all 0.5s;
  overflow: hidden;
  transform-origin: center center;
  transform: scale(0, 0);
  opacity:0;
  display: block;
}
.dropdown:hover .dropdown-menu {
  transform: scale(1);
  opacity:1;
  box-shadow: 0 11px 10px rgb(0 0 0 / 18%);
}

.centernav .dropdown-menu{
    padding:0px;
    box-shadow:0 11px 10px rgb(0 0 0 / 18%);
}
.centernav .dropdown-menu a{
    font-size:12px;
    font-weight:600;
    color:#ec0928 ;
    padding:10px;
    margin-left:0px;
}
.centernav .dropdown-menu a:hover{
    background:rgb(218 218 218 / 40%);
    
}
.gchart {
  width: 100%; 
  min-height: 350px;
  max-width:1073px;
}
.search-box {
    border-radius: 31px;
    max-width: 160px;
    margin-right: 6px;
    background: url(../images/search-icon.jpg) no-repeat 95% center #ededed;
    border-color: #c2c2c2;
    font-size: 13px;
    position: relative;
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
}
.search-box:hover,
.search-box:focus {
    max-width: 200px;
    background-color:#ededed;
}
.innerpage-banner-bg{
            background:url(../images/innerpage-banner-bg.jpg) repeat-x;
            min-height:300px;
            margin-top: 30px;
    }
    
.innerpage-banner-bg{
    position:relative;
}
.innerpage-banner-bg rect {
    fill: transparent;
}

    
.innerpage-banner-bg > div {
    margin: 0 auto;
}
.innerpage-banner-bg svg text {
    color: #fff;
    fill: #fff;
    text-transform: uppercase;
    font-size: 9px !important;
    opacity: .7;
}
line {
    opacity: .1;
}

.user-profile-pic {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 50%;
    margin-left: -50px !important;
    top: -30px;
    background: #fff;
    border-radius: 50%;
}
.winScrolling .user-profile-pic {
    z-index:1;
}
.total-worth {
    position: absolute;
    right: 20%;
    background: rgb(0 0 0 / 40%);
    color: #fff;
    padding: 4px 13px;
    top: 11px;
    border: 1px solid #9f6760;
    z-index: 1;
    min-width: 170px;
    border-radius:5px;
}
.total-worth:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -38px;
    right: 19px;
    border: 20px solid #9f6760;
    border-left-width: 0px;
    border-top-width: 20px;
    border-right-width: 47px;
    border-bottom-color: transparent;
    border-top-color: #311a4a;
    border-right-color: transparent;
    z-index: 2;
    transform: skewX(-15deg);
}
.total-worth:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -40px;
    right: 21px;
    border: 20px solid #9f6760;
    border-left-width: 0px;
    border-top-width: 20px;
    border-right-width: 47px;
    border-bottom-color: transparent;
    border-top-color: #9f6760;
    border-right-color: transparent;
    z-index: 1;
    transform: skewX(-15deg);
}
.networth-title {
    font-size: 23px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 79px;
}
.card.purplegrad {
    background: linear-gradient(0deg, #9565fd, #c579fe);
    border: none;
}
.card.orangegrad {
    background: linear-gradient(0deg, #e1b654, #fa804a);
    border: none;
}
.card.greengrad {
    background: linear-gradient(0deg, #89c895, #66b777);
    border: none;
}
.card.pinkgrad {
    background: linear-gradient(0deg, #ffcae3, #f9a0c9);
    border: none;
}
.card.cyangrad {
    background: linear-gradient(0deg, #46f0f3, #32bddf);
    border: none;
}
.card.brightorangegrad {
    background: linear-gradient(0deg, #fce45e, #f17d69);
    border: none;
}
.card.sapgreengrad {
    background: linear-gradient(0deg, #e4f06d, #80beaf);
    border: none;
}
.card.offpinkgrad {
    background: linear-gradient(0deg, #f7ae8d, #e77899);
    border: none;
}
.card.lemonyellowgrad {
    background: linear-gradient(0deg, #e4e256, #cfaf51);
    border: none;
}
.invest-cards .col-md-4{
    padding-left:8px;
    padding-right:8px;
}
.invest-cards .card{
    margin-bottom: 16px;
    min-height: 128px;
    color: #000;
    box-shadow: 0 0 0 4px rgb(28 54 151 / 0%);
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
}
.invest-cards .card:hover {
    box-shadow: 0 0 0 4px rgb(28 54 151 / 100%);
}

.invest-cards .card h2 {
    font-size: 16px;
    font-weight: 600;
}



.total-worth label {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 0;
}

.total-worth .amount {
    font-size: 20px;
    font-weight: 700;
    color: #f7c847;
}
i.icon-imageicon {
    position: absolute;
    right: 10px;
    bottom: 9px;
}
.footer {
    background: #192b4c;
    height: 83px;
    padding-top: 27px;
    font-size: 12px;
    color:#828896;
}
img.footerlogo {
    border-top: 2px solid #e80c26;
    padding-top: 26px;
    position: relative;
    top: -28px;
}
.devby,
.copy {
    padding-top: 6px;
}
.navbar-expand-lg .navbar-collapse.mobilenav{
    display:none !important;
}
.navbar-expand-lg .navbar-collapse.mobilenav.show a:empty {
    display: none;
}

.mobilenav  button {
    border: none;
    background: none;
    padding: 0;
    color: #013ca6;
    font-weight: 500;
}

.mobilenav  form {
    display: inline-block;
}

.user-profile-pic img {
    max-width: 100%;
    border-radius: 50%;
    border: 3px solid #fff;
    width: 100%;
    height: auto;
}
.user-avatar-item .dropdown-toggle::after {
    display: none;
}
.user-avatar-item .dropdown-item {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
}

.user-avatar-item .dropdown-item:hover {
    background: #e6e6e6;
}
.user-avatar-item .dropdown-item {
        font-size: 13px;
        text-transform: uppercase;
        padding:10px;
        padding-left: 15px;
        width: 100%;
    }

.user-avatar-item .dropdown-item:hover {
    background: #ececec;
    color:#ec0928 ;
    
}
.user-avatar-item.dropdown:hover .dropdown-menu {
    padding: 0px;
}

/* Apr 11 2022 starts */


.video-section {
    margin: 50px auto;
}

.video-section a:after {content: "\e039";font-family: 'icons-sm';position: absolute;left: 50%;top: 50%;margin-left: -29px;margin-top: -29px;font-size: 58px;z-index: 10;color: #fff;width: 58px;height: 58px;line-height: 58px; opacity:.5;}

.video-section a {position: relative;}

.video-section a:hover:after{opacity:1;}


/* Apr 11 2022 end */

.user-avatar-item img {
    border-radius: 50%;
    width: 37px;
    height: 36px;
    top: 12px;
    left: 4px;
    position: relative;
    margin-left: -12px;
    margin-top: -4px;
    object-fit: cover;
}
.video-section img {max-width: 100%;}

.fdtransfer.rowbox {
    width: 90%; margin: 0 auto; padding-top:25px; max-width: 530px;
}

.fdtransfer.rowbox .content-area {
    padding: 15px;
}
.wthdrw.rowbox {
    width: 90%; margin: 0 auto; padding-top:25px; max-width: 530px;
}

.wthdrw.rowbox .content-area {
    padding: 15px;
}
    .disabled:after{
            content: "";
            position: absolute;
            left: 0;right: 0;bottom: 0;top: 0;
            pointer-events: none;
            z-index: 100;
            cursor: not-allowed! important;
        }

    .disabled a{ 
    pointer-events: none; 
    }


    .disabled a:after{
        content:"\ebbe";
        position:absolute;
        top:80;
        left:18;
        
        display:flex;
        color:red;
        font-family:icons-sm;
        font-size:25px;
        justify-content:center;
        align-items:center;
        text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    }
.confirm-and-accountstatement-wrpr button#tofd:hover {background: #ec0928 !important;}
.confirm-and-accountstatement-wrpr button#tofd {
    box-shadow: 0 0 0 2px; transition: all .2s linear;
    -o-transition: all .2s linear;-moz-transition: all .2s linear; -webkit-transition: all .2s linear;
}   
.nobalmsg {position: absolute;top: 38px;background: #fff;left: unset;right: 0px;border-radius: 10px;min-height: 56px;border: 2px solid #192b4c;text-align: center;align-items: center;color: #192b4c  !important;font-size: 15px !important;display: inline-flex;justify-content: center;font-weight: 500;padding-left: 65px;padding-right: 20px; box-shadow: 0 0 10px rgb(0 0 0 / 38%);overflow: hidden; opacity:0; -o-transition: all .2s linear;-moz-transition: all .2s linear; -webkit-transition: all .2s linear;}
.nobalmsg i {  font-size: 46px;color: #fff; background: #192b4c;position: absolute;left: 0;top: 0;bottom: 0;display: flex;align-items: center;width: 55px;justify-content: center;}


/* .nobalmsg.active {inline-flex !important; opacity: 1; right:30px;} */

.validyear {position: absolute;
    top: 38px;
    background: #fff;
    left: unset;
    right: 0px;
    border-radius: 10px;
    min-height: 56px;
    border: 2px solid #192b4c;
    text-align: center;
    align-items: center;
    color: #192b4c !important;
    font-size: 15px !important;
    display: inline-flex;
    justify-content: center;
    font-weight: 500;
    padding-left: 65px;
    padding-right: 20px;
    box-shadow: 0 0 10px rgb(0 0 0 / 38%);
    overflow: hidden;
    opacity: 0;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;}

.validyear.active {opacity: 1;
    right: 40px;}

.innerpage .networth-title.text-center {margin-top: 30px;}
.innerpage .navbar-header-cntnr .navbar { background: rgb(255 255 255);}
.confirm-and-accountstatement-wrpr {display: flex;justify-content: space-between;align-items: center;}
.confirm-and-accountstatement-wrpr a{color:#fff; border-bottom:1px solid rgb(255 255 255 / 22%);}
.cube-block  .fdtransfer.rowbox {height: 483px;}
.cube-block  .fdtransfer.rowbox select {border: none;font-size: 13px;}
.cube-block  .fdtransfer.rowbox input {font-size: 13px;border: none;}
.form-wrpr {background: #0b3aa2;padding: 27px;border-radius: 10px;color: #fff;}
.fixed-deposit-cntnr {display: flex;justify-content: center;     margin-bottom: 40px;}
.cube-block .fdtransfer.rowbox .content-area {margin-left: 0px;padding: 28px;}
.cube-block .fdtransfer.rowbox h3 {padding: 17px;color: #0b3aa2;font-size: 25px; font-weight:normal;margin-bottom: 0;padding-bottom: 0;padding-top: 26px; padding-left: 25px;}
.cube-block {
    height: 480px;
    width:100%;
    max-width:600px;
    perspective: 1000px;
    position:relative;
    opacity: 1;
    transition: transform 1s;
    transform: translateY(0px);
}
.cube-block .fdtransfer.rowbox {
    width: 100%;
    margin: 0 auto;
    padding: 0px;
    max-width: 100%;
    overflow:hidden;
    background: #fff;

}
.deposited-details {width: 100%;}
.cube-rotate-face {
     height: 100%;
     width:100%;
    transition: transform 1s;
    transform-style: preserve-3d;
    cursor: pointer;
    transform: rotateY(0deg);
}
.gchart { background: url(../images/innerpage-banner-bg.jpg) repeat-x;
    min-height: 300px;
    margin-top: 30px;padding: 40px;
    border-radius: 6px;
    }
.gchart rect{fill:transparent;}
.form-cntnr.back {
    border: 3px solid #652770 !important;
    border-radius: 22px !important;
    min-height: 420px !important;
    height: auto !important;
}

.cube-rotate-face  .total-worth:before {
    border-top-color: #5d2876;
}
.cube-rotate-face  .total-worth {
    right: 0;
    left: 0;
    text-align: center;
    background: transparent;
    top: unset;
    bottom: 27px;
    border: none;
}
.deposited-hding {color: #148119;font-weight: 500;font-size: 17px;}
.cube-rotate-face text {fill: white;}
.cube-rotate-face .form-cntnr{
    border: 0px solid rgba(0, 0, 0, 0.08);
    padding: 20px;
    border-radius: 10px;
    min-height: 400px;
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    
    }
.backto-fd {
    position: absolute;
    right: -10px;
    top: -10px;
    background: white;
    z-index: 1;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 2px solid #652770;
    color: #652770;
}
.form-cntnr.front {
    background: #fff;
    
}
.form-cntnr.back {
    background: #fff;
    
}
.animateCube .cube-rotate-face {
    transform: rotateY(180deg);
}

.form-cntnr.back {
    transform: rotateY(180deg);
    display: flex;
    justify-content: center;
    align-items: center;
    
}
.customwidth .dropdown.bootstrap-select{
    width:100% !important;
}
.form-label-group.customwidth {
    margin-top: 23px;
}
.cube-block .form-label-group {
    margin-bottom: 25px;
}
a.delete-edu {
    position: absolute;
    right: -10px;
    top: -10px;
    background: white;
    z-index: 1;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #dadada;
}
a.delete-edu:hover{
    text-decoration:none;
}
.cube-block.active {
    opacity: 1;
    transform: translateY(10px);
}
.animateCube .form-cntnr.back {
    transform: rotateY(180deg) translateZ(1px);
}
.delete-hding, .delete-info {
    color: #333;
    font-weight: 700;
    text-align:center;
}
.delete-info {
    font-weight: 400;
    font-size: 14px;
    margin-top: 7px;
    margin-bottom: 15px;
}
.deletecard-button-cntnr {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.deletecard-button-cntnr button {
    margin-bottom: 10px;
    min-width: 220px;
}
.bullet-list-toggle.active {
    color: #333;
    font-size: 12px;
}
.bullet-list-toggle.active .icon-list4 {
    font-size: 18px;
    vertical-align: middle;
}
.bullet-list-toggle.active span {
    vertical-align: middle;
}
.dropdown-menu.dropdown-menu-right.bg-light.show {
    font-size: 13px;
}



/*nav ralated - apr 18 2022*/
.is-visible {
    background: rgba(255, 255, 255, 0);
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
}

.is-hidden {
    opacity: 0;
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    position: relative;
    z-index: -1;
    position: fixed;
}

.navbar-header-cntnr .navbar.is-visible {
    box-shadow: 0 0 10px rgb(0 0 0 / 14%);
}




/* chart on sidebar */

.chart-on-sidebar .chart-slider {position: absolute;right: -34px;top: 30px;font-size: 27px;background: #65256f;padding: 4px;height: 40px;color: #fff;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.chart-on-sidebar .chart-slider{
    
}

.chart-on-sidebar .gchart{
    padding:10px;
}
.chart-on-sidebar.active {left: 0px;}
.chart-on-sidebar  {
    position: fixed;
    left: -420px;
    width: 420px;
    top: 120px;
    z-index: 100;
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
     box-shadow: 0 30px 50px rgb(0 0 0 / 27%);
}
.chart-on-sidebar .total-worth {
    
    min-width: 150px;
    position: absolute;
    right: 70px;
    bottom: -46px;
    top: unset;
    border: none;
    background: none;
    line-height: 19px;
    text-align: center;
    left: 0;
    right: 0;
    background: #16389a;
    border-radius: 0;
}
.chart-on-sidebar .user-profile-pic {
    width: 80px;
    height: 80px;
}

/* chart on sidebar end */


label.fnd-transfer-label {margin-bottom: 0;}
.cube-block  .fdtransfer.savgins2crrnt.rowbox {height: 370px;}


  /*table*/ 
.table-wrpr {border-radius: 24px;
    width: 100%;
    padding: 10px;
    border: solid;
    margin: 10px;
    margin-top: 20px;
    height: auto;
    border-color: #0d3a9f;}
.table-wrpr h3 {
    padding: 17px;
    color: #0b3aa2;
    font-size: 25px;
    font-weight: normal;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 26px;
    padding-left: 25px;
}
.table-wrpr  .content-area {
    margin-left: 0px;
    margin-right: 0;
    padding: 28px;
}
.btn-transfer-fund {background: #192b4c !important;border-color: #192b4c !important;min-width: 160px; text-transform:uppercase;}
.formwrpr .paisawala-table {
    box-shadow: 0 0 0 1px #dadada;
    border: 1px solid #dadada;
    border-radius: 11px;
    overflow: hidden;
}   
  
.breadcrumb {background: transparent;font-size: 12px;}

.breadcrumb-item+.breadcrumb-item::before {content: "|";}
    
.chart-on-sidebar .total-worth:before, .chart-on-sidebar .total-worth:after {display: none;}  
   
  .cube-rotate-face .total-worth:before, .cube-rotate-face .total-worth:after  {display: none;}  



  /* Profile */

.profile-wrpr {
    border-radius: 24px;
    width: 100%;
    max-width:600px;
    min-height:500px;
    padding: 10px;
    border: solid;
    margin: 10px;
    margin-top: 20px;
    margin-left:auto;
    margin-right:auto;
    height: auto;
    border-color: #0d3a9f;
    padding:25px;
}
.profile-wrpr img {border-radius: 30px;margin-bottom: 16px;}

.profile-wrpr {font-size: 14px;font-weight: 500;}

.profile-other-content-wrpr {background: #e5e5e5;border-radius: 17px;padding: 22px;margin-top: 20px;}

.profile-other-content-wrpr label {font-weight: 700;margin-bottom: 0;}

.profile-other-content-wrpr .profile-cntnt {margin-bottom: 20px;}

.btn-profileedit {justify-content: center;
    padding: 7px;
    margin-top: 7px;
    font-weight: 600;
    font-size: 14px;
    border: none;
    border-radius: 4px;
    color: #efeded;
    background: #192b4c !important;
    display: inline-flex;
    align-items: center;
    text-decoration: none;box-shadow: 0 0 0 3px white;min-width: 150px;}

.btn-profileedit span {margin-right: 11px;}




/* Profile */

.account-bal-zero b {
    background: #ff9800;
    width: 100%;
    max-width: 320px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    min-height: 32px;
    margin: 0 20px;
    margin-top: 20px;
    color: #fff;
    font-weight: 500;
}

.account-bal-zero {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}


/* Edit Profile */
.edit-profile input, .edit-profile textarea, .edit-profile .custom-file-label {
    font-size: 13px;
    font-weight: 100;
}

.edit-profile label {
    font-weight: 500;
    font-size: 13px;
}

.allowformats {
    font-size: 12px;
    color: #2196f3;
}

div#image-preview {
    width: 130px;
    height: 130px;
    margin: 0 auto;
    background: gray;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: 19px;
    position: relative;
    color: #fff;
    border-radius: 30px;
    overflow: hidden;
}
label#image-label {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

#image-preview:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    height: 30px;
    background: rgb(0 0 0 / 59%);
    z-index: 0;
    color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    
}
.profile-wrpr img {
    width: 137px;
    height: 137px;
    object-fit: cover;
}

.navbar-expand-lg .navbar-collapse.mobilenav {
    display: none !important;
}

/* upskill css - june 14 2022 */

.card.upskill-card span {
    display: block;
    font-size: 13px;
    text-transform: uppercase;
}

.card.upskill-card span.per-annum {
    font-size: 12px;
    text-transform: unset;
}

.card.upskill-card strong {
    font-size: 18px;
}
.card.upskill-card.purple {
    background: linear-gradient(360deg, #c479fe, #a069fd);
}
.card.upskill-card.orange {
    background: linear-gradient(360deg,  #fb7f4a, #e6aa52);
}
.card.upskill-card.green {
    background: linear-gradient(360deg, #81c48e, #66b677);
}

.card.upskill-card.rose {
    background: linear-gradient(360deg, #e77899, #f29b91);
}

.card.upskill-card.surfblue {
    background: linear-gradient(360deg, #32bddf, #41e5ef);
}
.card.upskill-card.offgreen {
    background: linear-gradient(360deg, #80beaf, #c6e181);
}

.card.upskill-card.gold {
    background: linear-gradient(360deg, #ceaf51, #e0d955);
}

.card.upskill-card {
    border-radius: 15px;
    border: none;
    box-shadow: 0 0 0 3px #fff;
}

.card.upskill-card .card-header {
    background: rgb(0 0 0 / 50%);
    border-top-left-radius: 11px;
    border-top-right-radius: 11px;
    color: #fff;
    font-weight: 600;
    text-align: center;
}

.card.upskill-card .col-md-6 {
    background: rgb(255 255 255 / 70%);
    border-radius: 8px;
    padding: 8px;
    border: 4px solid transparent;
    max-width: 46%;
    margin: 0px 5px;
}

.card.upskill-card .row {
    padding: 8px;
}
.card.upskill-card .card-body {
    padding-bottom: 40px;
}
.card-action {
    background: #aa6efe;
    width: 138px;
    height: 35px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 31px;
    position: absolute;
    left: 50%;
    margin-left: -69px;
    margin-top: 28px;
    box-shadow: 0 0 0 3px #fff;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
}
.card.upskill-card.orange .card-action {
    background: #f58b4c;
}
.card.upskill-card.green .card-action {
    background: #6fbb7f;
}
.card.upskill-card.rose .card-action {
    background: #e77899;
}
.card.upskill-card.surfblue .card-action {
    background: #32bddf;
}
.card.upskill-card.offgreen .card-action {
    background: #80beaf;
}
.card.upskill-card.gold .card-action {
    background: #ceaf51;
}
.card.upskill-card .card-action i {
    font-size: 18px;
    margin-left: 11px;
    position: relative;
    top: -1px;
}
.card-action:hover {
    color: #fff;
}

.upskill-container {
    background: linear-gradient(0deg, #ffffff, #86aae9);
}

/* upskill css end */

/* Property basic css starts */

.property-basic-wrpr {
    border-radius: 24px;
    width: 100%;
    max-width: 800px;
    min-height: 500px;
    padding: 10px;
    border: solid;
    margin: 10px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    border-color: #0d3a9f;
    padding: 25px;
    font-size: 14px;
    font-weight: 500;
}
.property-basic-pic {
    max-width: 221px;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #cfcfcf;
    background-color: #cfcfcf;
}
.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background: #192b4c ;
}
.custom-control-label::before{
    width:22px;
    height:22px;
}
.custom-control-label::after {
    position: absolute;
    top: 11px;
    left: -17px;
    
    border-radius: 50%;
    width: 7px;
    height: 7px;
    
}
.custom-radio .custom-control-label::before {
    border-radius: 50%;
    background: #cfcfcf;
}
.custom-control-input {
    left: 0px;
    top: 4px;
    width: 22px;
    height: 22px;
        z-index: 1;
}
.radio-and-price-wrpr {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 6px;
}

.property-price {
    position: relative;
    top: 4px;
    font-size: 17px;
}




/* Property basic css ends */


/* dashboard */

body.dashboard {
    background: #f5f7fb;
    background:linear-gradient(181deg, #013ca6, #ec0928);
    padding-top: 91px;
}
.dashboard .navbar-header-cntnr .navbar {
    box-shadow: 0 0 10px rgb(0 0 0 / 14%);
    background: #fff;
}
.card-body.sml-cntnr {
    padding: 0px;
    padding-bottom: 14px;
}
.card-header.sml-hdr {
    padding: 19px 0 0 19px;
    border:none;
}
.sm-cntnr .num-students-joined-label {
    font-weight: 800;
    margin-bottom: 14px;
    font-size: 16px;
    color: #353e48;
    opacity: 1;
}
.dash-course{
    margin:0px;
}
.upskill-lvl-wrpr{
    position:relative;
    min-height:220px;
    display: flex;
    align-items: flex-end;
}
.line {
    height: 1px;
    background: #999999;
    position: absolute;
    bottom: 50px;
    width: 100%;
}
.level-cntnr {
    width: 25px;
    /*  height: 47px;
    position: absolute;
    bottom: 0;
    font-size: 12px;
    text-align: center;*/
    position: relative;
    bottom: 48px;
}

.propertybasic-label,
.upskillLevel-label{
    font-weight: 800;
    margin-bottom: 14px;
    font-size: 16px;
    color: #353e48;
    opacity: 1;
    
}
.card.propertybasic-card img {
    max-width: 150px;
}

.youare-invested-label {
    font-size: 11px;
    color: #7d7d7d;
    margin-top: 20px;
}

.youare-invested-amount {
    font-size: 17px;
    font-weight: 600;
}

.in-a-residential-label {
    font-size: 11px;
    font-weight: 600;
}
.in-a-residential-label span {
    color: #ca103a;
}
.dashboard .page-title {
    color: #fff;
}
.leveldot {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: absolute;
    bottom: 19px;
    left: 50%;
    margin-left: -12.5px;
}
.level-cntnr.level-not-active .leveldot, 
.level-cntnr.level-not-active .levelname,
.level-cntnr.level-not-active .levelAmount
 {
    display: none;
}

.level-cntnr.level-not-active {
    width: 20px;
}

.level-cntnr.level-not-active + .level-not-active {
    
    width: 20px;
}

.level-cntnr.level-not-active .levelpos:before {
    content: "";
    width: 8px;
    height: 8px;
    background: #db4437;
    display: inline-block;
    border-radius: 50%;
    bottom: 25px;
    position: relative;
    left: 50%;
    margin-left: -4px;
}
.levelname {
    width: 60px;
    font-size: 10px;
    font-weight: 600;
    position: absolute;
    bottom: -25px;
    text-align: center;
    display:none;
}

.leveldot.green {
    background:#63d2b4;
}
.leveldot.blue {
    background:#4285f4;
    
}

.levelpos {
    position: absolute;
    width: 5px;
    height: 5px;
    background: #999999;
    border-radius: 50%;
    bottom: 0;
    left: 50%;
    margin-left: -2.5px;
}
.level-cntnr.two {
    
    
}
.level-cntnr.three {
   
    
}

.level-cntnr.two .levelname {
    width: 60px;
}
.level-cntnr.three .levelname {
    width: 70px;
}
.levelAmount {
    font-size: 11px;
    font-weight: 600;
    position: absolute;
    bottom: -39px;
    text-align: center;
    width: 60px;
    display:none;
}
.level-cntnr + .level-cntnr {
    margin-left: 5px;
}
.level-cntnr.level-not-active + .level-not-active + .level-not-active {
    
}

.level-cntnr.youHere .leveldot {
    background: #facb0c;
    width: 85px;
    height: 85px;
    margin-left: -42.5px;
    box-shadow: 0 0 0 4px #facb0c91;
    display: block;
    color:#000000;
}

.level-cntnr.youHere {
    width: 85px;
}
.level-cntnr.youHere .levelpos {
    background: #db4437;
    z-index: 1;
}
.level-cntnr.youHere .levelname {
    display: flex;
    justify-content: center;
    width: 85px;
}
.level-cntnr.youHere .levelname {
    display: flex;
    justify-content: center;
    width: 85px;
    color:#000000;
}

.level-cntnr.youHere .levelAmount {
    display: flex;
    justify-content: center;
    width: 85px;
    color:#000000;
}

.level-cntnr.youHere .leveldot:before {
    content: "You are here";
    text-align: center;
    width: 85px;
    display: flex;
    justify-content: center;
    height: 85px;
    align-items: center;
    font-size: 14px;
    line-height: 15px;
    font-weight: 600;
}

.level-cntnr.level-not-active + 
.level-not-active + 
.level-not-active {
    
}
.level-cntnr.level-not-active + 
.level-not-active + 
.level-not-active + 
.level-not-active{
    
}
.level-cntnr:hover .levelname {
    display: block;
    background: #fff;
    margin-left: -14px;
    white-space:nowrap;
}
.level-cntnr.youHere:hover .levelname {
    margin-left: 0;
}
.card.earning-results-card {
    min-height: 348px;
}
.card.earning-results-card {
    min-height: 348px;
}

.card.upskillLevel-card {
    min-height: 311px;
}


.dashboard .footer {
    margin-top: 50px;
}
.leveldot.yellow {
    background: #ffc107;
}
.leveldot.orange {
    background: #ff9800;
}
.leveldot.red {
    background: #d10f36;
}
.leveldot.purple {background: purple;}
.leveldot.darkblue {
    background: #3f51b5;
}
.leveldot.navyblue {
    background: #2f3b81;
}

.level-cntnr.prev .levelname {
    display: block;
    right: 0;
    text-align: right;
    color:#000000;
}

.level-cntnr.next .levelname {
    display: block;
    left: 0;
    text-align: left;
    color:#000000;
}

.level-cntnr.next .levelAmount {
    display: block;
    text-align: left;
    color:#000000;
}

.level-cntnr.prev .levelAmount {
    display: block;
    text-align: right;
    right: 0;
    color:#000000;
}
/* dashboard end*/

/* smartpig */ 

.smartpig-animation-wrpr {
    position: absolute;
    top: 0;
    right: 180px;
    z-index: -1;
    width: 230px;
    height: 270px;
}
.smartpig-animation-wrpr.animate {
    z-index: 1000;
}

.smart-pig img {
    width: 100px;
}


.smart-pig{
    position: absolute;
    
    top: 100px;
    right: 0px;
    opacity:0;
}
.animate .smart-pig{
    animation: fly 9.7s ease-in-out 0s infinite forwards;
    animation-iteration-count: 1;
}

@keyframes fly {
  0% { top: 0%; transform: scale(.7); opacity:0; }
  10% { top: 40%;transform: scale(1); opacity:1; }
  20% { top: 25%;opacity:1;transform: scale(1);}
  97% { top: 25%;opacity:1; transform: scale(1);}
  100% { top: 25%;opacity:0; transform: scale(0);}
  
}

@keyframes coinfly {
  0% { top: -20px;  opacity:0; }
  100% { top: 80px; opacity:1; }
  
}
@keyframes coinfly2 {
  0% { top: -20px;  opacity:0; }
  100% { top: 80px; opacity:1; }
  
}
@keyframes coinfly3 {
  0% { top: -20px;  opacity:0; }
  100% { top: 80px; opacity:1; }
  
}
@keyframes coinfly4 {
  0% { top: -20px;  opacity:0; }
  100% { top: 80px; opacity:1; }
  
}
@keyframes coinfly5 {
  0% { top: -20px;  opacity:0; }
  100% { top: 80px; opacity:1; }
  
}

.animate .smart-pig img {
  /* Start the shake animation and make the animation last for 0.5 seconds */
  animation: shake 0.5s;

  /* When the animation is finished, start again */
  animation-iteration-count: infinite forwards;
  animation-iteration-count: 5;
    animation-delay: 1.8s;
}


@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}


.coin img {
    width: 50px;
}

.coin {
    position: absolute;
    top:140px;
    left: 150px;
    opacity:0;
}
.coin.coin-1 {
    top:140px;
    left: 150px;
    opacity:0;
    
}
.animate .coin.coin-1 {
    animation: coinfly .5s ease-in-out 0s infinite forwards;
    animation-iteration-count: 1;
    animation-delay: 1.5s;
}

.coin.coin-2 {
    top:140px;
    left: 150px;
    opacity:0;
    
}
.animate .coin.coin-2 {
    animation: coinfly2 .5s ease-in-out 0s infinite forwards;
    animation-iteration-count: 1;
    animation-delay: 1.7s;
}
.coin.coin-3 {
    top:140px;
    left: 150px;
    opacity:0;
    
}
.animate  .coin.coin-3 {
    animation: coinfly3 .5s ease-in-out 0s infinite forwards;
    animation-iteration-count: 1;
    animation-delay: 1.9s;
}
.coin.coin-4 {
    top:140px;
    left: 150px;
    opacity:0;
    
}
.animate  .coin.coin-4 {
    animation: coinfly4 .5s ease-in-out 0s infinite forwards;
    animation-iteration-count: 1;
    animation-delay: 2.2s;
}
.coin.coin-5 {
    top:140px;
    left: 150px;
    opacity:0;
    
}
.animate .coin.coin-5 {
    animation: coinfly5 .5s ease-in-out 0s infinite forwards;
    animation-iteration-count: 1;
    animation-delay: 2.5s;
}

.coins-wrpr {
    position: absolute;
    width: 240px;
    height: 200px;
}

.stars {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-60%, -60%);
    background: url(../images/stars.png) no-repeat;
    cursor: pointer;
}

.stars-blast {
    background-position: -4350px 0;
    transition: background .3s steps(58);
}
.networth-amount {
    font-size: 20px;
    padding-top: 2px;
    margin-right: 10px;
    margin-top: 6px;
    font-weight: 600;
    color: #0b3aa2;
}
.networth-total-wrpr {
    position: relative;
}

.networth-total-wrpr:before {
    content: "Net Worth";
    position: absolute;
    font-size: 12px;
    width: 180px;
    right: 11px;
    top: -7px;
    text-align: right;
}

/* smartpig end*/ 

/*Certificate starts*/

.certificate-wrpr {
    display: flex;
    max-width: 1000px;
    min-height: 780px;
}

.certificate-leftpart {
    background: url(../images/certificate-bg.jpg) no-repeat;
    min-width: 360px;
}

.certificate-rightpart {
    background: #fff;
    width: 100%;
}
.certificate-rightpart {
    padding: 60px;
    box-shadow:0 0 50px rgb(0 0 0 / 20%);
}
.certi-logo {
    max-width: 183px;
    margin-bottom: 30px;
}
.certificate-of {
    font-size: 26px;
    font-weight: 600;
    color: #ec0928;
    margin-bottom: 130px;
    margin-top: 60px;
}

.certificate-of span {
    color: #000;
    display: block;
    font-size: 16px;
    font-weight: 500;
}

.student-name {
    font-size: 48px;
    line-height: normal;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 45px;
    color: #ec0928;
    margin-bottom: 68px;
}

.to-certify {
    color: #000;
    display: block;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 110px;
}

.founder-and-date {
    font-size: 14px;
    font-weight: 500;
}

@media print {
    body{
        margin:0px;
        padding:0px;
    }
     
     
     .col-md-6.date{
        float:right;
     }
      .col-md-6.name{
        float:left;
     }
}

/*Certificate starts*/
/* aug 11 */
.course-icon img {
    width: 36px;
}

.course-icon {
    min-height: 42px;
}

.leaderboard-list .lb-user-avatar img {
    width: 40px;
    height: 40px;
}

.lb-you-here img {
    width: 60px;
    height: 60px;
}
.card-body.fdcard {
    height: 282px;
}
.propcard {
    height: 292px;
}
.card-body.leader {
    height: 373px;
}

/*.earned-and-date {
    flex-direction: column;
}*/
.pointswrp{
    display: flex;
}

.earned-amount {
    margin-left: 0;
}
.leaderboard-list.list-five {
    background: rgb(137 52 152 / 0.25) !important;
    border: 1px solid rgb(137 52 152 / 0.25) !important;
}

.leaderboard-list.list-five .lb-count{
    background: #893498 !important;
}

/* aug 11 */

/* dashboard changes Aug 9 2022 */

.earned-and-date {
    display: flex;
}
.earned-amount {
    font-size: 14px;
    margin-left:5px;

}
.earned-and-date .course-date {
    min-width: 100px;
}


.leaderboard-list {
    display: flex;
    width: 100%;
    background: rgb(99 210 180 / 25%);
    padding: 5px;
    border-radius: 11px;
    margin-bottom: 7px;
    border: 1px solid rgb(0 150 136 / 20%);
}

.leaderboard-list .lb-user-avatar img {
    max-width: 40px;
    border-radius: 18%;
    position: relative;
    left: -10px;
}

.lb-user-avatar {
    display: flex;
    font-size: 14px;
    align-items: center;
}

.lb-username {
    font-size: 12px;
    font-weight: 500;
}

.lb-count {
    background: #009688;
    display: flex;
    width: 40px;
    margin-right: 5px;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    color: #fff;
    border-radius: 18%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.lb-count.two {
    background: #ea8811;
}

.leaderboard-list.list-two {
    background: rgb(234 136 17 / 25%);
    border: 1px solid rgb(234 136 17 / 20%);
}

.lb-count.three {
    background: #df564c;
}

.leaderboard-list.list-three {
    background: rgb(223 86 76 / 25%);
    border: 1px solid rgb(223 86 76  / 20%);
}
.lb-username span {
    display: flex;
    font-size: 10px;
    margin-top: -4px;
    font-weight: 700;
}
.lb-list-and-you {
    display: flex;
}

.leaderboard-list-wrpr {
    width: 60%;
}
.lb-you-here{
    width:40%;
    padding:10px;
}
.lb-you-here {
    display: flex;
    justify-content: center;
}
.lb-you-here img {
    max-width: 60px;
    border-radius: 10px;
    position: relative;
    top: 8px;
}
.lb-you-here .lb-count.three {
    border-radius: 15%;
    width: 60px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 18%;
    height: 35px;
    position: relative;
    left: 2px;
    background: #4c2c7e;
}
.leaderboard-list.list-four {
    background: rgb(66 140 193 / 25%);
}
a.more-lb {
    display: flex;
    justify-content: center;
    font-size: 13px;
    font-weight: 600;
    color: #000;
}
.card.earning-results-card {
    min-height: 293px;
}
ol.course-list li {
    padding-bottom: 11px;
}
.lb-count.four {
    background: #428cc1;
}
.lb-you-here-lbl {
    font-size: 13px;
    margin-top: 5px;
}
.card.recent-courses-card .course-name {
    font-size: 12px;
}
.card.recent-courses-card .earned-amount {
    position: absolute;
    font-size: 12px;
}

.lb-you-here .lb-user-avatar {
    flex-direction: column;
    justify-content: center;
    width: 100%;
}

.lb-you-here .lb-username {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-top: 0px;
    font-size: 16px;
}



/* dashboard changes Aug 9 2022 end */


/* account balance anim Aug 10 2022 start */

.account-balance-zero-cntnr {
    width: 378px;
    height: 378px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    position:relative;
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    
}

 .account-balance-zero-cntnr.play {
    animation: abzero 1s forwards ;
}

@keyframes abzero {
  0% {top: 0px;}
  50% {top: 50px;}
  100% {top: 0px;}
}

.bal-zero  {
    height: 480px;
    width: 100%;
    max-width: 800px;
    perspective: 1000px;
    position: relative;
    opacity: 1;
    transition: transform 1s;
    transform: translateY(0px);
}
.bal-zero .fdtransfer.rowbox {
    width: 100%;
    margin: 0 auto;
    padding: 0px;
    max-width: 100%;
    overflow: hidden;
    background: #fff;
}

.bal-zero .fdtransfer.rowbox {
     height: 440px;
}


.bal-zero .fdtransfer.rowbox .content-area {
    margin-left: 0;
    padding-top: 30px;
}


.account-bal-zero-badge {
    background: #0d3a9f;
    width: 307px;
    height: 320px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    scale:0;
}

.play .account-bal-zero-badge {
    scale:1;
}


.account-bal-zero-badge h3 {
    color: #fff !important;
    font-size: 22px !important;
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    transition-delay: 1.2s;
    opacity:0;
    position:relative;
    bottom:-10px;
}
.play .account-bal-zero-badge h3 {
    opacity:1;
    bottom:0px;
}
.cirle-edges {
    background:  #ec0928;
    width: 320px;
    border-radius:50% !important;
    height: 352px;
    position: absolute;
    transition: all .5s linear;
    -o-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition-delay: 1.5s;
    opacity:0;
    transform:rotate(90deg);
}
.play .cirle-edges {
    opacity:1;
    transform:rotate(122deg);
}

.account-bal-zero-badge img {
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    opacity:0;
    position:relative;
    bottom:-10px;
    transition-delay: .7s;
}

.play .account-bal-zero-badge img {
    opacity:1;
    bottom:10px;
}



/* account balance anim Aug 10 2022 end */

/*  dashboard layout change Aug 11 2022*/

.four-courses .dash-course {
    margin-top: 14px;
}
.card.upskillLevel-card.wide-upskill {
    min-height: 352px;
}
.wide-upskill .upskill-lvl-wrpr {
    min-height: 207px;
}
.dash-course.purple {
    background: #dfba32;
}

.dash-course.orange {
    background: #eb6338;
}
.wide-upskill .level-cntnr.level-not-active + .level-not-active {
    width: 50px;
}

.wide-upskill .level-cntnr {
    width: 60px;
}

.wide-upskill .level-cntnr.youHere {
    width: 110px;
}

.wide-upskill .level-cntnr.youHere .levelname {
    width: 110px;
}

.wide-upskill .level-cntnr.youHere .levelAmount {
    width: 110px;
}
.wide-leaderboard .leaderboard-list-wrpr {
    height: 315px;
    overflow-y: auto;
        padding-right: 10px;
}
.leaderboard-list2::-webkit-scrollbar {
  width: 4px;
}
 
.leaderboard-list2::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
 
.leaderboard-list2::-webkit-scrollbar-thumb {
  background-color: #3f2e85;
    border-radius:5px;
 
}


.leaderboard-list2 {
    overflow-y: auto;
    max-height: 160px;
}
.leaderboard-list.list-six {
    background: rgb(237 20 61 / 25%);
    border: 1px solid rgb(237 20 61 / 25%);
}

.leaderboard-list.list-six .lb-count.six {
    background: crimson;
}

.leaderboard-list.list-seven {
    background: rgb(255 99 71 / 25%);
    border: 1px solid rgb(255 99 71 / 25%);
}

.leaderboard-list.list-seven .lb-count {
    background: tomato;
}

.leaderboard-list.list-eight {
    background: rgb(255 218 185 / 55%);
    border: 1px solid peachpuff;
}

.leaderboard-list.list-eight .lb-count {
    background: #e98e3d;
}

.leaderboard-list.list-nine {
    background: rgb(255 215 0 / 25%);
    border: 1px solid gold;
}

.leaderboard-list.list-nine .lb-count {
    background: gold;
}

.leaderboard-list.list-ten {
    background: rgb(144 238 144 / 25%);
    border: 1px solid lightgreen;
}

.leaderboard-list.list-ten .lb-count {
    background: #65bf65;
}

.leaderboard-list.list-eleven {
    background: rgb(143 188 143 / 25%);
    border: 1px solid darkseagreen;
}

.leaderboard-list.list-eleven .lb-count {
    background: #4a784a;
}
.leaderboard-list.list-twelve {
    background: rgb(99 210 180 / 25%);
    border: 1px solid rgb(0 150 136 / 20%);
}

.leaderboard-list.list-thirteen {
    background: rgb(17 96 89 / 10%);
    border: 1px solid rgb(17 96 89 / 25%);
}

.leaderboard-list.list-thirteen .lb-count {
    background: #116059;
}

.leaderboard-list.list-forteen {
    background: rgb(23 98 151 / 25%);
    border: 1px solid rgb(23 98 151 / 25%);
}

.leaderboard-list.list-forteen .lb-count {
    background: #176297;
}

.leaderboard-list.list-fifteen {
    background: rgb(79 0 128 / 15%);
    border: 1px solid rgb(79 0 128 / 15%);
}

.leaderboard-list.list-fifteen .lb-count {
    background: rgb(79 0 128);
}
.leaderboard-list.list-sixteen {
    background: rgb(137 52 152 / 0.25) !important;
    border: 1px solid rgb(137 52 152 / 0.25) !important;
}

.leaderboard-list.list-sixteen .lb-count {
    background: #893498;
}

.leaderboard-list.list-seventeen {
    background: rgb(237 20 61 / 25%);
    border: 1px solid rgb(237 20 61 / 25%);
}

.leaderboard-list.list-seventeen .lb-count {
    background: #dc143c;
}

.leaderboard-list.list-eighteen {
      background: rgb(255 99 71 / 25%);
    border: 1px solid rgb(255 99 71 / 25%);
}

.leaderboard-list.list-eighteen .lb-count {
    background: tomato;
}


.leaderboard-list.list-nineteen {
    background: rgb(255 218 185 / 55%);
    border: 1px solid peachpuff;
}

.leaderboard-list.list-nineteen .lb-count {
    background: #e98e3d;
}

.leaderboard-list.list-twenty {
    background: rgb(255 215 0 / 25%);
    border: 1px solid gold;
}

.leaderboard-list.list-twenty .lb-count {
    background: gold;
}

.c-icon-and-details {
    display: flex;
}

.large-couses .course-icon {
    margin-right: 14px;
    margin-bottom: 0;
}
.large-couses .course-icon  img {
    max-width: 37px;
}

.card.courses-card.crypto-card {
    min-height: 293px;
}
.pb-card {
    min-height: 293px;
}
.sm-card {
    min-height: 281px;
}
.fd-card {
    min-height: 281px;
}
.hidden-lb-list {
    display: none;
}
.leaderboard-list-wrpr.moreactive .hidden-lb-list {
    display:flex;
}
.leaderboard-list-wrpr.moreactive .more-lb {
    display:none;
}
.card.courses-card.large-couses {
    min-height: 593px;
}

.leaderboard-list-wrpr::-webkit-scrollbar {
  width: 10px;
}


.leaderboard-list-wrpr::-webkit-scrollbar-track {
  background: #f1f1f1;
}


.leaderboard-list-wrpr::-webkit-scrollbar-thumb {
  background: #888;
}


.leaderboard-list-wrpr::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/*  dashboard layout change Aug 11 2022 end*/

/* zero balance at dashboard aug 16 2022 start */

.dash-zero-bal .cirle-edges {
    width: 140px;
    height: 160px;
}

.dash-zero-bal .account-bal-zero-badge {
    width: 140px;
    height: 150px;
}

.account-balance-zero-cntnr.dash-zero-bal {
    width: 200px;
    height: 190px;
}

.dash-zero-bal .account-bal-zero-badge h3 {
    font-size: 12px !important;
}

.dash-zero-bal .account-bal-zero-badge img {
    width: 30px !important;
}





/* zero balance at dashboard aug 16 2022 end */

/*Stock Market bg*/

body.stockmarket {
    background: url(../images/stock-market-bg2.jpg) 0 bottom no-repeat;
    background-size: cover;
    border-color: transparent;
    background-attachment: fixed;
}
body.collectibles {
    background: url(../images/antique-2.jpg) 0 bottom no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

body.crypto {   
    background: url(../images/gold-coins-with-word-gold-them.jpg) 0 bottom no-repeat;   
    background-size: cover; 
    background-attachment: fixed;   
}   
body.business {
    background: url(../images/business-people-casual-meeting.jpg) 0 bottom no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

body.crypto .form-cntnr {   
     background: rgb(255 255 255 / 85%);    
    border-color: transparent;  
    min-height: 200px;  
}

body.collectibles .property-basic-wrpr {
   background: rgb(255 255 255 / 85%);
    border-color: transparent;
    min-height: 300px;
}
body.home { 
    background: linear-gradient(181deg, #013ca6, #ec0928);  
}   
body.home .header { 
    background: #fff;   
}   
body.home .right-side { 
    background: transparent;    
}   
body.home .wrapper {    
    background: linear-gradient(181deg, #013ca6, #ec0928);  
}
.dftproperty .row {
    display: flex;
    justify-content: center;
}


.innerpage.stockmarket .navbar-header-cntnr .navbar {
    background: rgb(255 255 255);
}
.innerpage.stockmarket  .form-cntnr.front{
    background:none;
}

/*Stock market bg end*/
/* certificate design 2 - aug 18 2022 */

.certificate-wrpr2 {
    display: flex;
    max-width: 1124px;
    min-height: 794px;
    background:url(../images/certificate-bg2.jpg) no-repeat;
    margin:0 auto;
}
.certificate-content {
    width: 648px;
    margin: 0 auto;
    margin-top: 250px;
}
.student-name-2 {
    font-family: 'brittany_signatureregular';
    font-size: 60px;
    text-align: center;
    margin-top: 70px;
    border-bottom: 2px solid #dbb971;
}

.to-certify-2 {
    font-family: 'Times New Roman';
    font-size: 19px;
    font-style: italic;
    text-align: center;
    margin-top: 40px
}

.certified-date {
    font-family: 'Times New Roman';
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: center;
    font-size: 20px;
}
.logo-and-badge .col-md-6 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo-and-badge .col-md-6:nth-child(2) {
    justify-content: flex-end;
}

.logo-and-badge {
    margin-top: 50px;
}



/* certificate design 2 - aug 18 2022 end */

/* download certificate icon - Aug 19 2022 */

.sectiontitle-and-download-certificate {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sectiontitle-and-download-certificate a img {
    max-width: 33px;
}

.sectiontitle-and-download-certificate {
    margin-bottom: 11px;
}

.sectiontitle-and-download-certificate a:hover {transform: translateY(-3px);}

.sectiontitle-and-download-certificate a {
    ransition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    transform: translateY(0px);
}


/* download certificate icon - Aug 19 2022 */

/*discussion board title*/

.title-and-search .title img {
    margin-right: 10px;
}
.discussion-board-title {
    background: #173264;
    color: #fff;
    min-height: 100px;
    display: flex;
    align-items: center;
	    width: 100%;
}
.discussion-board-title .title {
    font-size: 25px;
	
}
.discussion-board-title .row {
    width: 100%;
}

.title-and-search {
    display: flex;
    justify-content: space-between;
}

.searchwrpr {
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-width: 250px;
}

.searchwrpr input {
    border: none;
    margin-bottom: 0px;
    font-size: 13px;
    padding-left: 10px;
}

.searchwrpr input:focus{
    outline:none;
}
.searchwrpr button {
    border: none;
    background: #fff;
    margin-right: 5px;
}
.discussion-cntnr {
    border: 1px solid #7a8497;
    border-radius: 7px;
    background: #f3f3f3;
    padding: 31px;
}

.discussion-cntnr h3 {
    font-size: 15px;
    font-weight: 600;
}

.discussion-cntnr p {
    font-size: 13px;
}

.dis-by {
    font-size: 13px;
    margin-top: 9px;
}

.total-comments-wrpr {
    display: flex;
    justify-content: flex-end;
}
.discussions-wrpr {
    margin-top: 45px;
}
.total-comments-wrpr a {
    font-size: 23px;
    color: #013ca6;
    position:relative;
}
.total-comments-wrpr a.icon-chat-3:after {
    content: attr(data-totalcomments);
    font-family: 'Montserrat';
    font-size: 11px;
	font-weight: 500;
    color: #fff;
    background: #f7941d;
    min-width: 17px;
    height: 17px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: absolute;
    right: -7px;
    top: -6px;
}
.total-comments-wrpr a.icon-heart1:after {
    content: attr(data-totallikes);
    font-family: 'Montserrat';
    font-size: 11px;
	font-weight: 500;
    color: #fff;
    background: #f7941d;
    min-width: 17px;
    height: 17px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: absolute;
    right: -7px;
    top: -6px;
}
.total-comments-wrpr a.icon-eye:after {
    content: attr(data-totalviews);
    font-family: 'Montserrat';
    font-size: 11px;
	font-weight: 500;
    color: #fff;
    background: #f7941d;
    min-width: 17px;
    height: 17px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: absolute;
    right: -7px;
    top: -6px;
}
.reply-wrpr a.like-reply-btn{
	position:relative;
}
.reply-wrpr a.like-reply-btn:after {
    content: attr(data-totallikereply);
    font-family: 'Montserrat';
    font-size: 11px;
	font-weight: 500;
    color: #fff;
    background: #f7941d;
    min-width: 17px;
    height: 17px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: absolute;
    right: -12px;
    top: -7px;
}

.comment-field,
.reply-field {
    display: flex;
    justify-content: space-between;
    margin-top: 17px;
}

.comment-field input,
.reply-field input {
    width: 69%;
    line-height: 38px;
    border: 1px solid #c0c0c0;
    border-radius: 5px;
    font-size: 13px;
    padding-left: 10px;
}

.comment-field button,
.comment-field input[type=button],
.reply-field button,
.reply-field input[type=button]{
    background:#173264;
    color:#fff;
    font-size:15px;
    white-space:nowrap;
    min-width:151px;
    border:none;
    border-radius:5px;
    margin-left:10px;
}
.comment {
    margin-top: 19px;
}
.reply-wrpr {
    display: flex;
    justify-content:flex-end;
    font-size: 13px;
    align-items: center;
}
.reply-wrpr.admin {justify-content: space-between;}

.reply-wrpr i {
    position: relative;
    top: 2px;
}

a.reply-btn {
    color: #0d3a9f;
    font-weight: 600;
}
.comment + .comment,
.comment + .comment-reply,
.comment-reply + .comment{
    border-top: 1px solid #c7ccd6;
    padding-top: 18px;
}


.card-columns {
    column-count: 3;
}

.card-columns .discussion-cntnr {
    display: inline-block;
    width: 100%;
}
.card-columns .discussion-cntnr {
    margin-bottom: 0.75rem;
}
.firstpara {
    margin-bottom: 1px;
    display: inline;
}
.morebutton {
    font-size: 14px;
}
.hidden-para{
	display:none;
}
.hidden-para-wrpr.active .hidden-para {
    display: block;
    margin-top: 6px;
}
.hidden-para-wrpr .morebutton span:after {
	content:"more";
	
}
.hidden-para-wrpr.active .morebutton span:after {
	content:"less";
	
}
.hidden-para-wrpr.active .morebutton {
    display: block;
}
.hidden-para-wrpr.active .lessbutton {
    display: block;
}
.lessbutton{
	display:none;
}
.hidden-para-wrpr.active {
    display: flex;
    flex-direction: column;
}

.hidden-para-wrpr.active a {
    order: 1;
}
.commentfield-and-comments-wrpr {
    display: none;
}
.commentfield-and-comments-wrpr.active {
    display: block;
}
.reply-field {
    display: none;
}
.reply-field.active {
    display: flex;
}

.discussion-cntnr.grad-bg{
	background:linear-gradient(178deg, #2fb4c7, #1d95b7);
	padding:15px;
	border-radius: 20px;
	border:none;
}
.disc-main-cntnr {
    /* background: #fff; */
    padding: 20px;
    border-radius: 10px;
	margin-bottom:15px;
}
.total-comments-wrpr a + a {
    margin-left: 10px;
}
.discussion-cntnr.grad-bg .total-comments-wrpr a {
    background: #135a6e;
    color: #fff;
    font-size: 18px;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
}
.discussion-cntnr.grad-bg  .comment-field button{
	min-width: 50px;
    font-size: 26px;
	position:relative;
	background: #f8951e;
}
.discussion-cntnr.grad-bg  .comment-field button i {
    min-width: 50px;
    font-size: 26px;
    position: relative;
    top: 3px;
}
.discussion-cntnr.grad-bg  .comment-field button i:after{
	content: "+";
    position: absolute;
    right: 1px;
    top: -2px;
    color: #173264;
    font-weight: 700;
    font-size: 21px;
}
.discussion-cntnr.grad-bg .comment-field input,
.discussion-cntnr.grad-bg .reply-field input{
	width: 82%;
}
.discussion-cntnr.grad-bg .commentfield-and-comments-wrpr {
    background: #166272;
    padding: 10px;
    color: #fff;
    border-radius: 11px;
    padding-top: 1px;
	margin-top:10px;
    position: relative;
}
.discussion-cntnr.grad-bg .comment-field{
	margin-top:10px;
}

.discussion-cntnr.grad-bg .commentfield-and-comments-wrpr.active:before {
    content: "";
    position: absolute;
    top: -25px;
    right: 0px;
    width: 35px;
    height: 37px;
    background: #135a6e;
    display: inline-flex;
}
.total-comments-wrpr {
    position: relative;
    z-index: 1;
}
.discussion-cntnr.grad-bg .reply-field  button.reply-button {
    background: #ed83a1;
    min-width: 50px;
}
.discussion-cntnr.grad-bg a.reply-btn {
    color: #fff;
}
.like-reply-btn {
	color: #fff;
	margin-right: 16px;
    font-size: 15px;
	}
.approvecomment,.editcomment,.deletecomment {
        color: #fff;
        margin-right: 16px;
        font-size: 15px;
        }
.approvereply,.editreply,.deletereply {
            color: #fff;
            margin-right: 16px;
            font-size: 15px;
            }
.discussion-cntnr.grad-bg .icon-heart1.current-user-liked {
    background: #673ab7;
}
.like-reply-btn.current-user-liked {
    color: #00bcd4;
}
.approvecomment.current-user-liked {
    color: #00bcd4;
}
.approvereply.current-user-liked {
    color: #00bcd4;
}
.discussion-board-title{
	position:relative;
}
.discussion-board-title:before {
    position: absolute;
    content: "";
    width: 340px;
    height: 119px;
    display: inline-flex;
    background: linear-gradient(88deg, #2eb2c6, transparent);
    top: 0px;
    left: 0;
}
.hidden-para-wrpr img {
    max-width: 100%;
}
.comment img {
    max-width: 100%;
}
.comment-field {
    flex-direction: column;
}

.comment-field  div[role='application'] {
    margin-bottom: 10px;
}

.discussion-cntnr.grad-bg .comment-field button {
    margin-left: 0px;
}

.discussion-cntnr.grad-bg .comment-field button.tox-tbtn {
    background: white;
}

.reply-field {
    flex-direction: column;
}

.reply-field div[role='application'] {
    margin-bottom: 10px;
}

.discussion-cntnr.grad-bg .reply-field button.reply-button {
    min-height: 40px;
    margin-left: 0;
}
.comment-reply img {
    width: 100%;
}
/*discussion board title end*/

/* Discussion board 3 */

.discussions-wrpr.discussion-3 .card-columns {
    flex-direction: inherit;
	display: flex;
    flex-wrap: wrap;
}
.discussions-wrpr.discussion-3 .discussion-cntnr{
	padding:0px;
	border:none;
	background:none;
	display: flex;
    width: 49%;
	border-bottom: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
    border-radius: 0px;
}
.discussions-wrpr.discussion-3 .card-columns{
	-webkit-column-gap: 0;
    -moz-column-gap: 0;
	column-gap: 0;
}

.likes-and-comments-count {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
	min-width: 120px;
    font-size: 10px;
    border-right: 1px solid #c8c8c8;
    padding-right: 15px;
}
.likes-and-comments-count a{
	color:#000;
	margin-bottom: 4px;
}
.likes-and-comments-cntnr {
    display: flex;
}
.discussions-wrpr.discussion-3 .disc-main-cntnr {
    padding-top: 0px;
}
.discussions-wrpr.discussion-3 .discussion-cntnr p {
    font-size: 11px;
    word-break: break-word;
}
.discussions-wrpr.discussion-3 .discussion-cntnr h3 {
    font-size: 14px;
    font-weight: 600;
    color: #173264;
    word-break: break-all;
}
.discussions-wrpr.discussion-3 .hidden-para-wrpr {
    line-height: 15px;
}
.discussions-wrpr.discussion-3 .morebutton {
    font-size: 11px;
}
.discussions-wrpr.discussion-3 .dis-by {
    display: flex;
    justify-content: flex-end;
    font-weight: 300;
    font-size: 11px;
}

.discussions-wrpr.discussion-3 .dis-by strong {
    margin-left: 3px;
}
.discussions-wrpr.discussion-3 .card-columns .discussion-cntnr:nth-child(even) {
    border-right: none;
}
.tags-and-disc-by-wrpr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    margin-top:10px;
}

.tags a {
    height: 24px;
    display: inline-flex;
    background: #E4CA99;
    justify-content: center;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 3px;
    color: #000;
    font-weight: 500;
	margin-right:5px;
    font-size: 10px;
}

.tags a + a{
	background:#ABDBE3;
}
.tags a + a + a{
	background:#C6B9C0;
}
.likes-and-comments-count i {
    font-size: 12px;
    margin-left: 4px;
}
.discussion-board-title.discussion-board-title-3:before,
.discussion-board-title.discussion-board-title-3 .discussion-board-title:before {
    content: none;
}

.ask-btn-search-wrpr {
    display: flex;
}

.btn-askquestion {
    background: #fff;
    font-size: 13px;
    font-weight: 600;
    margin-right: 11px;
}

.btn-askquestion i {
    font-size: 17px;
    position: relative;
    top: 3px;
}

.ask-btn-search-wrpr .searchwrpr {
    height: 36px;
    border-radius: 4px;
}
.discussions-wrpr.discussion-3 .discussion-cntnr:last-child {
    border-right: none;
}

/* Discussion board 3 end */

/* Discussion board 3 detail page start */


.discussions-wrpr.discussion-3.discussion-details .discussion-cntnr {
    width: 100%;
	border-right: none;
	
}
.likes-and-comments-count  .current-user-liked {
    color: #e91e63 !important;
}
.aks-modified-viewed {
    font-size: 10px;
}

.aks-modified-viewed span {
    margin-right: 20px;
}
.discussions-wrpr.discussion-3.discussion-details  .disc-main-cntnr {
	/* /*padding-right: 0px; */
	
	padding-bottom: 0;
    padding-right: 0px;
    width: 100%;
}
.discussions-wrpr.discussion-3 .dis-by.leftalign {
    justify-content: flex-start;
}
.likes-and-comments-count.rightalign {
    flex-direction: row;
    font-weight: 700;
    border-right: none;
    padding-right: 0px;
}

.likes-and-comments-count.rightalign a {
    color: #4145A1;
    margin-left: 18px;
}
.likes-and-comments-count.rightalign a i {
    margin-right: 6px;
}
.commentbox-wrpr,
.replybox-wrpr {
    display: flex;
    flex-direction: column;
    position: relative;
    min-height: 120px;
    margin-bottom: 14px;
    align-items: self-end;
}
.replybox-wrpr{
	display:none;
}

/*.commentbox-wrpr button,*/
/*.replybox-wrpr button {*/
/*    position: absolute;*/
/*    right: 4px;*/
/*    bottom: 4px;*/
/*}*/

.commentbox-wrpr button,
.replybox-wrpr button {
    /* position: absolute; */
    right: 4px;
    bottom: 4px;
    width: 155px;
    /* float: right; */
    margin-left: auto;
    margin-top: 5px;
}

.commentbox-wrpr textarea,
.replybox-wrpr textarea  {
	min-height: 123px;
    border: 1px solid #c8c8c8;
    border-radius: 6px;
	resize:none;
	font-size:12px;
}
.commentbox-wrpr textarea:focus, 
.commentbox-wrpr textarea:focus-within,
.replybox-wrpr textarea:focus, 
.replybox-wrpr textarea:focus-within {
    box-shadow: 0 0 0 1px #053ea9 !important;
    outline: none;
}
.btn-comment, .btn-reply {
    background: #192b4c;
    border-color: #192b4c;
    font-size: 12px;
	display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}
.btn-comment i, .btn-reply i {
	margin-left: 5px;
    position: relative;
    top: 1px;
    font-size: 16px;
}
.btn-reply {
    background: #1954C2;
	border-color: #1954C2;
}

.comments-and-reply-cntnr {
    display: none;
}
.comments-and-reply-cntnr.active {
     display: block;
     width: 100%;
}
.tags-desc-replay-wrpr.active .replybox-wrpr {
    display: flex;
}
    



/* Discussion board 3 detail page end */
/* Discussion board 3 detail page reply intent start */

.under-review div {
    border: 1px solid #ffc107;
    display: inline-flex;
    background: #ffc107;
    padding: 1px 6px;
    border-radius: 3px;
    color: #000 !important;
}

.under-review {
    display: flex;
    justify-content: flex-end;
}
.discussions-wrpr.discussion-3 .disc-main-cntnr {
   width: 100%;
}

.disc-main-cntnr.reply-cntnr {
    padding-left: 60px;
}

.disc-main-cntnr.reply-cntnr:before {
    content: "";
    width: 2px;
    height: 62%;
    background: #c8c8c8;
    display: inline-flex;
    position: absolute;
    left: 31px;
    top: -12px;
}
.disc-main-cntnr.reply-cntnr:after {
    content: "";
    width: 25px;
    height: calc(100% - 30px);
    display: inline-flex;
    position: absolute;
    left: 31px;
    bottom: 36px;
    border-left: 2px solid #c8c8c8;
    border-bottom: 2px solid #c8c8c8;
    border-radius: 10px;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
}

.disc-main-cntnr.reply-cntnr {
    position: relative;
}


.discussion-cntnr.dis-reply-cntnr.reply-to-reply-cntnr .disc-main-cntnr.reply-cntnr {
    padding-left: calc(60px + 30px);
}

.discussion-cntnr.dis-reply-cntnr.reply-to-reply-cntnr .disc-main-cntnr.reply-cntnr::before {
    left: calc(31px + 30px);
}
.discussion-cntnr.dis-reply-cntnr.reply-to-reply-cntnr .disc-main-cntnr.reply-cntnr::after {
    left: calc(31px + 30px);
}
.discussions-wrpr.discussion-3 .disc-listing  .discussion-cntnr {
    position: relative;
}

.discussions-wrpr.discussion-3 .disc-listing  .discussion-cntnr:before {
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 0px;
    bottom: 10px;
    border: 1px solid #abdbe3;
    border-radius: 5px;
    z-index: -1;
}





.discussions-wrpr.discussion-3 .disc-listing .discussion-cntnr {
    border-bottom:none;
    border-right:none;
    padding:10px;
}

.discussions-wrpr.discussion-3 .disc-listing .disc-main-cntnr {
    background:none;
}
.discussions-wrpr.discussion-3 .disc-listing .discussion-cntnr:hover:before{
    box-shadow:0 0 0 3px #abdbe3;
}

/* group buttons */
.askbutton-wrpr .btn-group .btn{
    font-size: 12px !important;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.askbutton-wrpr .btn-group .btn i {
    margin-left: 6px;
    color: #173264;
}
.askbutton-wrpr {
    display: flex;
    align-items: center;
}
/* group buttons */

/* Discussion board 3 detail page reply intent end */



/* mentor board css */

.mentor-board-cntnt {
    border: 1px solid #2bb3cd;
    background: #ededed;
	min-height:400px;
	padding:22px;
	border-radius:10px;
    padding-left: 48px;
}
.mentor-dis-title-wrpr {
    display: flex;
    align-items: center;
	position:relative;
	margin-bottom: 7px;
}

.mentor-dis-title-wrpr h2 {
    color: #173264;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
    margin-right: 7px;
}
.mentor-dis-title-wrpr i {
    position: absolute;
    color: #dd527c;
    font-size: 25px;
    left: -35px;
}
.mentor-board-cntnt p {
    font-size: 12px;
}
.by-user {
    font-size: 12px;
    display: flex;
    align-items: center;
}

.by-user i {
    color: #ec7523;
    font-size: 15px;
    margin-right: 7px;
}
.new {
    background: #febe40;
    font-size: 10px;
    display: inline-flex;
    padding: 1px 6px;
    text-transform: uppercase;
}
.tags-wrpr .tag {
    background: #e4ca99;
    font-size: 11px;
    padding: 7px 10px;
    color: #333;
    display: inline-flex;
    align-items: center;
    justify-content: center;
	border-radius:3px;
	font-weight:500;
}
.tags-wrpr {
    margin-top: 10px;
}
.tags-wrpr i {
	margin-right:7px;
}

.tags-wrpr a {
    margin-right: 6px;
}
.tags-wrpr .tag + .tag {
	background:#abdbe3;
}
.tags-wrpr .tag + .tag + .tag {
	background:#C6B9C0;
}
.total-comments-link {
    display: flex;
    justify-content: flex-end;
    font-size: 11px;
    align-items: center;
}

.total-comments-link a {
    color: #000;
    display: flex;
    align-items: center;
}

.total-comments-link i {
    font-size: 15px;
    color: #2bb3cd;
    margin-right: 4px;
}
.total-commentfield-wrpr textarea {
    border: 1px solid #2bb3cd;
    min-height: 88px;
    margin-top: 19px;
}
.all-comments-wrpr{
	font-size:12px;
}
.comments-wrpr {
    background: #abdbe3;
    min-height: 50px;
    border-radius: 4px;
    padding: 20px;
	display: flex;
}
.comment-avatar {
    width: 44px;
    height: 44px;
	margin-right:10px;
}

.comment-avatar img {
    width: 44px;
    height: 44px;
    border-radius: 5px;
}
.comment-wrpr {
    border-bottom: 1px solid rgb(0 0 0 / 20%);
}
.reply-btn-wrpr {
    margin-top: 9px;
}

.reply-btn-wrpr a {
    color: #000;
    font-weight: 500;
}

.reply-cntnr {
    
    min-height: 50px;
    border-radius: 4px;
    padding: 0;
    display: flex;
}

.reply-cntnr .reply-avatar {
    width: 44px;
    height: 44px;
    margin-right: 12px;
}

.reply-cntnr .reply-avatar img {
    width: 44px;
    height: 44px;
    border-radius: 5px;
}
.mentor-board-cntnt .reply-wrpr {
    background: #fff;
    padding: 10px 15px;
    border-radius: 5px;
}
.reply-field-cntnr{
	 margin-top: 14px;
}
.reply-field-cntnr input {
    border-color: #a1a1a1;
}
.reply-field-cntnr .input-group-prepend .input-group-text {
    border-color: #a1a1a1;
    font-size: 12px;
    font-weight: 500;
    padding-left: 11px;
    padding-right: 11px;
}
.replay-avatar-reply-cntnt-line {
    display: flex;
    position: relative;
	margin-top: 20px;
}

.vline {
    position: absolute;
    height: calc(100% - 52px);
    border: 1px solid #a1a1a1;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-left-radius: 7px;
    left: 21px;
    top: 44px;
    width: 22px;
}


.comment-avatar-comment-cntnt-line {
    display: flex;
    position: relative;
    margin-top: 20px;
	flex-direction: column;
}

.comment-avatar-comment-cntnt-line .vline {
    height: calc(100% - 113px);
    left: 41px;
    top: 64px;
}

.replay-avatar-reply-cntnt-line .vline {
    height: calc(100% - 52px);
    left: 21px;
    top: 44px;
}

.reply-avatar:before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    left: -33px;
    border: 1px solid rgb(169 169 169);
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-left-radius: 7px;
}

.comment-wrpr.has-reply:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    left: -33px;
    top: 52px;
    background: rgb(169 169 169);
}

.comment-wrpr {
    position: relative;
}

.reply-avatar-and-field-cntnr {
    position: relative;
}

.reply-avatar-and-field-cntnr:before {
    content: "";
    width: 30px;
    height: calc(100% - 13px);
    position: absolute;
    left: -33px;
    border: 1px solid rgb(169 169 169);
    border-right-color: transparent;
    border-top-color: transparent;
    border-bottom-left-radius: 6px;
}

.comments-wrpr +  .comments-wrpr {
    margin-top: 30px;
    background: #e4ca99;
}
.comments-wrpr + .comments-wrpr + .comments-wrpr {
    background: #c6b9c0;
}
.comments-wrpr + .comments-wrpr + .comments-wrpr  + .comments-wrpr {
	background:#abdbe3;
}
.comments-wrpr + .comments-wrpr + .comments-wrpr  + .comments-wrpr  + .comments-wrpr {
	background:#e4ca99;
}
.comments-wrpr + .comments-wrpr + .comments-wrpr  + .comments-wrpr  + .comments-wrpr  + .comments-wrpr {
	background: #c6b9c0;
}
.comments-wrpr + .comments-wrpr + .comments-wrpr  + .comments-wrpr  + .comments-wrpr  + .comments-wrpr +  .comments-wrpr {
	background:#abdbe3;
}
.comments-wrpr + .comments-wrpr + .comments-wrpr  + .comments-wrpr  + .comments-wrpr  + .comments-wrpr +  .comments-wrpr  + .comments-wrpr {
	background:#e4ca99;
}
.comments-wrpr + .comments-wrpr + .comments-wrpr  + .comments-wrpr  + .comments-wrpr  + .comments-wrpr +  .comments-wrpr  + .comments-wrpr + .comments-wrpr {
	background: #c6b9c0;
}


/* .total-commentfield-wrpr  {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
} */

.total-commentfield-wrpr .btn-submit-comment {
    margin-top: 10px;
    min-width: 120px;
    border-radius: 3px;
    background: #173264;
}
.btn-submit-reply {
    background: #173264;
}
.mentor-wrpr {
    width: 35px;
    height: 35px;
}

.mentor-wrpr img {
    width: 36px;
    height: 36px;
    border-radius: 4px;
}

.comments-and-reply-wrpr {
    width: 100%;
}

.reply-cntnr {
    width: 100%;
}

.replay-reply-btn-cntnr {
    width: 100%;
}

.replay-reply-btn-cntnr .reply-wrpr {display: flex;justify-content: flex-start;}

.reply-wrpr .admin {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.reply-wrpr {
    flex-wrap: wrap;
}

.reply-wrpr .admin a {margin-right: 0;margin-left: 15px;}

.replay-reply-btn-cntnr .reply-wrpr strong {
    margin-right: 8px;
}

.comment-wrpr .admin {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 8px;
}

.reply-field-cntnr .input-group {
    display: flex;
    flex-direction: column;
}

.reply-field-cntnr .input-group-append {
    display: flex;
    justify-content: flex-start;
}

.reply-field-cntnr .input-group-append button {
    border-radius: 4px !important;
    min-width: 100px;
    margin-top: 10px;
    font-size: 12px !important;
}

.total-comments-link {
    margin-bottom: 14px;
}

.tags-wrpr {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 13px;
}

.tags-wrpr.admin a {
    margin-right: 0px !important;
}

.tags-wrpr .admin a {
    margin-right: 0;
    margin-left: 6px;
}

/* mentor board css end*/


/*New Dashboard changes */

.dashboardcard-label{
	font-weight: 800;
    margin-bottom: 14px;
    font-size: 16px;
    color: #353e48;
    opacity: 1;
}
.leader-profile-wrpr {
    width: 60px;
    height: 60px;
    position: relative;
}

.leader-profile-wrpr img {
    width: 100%;
    height: 60px;
    border-radius: 9px;
    object-fit: cover;
}

.leader-position {
    background: #009688;
    width: 17px;
    height: 17px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    border-radius: 3px;
    position: absolute;
    bottom: 6px;
    right: -9px;
}


leader-position.leader-1 {
    background: #009688;
}

.lb-list-wrpr {
    width: 124px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 25px;
}

.lb-list-wrpr .leader-name {
    font-weight: bold;
    font-size: 15px;
    margin-top: 12px;
}

.lb-list-wrpr .leader-networth {
    font-size: 12px;
    font-weight: 600;
}
.leaderboard-list2 {
    display: flex;
    flex-wrap: wrap;
}
.leader-profile-wrpr .you {
    background: #e6e07e;
    font-size: 12px;
    font-weight: 600;
    width: 43px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
    bottom: -8px;
    position: absolute;
    right: 8px;
}
.upskill-wrpr-2 .wide-upskill .upskill-lvl-wrpr {
    min-height: 175px;
}
.upskill-wrpr-2 .leveldot {
    bottom: -100px;
} 
.upskill-wrpr-2 .leveldot.blue {
    bottom: -30px;
}
.upskill-wrpr-2 .leveldot.blue {
    bottom: -30px;
}

.upskill-wrpr-2 .leveldot.green {
    bottom: -30px;
}
.upskill-wrpr-2 .level-cntnr.level-not-active .levelpos:before {
    bottom: -6px;
}
.upskill-wrpr-2 .levelname {
    bottom: 25px;
}
.upskill-wrpr-2 .levelAmount {
    bottom: 10px;
}
.upskill-wrpr-2 .upskill-lvl-wrpr{
	align-items: flex-start;
}
.upskill-wrpr-2 .level-cntnr{
	bottom:unset;
	top: 48px;
}
.upskill-wrpr-2 .line{
	bottom:unset;
	top: 45px;
}
.upskill-wrpr-2 .level-cntnr.youHere .leveldot:before{
	content:none;
}
.leader-position.leader-2 {
    background: #ea8811;
}

.leader-position.leader-3 {
    background: #df564c;
}
.leader-position.leader-4 {
    background: #428cc1;
}
.leader-position.leader-5 {
    background: #893498;
}
.leader-position.leader-6 {
    background: #edb800;
}
.leader-position.leader-7 {
    background: #147ed7;
}
.leader-position.leader-8 {
    background: #009688;
}
.leveldot img {
    width: 85px;
    height: 85px;
    border-radius: 50%;
}
.leveldot .you {
    background: #e6e07e;
    font-size: 12px;
    font-weight: 600;
    width: 43px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
    bottom: -8px;
    position: absolute;
    right: 18px;
}
.fd-content {
    max-width: 140px;
	font-size:12px;
}
.deposit-image {
    position: absolute;
    right: 39px;
	bottom:10px;
}

.deposit-image img {
    max-width: 40px;
}
.fd-box{
	background: #63d2b4;
    border-radius: 9px;
    min-height: 160px;
    padding: 14px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
}
.fd-box.brown{
	background:#c28a57;
}
.fd-box.darkgray{
	background:#384458;
}
.fd-box.yellow{
	background:#dfba32;
}
.fd-box.darkorange{
	background:#eb6338;
}
.fd-box.orange{
	background:#f7931a;
}
.fd-box.lightgray{
	background:#e9e9e9;
}
.chart-wrpr2{
	color:#000;
	font-size:12px;
}
.upcoming-courses ol li:before {
    content: none;
}

.upcoming-courses ol li .course-list-row {
    padding-left: 0px;
}

.upcoming-courses ol li .course-list-row h4 {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 0;
}

.upcoming-courses ol li .course-list-row .course-icon + div {
    display: flex;
    align-items: center;
}
.upcoming-courses li {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
	margin-bottom: 15px;
}
.upcoming-courses .points {
    width: auto;
    border-radius: 24px;
    height: 28px;
    font-size: 12px;
    color: #000;
    background: #dfba32;
    justify-content: flex-end;
    padding: 0 10px;
}

.upcoming-courses .points:after {
    content: none !important;
}
.upcoming-courses .course-list-row .col-md-4 {
    display: flex;
    align-items: center;
}
.courses-card.large-couses.upcoming-courses {
    min-height: auto;
}
.card.avatar-card {
    min-height: 228px;
}

.chartpopup h4 {
    font-size: 15px;
}

.chartpopup .modal-header {
    border: none;
}

.chartpopup .modal-content {
    border: none !important;
}
.dashboard-popup{
	cursor:pointer;
}
/* google login */

.googlelogin .login-wrpr{
	display:none;
}
.googlelogin-wrpr {
    position: absolute;
    left: 50%;
    margin-left: -210px;
    top: 50%;
    margin-top: -140px;
    width: 420px;
    height: 280px;
    background: #fff;
    border-radius: 5px;
    padding: 16px;
	display: flex;
    flex-direction: column;
    justify-content: center;
	box-shadow: 0 0 80px rgb(0 0 0 / 13%);
	transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
	z-index:1;
}

button.google-button {
    background: #000;
    color: #fff;
    display: flex;
    font-size: 14px;
    width: 100%;
    padding: 12px;
    justify-content: center;
    align-items: center;
	border: none;
	transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
}
.continue-with-email {
    background: #35318a;
    color: #fff;
    display: flex;
    font-size: 14px;
    width: 100%;
    padding: 12px;
    justify-content: center;
    align-items: center;
    margin-top: 11px;
    border: none;
	transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
}
.continue-with-email svg {
    width: 15px;
}
.g-login-box h5 {
    margin-bottom: 28px;
}
.donthave-acc {
    font-size: 13px;
    font-weight: 500;
    margin-top: 13px;
}
.google-button:hover {background: rgb(0 0 0 / 90%);}

.continue-with-email:hover {
    background: rgb(53 49 138 / 90%);
}
.email-login-wrpr {
    position: absolute;
    left: 50%;
    margin-left: -210px;
    top: 50%;
    margin-top: 0px;
    width: 420px;
    min-height: 280px;
    background: #fff;
    border-radius: 5px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0 0 80px rgb(0 0 0 / 13%);
	opacity: 0;
}
.email-login-wrpr img {
    width: 150px;
}
.email-login-wrpr input {
    border: 1px solid #dadada;
    border-radius: 3px;
    margin-bottom: 5px;
}

.email-login-wrpr label {
    font-size: 13px;
    font-weight: 500;
}

.help-block {
    color: #ff4200 !important;
    font-size: 12px  !important;
}
.forgotpassword {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #000;
    margin-bottom: 30px;
    margin-top: 24px;
	
}
.email-login-wrpr  .login-submitbtn-wrpr button {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 800;
    background: #5361e9;
    color: #f7f7f7;
    width: 100%;
    border: none;
    padding: 10px;
    margin-bottom: 10px;
}
.login-box2 img {
    margin-bottom: 20px;
    margin-top: 24px;
}
.email-login-wrpr .icon-arrow_back {
    font-size: 22px;
    color: #000;
}
.loginwithemail-active .googlelogin-wrpr {
	margin-top:50px;
	opacity:0;
}

.loginwithemail-active  .email-login-wrpr{
	animation: loginmove 1s forwards;
	 animation-delay: .5s; 
}

@keyframes loginmove {
  from {margin-top: 0px; opacity:0;}
  to   {margin-top: -180px; opacity:1}
}

/* google login end*/




.bg-faded{background-color:#f3f3f3;max-height:500px}
.btn-round{border-radius:500px}
.btn-round,.btn-round:hover,.btn-round:active{border-color:transparent}
.modal.animate {opacity:0}
.modal.animate.show {opacity:1}
.modal.animate .modal-dialog{-webkit-transform:translate(0,0);-ms-transform: translate(0,0);transform:translate(0,0)}
.modal.animate .a-fadeLeftBig{-webkit-animation:fadeOutLeftBig .5s;animation:fadeOutLeftBig .5s}
    .modal.animate.show .a-fadeLeftBig{-webkit-animation:fadeInLeftBig .5s;animation:fadeInLeftBig .5s}
.modal.animate .a-fadeRightBig{-webkit-animation:fadeOutRightBig .5s;animation:fadeOutRightBig .5s}
    .modal.animate.show .a-fadeRightBig{-webkit-animation:fadeInRightBig .5s;animation:fadeInRightBig .5s}
.modal.animate .a-fadeUpBig{-webkit-animation:fadeOutUpBig .5s;animation:fadeOutUpBig .5s}
    .modal.animate.show .a-fadeUpBig{-webkit-animation:fadeInUpBig .5s;animation:fadeInUpBig .5s}
.modal.animate .a-fadeDownBig{-webkit-animation:fadeOutDownBig .5s;animation:fadeOutDownBig .5s}
	.modal.animate.show .a-fadeDownBig{-webkit-animation:fadeInDownBig .5s;animation:fadeInDownBig .5s}
.modal.animate .a-fadeRight{-webkit-animation:fadeOutRight .5s;animation:fadeOutRight .5s}
	.modal.animate.show .a-fadeRight{-webkit-animation:fadeInRight .5s;animation:fadeInRight .5s}
.modal.animate .a-fadeLeft{-webkit-animation:fadeOutLeft .5s;animation:fadeOutLeft .5s}
	.modal.animate.show .a-fadeLeft{-webkit-animation:fadeInLeft .5s;animation:fadeInLeft .5s}
.modal.animate .a-fadeUp{-webkit-animation:fadeOutUp .5s;animation:fadeOutUp .5s}
	.modal.animate.show .a-fadeUp{-webkit-animation:fadeInUp .5s;animation:fadeInUp .5s}
.modal.animate .a-fadeDown{-webkit-animation:fadeOutDown .5s;animation:fadeOutDown .5s}
    .modal.animate.show .a-fadeDown{-webkit-animation:fadeInDown .5s;animation:fadeInDown .5s}
.modal.animate .a-lightSpeed{-webkit-animation:lightSpeedOut .5s;animation:lightSpeedOut .5s}
    .modal.animate.show .a-lightSpeed {-webkit-animation:lightSpeedIn .5s;animation: lightSpeedIn .5s}
.modal.animate .a-flipX{-webkit-animation:flipOutX .5s;animation:flipOutX .5s}
	.modal.animate.show .a-flipX{-webkit-animation:flipInX .5s;animation:flipInX .5s}
.modal.animate .a-flipY{-webkit-animation:flipOutY .5s;animation:flipOutY .5s}
	.modal.animate.show .a-flipY{-webkit-animation:flipInY .5s;animation:flipInY .5s}
.modal.animate .a-roll{-webkit-animation:rollOut .5s;animation: rollOut .5s}
	.modal.animate.show .a-roll{-webkit-animation:rollIn .5s;animation:rollIn .5s}
.modal.animate .a-bounce{-webkit-animation:bounceOut .5s;animation:bounceOut .5s}
	.modal.animate.show .a-bounce{-webkit-animation:bounceIn .5s;animation:bounceIn .5s}
.modal.animate .a-rotate{-webkit-animation:rotateOut .5s;animation:rotateOut .5s}
	.modal.animate.show .a-rotate{-webkit-animation:rotateIn .5s;animation:rotateIn .5s}
.modal.animate .a-zoom{-webkit-animation:zoomOut .5s;animation:zoomOut .5s}
	.modal.animate.show .a-zoom{-webkit-animation:zoomIn .5s;animation:zoomIn .5s}
.modal.animate .a-zoomUp{-webkit-animation:zoomOutUp .5s;animation:zoomOutUp .5s}
	.modal.animate.show .a-zoomUp{-webkit-animation: zoomInUp .5s;animation:zoomInUp .5s}
.modal.animate .a-zoomRight {-webkit-animation: zoomOutRight .5s;animation:zoomOutRight .5s}
	.modal.animate.show .a-zoomRight{-webkit-animation: zoomInRight .5s;animation:zoomInRight .5s}
.modal.animate .a-zoomDown{-webkit-animation:zoomOutDown .5s;animation:zoomOutDown .5s}
	.modal.animate.show .a-zoomDown{-webkit-animation:zoomInDown .5s;animation:zoomInDown .5s}
.modal.animate .a-zoomLeft{-webkit-animation:zoomOutLeft .5s;animation:zoomOutLeft .5s}
	.modal.animate.show .a-zoomLeft{-webkit-animation:zoomInLeft .5s;animation:zoomInLeft .5s}

    .card.avatar-card svg {
        max-width: 100%;
    }

/*New Dashboard changes */

/*dash tables */
.dash-table table {
    border: 1px solid #dadada;
    font-size: 14px;
    border-collapse: collapse;
	width: 100%;
}
.dash-table thead {
    background: #244d71;
    font-size: 13px;
    color: #fff;
}

.dash-table thead th {
    padding: 5px !important;
}

.dash-table tbody td {
    padding: 5px;
    font-size: 12px;
}

.table-bordered th {
    border: 1px solid #244d71;
}

.table-bordered td {
    border: 1px solid #244d71;
}
.dash-table tbody img {
    width: 19px;
}
.image-and-text-wrpr {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
}
.image-wrpr {
    margin-right: 10px;
    margin-left: 9px;
}
.dash-table .icon-popout {
    font-size: 17px;
}
/*dash tables */

/* dashboard avatar and earning timeine changes */


.card-body.no-avatar .card-content-wrpr {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.card-body.no-avatar .card-content-wrpr img {
    max-width: 95px;
    margin-bottom: 20px;
}

.card-body.no-avatar .card-content-wrpr .fd-content {
    font-weight: 600;
}

.card-content-wrpr.no-money-earned {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-height: 199px;
}

.card-content-wrpr.no-money-earned .chart-wrpr {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column-reverse;
}

.card-content-wrpr.no-money-earned .deposit-image {
    position: static;
    margin-top: 21px;
    margin-bottom: 20px;
}



.card-content-wrpr.no-money-earned .chart-wrpr .fd-content {
    height: auto !important;
}

/* dashboard avatar and earning timeine changes end */
.invest-cards .card  h6 {
    font-size: 12px;
}

.invest-cards .card br {
    display: none;
}

.invest-cards .card h2 + h2 {
    font-size: 12px;
}



/*leaderboard*/

.leaderbord-wrpr{
    background:url(../images/lb-background.png) no-repeat center top;
}

.leaderbord-top-three{
    min-height:250px;
    margin-top: 50px;
    min-height: 170px;
}
.leaderone-wrpr {
    width: 76px;
    height: 76px;
    position: absolute;
    left: 50%;
    margin-left: -38px;
}

.leaderone-wrpr img {
    width: 100%;
    border-radius: 50%;
    box-shadow: 0 0 0 3px #facb0c;
}
.crow-icon {
    width: 32px;
    height: 19px;
    background: url(../images/crown-icon.png) no-repeat;
    display: inline-flex;
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -16px;
}
.leader-position.leader-1 {
    border-radius: 50%;
    width: 21px;
    height: 21px;
    background: #facb0c;
    right: unset;
    left: 50%;
    margin-left: -10.5px;
    bottom: -10px;
    color:#000;
}
.leaderone-wrpr .leader-name {
    position: absolute;
    bottom: -31px;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 700;
    width: 300%;
    text-align: center;
    left: -100%;
}

.leadertwo-wrpr,
.leaderthree-wrpr {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 33%;
    margin-left: -38px;
    top: 132px;
}

.leadertwo-wrpr img,
.leaderthree-wrpr img {
    width: 100%;
    border-radius: 50%;
    box-shadow: 0 0 0 3px #009688;
}

.leadertwo-wrpr .leader-name,
.leaderthree-wrpr .leader-name {
    position: absolute;
    bottom: -31px;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 700;
    width: 300%;
    text-align: center;
    left: -100%;
}

.leader-position.leader-2,
.leader-position.leader-3 {
    border-radius: 50%;
    width: 21px;
    height: 21px;
    background: #009688;
    right: unset;
    left: 50%;
    margin-left: -10.5px;
    bottom: -10px;
    color: #fff;
}
.leaderthree-wrpr {
    left: 70%;
}
.leader-position.leader-3 {
    background: #ea8811;
}

.leaderthree-wrpr img {
    box-shadow: 0 0 0 3px #ea8811;
}

.leaderboard-on-you {
    background: #502975;
    margin-left: 30px;
    margin-right: 30px;
    min-height: 45px;
    border-radius: 41px;
    display: flex;
    color: #fff;
    font-size: 11px;
    align-items: center;
    position:relative;
    padding-left: 58px;
    justify-content: space-between;
    margin-bottom: 40px;
}
.leaderboard-on-you img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 0 0 3px #502975;
    position: absolute;
    left: 0;
    
}
.your-rank-wrpr {
    display: flex;
    max-width: 81px;
    margin-left: 10px;
    line-height: 13px;
}

.your-rank-wrpr .your-count {
    background: #e6e07e;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 27px;
    min-width: 27px;
    height: 27px;
    color: #502975;
    font-size: 13px;
    font-weight: 700;
    border-radius: 50%;
    margin-right: 20px;
}
.your-upskill-wrpr {
    display: flex;
    flex-direction: column;
    line-height: 13px;
    margin-right: 11px;
}

.your-upskill-wrpr .your-upskill {
    font-size: 13px;
    font-weight: 600;
}
.your-networth-wrpr {
    display: flex;
    line-height: 13px;
    margin-right: 15px;
    padding-left: 35px;
    align-items: center;
}

.your-networth-wrpr .your-networth {
    font-size: 13px;
    font-weight: 600;
}
.networth-icon {
    background: url(../images/rupee-icon.png) left center no-repeat;
    display: flex;
    width: 24px;
    height: 24px;
    background-size: cover;
    margin-right: 6px;
}
.network-cntnr {
        display: flex;
    flex-direction: column;
        line-height: 14px;
}
.other-leaderboard-lists {
        display: flex;
    background: #fff;
    border: 3px solid #009688;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
    padding-left: 3px;
    padding-right: 9px;
    height: 54px;
}

.other-leaderboard-lists .leader-name {
    white-space: nowrap;
    font-weight: 700;
    font-size: 13px;
    margin-left: 20px;
}

.other-leaderboard-lists .leader-profile-wrpr {
    width: 170px;
    height: 60px;
    position: relative;
    display: flex;
    align-items: center;
}
.other-leaderboard-lists .leader-profile-wrpr img {width: 42px;height: 42px;border-radius: 4px;}
.others-upskill-wrpr {
    display: flex;
    flex-direction: column;
    line-height: 16px;
    font-size: 11px;
}

.others-upskill {
    font-size: 13px;
    font-weight: 700;
}
.others-networth-wrpr {
    display: flex;
    font-size: 11px;
    font-weight: 600;
    align-items: center;
}

.others-networth-wrpr .others-networth {
    font-size: 13px;
    font-weight: 700;
}
.other-leaderboard-lists  .leader-position {
    bottom: 15px;
    left: 36px;
}

.other-leaderboard-lists.green {
    border-color: #009688;
}

.other-leaderboard-lists.green .leader-position {
    background: #009688;
}

.other-leaderboard-lists.purple {
    border-color: #893498;
}

.other-leaderboard-lists.purple .leader-position {
    background: #893498;
}
.other-leaderboard-lists.yellow {
    border-color: #edb800;
}

.other-leaderboard-lists.yellow .leader-position {
    background: #edb800;
}
.other-leaderboard-lists.orange {
    border-color: #ea8811;
}

.other-leaderboard-lists.orange .leader-position {
    background: #ea8811;
}

.other-leaderboard-lists.blue {
    border-color: #147ed7;
}

.other-leaderboard-lists.blue .leader-position {
    background: #147ed7;
}


.other-leaderboard-lists + .other-leaderboard-lists {
    margin-top: 6px;
}

.leaderboard-pagination {
    display: flex;
    justify-content: flex-end;
}

.leaderboard-pagination a {
    background: #244d71;
    display: inline-flex;
    width: 17px;
    height: 17px;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 2px;
    margin: 5px 2px;
    font-size: 12px;
    font-weight: 500;
}
.leaderboard-pagination a.active {
    background: #edb800;
}

.leaderboard-pagination a:hover {
    background: #502975;
}
.others-upskill-wrpr span:first-child {
    font-weight: 600;
}

/*leaderboard*/






/* new media query june 14 2022*/
@media (max-width:1100px){
    .card.upskill-card .col-md-6 {
        max-width: 43%;
    }
}



@media (max-width:900px){


    /* leaderboard */
        .others-networth-wrpr {
            margin-right: 11px;
        }
        .other-leaderboard-lists .leader-name {
            white-space: pre-line;
            line-height: 13px;
        }
        .card-body.leaderbord-wrpr {
            padding: 10px;
        }
        .your-rank-wrpr span:first-child {
            display: none;
        }
        .your-networth-wrpr{
            padding-left:9px;
            margin-right: 5px;
        }
        .your-rank-wrpr .your-count{
            margin-right: 0px;
        }
        .leaderboard-on-you{
            margin-left: 5px;
            margin-right: 5px;
        }
        .leaderthree-wrpr {
            left: 80%;
        }
        .leadertwo-wrpr{
            left: 23%;
        }
    
    
    /* leaderboard */
    
    
    /* mentor board css start */
.comments-wrpr{
	padding:10px;
}
.comment-wrpr.has-reply:after{
	top:49px;
}

.comment-avatar img {
    width: 24px;
    height: 24px;
}
.reply-cntnr .reply-avatar img {
    width: 24px;
    height: 24px;
}

.reply-field-cntnr .input-group-prepend .input-group-text {
    display: none;
}
.reply-field-cntnr  input {
    border-radius:3px !important;
}
.tags-wrpr .tag{
	margin-bottom:8px;
}
.mentor-dis-title-wrpr i {
    left: -22px;
    top: -5px;
}
.mentor-board-cntnt{
	padding-left:20px;
}
/* mentor board css end*/
    /* Discussion board 3 detail page start */
	.discussions-wrpr.discussion-3 .comments-and-reply-cntnr.active  .discussion-cntnr {
		border: none;
	}
	.aks-modified-viewed {
		padding-bottom: 12px;
	}
	.empty-column {
		border-bottom: none !important;
		display: none;
	}
	.likes-and-comments-count.rightalign {
		border-bottom: none;
		margin-bottom: 0;
	}
    .discussions-wrpr.discussion-3 .disc-listing  .likes-and-comments-count {
        padding-right:10px;
        padding-bottom:5px;
    }
        .discussions-wrpr.discussion-3 .disc-listing .disc-main-cntnr{
            padding-left:15px;
            padding-right:15px;
        }
	
	/* Discussion board 3 detail page end */
	
	/* Discussion board 3 start */
	.btn-askquestion {
		margin-right: 0;
	}
	.discussion-board-title {
		display: block;
		width:auto;
	}
	.discussion-board-title .row {
		width: inherit;
	}
	.discussion-board-title .title {
		font-size: 20px;
		margin-bottom: 18px;
	}

	.discussion-board-title .title img {
		width: 26px;
	}
	.askbutton-wrpr {
		display: flex;
		justify-content: flex-end;
	}
	.ask-btn-search-wrpr {
		display: flex;
		flex-direction: column-reverse;
		margin-bottom: 17px;
	}
	
	.discussions-wrpr.discussion-3 .card-columns .discussion-cntnr {
		flex-direction: column;
	}
	.discussions-wrpr.discussion-3 .discussion-cntnr{
		width:100%;
	    border-right: 0px;
	}
	.tags a {
		margin-bottom: 7px;
	}
	
	.likes-and-comments-count {
		width: 100%;
		border-right: none;
		border-bottom: 1px solid #c8c8c8;
		margin-bottom: 15px;
		padding-bottom: 10px;
		padding-right: 0;
		flex-direction: inherit;
		justify-content: flex-end;
	}

	.discussions-wrpr.discussion-3 .disc-main-cntnr {
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 0px;
	}

	.likes-and-comments-count a {
		margin-left: 14px;
	}
	
	/* Discussion board 3 start */
	.btn-askquestion {
		margin-right: 0;
	}
	.discussion-board-title {
		display: block;
		width:auto;
	}
	.discussion-board-title .row {
		width: inherit;
	}
	.discussion-board-title .title {
		font-size: 20px;
		margin-bottom: 18px;
	}

	.discussion-board-title .title img {
		width: 26px;
	}
	.askbutton-wrpr {
		display: flex;
		justify-content: flex-end;
	}
	.ask-btn-search-wrpr {
		display: flex;
		flex-direction: column-reverse;
		margin-bottom: 17px;
	}
	
	.discussions-wrpr.discussion-3 .card-columns .discussion-cntnr {
		flex-direction: column;
	}
	.discussions-wrpr.discussion-3 .discussion-cntnr{
		width:100%;
	    border-right: 0px;
	}
	.tags a {
		margin-bottom: 7px;
	}
	
	.likes-and-comments-count {
		width: 100%;
		border-right: none;
		border-bottom: 1px solid #c8c8c8;
		margin-bottom: 15px;
		padding-bottom: 10px;
		padding-right: 0;
		flex-direction: inherit;
		justify-content: flex-end;
	}

	.discussions-wrpr.discussion-3 .disc-main-cntnr {
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 0px;
	}

	.likes-and-comments-count a {
		margin-left: 14px;
	}
	
	
	
	/* Discussion board 3 end */
    /*media discussion board title start*/
	.title-and-search {
		flex-direction: column;
	}

	.title-and-search .title {
		margin-bottom: 11px;
		margin-top: 18px;
	}

	.title-and-search .searchwrpr {
		height: 42px;
		margin-bottom: 20px;
	}
	.card-columns {
		column-count: 1;
	}

	.card-columns .discussion-cntnr {
		display: inline-block;
		width: 100%;
	}
	.card-columns .discussion-cntnr {
		margin-bottom: 0.75rem;
	}

/*media discussion board title end*/
	

.certificate-wrpr2 {
     zoom: .32; 
}
.level-cntnr.next .levelname {
    display: none;
}

.level-cntnr.next .levelAmount {
    display: none;
}

.level-cntnr.prev .levelname {
    display: none;
}

.level-cntnr.prev .levelAmount {
    display: none;
}



.share-and-download .col-md-6 {
    width: 50%;
}
.susmsg.active {
    width: 100%;
    right: 0;
    margin-right: 0;
    text-align: left;
}

.susmsg.active img {
    width: 70px !important;
    height: auto !important;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 10px;
}
        /* upskill media query june 14 2022*/
    .card.upskill-card .row {
        display: flex;
        justify-content: center;
    }
    /* upskill media query end june 14 2022*/
    
    /* May 27 2022 */

    .navbar-expand-lg .navbar-collapse.mobilenav.show {
    display: flex !important;
    flex-direction:column;
    position: absolute;
    left: 0;
    right: 0;
    top: 86px;
    background: #fff;
    padding-bottom: 13px;
    font-weight: 600;
    box-shadow: 0 10px 10px rgb(0 0 0 / 30%);
}
    .gchart > div {
            top: 29px;
            width: 305px;
            position: relative;
        }
        .gchart > div svg{
            position:relative;
            left:-30px
        }

        .chart-on-sidebar.active .chart-slider{
            right: 0;
            top: 30px;
            z-index: 10;
        }
        .chart-on-sidebar .gchart {
            overflow: hidden;
        }
    .chart-on-sidebar{
        box-shadow:none;
    }
    .chart-on-sidebar.active {
        width: 100%;
    }
    .chart-on-sidebar.active .chart-slider:before {
        content: "";
        background: transparent;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        position: fixed;
        width: 100%;
        height: 100%;
    }
    .gchart {
        overflow: hidden;
    }
    
    
    
    
    
    .gchart {
    padding: 16px;
    }
    
    .backto-fd span {position: relative;top: 4px;}

    .backto-fd {
    right: 10px;
    }

    /*table responsive*/

    .table-wrpr .table-wrpr {
        border: none;
        padding: 0px;
        margin: 0;
    }
    /* Force table to not be like tables anymore */
    table, thead, tbody, th, td, tr { 
        display: block; 
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    
    tr { border: 1px solid #ccc; }
    
    td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50% !important; 
    }
    .table-wrpr .content-area {
        padding: 8px;
    }
    .formwrpr .paisawala-table {
        border: 0px solid #dadada;
    }
    .table-wrpr .col-md-4, .table-wrpr .col-md-3 {text-align: center !important;}

    .table-wrpr .col-md-4 .balance {text-align: center !important; padding-top: 20px;}

    .table-wrpr h3 {margin-bottom: 20px;text-align: center;}
    
    td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 12px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
        text-align: left;
    }
    .table-wrpr .table td:before {content: attr(data-table-heading);}
    
    .table-wrpr .table td {
        text-align: left !important;
    }
    .thematic-report-btn-and-table-count-wrpr {flex-direction: column;margin-bottom: 29px;}
    tr:nth-child(odd) {background: #f3f3f3;border-bottom: 0px;border-top: none;}
    .table td, .table th{border-top:none;}
    
    
    /*table responsive end*/
    .btn-download-award-wrpr {
        display: flex;
        justify-content: center;
    }
    a.icon-menu1.sidebar-toggler {
        display: none;
    }

    .secondfold a.icon-menu1.sidebar-toggler {
        display: block;
    }
    .sidebar-active .icon-menu1.sidebar-toggler:before {content: "\e5cd";}
    .sidebar-active .icon-menu1.sidebar-toggler {
        right: 9px;
        box-shadow: 0 0 5px rgb(0 0 0 / 15%);
    }
    .sidebar.sticky-top.secondfold.sidebar-active {
        left: 0;
        right: 0;
        width: 100%;
    }
    .winScrolling  .sidebar .icon-menu1 {
        display:none;
    }
     .sidebar .icon-menu1 {
        display:block;
        position: absolute;
        right: -31px;
        color: #333;
        font-size: 27px;
        background: #fff;
        padding: 3px;
        border-radius: 3px;
        box-shadow: 0 0 5px rgb(0 0 0 / 50%);
    }
    .modules-list .card {
        width: 135px;
    }
    .modules-list .card-body {
        width: 135px;
        height: 135px;
    }
    .activemobmenu .sidebar {
        display: none !important;
    }
    
    .navbar-container.navbar-header-cntnr {
        /*position: fixed;*/
        z-index: 1;
        width: 100%;
    }
    .secondfold .navbar-container.navbar-header-cntnr {
        position: fixed;
    }
    .winScrolling  .navbar-container.navbar-header-cntnr {
        display:none;
    }
    
    .navbar-header .navbar-brand {
        position: relative;
        width: 232px;
        height: 66px;
    }
    
    .winScrolling .sidebar.sticky-top.secondfold{
        display:none;
    }
     .sidebar.sticky-top.secondfold {
        position: fixed;
        top: 115px;
        left: -187px;
        /*right: 0;*/
        display:block;
        border-radius: 0;
        
    }
     .sidebar-active.sidebar.sticky-top.secondfold {
        box-shadow: 0 0 28px rgb(0 0 0 / 35%);
     }
    
    a.navbar-toggler {
        position: relative;
        top: -10px;
        color: #fff !important;
    }
    .login-box {
        width: 100%;
    }

    .dashboard-blocks-cntnr .col-md-2,
    .dashboard-blocks-cntnr .col-md-4,
    .dashboard-blocks-cntnr .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .four-boxes .card {
        margin-bottom: 20px;
    }
    
    .card.badges-acheivements-card .col-md-6 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .user-avatar-item .dropdown {
    border-radius: 50%;
    width: 34px;
    height: 34px;
    top: 4px;
    left: 4px;
    position: relative;
    }
    .rowbox .content-area {
    margin-left: unset;
    }
    

   /* new code*/

   .mobilenav .search-box:hover, .mobilenav .search-box:focus {
        max-width: 100%;
    }
    .navbar-toggler.active .icon-menu1:before {
        content: "\e5cd";
        color: #ec0928;
    }
    li.nav-item.active a {
        color: #ec0928 !important;
    }
    .navbar-light .navbar-toggler {
        border: none;
        outline: none;
        font-size: 30px;
    }
    .navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid {
        flex-direction: row-reverse;
    }
    .navbar-expand-lg .navbar-collapse.mobilenav.show a {
        color: #013ca6;
        font-weight: 500;
        font-size: 14px;
    }
    .dropdown-item {
        padding-left: 10px !important;
    }

    .dropdown-item:before {
        content: "\e5da";
        font-family: 'icons-sm';
        position: relative;
        left: -9px;
    }
    .search-box {
        max-width: 100%;
    }
    .mobilenav .navbar-nav {
        padding: 18px;
    }
    .navbar-expand-lg .navbar-collapse.mobilenav.show {
        display: block !important;
        position: absolute;
        left: 0;
        right: 0;
        top: 86px;
        background: #fff;
        padding-bottom: 13px;
        font-weight: 600;
        box-shadow: 0 10px 10px rgb(0 0 0 / 30%);
    }
    .navbar-collapse.dual-nav.w-50.order-2 li {
        width: 46% !important;
    }

    .navbar-collapse.dual-nav.w-50.order-2 ul {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    .dual-nav.w-50 {
        width: 100% !important;
        background: #fff;
    }
    .navbar-light .navbar-nav .nav-link {
        text-align: left;
        border-bottom: 1px solid #d9d9d9;
    }

    .centernav .dropdown-menu a {
        border-bottom: 1px solid #d9d9d9;
        padding: 7px;
        margin-left: 11px;
        margin-right: 11px;
        width: auto;
    }
        .navbar-light .navbar-nav .nav-link {
        text-align: left;
        border-bottom: 1px solid #d9d9d9;
    }
    .centernav {
        position: absolute;
        left: 0;
        right: 0;
        top: 115px;
        background: #fff;
        width: 100% !important;
    }
    .centernav .dropdown-menu {
        transform: scale(1);
        border: none;
        box-shadow: none;
        opacity:1;
    }
    
    .total-worth {
        top: 81px;
        right: 20px;
    }
    .footer {
        height: auto;
        text-align: center;
    }
    .devby, .copy {
        padding-top: 6px;
        text-align: center !important;
    }
    .devby {
        padding-bottom: 20px;
    }

    .chart-on-sidebar{
        width: 320px;
        left: -320px;}

   .chart-on-sidebar.active {
    width: 100%;
    z-index: 10001;
}

    .cube-block .fdtransfer.savgins2crrnt.investshare.rowbox {
    height: 567px !important;
}

    .confirm-and-accountstatement-wrpr {flex-direction: column;}


    .confirm-and-accountstatement-wrpr a {margin-top: 20px;}
        
    .cube-rotate-face .col-md-6.text-right {text-align: left !important;}


    .cube-rotate-face .col-md-6.text-right .balance.text-right {text-align: left !important;}

    .cube-block .fdtransfer.savgins2crrnt.rowbox {
        height: 458px;
        }
    
    .cube-block .fdtransfer.rowbox{
    height: 603px;
    }
    .cube-block{
        height: 610px;
    }
    .table-wrpr {
    margin: 0;
    }
    .gchart img {
        max-width: 100%;
        height: auto;
    }
    .cube-rotate-face .total-worth {
        right: 0;
        left: 0;
        text-align: center;
        background: transparent;
        top: unset;
        bottom: 27px;
        border: none;
    }
    .smartpig-animation-wrpr {
    right: 0;
}
    
    
    
}

    

@media (max-width: 500px) {
    
    .desktoponly{
        display:none !important;
    }
    .phoneonly{
        display:block !important;
    }
    
}