body{margin: 0; padding: 0; overflow-x: hidden; font-family: 'Poppins', sans-serif;}
body.body_dash{display: flex; background-color: #000; justify-content: space-between;
	background-image: url('../img/gradient_bg.jpg'); background-position: center; background-repeat: no-repeat;
	background-size: cover;}

.header_home{/*position: absolute; top: 0; left: 0; width: 100%; z-index: 10;*/}
.header_home > div{display: flex; justify-content: space-between; align-items: center; padding: 10px 20px;
	border-bottom: 1px solid #aaa1; width: 80%; margin: 0 auto;}
.header_home img{width: 200px; transition: all 0.3s;}
.header_home .btn_launch_app{font-size: 14px; font-weight: 500; color: #fff; text-decoration: none; 
	border: 1px solid #fff; padding: 10px 25px; border-radius: 50px; transition: all 0.3s;
	background-image: linear-gradient(to right, #A574ED, #631FD2); 
	display: inline-block; box-shadow: 0 0 5px #D26DE7;}
.header_home .btn_launch_app:hover{transform: scale(1.03); box-shadow: 0 0 15px #D26DE7;
	background-image: linear-gradient(to left, #A574ED, #631FD2);}
.footer_home{ padding: 40px 20px;}
.footer_home > div{width: 80%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
.footer_home .f_logo img{ width: 150px; }
.footer_home .f_cr p{ color: #fff; font-size: 18px;}
.footer_home .f_cr a{font-weight: 500; color: #D26DE7;}
.footer_home .f_icon{display: flex;}
.footer_home .f_icon i{ color: #fff; font-size: 24px; margin-right: 20px;}
.footer_home .f_icon img{width: 24px;}

/*.header_sticky {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #000c;
  animation: animHeaderBg 0.5s;
}
@keyframes animHeaderBg{
	0%{background-color: transparent;}
	100%{background-color: #000c;}
}*/
/*.header_sticky > div{border: none;}*/
/*.header_sticky img{width: 100px;}*/

aside.side_menu{width: 250px; height: 100vh; background-color: #10172491; position: relative; z-index: 9;}
main.main_dash{width: calc(100% - 260px);}

section.sec_dash_top{margin-top: 10px; display: flex; justify-content: space-between; position: relative;
	padding: 0 10px;}
.gradient_bg1{position: absolute; right: -175px; top: -165px; width: 600px; height: 600px; 
	background: radial-gradient(#4645e687 0%, #0000 70%); background-repeat: no-repeat;}
.gradient_bg2{position: absolute; left: -300px; top: 40%; width: 900px; height: 900px; 
	background: radial-gradient(#7642a87a 0%, #0000 70%); background-repeat: no-repeat;}
section.sec_dash_top h3{ margin-top: 0; font-size: 24px;}
section.sec_dash_top h3 span{
	background: linear-gradient(to right, #1c84fc, #2fdca5);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;}
.echart_tree{
	width: calc(60% - 30px); background-color: #10172491; padding: 20px 15px; border-radius: 10px;
	z-index: 9;
}
#tree-chart-container {
  position: relative;
  width: 100%;
  height: 300px;
  overflow: hidden;
}
.echart_bar{
	width: calc(39% - 30px); background-color: #10172491; padding: 20px 15px; border-radius: 10px;
	z-index: 9;
}
#bar-chart-container {
  position: relative;
  height: 300px;
  overflow: hidden;
}

.side_menu img{width: 150px;}
.side_menu nav{color: #fff;}
.side_menu nav h1{text-align: center;}
.side_menu nav ul{list-style: none; margin: 20px 0 0; padding: 0;}
.side_menu nav ul li{padding: 10px 30px; }
.side_menu nav ul li.active{background-color: #fff2;}
.side_menu nav ul li i{margin-right: 15px;}

header.header_dash{height: 56px; background-color: #10172491; color: #fff; display: flex; align-items: center;
	padding: 0 20px; position: relative; z-index: 9;}
header.header_dash h2 span{ font-size: 32px;
	background: linear-gradient(to right, #1c84fc, #2fdca5);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;}
header.header_dash i{margin-right: 20px;}


body.home{background-image: url('../img/gradient_bg.jpg'); background-repeat: no-repeat;
	background-size: cover; background-position: top center; background-attachment: fixed;}
.section_grad{ position: relative; padding: 60px 20px; display: flex; align-items: center;}
.div_grad_home{display: flex; justify-content: space-between; align-items: center; width: 80%; margin: 0 auto;}
/*.div_grad_home > div{width: 50%;}*/

.cont_grad{/*position: absolute; width: 80%; top: 50%; left: 50%; transform: translate(-50%,-50%);*/
 	width: 45%;}
.cont_grad h1{font-size: 96px; font-weight: 800; display: block; line-height: 1; margin: 0;
	}
.cont_grad h1 span{background: linear-gradient(to right, #246CF9, #30DFA0); position: relative;
    -webkit-text-fill-color: transparent; -webkit-background-clip: text;  z-index: 9;}

.cont_grad p{font-size: 46px; font-weight: 500; color: #fff; margin-top: 30px; letter-spacing: 0.6px;
	animation: animZoom 1s;}

.cont_grad a{font-size: 22px; font-weight: 600; color: #fff; text-decoration: none; border: 1px solid #fff;
	background-image: linear-gradient(45deg, #D26DE7, #A574ED, #817AF2, #1173D4); padding: 15px 50px; 
	border-radius: 50px;
	transition: all 0.3s; display: inline-block; box-shadow: 0 0 10px #D26DE7;}
.cont_grad a:hover{transform: scale(1.03); background-image: linear-gradient(to left, #A574ED, #631FD2);
	box-shadow: 0 0 20px #D26DE7;}

/*.div_home_list{width: 80%; margin: 0 auto; text-align: left;}*/
.div_home_list ul{list-style: none; margin: 0; padding: 0;}
.div_home_list ul li{ display: flex; padding: 5px 0; animation: animListHome 1s; /*opacity: 0;*/}
.div_home_list ul li:first-child{animation: animListHome 1s;}
.div_home_list ul li:nth-child(2){animation: animWait 0.3s ,animListHome 1s 0.3s;}
.div_home_list ul li:nth-child(3){animation: animWait 0.6s ,animListHome 1s 0.6s;}
.div_home_list ul li:nth-child(4){animation: animWait 0.9s ,animListHome 1s 0.9s;}

@keyframes animWait{
	0%{opacity: 0;}
	100%{opacity: 0;}
}
@keyframes animListHome{
	0%{margin-left: 30px; opacity: 0;}
	100%{margin-left: 0; opacity: 1;}
}
.div_home_list ul li p{font-size: 20px; color: #D0DFFF; margin: 0;}
.div_home_list ul li span{font-weight: 500; color: #fff; font-size: 24px;}
.div_home_list ul li i{color: #2fdca5; font-size: 30px; margin-right: 20px; margin-top: 4px;}

.cont_grad_right{width: 55%;}
.cont_grad_right img{width: 100%;}

/*FAQ Section - Home*/
.sec_faq_home{padding: 40px 20px;}
.div_faq_home{width: 80%; margin: 0 auto;}
.div_faq_home h2{font-size: 96px; font-weight: 800; display: inline;
		background: linear-gradient(to right, #246CF9, #30DFA0);
    -webkit-text-fill-color: transparent; 
    -webkit-background-clip: text; }

/*FAQ - Home Page - Accordian CSS*/
.div_faq_content .faq_accordion {
  color: #fff;         /*accordion/dropdown Title Color - #1a1819*/
  background-color: transparent; /*white*/
  cursor: pointer;
  padding: 20px 30px 20px 0;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 24px;
  font-weight: 500;
  transition: 0.4s;
  position: relative;
  font-family: 'Poppins', sans-serif;
}

.div_faq_content .faq_accordion i{position: absolute; top: 50%; right: 40px; transform: translateY(-50%); transition: all 0.2s;
  color: #eaaa03;}
.div_faq_content .faq_accordion.active i{transform: rotate(-180deg) translateY(50%);}
.div_faq_content .faq_accordion span{position: absolute; top: 35px; right: 40px;}
.div_faq_content .faq_accordion span:before{ content: ''; width: 15px; height: 3px; background-color: #fff; display: inherit;}
.div_faq_content .faq_accordion span:after{ content: ''; width: 3px; height: 15px; background-color: #fff; display: inherit;
	margin-left: 6px; margin-top: -9px; transition: all 0.3s;}
.div_faq_content .faq_accordion.active span:after{height: 3px; margin-top: -3px;}

.div_faq_content .faq_panel {
  background-color: transparent; /*white*/
  border-bottom: 1px solid #D0DFFF;
  margin-bottom: 20px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.div_faq_content .faq_panel p{font-family: 'Poppins', sans-serif; font-size: 20px; margin: 5px 0 25px; 
  color: #D0DFFF; font-weight: 500;}      /* Accordion Dropdown Text Color - #666767 */
.div_faq_content .faq_panel ul{margin: 0; padding: 0; list-style-image: url('../img/right-check.png');}
.div_faq_content .faq_panel ul li{color: #D0DFFF; font-size: 20px; display: flex; align-items: flex-start; line-height: 2em;
	font-weight: 500;}
.div_faq_content .faq_panel ul li img{margin-right: 10px; width: 20px; margin-top: 10px;}






@media only screen and (max-width: 1892px){
	.cont_grad h1{font-size: 76px;}
	.cont_grad p{font-size: 36px;}
	.div_home_list ul li p{font-size: 16px;}
	.div_home_list ul li span{font-size: 20px;}
	.div_home_list ul li i{font-size: 25px; margin-top: 2px;}

	.div_faq_home h2{font-size: 76px;}

	.div_faq_content .faq_accordion{font-size: 20px;}
	.div_faq_content .faq_panel p, .div_faq_content .faq_panel ul li{font-size: 16px;}
}
@media only screen and (max-width: 1506px){
	.cont_grad h1{font-size: 64px;}
	.cont_grad p{font-size: 30px;}
	.div_home_list ul li p{font-size: 16px;}
	.div_home_list ul li span{font-size: 20px;}
	.div_home_list ul li i{font-size: 25px; margin-top: 2px;}

	.div_faq_home h2{font-size: 64px;}
	.div_faq_content .faq_accordion{font-size: 20px;}
	.div_faq_content .faq_panel p, .div_faq_content .faq_panel ul li{font-size: 16px;}
}
@media only screen and (max-width: 1280px){
	.cont_grad h1{font-size: 48px;}
	.cont_grad p{font-size: 22px; margin: 10px 0 20px; }

	/*.div_home_list{max-width: 429px;}*/
	.div_home_list ul li p{font-size: 14px;}
	.div_home_list ul li span{font-size: 16px;}
	.div_home_list ul li i{font-size: 25px; margin-top: 2px;}

	.div_faq_home h2{font-size: 48px;}
	.div_faq_content .faq_accordion{font-size: 16px;}
	.div_faq_content .faq_panel p, .div_faq_content .faq_panel ul li{font-size: 14px;}
}
@media only screen and (max-width: 991px){

	.header_home > div, .div_grad_home, .footer_home > div{width: 100%;}

	.cont_grad h1{font-size: 44px;}
	.cont_grad p{font-size: 20px;}
	.div_home_list ul li p{font-size: 14px;}
	.div_home_list ul li span{font-size: 16px;}
	.div_home_list ul li i{font-size: 18px; margin-top: 3px; margin-right: 15px;}

	.div_faq_home h2{font-size: 44px;}
	.div_faq_content .faq_accordion{font-size: 16px;}
	.div_faq_content .faq_panel p, .div_faq_content .faq_panel ul li{font-size: 14px;}

	.footer_home .f_cr p{font-size: 16px;}
}

@media only screen and (max-width: 767px){
	.header_home > div{width: calc(100% - 40px);}
	.header_home img{width: 110px;}
	.header_home .btn_launch_app{font-size: 10px; padding-top: 8px; padding-bottom: 8px;}

	.cont_grad{width: 100%; padding-top: 0;}
	.cont_grad h1{font-size: 40px;}
	.cont_grad p{font-size: 18px; margin-top: 20px;}
	.cont_grad a{font-size: 16px; padding-top: 10px; padding-bottom: 10px; margin-top: 20px;}

	.div_grad_home{flex-direction: column;}
	.cont_grad, .cont_grad_right{width: 100%;}

	.div_home_list{max-width: 334px;}
	.div_home_list ul li{font-size: 12px;}
	.div_home_list ul li i{font-size: 20px; margin-top: 1px;}

	.div_faq_home{width: 100%;}
	.div_faq_home h2{font-size: 40px;}
	.div_faq_content .faq_accordion{font-size: 18px;}
	.div_faq_content .faq_panel p{font-size: 16px;}
	.div_faq_content .faq_panel ul li{font-size: 16px; line-height: 1.6em; margin-bottom: 5px;}
	.div_faq_content .faq_panel ul li img{width: 15px; margin-top: 4px;}
	.div_faq_content .faq_accordion span{right: 5px; top: 32px;}

	.footer_home > div{width: 100%; flex-direction: column;}
	.footer_home .f_cr p{font-size: 14px;}
}