/*1920px*/
body{
	font-family: 'Nunito Sans', sans-serif; 
	color: #2C2C2C;
	font-size: 16px;
	background-color: white;
}
.heading01{
	font-weight: bold;
	text-align: center;
	font-size: 40px;
	font-family: 'Inter', sans-serif;
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	margin-bottom: 24px;
}
h1{
	font-size: 56px;
}
h2{
	font-size: 40px;
}
h3{
	font-size: 32px;
}
h4{
	font-size: 24px;
}
h5{
	font-size: 18px;
}
/*navbar*/
header {
    background: #673AB7;
    width: 100%;
    float: left;
    /*box-shadow: 0px 0px 15px #777;*/
    height: 80px;
}
.wrapper {
    max-width: 1200px;
    padding: 0px 20px;
    margin: auto;
}
.logo {
    float: left;
    margin: 15px 0px;
    max-width: 70px;
    overflow: inherit;
}
.logo img{
    max-width: 100%;
    object-fit: cover;
}

/*-- Navbar CSS --*/
.nav-menus {
    float: right;
    /*min-height: 100px;*/
    display: flex;
    align-items: center;
}
.nav-menus li {
    list-style: none;
    position: relative;
    padding: 30px 0px;
    transition: 0.2s all;
}
.nav-menus a {
    color: #F0F0F0;;
    position: relative;
    font-size: 17px;
    text-decoration: none;
    padding: 15px 12px;
    z-index: 1;
}
.nav-menus li:hover {
    color: #fff;
    text-shadow: 0px 0px 1.5px #fff;
}
.nav-menus a:after {
    content: "";
    width: 100%;
    height: 0px;
    /*background-color: #5a30a5;*/
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 4px;
    transition: 0.5s;
    z-index: -1;
}
.nav-menus li:hover > a:after{
    height: 100%;
}
.nav-menus i{
    margin-right: 8px;
    font-size: 16px;
}
.toggle-btn{
    float: right;
    height: 90px;
    line-height: 90px;
    color: #fff;
    font-size: 26px;
    display: none !important;
    cursor: pointer;
}
.nav-menus.active{
    display: block;
}

/*-- Sub Menus CSS--*/
.sub-menus ul {
    position: absolute;
    top: 80px;
    background-color: #fff;
    padding: 5px 0px;
    min-width: 270px;
    box-shadow: 0px 0px 8px rgba(99, 99, 99, .25);
    border-radius: 4px;
    display: none;
    z-index: 9999;
}
.sub-menus:hover ul {
    display: block;
}
.sub-menus ul li {
    padding: 5px 0px;
}
.sub-menus ul li a {
    padding: 8px 10px;
    display: block;
    color: #5a30a5;
    transition: 0.5s all;
}
.sub-menus ul li:hover a {
    color: #5a30a5;
    background-color: #F0F0FC !important;
}
.sub-menus ul::before {
    content: "";
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    top: -9px;
}

/*-- Responsive Menus Bar CSS--*/
@media (max-width:1024px) {
.toggle-btn{
    display: block !important;
    margin-top: 25px;
}
.nav-menus {
    position: absolute;
    width: 100%;
    background: #5A30A5;
    top: 100px;
    right: 0;
    display: none;
    padding: 0px 15px;
    box-sizing: border-box;
    z-index: 9999;
}
.nav-menus::before{
    content: "";
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #4e2890;
    position: absolute;
    top: -10px;
    right: 10px;
}
.sub-menus ul {
    position: static;
}
.sub-menus ul::before {
    display: none;
}
.nav-menus li {
    padding: 0px;
}
.nav-menus li a {
    display: block;
    margin: 15px 0px;
}
}
/*end_navbar*/

