body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@font-face {
    font-family: 'Poppins-Regular';
    src: url('../Fonts/Inter-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Poppins-Bold';
    src: url('../Fonts/Poppins-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Merriweather-Bold';
    src: url('../Fonts/Merriweather-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Poppins-Black';
    src: url('../Fonts/Poppins-Black.ttf') format('truetype');
}
@font-face {
    font-family: 'Poppins-Medium';
    src: url('../Fonts/Poppins-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Poppins-Thin';
    src: url('../Fonts/Poppins-Thin.ttf') format('truetype');
}
@font-face {
    font-family: 'Poppins-SemiBold';
    src: url('../Fonts/Poppins-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Poppins-ExtraBold';
    src: url('../Fonts/Poppins-ExtraBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Inter-Regular';
    src: url('../Fonts/Inter-Regular.ttf') format('truetype');
}
.col_dsply{ width:100%; display:inline-block;}
.pull_left{ float:left; }
.pull_right{ float:right; }

.outer{width:1260px; margin:20px auto; font-family: 'Inter-Regular';}

.navigation{width:100%;display:inline-block;margin-bottom:10px;}

.top_logo{width:50%;float:left;}
.logo{width:250px;}
.Goodwill_logo{width:100%;}


.login{float:right; width:48%; }
.login > button{padding:5px 10px; width:150px; color:#fff;    font-family: Inter-Regular; font-weight:bold; float:right;text-align:center;font-size:20px; cursor:pointer; background-color:#15C2C0; border:none; border-radius:10px;}

/* performance box */
.perf_head{text-align:center;font-size:35px;font-weight:bold;   font-family: Inter-Regular; position:relative;}
.sub_head{color:#303964;font-size:25px;text-align:center;font-family: Inter-Regular; font-weight:bold; margin:20px 0px;}
.perform_link{width:250px; position:absolute; text-align:center; right:10%; top:-40px; margin-top:50px;  cursor:pointer; font-weight:bold; font-size:0.6em; }

.click_boxperform{ background-color:#FAB02E; padding:5px 0px; border-radius:5px; margin-top:5px;  color:#fff; font-size:14px;}
.click_boxperform:hover{  transform: scale(1.07);}
.performance_box{ }
.performance_box {
    width: 100%;
    margin: 0px 0px;
    display: inline-block;
    padding: 20px 0px;
}
.perform_linkhead{ color:#303964; font-size:20px;}
.perform_linkhead {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {

    10% {
        color: yellow;
    }
    
}


.perf_topbox{width:80%;margin:30px auto;}
.display{width:100%;display:inline-block;}
.perf_left{width:48%;float:left; font-family: 'Inter-Regular';}
.plan_left{width:100%;}

.per_returnbox{ width:21.3%; float:left; margin:0px 0.7%; padding:10px 1%; box-shadow: 0px 0px 10px 2px rgba( 0, 0, 0, 0.2 );}

.plan_box{  padding:20px; margin-bottom:20px; box-shadow: 0px 0px 5px 2px rgba( 0, 0, 0, 0.1 );}
.plan_text{font-family: Inter-Regular; font-weight:bold; font-size:16px; padding:2px 5px; border-radius:2px; margin-bottom:5px; color:#fff;}
.caps_head{ font-weight:normal; font-size:12px; margin-left:2px;}

.plan_top{width:100%;display:inline-block; border-bottom:1.5px solid rgba( 0, 0, 0, 0.2 ); }
.mx{width:50%;float:left; font-size:15px;  font-family: 'Inter-Regular';}
 .amount{float:right;width:38%; text-align:left; font-size:16px;  font-family: 'Inter-Regular';}
 .co_green{ color:forestgreen;}

.plan_data{width:100%;display:inline-block; }
.profit{ float:left;}
.plan_data > .profit:nth-child(1){ width:25%;}
.plan_data > .profit:nth-child(2){width:20%; padding-left:5%;}
.plan_data > .profit:nth-child(3){width:20%; padding-left:5%;}
.plan_data > .profit:nth-child(4){width:20%; padding-left:5%;}
.plan_data > .profit > div:nth-child(1){ color:rgba( 0, 0, 0, 0.5 );}
.plan_data > .profit > div:nth-child(2){  font-family: 'Inter-Regular';}


.perf_right{width:48%;float:right;}
.plan_right{width:100%;}
.per_sym{ font-size:11px; color:rgba( 0, 0, 0, 0.5 ); margin-left:2PX;}

/* performance box */

	/* powerbox datas */
.power_stocks{width:100%;display:inline-block;margin:60px 0px;}	

.power_head{text-align:center;font-size:30px;margin:20px 0px;  font-weight:bolder;   font-family: 'Inter-Regular';}

.pw_subhead1{color:#8EC142;font-size:2.3em;border-bottom:2px solid #8EC142;margin-right:20px;  font-family: 'Merriweather-Bold';}
.pw_subhead2{color:#FD8F71;font-size:2.3em;border-bottom:2px solid #FD8F71;margin-right:20px;  font-family: 'Merriweather-Bold';}
.pw_subhead3{color:#086C87;font-size:2.3em;border-bottom:2px solid #086C87;  font-family: 'Merriweather-Bold';}


.power_box{width:100%;display:inline-block;}
.power_outline{width:33%;float:left;}

.pw_inhead{padding:10px 0px;font-weight:bold;font-size:20px; margin-top:20px;}


/* botttom box */
.bottom_outbox{width:100%;display:inline-block; margin-top:40px;}
.bottom_inbox{width:800px; margin:10px auto;}
/*.btm_lftbox{width:47%; padding:20px 1%; box-shadow: 0px 0px 10px 4px rgba( 0, 0, 0, 0.1 );}*/
.btm1{}


.imagebox{width:100%; text-align:center;}
.imagebox > img{ width:80%;}
.growth_img{width:100%;}

.btm_subhead{  }
.bottom_head{font-size:30px;font-family: 'Inter-Regular';text-align:center;}
.subscribe_plan{font-weight:bold;}
.btm_pad{padding:10px 0px;}
.btm_lastpara{ font-size:15px; min-height:80px;text-align:center; font-family: 'Inter-Regular'; font-weight:bold;padding-top:8px;}

.INVESTOR_box{ width:90%; margin:20px auto;}
.list{ min-height:200px;}
ul{ margin:0; }
li{ margin:0; padding:0;}

.footer_div{ background-color:#15C2C0; width:100%; padding:20px 0px; text-align:center; color:#fff; font-family: 'Inter-Regular'; font-weight:bold;}

@media only screen and (min-width:300px) and (max-width:504px) {

   .per_returnbox{ width:90%; padding:5% 5%; margin-bottom:20px;}
   .outer{width:92%; margin:20px auto; font-family: 'Inter-Regular';}
   .power_outline{width:97%;float:none;}
   .power_head{font-size:20px;}
    .bottom_head{ font-size:20px;}
    .bottom_inbox{width:100%;  }
    .btm_lftbox{width:98%; padding:20px 1%; margin-bottom:20px; box-shadow: 0px 0px 10px 4px rgba( 0, 0, 0, 0.1 );}
    .btm_lastpara { font-size: 17px;}
    .subscribe_plan{font-size: 15px;}
    .top_logo{width:65%;float:left; }
      .logo{width:100%; text-align:left;}
       .Goodwill_logo{width:150px;}
    .perf_head{ font-size:26px; margin-top:30px;}
    .sub_head{ font-size:21px;}
    .login{float:right; width:30%; }
    .login > button{font-size:16px; width:100px; margin-top:10px;}
    .pw_inhead{ font-size:17px; }
    .pw_indata{font-size:15px; }

    .perform_link{ right:0; left:0%; margin:0 auto;  top:-80px; }
    .moblandingper{margin-top:100px; }

    }



                                                /* new css for performance*/


body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@font-face {
    font-family: 'Poppins-Regular';
    src: url('../Fonts/Inter-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Poppins-Bold';
    src: url('../Fonts/Poppins-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Merriweather-Bold';
    src: url('../Fonts/Merriweather-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Poppins-Black';
    src: url('../Fonts/Poppins-Black.ttf') format('truetype');
}
@font-face {
    font-family: 'Poppins-Medium';
    src: url('../Fonts/Poppins-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Poppins-Thin';
    src: url('../Fonts/Poppins-Thin.ttf') format('truetype');
}
@font-face {
    font-family: 'Poppins-SemiBold';
    src: url('../Fonts/Poppins-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Poppins-ExtraBold';
    src: url('../Fonts/Poppins-ExtraBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Inter-Regular';
    src: url('../Fonts/Inter-Regular.ttf') format('truetype');
}
.col_dsply{ width:100%; display:inline-block;}
.pull_left{ float:left; }
.pull_right{ float:right; }

.outer{width:1260px; margin:0px auto; font-family: 'Inter-Regular';}

.navigation{width:100%;display:inline-block;margin-bottom:10px;}

.top_logo{width:50%;float:left;}
.logo{width:250px;}
.Goodwill_logo{width:100%;}


.login{float:right; width:48%; }
.login > button{padding:5px 10px; width:150px; color:#fff;    font-family: Inter-Regular; font-weight:bold; float:right;text-align:center;font-size:20px; cursor:pointer; background-color:#15C2C0; border:none; border-radius:10px;}

/* performance box */
.perf_head{text-align:center;font-size:35px;font-weight:bold;   font-family: Inter-Regular; position:relative;}
.sub_head{color:#303964;font-size:25px;text-align:center;font-family: Inter-Regular; font-weight:bold; margin:20px 0px;}
.perform_link{width:250px; position:absolute; text-align:center; right:10%; top:-40px; margin-top:50px;  cursor:pointer; font-weight:bold; font-size:0.6em; }

.click_boxperform{ background-color:#FAB02E; padding:5px 0px; border-radius:5px; margin-top:5px;  color:#fff; font-size:14px;}
.click_boxperform:hover{  transform: scale(1.07);}
.performance_box{ }
.performance_box {
    width: 100%;
    margin: 0px 0px;
    display: inline-block;
    padding: 20px 0px;
}
.perform_linkhead{ color:#303964; font-size:20px;}
.perform_linkhead {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {

    10% {
        color: yellow;
    }
    
}


.perf_topbox{width:80%;margin:30px auto;}
.display{width:100%;display:inline-block;}
.perf_left{width:48%;float:left; font-family: 'Inter-Regular';}
.plan_left{width:100%;}

.per_returnbox{ width:21.3%; float:left; margin:0px 0.7%; padding:10px 1%; box-shadow: 0px 0px 10px 2px rgba( 0, 0, 0, 0.2 );}

.per_returnbox2{ width:17.2%; float:left; margin:0px 0.7%; padding:10px 0.7%; box-shadow: 0px 0px 10px 2px rgba( 0, 0, 0, 0.2 );}
.plan_text2{font-family: Inter-Regular; font-weight:bold; font-size:16px; padding:2px 5px;
            border-radius:2px; margin-bottom:5px; color:#fff;min-height:40px;}
.caps_head2{ font-weight:normal; font-size:12px; margin-left:0px;}
.amount2{float:right;width:44%; text-align:left; font-size:15px;  font-family: 'Inter-Regular';}

.per_returnbox3{ width:21.3%;  margin:0px auto; padding:10px 1%; box-shadow: 0px 0px 10px 2px rgba( 0, 0, 0, 0.2 );}

.plan_box{  padding:20px; margin-bottom:20px; box-shadow: 0px 0px 5px 2px rgba( 0, 0, 0, 0.1 );}
.plan_text{font-family: Inter-Regular; font-weight:bold; font-size:16px; padding:2px 5px; border-radius:2px; margin-bottom:5px; color:#fff;}
.caps_head{ font-weight:normal; font-size:12px; margin-left:2px;}

.plan_top{width:100%;display:inline-block; border-bottom:1.5px solid rgba( 0, 0, 0, 0.2 ); }
.mx{width:50%;float:left; font-size:14px;  font-family: 'Inter-Regular';}
.amount{float:right;width:38%; text-align:left; font-size:15px;  font-family: 'Inter-Regular';}
.co_green{ color:forestgreen;}

.plan_data{width:100%;display:inline-block; }
.profit{ float:left;}
.plan_data > .profit:nth-child(1){ width:25%;}
.plan_data > .profit:nth-child(2){width:20%; padding-left:5%;}
.plan_data > .profit:nth-child(3){width:20%; padding-left:5%;}
.plan_data > .profit:nth-child(4){width:20%; padding-left:5%;}
.plan_data > .profit > div:nth-child(1){ color:rgba( 0, 0, 0, 0.5 );}
.plan_data > .profit > div:nth-child(2){  font-family: 'Inter-Regular';}


.perf_right{width:48%;float:right;}
.plan_right{width:100%;}
.per_sym{ font-size:11px; color:rgba( 0, 0, 0, 0.5 ); margin-left:2PX;}

/* performance box */

	/* powerbox datas */
.power_stocks{width:100%;display:inline-block;margin:60px 0px;}	

.power_head{text-align:center;font-size:30px;margin:20px 0px;  font-weight:bolder;   font-family: 'Inter-Regular';}

.pw_subhead1{color:#8EC142;font-size:2.3em;border-bottom:2px solid #8EC142;margin-right:20px;  font-family: 'Merriweather-Bold';}
.pw_subhead2{color:#FD8F71;font-size:2.3em;border-bottom:2px solid #FD8F71;margin-right:20px;  font-family: 'Merriweather-Bold';}
.pw_subhead3{color:#086C87;font-size:2.3em;border-bottom:2px solid #086C87;  font-family: 'Merriweather-Bold';}


.power_box{width:100%;display:inline-block;}
.power_outline{width:33%;float:left;}

.pw_inhead{padding:10px 0px;font-weight:bold;font-size:20px; margin-top:20px;}
.perform_margin{ margin-top:-50px;}

/* botttom box */
.bottom_outbox{width:100%;display:inline-block; margin:40px 0px 45px 0px;}
.bottom_inbox{width:1280px;margin:10px auto;}
.btm_lftbox{width:306px; padding:10px 1px;margin:0px 6px; box-shadow: 0px 0px 10px 4px rgba( 0, 0, 0, 0.1 );}
.btm1{}


.imagebox{width:100%; text-align:center;height:150px;}
.imagebox > img{ width:80%;height:100%;}
.growth_img{width:100%;}

.btm_subhead{font-size:15px;height:40px;}
.bottom_head{font-size:30px;font-family: 'Inter-Regular';text-align:center;}
.subscribe_plan{font-weight:bold;}
.btm_pad{padding:3px 0px;}
.btm_lastpara{ font-size:15px; min-height:80px;text-align:center; font-family: 'Inter-Regular'; font-weight:bold;padding-top:8px;}

.INVESTOR_box{ width:90%; margin:10px auto;}
.list{ min-height:288px;}
ul{ margin:0; }
li{ margin:0; padding:0;}

.footer_div{ background-color:#15C2C0; width:100%; padding:20px 0px; text-align:center; color:#fff; font-family: 'Inter-Regular'; font-weight:bold;}

@media only screen and (min-width:300px) and (max-width:504px) {

   .per_returnbox{ width:90%; padding:5% 5%; margin-bottom:20px;}
   .outer{width:92%; margin:20px auto; font-family: 'Inter-Regular';}
   .power_outline{width:97%;float:none;}
   .power_head{font-size:20px;}
    .bottom_head{ font-size:20px;}
    .bottom_inbox{width:100%;  }
    .btm_lftbox{width:98%; padding:20px 1%; margin-bottom:20px; box-shadow: 0px 0px 10px 4px rgba( 0, 0, 0, 0.1 );}
    .btm_lastpara { font-size: 17px;}
    .subscribe_plan{font-size: 15px;}
    .top_logo{width:65%;float:left; }
      .logo{width:100%; text-align:left;}
       .Goodwill_logo{width:150px;}
    .perf_head{ font-size:26px; margin-top:40px;}
    .sub_head{ font-size:21px;}
    .login{float:right; width:30%; }
    .login > button{font-size:16px; width:100px; margin-top:10px;}
    .pw_inhead{ font-size:17px; }
    .pw_indata{font-size:15px; }

    .perform_link{ right:0; left:0%; margin:0 auto;  top:-80px; }
    .moblandingper{margin-top:100px; }

    }
.trendline_subhead{width: 100%; text-align: center;  color: #303964; font-size: 17px;  
                   font-family: Inter-Regular; font-weight: bold;margin:0px 0px 4px 0px;}

.sub_text{font-size:12px;color:grey;margin-bottom:8px;}