/*begin_footer*/
.footer00{
	background-color: #F0F0FC;
	padding: 0px;
	margin-top: 96px;
}
.footer_box{
	padding: 56px 0px 4px 0px;
}
.footer_box .row{
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.logo_color{
	width: 70px;
	overflow: hidden;
	display: inline-block;
}
.logo_color img{
	width: 100%;
	object-fit: cover;
}
.footer00 div div{
	margin-bottom: 8px;
}
.icon_box{
	display: flex;
	margin-left: auto;
	margin-right: auto;
}
.icon_box div{
	width: 45px;
	height: 45px;
	border-radius: 100px;
	padding-top: 12px;
	text-align: center;
	color: white;
	background-color: #C4C3FC;
	margin-right: 16px;
}
.footer_box a{
	display: block;
	margin-bottom: 8px;
}
.footer_box a:link, .footer_box a:visited{
	text-decoration: none;
	color: #202020 !important;
}
@media only screen and (max-width:991px){
	.footer_box{
		text-align: center;
	}
	.icon_box{
		width: 170px;
		margin: 0px auto;
	}
	.icon_box div:last-child{
		margin-right: 0px;
	}
}
/*end_footer*/
/*begin_top_banner*/
.top_banner{
	width: 100%;
	overflow: hidden;
	position: relative;
	padding: 0px;
}
.top_banner img{
	width: 100%;
	object-fit: cover;
}
.container_content{
	width: 40%;
	position: absolute;
	top: 250px;
	left: 200px;
	color: white;
}
.container_content h1{
	font-weight: bold;
	line-height: 70px;
	font-size: 60px;
}
.sub_title{
	font-weight: bold;
	font-size: 24px;
}
.cta_hot{
	margin-top: 66px;
	padding: 15px 45px;
	color: white;
	background-color: #FFC500;
	border-radius: 100px;
	float: left;
	transition: .4s ease;
	font-weight: 500;
}
.cta_hot:hover{
	text-decoration: none;
	color: white;
	box-shadow: 3px 3px 6px rgba(0, 0, 0, .2);
}
/*end_top_banner*/
/*begin_giaiphap*/
.strength{
	margin-top: 150px;
}
.strength .row{
	margin-top: 50px;
}
.feature{
	width: 65%;
	margin: 96px auto 64px auto;
	text-align: center;
}
.feature h1{
	font-weight: bold;
	margin-bottom: 24px;
}
.feature_item{
	box-shadow: 0px 0px 40px rgba(60,40,177,.1);
	text-align: center;
	padding: 55px 30px 32px 30px;
	border-radius: 16px;
	margin-bottom: 32px;
	/*height: 560px;*/
	position: relative;
	transition: .7s all;
}
.feature_item:hover{
	transform: scale(1.07);
	box-shadow: 0px 0px 50px rgba(60,40,177,.2);
	cursor: pointer;
}
.feature_item h5{
	font-weight: bold;
}
.feature_item .text1366{
	display: none;
}
.feature_img{
	width: 35%;
	overflow: hidden;
	margin: 56px auto 50px auto;
}
.feature_img img{
	width: 100%;
	color: #C265CF;
}
.cta_secondary:link, .cta_secondary:visited{
	padding: 14px 0px;
	border-radius: 8px;
	color: white;
	background-color: #6848E7;
	text-decoration: none;
	display: block;
	transition: all .25s;
}
.cta_secondary:hover, .cta_secondary:focus{
	box-shadow: 0 0.5em 0.5em -0.4em rgba(32, 10, 112, .5);
  transform: translateY(-0.25em);
}
/*end_giaiphap*/

/*begin_intro_vclick*/
.intro_01{
	display: flex;
	justify-content: space-between;
	margin-top: 150px;
}
.bold_text{
	font-weight: bold;
	margin-bottom: 8px;
}
.orange_text{
color: #FF8968;
}
.intro_text h2{
	margin-bottom: 32px;
	font-weight: bold; 
}
.intro_text02{
	display: flex;
	justify-content: space-between;
	margin-top: 40px ;
}
.partner{
	width: 45%;
}
.intro_img{
	overflow: hidden;
}
.intro_img img{
	width: 100%;
	object-fit: cover;
}
.img_hover img{
	transition: .6s ease-in-out;
}
.img_hover:hover img{
	transform: scale(1.1);
}
.carousel-inner .carousel-item:hover{
	cursor: pointer;
}
/*end_intro_vclick*/
	.container-fluid.highlight{
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 0px;
}
.highlight img{
	width: 100%;
	object-fit: cover;
}
.highlight_text{
	margin-top: -400px;
	margin-bottom: 370px;
	font-size: 32px;
	font-weight: 600;
	color: white;
	text-align: center;
}
.text_991{
	display: none;
}
.dashboard_box{
	margin: 30px auto 100px auto;
}
.dashboard{
	margin-top: 150px;
}
.center_text{
	text-align: center;
}
.carousel-inner{
	box-shadow: 4px 20px 30px rgba(0, 0, 0, .08);
	border-radius: 16px;
}
.carousel-control-next-icon {
    background-image: url('../pics/next.png');
    margin-right: -100px;
}
.carousel-control-next {
    right: -100px;
}
.carousel-control-prev-icon {
    background-image: url('../pics/back.png');
    margin-left: -100px;
}
.carousel-control-prev {
    left: -100px;
}
/*begin_container_process*/
.process_item{
	display: flex;
	margin-bottom: 32px;
	padding: 0px;
}
.dashboard .heading01{
	margin-bottom: 32px;
}
.process{
	margin-top: 0px;
}
.process p:last-child{
	margin-bottom: 40px;
}
.step{
	width: 165px;
	height: 165px;
	border-radius: 8px;
	box-shadow: 0px 0px 10px rgba(60,40,177,.15);
	margin-right: 16px;
	padding: 24px;
	text-align: center;
	font-weight: bold;
	font-family: 'Inter', sans-serif;
	transition: 1s ease-in-out;
	position: relative;
}
.step h5{
	color: #FF8968;
	transition: 1s ease-in-out;
}
.step  i{
	color: #2A2A7C;
	font-size: 48px;
	margin-top: 20px;
	transition: 1s ease-in-out;
}
svg {
  position: absolute;
  left: 0;
  top: 0;
  fill: none;
  stroke: #fff;
  stroke-dasharray: 150 480;
  stroke-dashoffset: 150;
  transition: 1s ease-in-out;
  border-radius: 8px;
}

.step:hover {
  transition: 1s ease-in-out;
  background-color: #6848E7;
}
.step:hover h5, .step:hover i{
	color: white;
}
.step:hover svg {
  stroke-dashoffset: -380;
}
.step_content h4{
	font-weight: bold;
	font-family: 'Inter', sans-serif;
	color: #4A2A73;
}
.step_content{
	padding: 23px 41px;
	background-color: #F8F8FD;
	border-radius: 8px;
}
@media only screen and (min-width:1200px) {
.step_content{
	width: 340px;
	height: 165px;
}
}
@media only screen and (min-width:641px) and (max-width:1199px) {
	.step_content{
		width: 65%;
	}
}
.top_mg{
	margin-top: 100px;
}
/*end_container_process*/

/*begin_testimonial*/
@media only screen and (min-width:900px) {
	.testimonial_item{
		height: 430px;
	}
}
@media only screen and (min-width:1200px) {
	.testimonial_item{
		height: 670px;
	}
}
@media only screen and (min-width:1440px) {
	.testimonial_item{
		height: 600px;
	}
}
@media only screen and (min-width:1600px) {
	.testimonial_item{
		height: 570px;
	}
}
.testimonial_item{
	border-radius: 8px;
	background-color: #F8F8FD;
	text-align: center;
	box-shadow: 0px 0px 20px rgba(60,40,177,.25);
	margin-bottom: 32px;
}
.item_header{
	width: 100%;
	background-image: linear-gradient(90deg, #B66AD7,#4C2FB4);
	border-radius: 8px 8px 0px 0px;
	height: 85px;
	color: transparent;
}
.testimonial_item i{
	color: #FFC500;
}
.testimonial_bigbox{
	padding: 0px 120px;
}
.padding_box{
	padding: 0px 30px 32px 0px;
}
/*end_testimonial*/
/*begin_contact*/
.contact{
	margin-top: 50px;
}
.contact .row{
	margin-top: 50px !important;
}
.contact_img{
	width: 80%;
	overflow: hidden;
	margin: 0px auto;
}
.contact_img img{
	width: 100%;
	object-fit: cover;
}
button[type="submit"]{
	transition: all .3s;
}
button[type="submit"]:hover, button[type="submit"]:focus{
	box-shadow: 0 0.5em 0.5em -0.4em rgba(32, 10, 112, .5);
  transform: translateY(-0.25em);
  box-shadow: ;
}
/*end_contact*/

/*customized*/
.form-control {
    background-color: #F0F0FC;
    border: none;
}
textarea {
    resize: none;
    /*width: 541px;*/
    width: 100%;
}
input, button, select, optgroup, textarea {
    border: none;
    background-color: #F0F0FC;
    padding: 0.375rem 0.75rem;
    box-sizing: content-box;
    border-radius: 6px;
    color: #495057;
}
input, button, select, optgroup, textarea:focus{
    outline: none !important;
}
.btn_contact{
	background-color: #6848E7;
	height: 40px;
	border-radius: 6px;
	color: white;
	float: right;
	width: 150px;
	margin-right: -24px;
	margin-top: 16px;
}

/*top_slider*/
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.slider__navi {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  z-index: 999;
}

.slider__navi a {
  display: block;
  height: 20px;
  width: 20px;
  margin: 20px 0;
  border-radius: 100px;
  text-indent: -9999px;
  box-shadow: none;
  border: none;
  background: rgba(0,0,0,0.2);
}

.slider__navi a.active {
  background: rgba(255,255,255,1);
}
.slider__warpper {
  position: relative;
  font-size: 100%;
  font-weight: 400;
  min-height: 100vh;
  /*height: 900px;*/
  top: 80px;
}

.flex__container {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  flex-flow: row wrap; 
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  height: 100vh;
  width: 100%;
  z-index: 1;
}

.flex__container.flex--active {
  z-index: 2;
}

.text--sub {
  font-size: 12px;
  letter-spacing: 0.35rem;
  text-transform: uppercase;
  margin-bottom: 40px;
}

.text--big {
	font-family: 'Inter', sans-serif;
	font-size: 3.1em;
  font-weight: 900;
  line-height: 3.7rem;
  margin-left: -8px;
  letter-spacing: 0.1rem;
}

.text--normal {
	font-family: 'Montserrat Alternates', sans-serif;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 22px;
  margin-top: 25px;
}

.text__background {
  font-family: 'Inter', sans-serif;
  position: absolute;
  left: 72px;
  bottom: -60px;
  color: rgba(0,0,0,0.03);
  font-size: 170px;
  font-weight: 700;
}

.flex__item {
  height: 100vh;
  color: #fff;
  transition: transform 0.1s linear;
}

.flex__item--left {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  width: 65%;
  transform-origin: left bottom;
  transition: transform 0.1s linear 0.4s;
  opacity: 0;
  position: relative;
  overflow: hidden;
}

.flex__item--right {
  width: 35%;
  transform-origin: right center;
  transition: transform 0.1s linear 0s;
  opacity: 0;
}

.flex--preStart .flex__item--left,
.flex--preStart .flex__item--right,
.flex--active .flex__item--left,
.flex--active .flex__item--right {
  opacity: 1;
}

/* Piplup */
.flex--piplup .flex__item--left {
  background:#8AC4D0;
}

.flex--piplup .flex__item--right {
  background: rgba(242,245,255,1);
}
/* animate */

.flex--animate .flex__item--left {
  background: #9155CB;
}

.flex--animate .flex__item--right {
  background: #DFCAE9;
}

/* Blaziken */
.flex--blaziken .flex__item--left {
  background: #B8B5FF;
}

.flex--blaziken .flex__item--right {
  background: #EDEEF7;
}

.flex__content {
  margin-left: 80px;
  width: 55%;
  opacity: 1;
  transform: translate3d(0,0,0);
  transition: transform 0.2s linear 0.2s, opacity 0.1s linear 0.2s;
}

.pokemon__img {
  position: absolute;
  bottom: 0px;
  right: 14%;
  max-height: 45vw;
  opacity: 1;
  transform: translate3d(0,0,0);
  transition: opacity 0.43s 0.6s, transform 0.4s 0.65s cubic-bezier(0, 0.88, 0.4, 0.93);
  overflow: hidden;
}
.pokemon__img img{
	width: 100%;
	object-fit: cover;
}
@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
     }
}
/* Animate-START point */

.flex__container.animate--start .flex__content {
  transform: translate3d(0,-200%,0);
  opacity: 0;
}

.flex__container.animate--start .pokemon__img {
  transform: translate3d(-200px,0,0);
  opacity: 0;
}

/* Animate-END point */

.flex__container.animate--end .flex__item--left {
  transform: scaleY(0);
}

.flex__container.animate--end .flex__item--right {
  transform: scaleX(0);
}

.flex__container.animate--end .flex__content {
  transform: translate3d(0,200%,0);
  opacity: 0;
}

.flex__container.animate--end .pokemon__img {
  transform: translate3d(200px,0,0);
  opacity: 0;
}
/*end_top_slider*/

/*begin_subscribe*/
.subscribe{
	margin-top: 100px;
}
.signup{
	padding: 19px 45px;
	color: white;
	background-color: #6848E7;
	border-radius: 6px;
	font-weight: bold;
	transition: .4s all;
	margin-top: 15px;
	float: right;
}
.signup:hover{
	text-decoration: none;
	color: white;
	background-color: #FFC500;
	transform: translateY(-5px);
	box-shadow: 1px 1px 10px rgba(60, 40, 177, 0.25);
}
/*end_subscribe*/
/*end_1920px*/
/*------------------------------------------*/
/*1600*/
@media only screen and (max-width: 1600px){
.slider__warpper{
	min-height: 800px !important;
}
.slider__navi {
  top: 60%;
  right: 20px;
}
.slider__warpper {
  min-height: 800px !important;
}

.flex__container {
  height:800px;
}
.text--sub {
  font-size: 12px;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.text--big {
	font-size: 3.0em;
  margin-left: -8px;
}

.text--normal {
  font-size: 13px;
  line-height: 22px;
  margin-top: 25px;
}

.text__background {
  left: 72px;
  bottom: -60px;
  font-size: 170px;
}

.flex__item {
  height: 800px;
}

.flex__item--left {
  width: 65%;
}

.flex__item--right {
  width: 35%;
}
.pokemon__img {
  right: 10%;
}
.pokemon__img img{
	width: 100%;
}
.dashboard .heading01{
	margin-bottom: 32px;
}
.process{
	margin-top: 0px;
}
.process p:last-child{
	margin-bottom: 30px;
}
/*.strength{
	margin-top: -30px;
}*/
.dashboard{
	margin-top: 100px;
}
}
/*end_1600*/
/*------------------------------------------*/
/*1440px*/
@media only screen and (max-width: 1440px){
	.strength{
	margin-top: 200px !important;
}
.highlight_text{
	margin-top:  -320px;
}
.text--sub {
  letter-spacing: 0.2rem;
}
.text--big {
	font-size: 2.7em;
  margin-left: -8px;
}
.text__background {
  left: 72px;
  bottom: -60px;
  font-size: 150px;
}
.pokemon__img {
  bottom: 0px;
  right: 9%;
}
.process{
	margin-top: -100px;
}
.strength{
	margin-top: 100px;
}
}
/*end_1440px*/
/*1366px*/
@media only screen and (max-width: 1366px) {
	.slider__warpper{
	min-height: 700px !important;
}
.text--sub {
  font-size: 12px;
  letter-spacing: 0.1rem;
  margin-bottom: 10px;
  margin-top: 0px;
}
.text--big {
  font-size: 2.4em;
  font-weight: 800;
}
.pokemon__img{
	bottom: 0px;
}
.strength{
	padding: 0px 68px;
}
.feature_item h5{
	font-size: 18px;
}
.feature_item .text1366{
	display: block;
}
.feature_item .text1920{
	display: none;
}
.cta_secondary:link, .cta_secondary:visited{
	text-decoration: none;
	display: block;
	transition: all .25s;
}
.highlight_text{
	margin-top:  -290px;
	font-size: 24px;
	font-weight: 600;
	color: white;
	text-align: center;
}
	.testimonial_bigbox{
	padding: 0px 60px;
}
.padding_box{
	padding: 0px 20px;
}
.contact_img{
	width: 80%;
}
.process{
	margin-top: -50px;
}
.strength{
	margin-top: 250px !important;
}
}
/*end_1366px*/
/*-------------------------------------------------------------------*/
/*1280*/
@media only screen and (max-width: 1280px){
	.logo img{
		margin-top: 13px;
	}
.text--sub {
  font-size: 12px;
  letter-spacing: 0.1rem;
  margin-bottom: 10px;
  margin-top: 50px;
}
.text--big {
  font-size: 2.2rem;
}
.text__background {
  left: 72px;
  bottom: -40px;
  font-size: 130px;
}
.slider__warpper{
	height: 700px !important;
}
.slider__navi {
  top: 60%;
  right: 20px;
}
.slider__warpper {
  height: 700px;
}

.flex__container {
  height:700px;
}
.flex__item {
  height: 700px;
}
.pokemon__img{
	bottom: 0px;
}
.logo{
	margin-top: 0px;
}
.intro_img{
	width: 80%;
	margin: 50px auto 0px auto;
}
.step_content{
	width: 60%;
}
.carousel-control-next {
    right: 0px;
}
.carousel-control-prev {
    left: 0px;
}
.strength{
	margin-top: 150px !important;
}
.step_content{
	width: 69%;
}
}
/*end_1280*/
/*-------------------------------------------------------------------*/
/*1200*/
@media only screen and (max-width: 1200px){
	.step_content{
		width: 80%;
	}
	.feature_item{
		padding: 30px 20px;
	}
	.text--big {
  /*font-size: 1.9rem;*/
  line-height: 2.5rem;
}
}
/*end_1200*/
/*1024*/
@media only screen and (max-width: 1024px){
	.text--big {
  font-size: 2em;
  font-weight: 800;
  line-height: 45px;
}
.text--sub {
  font-size: 12px;
  letter-spacing: 0.1rem;
  margin-bottom: 10px;
  margin-top: -40px;
}
	.text__background {
  left: 72px;
  bottom: -40px;
  font-size: 100px;
}
.pokemon__img{
	bottom: 150px;
}
.feature_item{
	height: auto;
	padding-top: 32px;
}
.feature_img{
	margin: 30px auto;
}
.feature_item p{
	display: none !important;
}
.highlight_text{
	margin-top: -230px;
}
.carousel-control-next {
    right: 0px;
}
.carousel-control-prev {
    left: 0px;
}
.intro_01{
	margin-top: 70px;
}
.dashboard .heading01{
	margin-bottom: 32px;
}
.process{
	margin-top: -100px;
}
.process p:last-child{
	margin-bottom: 30px;
}
}
/*end_1024*/
/*-----------------------------------------------------*/
/*1199*/
@media only screen and (max-width: 991px){
.step_content{
	width: 75%;
}
.contact{
	margin-top: 50px;
}
.contact div div:first-child{
	display: none;
}
.textnm{
	display: none;
}
.text_991{
	display: block;
}
}
/*end_1199*/
/*-----------------------------------------------------*/
/*800px*/
@media only screen and (max-width: 800px){
	.heading01{
		font-size: 32px;
	}
.flex__content {
  margin-left: 80px;
  width: 100%;
  opacity: 1;
  transform: translate3d(0,0,0);
  transition: transform 0.2s linear 0.2s, opacity 0.1s linear 0.2s;
}
	.text__background {
  left: 72px;
  bottom: 50px;
  font-size: 80px;
}
.text--sub{
	margin-top: -100px;
}
.pokemon__img{
	max-height: 40vw;
	bottom: 0px;
}
.cta_hot{
	margin-top: 0px;
}
.feature_item{
	height: auto;
}
.dashboard_box{
	padding: 0px 50px;
}
.carousel-control-next-icon {
    background-image: url('../pics/next.png');
    margin-right: -100px;
}
.carousel-control-next {
    right: -15px;
}
.carousel-control-prev-icon {
    background-image: url('../pics/back.png');
    margin-left: -100px;
}
.carousel-control-prev {
    left: -15px;
}
.highlight_text{
	font-size: 22px;
	margin-top: -200px;
	margin-bottom: 200px;
}
.step_content{
	width: 75%;
}
.feature{
	width: 75%;
}
.step_content{
	width: 72%;
	padding-bottom: 0px;
}
.process{
	margin-top: 0px;
}
}
/*end_800px*/
/*--------------------------------------------*/
/*768px*/
@media only screen and (max-width: 768px) {
.step_content{
	width: 68%;
	padding-bottom: 0px;
}
}
/*end_768px*/
/*--------------------------------------------*/
/*640px*/
@media only screen and (min-width: 641px){
  .mobile { 
  	display: none; 
  }
  .mobile_02{
		display: none;
	}
	.desktop{
		display: block;
	}
}
@media only screen and (max-width: 640px) {
	.desktop{
	display: none;
}
  .mobile { 
  	display: block; 
  }
	.mobile_02{
		display: block;
	}
.mobile{
	font-size: 14px;
}
h1, h2, h3, h4, h5{
	font-weight: bold;
}
.bottom_mg{
	margin-bottom: 36px;
}
.width75{
	width: 75%;
}
.logo{
	width: 70px;
	height: 70px;
	overflow: hidden;
	margin-top: 0px;
	margin-left: 0px;
}
.logo img{
	width: 100%;
	object-fit: cover;
	margin-top: 0px;
}
/*navigation*/
.logo{
	width: 70px;
	height: 70px;
	overflow: hidden;
	margin-top: 15px;
}
.logo img{
	width: 100%;
	object-fit: cover;
}
.menu_bar{
	height: 78px;
}
.menu_bar .collapse li{
	margin-right: 24px;
}
.menu_bar .dropdown{
	display: inline-block;
	position: relative;
}
.menu_bar .dropdown .dropdown_item{
	position: absolute;
	display: none;
	text-align: left;
	background-color: white;
	float: left;
	padding: 24px;
	width: 300px;
	border-radius: 8px;
	box-shadow: 0px 0px 40px rgba(60,40,177,.2);
}
.menu_bar .dropdown .dropdown_item a:link, 
.menu_bar .dropdown .dropdown_item a:visited{
	display: block;
	text-decoration: none;
	margin-bottom: 8px;
	color: #202020;
}
.menu_bar .dropdown .dropdown_item a:hover{
	display: block;
	color:  #FF8968;
	font-weight: bold;
}
.menu_bar .dropdown:hover .dropdown_item{
	display: block !important;
	z-index: 2000;
}
.nav-item a:link, .nav-item a:visited{
	transition: .2s all;
}
.nav-item a:hover{
	padding: 7px 20px !important;
	border-radius: 100px;
	background-color: #6848E7;
	color: white !important;
}
/*end_navigation*/
.strength{
	margin-top: -350px;
}
.dashboard_box{
	margin: 40px auto 20px auto;
	padding:  0px 24px;
}
.carousel-control-next-icon {
    background-image: url('../pics/next.png');
    margin-right: -30px;
}
.carousel-control-next {
    right: 15px;
}
.carousel-control-prev-icon {
    background-image: url('../pics/back.png');
    margin-left: -30px;
}
.carousel-control-prev {
    left: 15px;
}
.navbar-dark .navbar-toggler-icon {
    background-image: url(../pics/toggle.png);
    margin-top: -5px;
}
.container_content{
	width: 60%;
	position: absolute;
	top: 25%;
	left: 7%;
	color: white;
}
.container_content h5{
	line-height: 32px;
}
.cta_hot{
	margin-top: 6px;
	padding: 5px 15px;
}

.feature{
	width: 90%;
	margin: 88px auto 56px auto;
	text-align: center;
}
.feature_item{
	width: 100%;
	box-shadow: 0px 0px 40px rgba(60,40,177,.1);
	text-align: center;
	padding: 40px 40px 32px 40px;
	border-radius: 8px;
	margin-bottom: 24px;
}
.mobile h5{
	font-size: 20px;
	line-height: 30px;
}
.intro_text{
	width: 100%;
	margin-top: 40px;
}
.intro_img{
	width: 100%;
	margin-top: 24px;
	overflow: hidden;
}
.intro_img img{
	width: 100%;
	object-fit: cover;
}
.intro_text02{
	display: flex;
	margin-top: 40px;
}
.partner{
	margin-right: 24px;
	width: 50%;
}
.product{
	width: 50%;
}
.step_content{
	width: 100% !important;
	height: auto;
	padding: 23px 41px;
	background-color: #F8F8FD;
	border-radius: 8px;
	margin-bottom: 24px;
}
.highlight_text{
	  font-size: 14px;
    font-weight: 600;
    color: white;
    text-align: center;
    line-height: 20px;
    position: absolute;
    top: 330px;
    left: 7%;
}
.center_bold{
	font-weight: bold;
	font-family: 'Inter', sans-serif; 
	text-align: center;
	font-size: 16px;
	color: #2A2A7C;
}
.testimonial_item{
	border-radius: 8px;
	background-color: #F8F8FD;
	text-align: center;
	box-shadow: 0px 0px 20px rgba(60,40,177,.25);
	padding: 0px;
	height: auto;
	margin-bottom: 24px;
}
.item_header{
	width: 100%;
	background-image: linear-gradient(90deg, #B66AD7,#4C2FB4);
	border-radius: 8px 8px 0px 0px;
	height: 50px;
	color: transparent;
}
.testimonial_item i{
	color: #FFC500;
}
.contact_img{
	width: 80%;
	margin-bottom: 32px !important;
	margin-left: auto;
	margin-right: auto;
}
input{
	width: 94%;
}
.btn_contact{
	height: 25px;
	width: 100px;
	margin-right: -2px;
	margin-top: 24px;
}
.form-control {
    width: 95%;
}
input,
input::-webkit-input-placeholder {
    font-size: 14px;
    width: 100%;
} 
.container-fluid.highlight{
	position: relative;
	width: 100%;
	overflow: hidden;
	padding: 0px;
}
.highlight img{
	width: 100%;
	object-fit: cover;
}
.btn_contact{
	margin-right: 0px;
}
/*top_slider*/
.slider__navi {
  position: absolute;
  top: 40% !important;
  right: 20px;
}
.slider__navi a {
  display: block;
  height: 20px;
  width: 20px;
  border-radius: 100px;
  margin: 20px 0;
  text-indent: -9999px;
  background: rgba(0,0,0,0.2);
}
.slider__warpper {
  font-size: 100%;
  font-weight: 400;
  min-height: 600px !important;
}
.flex__container {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
.flex__container.flex--active {
  z-index: 2;
}
.text--sub {
  font-size: 12px;
  letter-spacing: 0rem;
  margin-bottom: 20px;
  margin-top: -100px;
}
.pokemon__img{
	display: block;
	width: 45vw;
	bottom: -100px;
}
.flex__item {
  height:  500px;
}
.slider__navi {
  top: 60%;
  right: 20px;
}

.flex__container {
  height:500px;
}
.flex__item--left {
  width:  100%;
}
.flex__content {
  margin-left:  auto;
  margin-right: auto;
  width:  80%;
  opacity: 1;
}
.strength{
	margin-top: 0px !important;
}
.dashboard_box{
	margin-bottom: 50px;
}
}
/*end_top_slider*/
/*end_640px*/

/*575*/
@media only screen and (max-width: 575px) {
.highlight_text{
	  font-size: 14px;
    font-weight: 600;
    color: white;
    text-align: center;
    line-height: 20px;
    position: absolute;
    top: 310px;
    left: 8%;
    width: 85%;
}
}
/*end_575*/

/*414px*/
@media only screen and (max-width: 414px) {
h1, h2, h3, h4, h5{
	font-size: 20px !important;
}
h5{
	font-size: 16px !important;
	line-height: 25px !important;
}
.text--big {
	font-size: 1.7rem !important;
  line-height: 2.3rem;
}
.flex__container{
	overflow: inherit;
}
/*.slider__warpper{
	margin-bottom: -250px;
}*/
.pokemon__img{
	bottom: -10px;
	width: 47vw;
}

.text__background{
	bottom: 90px;
	left: 40px;
}
.highlight_text{
	font-size: 13px;
  margin-top: -110px;
  margin-bottom: 50px;
}
.slider__navi {
  position: absolute;
  top: 60%;
  right: 20px;
}
.slider__navi a {
  display: block;
  height: 10px;
  width: 10px;
  border-radius: 100px;
  margin: 16px 0;
}
}
/*end_414px*/

@media only screen and (max-width: 320px) {
h4{
	font-size: 18px;
}
.highlight_text{
	top: 175px;
}
.highlight img{
	width: 150%;
	object-position: center;
}
.text--sub{
	display: none;
}
.step_content{
	padding: 15px 20px;
}
.strength{
	padding: 24px;
	margin-top: -80px !important;
}
.feature_item{
	padding: 20px;
}
}