.edit_here
{
	/* TODO:edit here */

}

.platform_bg
{
	width: 100% !important;
	height: auto !important;
	padding: 0 5vw 3vh 5vw !important;
}

@media screen and (max-width: 1200px)
{
	.platform_bg
	{
		height: auto !important;
	}
}

@media screen and (max-width: 835px)
{
	.platform_bg
	{
		height: auto !important;
		padding: 0 5vw !important;
	}
}

@media screen and (max-width: 480px)
{
	.platform_bg
	{
		
	}
}

.platform_h1_font
{
	font-size: 54px !important;
	font-weight: 700 !important;
	color: black !important;
	position: relative !important;
	display: block !important;
	text-align: left !important;
	margin-bottom: 20px !important;
	/* margin: 40px auto !important; */
		/* padding: 100px 5vw !important; */
		word-break: keep-all !important;
white-space: normal !important;
}

@media screen and (max-width: 1024px)
{
	.platform_h1_font
	{
		font-size: 36px !important;
	}
}

@media screen and (max-width: 750px)
{
	.platform_h1_font
	{
		font-size: 36px !important;
	}
}

@media screen and (max-width: 500px)
{
	.platform_h1_font
	{
		font-size: 24px !important;
		margin-bottom: 10px !important;
	}
}

.platform_common_container
{
	position: relative !important;
	display: block !important;
	width: 100% !important;
	height: auto !important;
	padding-top: 150px !important;
}

@media screen and (max-width: 1050px)
{
	.platform_common_container
	{
		padding-top: 105px !important;
	}
}

.platform_h1_1_font
{
	position: relative !important;
	display: block !important;
	width: 100% !important;
	height: auto !important;
	text-align: left !important;
	font-size: 24px !important;
	font-weight: 500 !important;
	color: #b8b8b8 !important;
	margin-bottom: 20px !important;
	word-break: keep-all !important;
white-space: normal !important;
}

@media screen and (max-width: 1024px)
{
	.platform_h1_1_font
	{
		font-size: 20px !important;
	}
}

@media screen and (max-width: 750px)
{
	.platform_h1_1_font
	{
		font-size: 20px !important;
	}
}

@media screen and (max-width: 500px)
{
	.platform_h1_1_font
	{
		font-size: 16px !important;
		margin-bottom: 10px !important;
	}
}

.platform_hero_img
{
	position: relative !important;
	display: block !important;
	width: 100% !important;
	height: 600px !important;
	border-radius: 100px !important;
	background-size: cover !important;
	background-position: center !important;
	padding: 80px !important;
}

@media screen and (max-width: 1050px)
{
	.platform_hero_img
	{
		border-radius: 40px !important;
		padding: 40px !important;
		height: 400px !important;
	}
}

@media screen and (max-width: 818px)
{
	.platform_hero_img
	{
		border-radius: 20px !important;
		padding: 40px !important;
		height: 355px !important;
	}
}

@media screen and (max-width: 500px)
{
	.platform_hero_img
	{
		height: 290px !important;
	}
}

.platform_toggle_view
{
	background-color: #ffffff !important;
	width: 285px !important;
	height: 52px !important;
	position: relative !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	border-radius: 100px !important;
	margin: 0 auto !important;
}

@media screen and (max-width: 1024px)
{
	.platform_toggle_view
	{
		width: 207px !important;
		height: 40px !important;
	}
}

@media screen and (max-width: 750px)
{
	.platform_toggle_view
	{
		width: 207px !important;
		height: 40px !important;
	}
}

@media screen and (max-width: 500px)
{
	.platform_toggle_view
	{
		width: 177px !important;
		height: 37px !important;
	}
}

.platform_toggle_L
{
	width: 133px !important;
	height: 36px !important;
	font-size: 24px !important;
	line-height: 36px !important;
	color: #ffffff !important;
	background-color: black !important;
}

@media screen and (max-width: 1024px)
{
	.platform_toggle_L
	{
		width: 95px !important;
		height: 26px !important;
		font-size: 18px !important;
		line-height: 26px !important;
	}
}

@media screen and (max-width: 750px)
{
	.platform_toggle_L
	{
		width: 95px !important;
		height: 26px !important;
		font-size: 17px !important;
		line-height: 26px !important;
	}
}

@media screen and (max-width: 500px)
{
	.platform_toggle_L
	{
		width: 80px !important;
		height: 23px !important;
		font-size: 13px !important;
		line-height: 23px !important;
	}
}

.platform_toggle_R
{
	width: 133px !important;
	height: 36px !important;
	font-size: 24px !important;
	line-height: 36px !important;
	color: #0e0e0e !important;
}

@media screen and (max-width: 1024px)
{
	.platform_toggle_R
	{
		width: 95px !important;
		height: 26px !important;
		font-size: 18px !important;
		line-height: 26px !important;
	}
}

@media screen and (max-width: 750px)
{
	.platform_toggle_R
	{
		width: 95px !important;
		height: 26px !important;
		font-size: 17px !important;
		line-height: 26px !important;
	}
}

@media screen and (max-width: 500px)
{
	.platform_toggle_R
	{
		width: 80px !important;
		height: 23px !important;
		font-size: 13px !important;
		line-height: 23px !important;
	}
}

.platform_hero_h2
{
	font-size: 54px !important;
	font-weight: 600 !important;
	color: white !important;
	max-width: 900px !important;
	display: block !important;
	margin: 40px auto !important;

	word-break: keep-all !important;
	white-space: normal !important;
}

@media screen and (max-width: 1024px)
{
	.platform_hero_h2
	{
		font-size: 36px !important;
		max-width: 680px !important;
	}
}

@media screen and (max-width: 750px)
{
	.platform_hero_h2
	{
		font-size: 36px !important;
		max-width: none !important;
	}
}

@media screen and (max-width: 500px)
{
	.platform_hero_h2
	{
		font-size: 24px !important;
		margin: 28px auto !important;
	}
}

/* @media screen and (max-width: 1200px)
{
	.platform_hero_h2
	{
		font-size: 54px !important;
		max-width: 800px !important;
	}
}

@media screen and (max-width: 835px)
{
	.platform_hero_h2
	{
		font-size: 34px !important;
		max-width: 500px !important;
	}
} */

.platform_hero_h3
{
	position: relative !important;
	display: block !important;
	width: 100% !important;
	height: auto !important;
	font-size: 24px !important;
	color: white
}

@media screen and (max-width: 1528px)
{
	.platform_hero_h3
	{
		font-size: 20px !important;
	}
}

@media screen and (max-width: 1050px)
{
	.platform_hero_h3
	{
		font-size: 14px !important;
	}
}

@media screen and (max-width: 818px)
{
	.platform_hero_h3
	{
		font-size: 11px !important;
	}
}

.overView_text_container
{
	width: 100% !important;
	height: auto !important;
	padding-bottom: 6vh !important;
}

@media screen and (max-width: 750px)
{
    .overView_text_container
    {
    }
}

@media screen and (max-width: 480px)
{
    .overView_text_container
    {
        padding: 1vh 0 !important;
    }
	.overView_text_container1
	{
		padding: 0 5vw !important;
	}
}

.overView_font_h1
{
    width: auto !important;
    height: auto !important;
    position: relative !important;
    display: block !important;
    margin: 0 auto !important;
    text-align: center !important;
    padding: 40px 0 !important;
    font-size: 24px !important;
    font-weight: bold !important;
    color: #7c44fe !important;
}

@media screen and (max-width: 1024px)
{
    .overView_font_h1
    {
        font-size: 20px
    }
}

@media screen and (max-width: 750px)
{
    .overView_font_h1{
        padding: 20px 0 !important;
    }
}

@media screen and (max-width: 500px)
{
    .overView_font_h1{
		font-size: 16px !important;
    }
}

.overView_font_h2
{
    width: 100% !important;
    height: auto !important;
    position: relative !important;
    display: block !important;
    margin: 0 auto !important;
    text-align: center !important;
    font-size: 54px !important;
    font-weight: bold !important;
    max-width: 602px !important;
    padding-bottom: 40px !important;
    transition: all 100ms ease-in-out !important;
	
word-break: keep-all !important;
white-space: normal !important;
}

@media screen and (max-width: 1024px)
{
    .overView_font_h2{
        font-size: 36px !important;
        padding-bottom: 20px !important;
        max-width: 380px !important;
    }
}

@media screen and (max-width: 750px)
{
    .overView_font_h2
    {
        font-size: 36px !important;
    }
}

@media screen and (max-width: 500px)
{
    .overView_font_h2
    {
        font-size: 24px !important;
    }
}

.overView_font_h3
{
    width: 100% !important;
    height: auto !important;
    position: relative !important;
    display: block !important;
    margin: 0 auto !important;
    text-align: center !important;
    font-size: 24px !important;
    max-width: 921px !important;
    padding-bottom: 1.5vh !important;
    color: #666666 !important;
    transition: all 100ms ease-in-out !important;
	
word-break: keep-all !important;
white-space: normal !important;
}

@media screen and (max-width: 1024px)
{
    .overView_font_h3
    {
        font-size: 20px !important;
    }
}

@media screen and (max-width: 500px)
{
    .overView_font_h3
    {
        font-size: 16px !important;
    }
}

@media screen and (max-width: 570px)
{
    /* .overView_font_h3
    {
        padding-bottom: 20px !important;
    } */
}

.overView_diagram
{
    width: 100% !important;
    height: auto !important;
    position: relative !important;
    display: flex !important;
}

@media screen and (max-width : 750px)
{
	.overView_diagram
	{
		height: 500px !important;
		top: 68px !important;
	}
	.overView_diagram_h2_1_L, .overView_diagram_h2_1_R
	{
		margin-top: 19px !important;
	}
}

@media screen and (max-width : 520px)
{
	.overView_diagram
	{
		height: 360px !important;
		top: 58px !important;
	}
}

.overView_diagram_container
{
}

.overView_diagram_line
{
    width: 100% !important;
    height: 1px !important;
    position: absolute !important;
    display: inline-block !important;
    top: 50% !important;
    background-color: #7C43FE !important;
}

.overView_diagram_view
{
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 40px !important;
}

.overView_diagram_inner_view
{
    width: 450px !important;
    height: 450px !important;
    background-color: rgba(215, 203, 241, 30%) !important;
    border-radius: 500px !important;
    border: 1px solid #7F47FD !important;
    padding: 68px !important;
}

@media screen and (max-width: 1321px)
{
    .overView_diagram_inner_view
    {
        width: 400px !important;
        height: 400px !important;
    }
}

@media screen and (max-width: 1150px)
{
    .overView_diagram_inner_view
    {
        width: 338px !important;
        height: 338px !important;
        padding: 48px !important;
    }
}

@media screen and (max-width: 955px)
{
    .overView_diagram_inner_view
    {
        width: 255px !important;
        height: 255px !important;
        padding: 28px !important;
    }
}

/* @media screen and (max-width: 815px)
{
    .overView_diagram_inner_view
    {
        width: 200px !important;
        height: 200px !important;
        padding: 28px !important;
    }
} */

/* @media screen and (max-width: 580px)
{
    .overView_diagram_inner_view
    {
        width: 250px !important;
        height: 250px !important;
    }
} */

@media screen and (max-width: 520px)
{
    .overView_diagram_inner_view
    {
        width: 180px !important;
        height: 180px !important;
    }
}

.overView_diagram_cont_L
{
    width: 450px !important;
    height: 450px !important;
    background-color: #ffffff !important;
    border-radius: 500px !important;
    left: 110px !important;
    /* padding-left: 62px !important;
    padding-right: 62px !important;
    padding-top: 120px !important; */
}

@media screen and (max-width: 1321px)
{
    .overView_diagram_cont_L
    {
        width: 400px !important;
        height: 400px !important;
    }
}

@media screen and (max-width: 1150px)
{
    .overView_diagram_cont_L
    {
        width: 338px !important;
        height: 338px !important;
        padding: 0px !important;
		left: 94px !important;
    }
}

@media screen and (max-width: 955px)
{
    .overView_diagram_cont_L
    {
        width: 255px !important;
        height: 255px !important;
        left: 70px !important;
    }
}

@media screen and (max-width: 750px)
{
    .overView_diagram_cont_L
    {
        left: 181px !important;
    }
}



/* @media screen and (max-width: 815px)
{
    .overView_diagram_cont_L
    {
        width: 200px !important;
        height: 200px !important;
        left: 78px !important;
    }
} */

@media screen and (max-width: 580px)
{
    .overView_diagram_cont_L
    {
        /* width: 250px !important;
        height: 250px !important; */
        left: 181px !important;
    }
	.overView_diagram_h2_1_L
	{
		margin-top: 45px !important;
	}
}

@media screen and (max-width: 520px)
{
    .overView_diagram_cont_L
    {
        width: 180px !important;
        height: 180px !important;
        left: 140px !important;
    }
}

.overView_diagram_cont_C
{
    width: 450px !important;
    height: 450px !important;
    background-color: #ffffff !important;
    border-radius: 500px !important;
}

@media screen and (max-width: 1321px)
{
    .overView_diagram_cont_C
    {
        width: 400px !important;
        height: 400px !important;
    }
}

@media screen and (max-width: 1150px)
{
    .overView_diagram_cont_C
    {
        width: 338px !important;
        height: 338px !important;
        padding: 0px !important;
    }
}

@media screen and (max-width: 955px)
{
    .overView_diagram_cont_C
    {
        width: 255px !important;
        height: 255px !important;
        padding: 0px !important;
    }
}

@media screen and (max-width: 750px)
{
    .overView_diagram_cont_C
    {
        top: -192px !important;
    }
}

/* @media screen and (max-width: 815px)
{
    .overView_diagram_cont_C
    {
        width: 200px !important;
        height: 200px !important;
        padding: 0px !important;
    }
} */

@media screen and (max-width: 580px)
{
    .overView_diagram_cont_C
    {
        /* width: 250px !important;
        height: 250px !important; */
    }
	.overView_diagram_h2_1_C 
	{
		margin-top: 30px !important;
	}
}

@media screen and (max-width: 520px)
{
    .overView_diagram_cont_C
    {
        width: 180px !important;
        height: 180px !important;
		top: -140px !important;
    }
}

.overView_diagram_cont_R
{
    width: 450px !important;
    height: 450px !important;
    background-color: #ffffff !important;
    border-radius: 500px !important;
    left: -94px !important;
}

@media screen and (max-width: 1321px)
{
    .overView_diagram_cont_R
    {
        width: 400px !important;
        height: 400px !important;
    }
}

@media screen and (max-width: 1150px)
{
    .overView_diagram_cont_R
    {
        width: 338px !important;
        height: 338px !important;
        padding: 0px !important;
    }
}

@media screen and (max-width: 955px)
{
    .overView_diagram_cont_R
    {
       width: 255px !important;
        height: 255px !important;
        left: -70px !important;
    }
}

@media screen and (max-width: 750px)
{
    .overView_diagram_cont_R
    {
        left: -180px !important;
    }
}

/* @media screen and (max-width: 815px)
{
    .overView_diagram_cont_R
    {
        width: 200px !important;
        height: 200px !important;
        left: -78px !important;
    }
} */



@media screen and (max-width: 580px)
{
    .overView_diagram_cont_R
    {
        /* width: 250px !important;
        height: 250px !important; */
        left: -180px !important;
    }
	.overView_diagram_h2_1_R
	{
		margin-top: 40px !important;
	}
}

@media screen and (max-width: 520px)
{
    .overView_diagram_cont_R
    {
        width: 180px !important;
        height: 180px !important;
        left: -140px !important;
    }
}

.overView_diagram_h2_1_L
{
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    font-size: 32px !important;
    font-weight: 700 !important; 
    color: #7C44FE !important;
    text-align: left !important;
    padding-left: 50px !important;
    padding-bottom: 20px !important;
    margin-top: 45px !important;
}

@media screen and (max-width: 1321px)
{
    .overView_diagram_h2_1_L
    {
    	padding-left: 40px !important;
		padding-bottom: 12px !important;
		margin-top: 30px !important;
    }
}

@media screen and (max-width: 1150px)
{
    .overView_diagram_h2_1_L
    {
		padding-left: 25px !important;
		margin-top: -3px !important;
    }
}

@media screen and (max-width: 955px)
{
    .overView_diagram_h2_1_L
    {
        font-size: 24px !important;
        margin-top: 4px !important;
    }
}

/* @media screen and (max-width: 955px)
{
    .overView_diagram_h2_1_L
    {
       margin-top: 4px !important;
       
    }
} */

@media screen and (max-width: 815px)
{
    .overView_diagram_h2_1_L
    {
        
    }
}

@media screen and (max-width: 750px)
{
    .overView_diagram_h2_1_L
    {
        font-size: 20px !important;
		margin-top: 11px !important;
    }
}

@media screen and (max-width: 750px)
{
    .overView_diagram_h2_1_L
    {
        font-size: 22px !important;
        padding-bottom: 4px !important;
    }
}

@media screen and (max-width: 520px)
{
    .overView_diagram_h2_1_L
    {
        font-size: 16px !important;
        padding-left: 14px !important;
		margin-top: 0px !important;
    }
}

.overView_diagram_h3_1_L
{
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    text-align: left !important;
    font-size: 24px !important;
    color: #939393 !important;
    padding-right: 68px !important;
}

@media screen and (max-width: 1321px)
{
    .overView_diagram_h3_1_L
    {
        padding-right: 0 !important;
    }
}

@media screen and (max-width: 955px)
{
    .overView_diagram_h3_1_L
    {
        font-size: 18px !important;
    }
}

@media screen and (max-width: 750px)
{
    .overView_diagram_h3_1_L
    {
        font-size: 17px !important;
    }
}

@media screen and (max-width: 520px)
{
    .overView_diagram_h3_1_L
    {
        font-size: 13px !important;
    }
}

/* @media screen and (max-width: 480px)
{
    .overView_diagram_h3_1_L
    {
        font-size: 9px !important;
    }
} */

.overView_diagram_h2_1_C
{
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #7C44FE !important;
    text-align: center !important; 
    padding-bottom: 20px !important;
    margin-top: 45px !important;
}

@media screen and (max-width: 1321px)
{
    .overView_diagram_h2_1_C
    {
    	margin-top: 30px !important;
		padding-bottom: 12px !important;
    }
}

@media screen and (max-width: 1150px)
{
    .overView_diagram_h2_1_C
    {
    	margin-top: -3px !important;
		padding-bottom: 12px !important;
    }
}

@media screen and (max-width: 955px)
{
    .overView_diagram_h2_1_C
    {
        font-size: 24px !important;
		margin-top: 4px !important;
    }
}

/* @media screen and (max-width: 955px)
{
    .overView_diagram_h2_1_C
    {
       margin-top: 4px !important;
       
    }
} */

@media screen and (max-width: 750px)
{
    .overView_diagram_h2_1_C
    {
        font-size: 22px !important;
        padding-bottom: 4px !important;
    }
}

@media screen and (max-width: 520px)
{
    .overView_diagram_h2_1_C
    {
        font-size: 16px !important;
		margin-top: 0px !important;
    }
}

.overView_diagram_h3_1_C
{
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    text-align: center !important;
    font-size: 24px !important;
    color: #939393 !important;
    margin: 0 auto !important;
    max-width: 250px
}

@media screen and (max-width: 1150px)
{
    .overView_diagram_h3_1_C
    {
        max-width: 196px
    }
}

@media screen and (max-width: 955px)
{
    .overView_diagram_h3_1_C
    {
        font-size: 18px !important;
    }
}

@media screen and (max-width: 750px)
{
    .overView_diagram_h3_1_C
    {
        font-size: 17px !important;
    }
}

@media screen and (max-width: 520px)
{
    .overView_diagram_h3_1_C
    {
        font-size: 13px !important;
    }
}

.overView_diagram_h2_1_R
{
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    font-size: 32px !important;
    font-weight: 700 !important; 
    color: #7C44FE !important;
    text-align: right !important;
    padding-right: 50px !important;
    padding-bottom: 20px !important;
    margin-top: 45px !important;
}

@media screen and (max-width: 1321px)
{
    .overView_diagram_h2_1_R
    {
    	padding-right: 40px !important;
		padding-bottom: 12px !important;
		margin-top: 30px !important;
    }
}

@media screen and (max-width: 1150px)
{
    .overView_diagram_h2_1_R
    {
		padding-right: 25px !important;
		margin-top: -3px !important;
    }
}

@media screen and (max-width: 955px)
{
    .overView_diagram_h2_1_R
    {
        font-size: 24px !important;
		margin-top: 4px !important;
    }
}

/* @media screen and (max-width: 955px)
{
    .overView_diagram_h2_1_R
    {
       margin-top: 4px !important;
       
    }
} */

@media screen and (max-width: 750px)
{
    .overView_diagram_h2_1_R
    {
		font-size: 22px !important;
		margin-top: 11px !important;
    }
}

@media screen and (max-width: 520px)
{
    .overView_diagram_h2_1_R
    {
        font-size: 16px !important;
        padding-bottom: 4px !important;
		margin-top: 0px !important;
    }
}

/* @media screen and (max-width: 480px)
{
    .overView_diagram_h2_1_R
    {
        font-size: 12px !important;
        padding-right: 14px !important;
    }
} */

.overView_diagram_h3_1_R
{
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    text-align: right !important;
    font-size: 24px !important;
    color: #939393 !important;
    padding-left: 68px !important;
}

@media screen and (max-width: 1321px)
{
    .overView_diagram_h3_1_R
    {
        padding-left: 0 !important;
    }
}

@media screen and (max-width: 955px)
{
    .overView_diagram_h3_1_R
    {
        font-size: 18px !important;
    }
}

@media screen and (max-width: 750px)
{
    .overView_diagram_h3_1_R
    {
        font-size: 17px !important;
    }
}

@media screen and (max-width: 520px)
{
    .overView_diagram_h3_1_R
    {
        font-size: 13px !important;
    }
}

/* @media screen and (max-width: 480px)
{
    .overView_diagram_h3_1_R
    {
        font-size: 9px !important;
    }
} */

.core_font_h2
{
    width: 100% !important;
    height: auto !important;
    position: relative !important;
    display: block !important;
    margin: 0 auto !important;
    text-align: center !important;
    font-size: 54px !important;
    font-weight: bold !important;
    max-width: 920px !important;
    padding-bottom: 40px !important;
}

@media screen and (max-width: 1024px)
{
    .core_font_h2
    {
        font-size: 36px !important;
        padding-bottom: 20px !important;
    }
}

@media screen and (max-width: 500px)
{
    .core_font_h2
    {
        font-size: 24px !important;
    }
}

.core_bg
{
    width: 100% !important;
	height: auto !important;
	padding: 3vh 3vw !important;
}

@media screen and (max-width: 835px)
{
	.core_bg
	{
		padding: 0vh 3vw 2vh 3vw !important;
	}
	
}

.core_cont_container
{
    width: 100% !important;
    height: 800px !important;
    position: relative !important;
    display: block !important;
}

@media screen and (max-width: 1150px)
{
    .core_cont_container
    {
        height: 550px !important;
    }
}

@media screen and (max-width: 834px)
{
    .core_cont_container
    {
        top: -26px !important;
    }
}

@media screen and (max-width: 700px)
{
    .core_cont_container
    {
        height: 450px !important;
    }
}

@media screen and (max-width: 570px)
{
    .core_cont_container
    {
        height: 350px !important;
    }
}

@media screen and (max-width: 480px)
{
    .core_cont_container
    {
        top: -6px !important;
    }
}

@media screen and (max-width: 470px)
{
    .core_cont_container
    {
        height: 250px !important;
    }
}

@media screen and (max-width: 380px)
{
    .core_cont_container
    {
        scale: 0.95 !important;
    }
}

.core_cont_view
{
    position: relative !important;
    display: block !important;
    width: 750px !important;
    height: 750px !important;
    border-radius: 500px !important;
    background-color: rgba(215, 203, 241, 30%) !important;
    margin: 0 auto !important;
}

@media screen and (max-width: 1150px)
{
    .core_cont_view
    {
        width: 550px !important;
        height: 550px !important;
    }
}

@media screen and (max-width: 700px)
{
    .core_cont_view
    {
        width: 450px !important;
        height: 450px !important;
    }
}

@media screen and (max-width: 570px)
{
    .core_cont_view
    {
        width: 350px !important;
        height: 350px !important;
    }
}

@media screen and (max-width: 470px)
{
    .core_cont_view
    {
        width: 250px !important;
        height: 250px !important;
    }
}

.core_border1
{
    width: 86% !important;
    height: 444px !important;
    position: absolute !important;
    border-radius: 50% / 50% !important;
    top: 50% !important;
    transform: translate(8%, -50%) rotate(30deg) !important;
    border: 2px dashed #7C43FE !important;
    z-index: 99 !important;
}

@media screen and (max-width: 1150px)
{
    .core_border1
    {
        width: 63% !important;
        height: 480px !important;
        transform: translate(29%, -50%) rotate(-55deg) !important;
    }
}

@media screen and (max-width: 700px)
{
    .core_border1
    {
        width: 56% !important;
        height: 372px !important;
        transform: translate(40%, -50%) rotate(-55deg) !important;
    }
}

@media screen and (max-width: 570px)
{
    .core_border1
    {
        width: 65% !important;
        height: 315px !important;
        transform: translate(27%, -50%) rotate(-55deg) !important;
    }
}

@media screen and (max-width: 470px)
{
    .core_border1
    {
        width: 66% !important;
        height: 239px !important;
        transform: translate(26%, -50%) rotate(-55deg) !important;
    }
}

.core_border2
{
    width: 86% !important;
    height: 520px !important;
    position: absolute !important;
    border-radius: 50% / 50% !important;
    top: 50% !important;
    transform: translate(8%, -50%) rotate(-30deg) !important;
    border: 2px dashed #7C43FE !important;
    z-index: 99 !important;
}

@media screen and (max-width: 1150px)
{
    .core_border2
    {
        width: 65% !important;
        height: 474px !important;
        transform: translate(27%, -50%) rotate(54deg) !important;
    }
}

@media screen and (max-width: 700px)
{
    .core_border2
    {
        width: 56% !important;
        height: 372px !important;
        transform: translate(39%, -50%) rotate(54deg) !important;
    }
}

@media screen and (max-width: 570px)
{
    .core_border2
    {
        width: 65% !important;
        height: 315px !important;
        transform: translate(27%, -50%) rotate(55deg) !important;
    }
}

@media screen and (max-width: 470px)
{
    .core_border2
    {
        width: 66% !important;
        height: 239px !important;
        transform: translate(26%, -50%) rotate(55deg) !important;
    }
}

.core_inner_view
{
    position: absolute !important;
    width: 468px !important;
    height: 468px !important;
    border-radius: 500px !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    background-color: white !important;
    box-shadow: 0 0 30px 30px rgba(215, 203, 241, 0.9) !important;
}

@media screen and (max-width: 1150px)
{
    .core_inner_view
    {
        width: 368px !important;
        height: 368px !important;
    }
}

@media screen and (max-width: 700px)
{
    .core_inner_view
    {
        width: 268px !important;
        height: 268px !important;
    }
}

@media screen and (max-width: 570px)
{
    .core_inner_view
    {
        width: 220px !important;
        height: 220px !important;
    }
}

@media screen and (max-width: 470px)
{
    .core_inner_view
    {
        width: 180px !important;
        height: 180px !important;
    }
}

.core_inner_cont
{
    width: 70% !important;
    height: 70% !important;
    position: absolute !important;
    border-radius: 500px !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    background: radial-gradient(circle at 75% 50%, #b48fff 0%, #5e35b1 100%) !important;
    box-shadow: 0 0 50px rgba(142, 90, 247, 0.3) !important;
}

.core_inner_font_h2
{
    width: auto !important;
    height: auto !important;
    position: relative !important;
    display: block !important;
    color: rgba(199, 174, 225, 80%) !important;
    font-size: 26px !important;
    margin: 0 auto !important;
    text-align: center !important;
    font-weight: bold !important;
    padding-top: 100px !important;
}

@media screen and (max-width: 1150px)
{
    .core_inner_font_h2
    {
        font-size: 20px !important;
        padding-top: 80px !important;
    }
}

@media screen and (max-width: 700px)
{
    .core_inner_font_h2
    {
        font-size: 15px !important;
        padding-top: 63px !important;
    }
}

@media screen and (max-width: 570px)
{
    .core_inner_font_h2
    {
        font-size: 13px !important;
        padding-top: 52px !important;
    }
}

@media screen and (max-width: 470px)
{
    .core_inner_font_h2
    {
        font-size: 13px !important;
        padding-top: 37px !important;
    }
}

.core_inner_font_h3
{
    width: auto !important;
    height: auto !important;
    position: relative !important;
    display: block !important;
    color: #ffffff !important;
    font-size: 62px !important;
    margin: 0 auto !important;
    text-align: center !important;
    font-weight: bold !important;
}

@media screen and (max-width: 1150px)
{
    .core_inner_font_h3
    {
        font-size: 43px !important;
    }
}

@media screen and (max-width: 700px)
{
    .core_inner_font_h3
    {
        font-size: 27px !important;
    }
}

@media screen and (max-width: 570px)
{
    .core_inner_font_h3
    {
        font-size: 23px !important;
    }
}

@media screen and (max-width: 470px)
{
    .core_inner_font_h3
    {
        font-size: 21px !important;
    }
}

.core_diagram
{
    /* width: 400px !important; */
    height: auto !important;
}

.core_dot
{
    width: 18px !important;
    height: 18px !important;
    background-color: #7c43fe !important;
    border-radius: 50px !important;
}

@media screen and (max-width: 700px)
{
    .core_dot
    {
        width: 13px !important;
        height: 13px !important;
    }
}

@media screen and (max-width: 570px)
{
    .core_dot
    {
        width: 10px !important;
        height: 10px !important;
    }
}

.core_font
{
    font-size: 24px !important;
    font-weight: 500 !important;
    color: #7c43fe !important;
    padding-bottom: 10px !important;
}

.core_text1_view
{
}

@media screen and (max-width: 1150px)
{
    .core_text1_view
    {
        left: 186px !important;
        top: 42px !important;
        width: 88px !important;
    }
}

@media screen and (max-width: 700px)
{
    .core_text1_view
    {
        left: 153px !important;
        top: 54px !important;
        width: 78px !important;
    }
}

@media screen and (max-width: 570px)
{
    .core_text1_view
    {
        left: 114px !important;
        top: 28px !important;
        width: 69px !important;
    }
}

@media screen and (max-width: 470px)
{
    .core_text1_view
    {
        left: 70px !important;
        top: 12px !important;
        width: 59px !important;
    }
}

.core_text1_font
{
}

@media screen and (max-width: 1150px)
{
    .core_text1_font
    {
        font-size: 19px !important;
    }
}

@media screen and (max-width: 700px)
{
    .core_text1_font
    {
        font-size: 17px !important;
        padding-bottom: 5px !important;
    }
}

@media screen and (max-width: 570px)
{
    .core_text1_font
    {
        font-size: 15px !important;
        padding-bottom: 0px !important;
    }
}

@media screen and (max-width: 470px)
{
    .core_text1_font
    {
        font-size: 13px !important;
    }
}

.core_text2_view
{
}

@media screen and (max-width: 1150px)
{
    .core_text2_view
    {
        left: 439px !important;
        top: 42px !important;
        width: 109px !important;
    }
}

@media screen and (max-width: 700px)
{
    .core_text2_view
    {
        left: 360px !important;
        top: 50px !important;
        width: 109px !important;
    }
}

@media screen and (max-width: 570px)
{
    .core_text2_view
    {
        left: 290px !important;
        top: 33px !important;
        width: 109px !important;
    }
}

@media screen and (max-width: 470px)
{
    .core_text2_view
    {
        left: 210px !important;
        top: 13px !important;
        width: 95px !important;
    }
}

.core_text2_font
{
}

@media screen and (max-width: 1150px)
{
    .core_text2_font
    {
        font-size: 19px !important;
        padding-bottom: 5px !important;
    }
}

@media screen and (max-width: 700px)
{
    .core_text2_font
    {
        font-size: 17px !important;
    }
}

@media screen and (max-width: 570px)
{
    .core_text2_font
    {
        font-size: 15px !important;
        padding-bottom: 0px !important;
    }
}

@media screen and (max-width: 470px)
{
    .core_text2_font
    {
        font-size: 13px !important;
        padding-bottom: 0px !important;
		width: 78px !important;
    }
}

.core_text3_view
{
}

@media screen and (max-width: 1150px)
{
    .core_text3_view
    {
        left: 476px !important;
        top: 205px !important;
        width: 135px !important;
    }
}

@media screen and (max-width: 700px)
{
    .core_text3_view
    {
        left: 375px !important;
        top: 165px !important;
    }
}

@media screen and (max-width: 570px)
{
    .core_text3_view
    {
        left: 307px !important;
        top: 133px !important;
    }
}

@media screen and (max-width: 470px)
{
    .core_text3_view
    {
        left: 222px !important;
        top: 91px !important;
		width: 84px !important;
    }
}

.core_text3_font
{
}

@media screen and (max-width: 1150px)
{
    .core_text3_font
    {
        font-size: 19px !important;
    }
}

@media screen and (max-width: 700px)
{
    .core_text3_font
    {
        font-size: 17px !important;
    }
}

@media screen and (max-width: 570px)
{
    .core_text3_font
    {
        font-size: 15px !important;
        padding-left: 0px !important;
    }
}

@media screen and (max-width: 470px)
{
    .core_text3_font
    {
        font-size: 13px !important;
		width: 101px !important;
    }
}

.core_text4_view
{
}

@media screen and (max-width: 1150px)
{
    .core_text4_view
    {
        left: 277px !important;
        top: 367px !important;
        width: 135px !important;
    }
}

@media screen and (max-width: 700px)
{
    .core_text4_view
    {
        left: 221px !important;
        top: 283px !important;
        width: 135px !important;
    }
}

@media screen and (max-width: 570px)
{
    .core_text4_view
    {
        left: 171px !important;
        top: 231px !important;
        width: 135px !important;
    }
}

@media screen and (max-width: 470px)
{
    .core_text4_view
    {
        left: 121px !important;
        top: 155px !important;
        width: 135px !important;
    }
}

.core_text4_font
{
}

@media screen and (max-width: 1150px)
{
    .core_text4_font
    {
        font-size: 19px !important;
        padding-top: 10px !important;
    }
}

@media screen and (max-width: 700px)
{
    .core_text4_font
    {
        font-size: 17px !important;
        padding-top: 5px !important;
    }
}

@media screen and (max-width: 570px)
{
    .core_text4_font
    {
        font-size: 15px !important;
        padding-top: 0px !important;
    }
}

@media screen and (max-width: 470px)
{
    .core_text4_font
    {
        font-size: 13px !important;
    }
}

.core_text5_view
{
}

@media screen and (max-width: 1150px)
{
    .core_text5_view
    {
        left: 17px !important;
        top: 268px !important;
        width: 109px !important;
    }
    .core_text5_dot
    {
        width: 86px !important;
        padding-bottom: 10px !important;
    }
}

@media screen and (max-width: 700px)
{
    .core_text5_view
    {
        left: 10px !important;
        top: 207px !important;
        width: 109px !important;
    }
    .core_text5_dot
    {
        width: 78px !important;
        padding-bottom: 5px !important;
    }
}

@media screen and (max-width: 570px)
{
    .core_text5_view
    {
        left: -6px !important;
        top: 162px !important;
        width: 109px !important;
    }
    .core_text5_dot
    {
        width: 69px !important;
        padding-bottom: 5px !important;
    }
}

@media screen and (max-width: 470px)
{
    .core_text5_view
    {
        left: -21px !important;
        top: 103px !important;
        width: 109px !important;
    }
    .core_text5_dot
    {
        width: 59px !important;
    }
}

.core_text5_font
{
}

@media screen and (max-width: 1150px)
{
    .core_text5_font
    {
        font-size: 19px !important;
        padding-top: 10px !important;
    }
}

@media screen and (max-width: 700px)
{
    .core_text5_font
    {
        font-size: 17px !important;
        padding-top: 5px !important;
    }
}

@media screen and (max-width: 570px)
{
    .core_text5_font
    {
        font-size: 15px !important;
        padding-top: 0px !important;
    }
}

@media screen and (max-width: 470px)
{
    .core_text5_font
    {
        font-size: 13px !important;
    }
}

.core_text6_view
{
}

@media screen and (max-width: 1150px)
{
    .core_text6_view
    {
        left: -50px !important;
        top: 59px !important;
        width: 124px !important;
    }
}

@media screen and (max-width: 700px)
{
    .core_text6_view
    {
        left: -38px !important;
        top: 37px !important;
        width: 113px !important;
    }
}

@media screen and (max-width: 570px)
{
    .core_text6_view
    {
        left: -49px !important;
        top: 17px !important;
        width: 94px !important;
    }
}

@media screen and (max-width: 470px)
{
    .core_text6_view
    {
        left: -51px !important;
        top: -7px !important;
        width: 80px !important;
    }
}

.core_text6_font
{
}

@media screen and (max-width: 1150px)
{
    .core_text6_font
    {
        font-size: 19px !important;
    }
}

@media screen and (max-width: 700px)
{
    .core_text6_font
    {
        font-size: 17px !important;
    }
}

@media screen and (max-width: 570px)
{
    .core_text6_font
    {
        font-size: 15px !important;
        margin-right: 0px !important;
    }
}

@media screen and (max-width: 470px)
{
    .core_text6_font
    {
        font-size: 13px !important;
    }
}

.dot_view
{
}

@media screen and (max-width: 470px)
{
    .dot_view
    {
        height: 11px !important;
    }
}

.application_h1
{
	position: relative !important;
	display: block !important;
	width: 100% !important;
	height: auto !important;
	font-size: 24px !important;
	text-align: left !important;
	font-weight: bold !important;
	color: #7c44fe !important;
	padding: 40px 2vw !important;
}

@media screen and (max-width: 1024px)
{
    .application_h1
    {
        font-size: 20px !important;
    }
}

@media screen and (max-width: 1075px)
{
    .application_h1{
        padding: 20px 2vw !important;
    }
}

@media screen and (max-width: 500px)
{
    .application_h1
    {
        font-size: 16px !important;
    }
}

.application_bg
{
	width: 100% !important;
	height: auto !important;
	min-height: 100px !important;
}

.application_h2
{
	position: relative !important;
	display: block !important;
	width: 100% !important;
	height: auto !important;
	font-size: 54px !important;
	font-weight: bold !important;
	padding-bottom: 50px !important;
    padding-left: 2vw !important;
}

@media screen and (max-width: 1024px)
{
	.application_h2
	{
		font-size: 36px !important;
		padding-bottom: 20px !important;
        padding-left: 2vw !important;
	}
}

@media screen and (max-width: 500px)
{
	.application_h2
	{
		font-size: 24px !important;
	}
}

.application_list_item
{
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	width: 100% !important;
	height: auto !important;
	min-height: 10px !important;
	border-bottom: 1px solid #eeeeee !important;
	padding: 15px 0 15px 0 !important;
    cursor: pointer !important;
}

.application_last_item
{
	border-bottom: none !important;
}

@media screen and (max-width: 500px)
{
}

/* @media screen and (max-width: 1074px)
{
	.application_list_item
	{
		padding: 15px 0 10px 0 !important;
	}
} */

.application_icon
{
	width: 70px !important;
	height: 64px !important;
	position: relative !important;
	display: block !important;
	background-size: contain !important;
	transition: all 0.2s ease !important;
    background-position: center !important;
}

@media screen and (max-width: 1024px)
{
	.application_icon
	{
		width: 60px !important;
		height: 50px !important;
	}
}

@media screen and (max-width: 750px)
{
	.application_icon
	{
		width: 55px !important;
		height: 55px !important;
	}
}

.application_text_view
{
	position: relative !important;
	display: flex !important;
	flex-direction: column !important;
	width: 100% !important;
	height: auto !important;
	justify-content: center !important;
	min-height: 10px !important;
	padding: 0 35px !important;
}

@media screen and (max-width: 1024px)
{
	.application_text_view
	{
		padding: 0 15px !important;
	}
}

/* @media screen and (max-width: 750px)
{
	.application_text_view
	{
		padding-left: 15px !important;
	}
} */

.appication_list_move
{
    background-image: none !important;
	width: 73px !important;
	height: 67px !important;
}

.appication_list_move::after {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 17px !important;
    height: 17px !important;
    border-right: 3px solid #333 !important;
    border-bottom: 3px solid #333 !important;
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    transition: all 0.3s ease !important;
}

.appication_list_move.show_arrow::before {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 44% !important;
    width: 30px !important;
    height: 3px !important;
    background-color: #333 !important;
    transform: translate(-50%, -50%) !important;
    animation: slideIn 0.5s ease !important;
}

@media screen and (max-width: 1024px)
{
	.appication_list_move
	{
		height: 52px !important;
	}
}

@media screen and (max-width: 750px)
{
	.appication_list_move
	{
		width: 31px !important;
		height: 35px !important;
	}
}

@media screen and (max-width: 678px)
{
	.appication_list_move.show_arrow::before {
        left: 41% !important;
        width: 20px !important;
        height: 2px !important;
    }

    .appication_list_move::after {
        width: 10px !important;
        height: 10px !important;
        border-right: 2px solid #333 !important;
        border-bottom: 2px solid #333 !important;
    }
}

.application_text_h2
{
	position: relative !important;
	display: block !important;
	width: 100% !important;
	height: auto !important;
	font-size: 32px !important;
	font-weight: bold !important;
	transition: color 0.3s ease !important;  
}

@media screen and (max-width: 1024px)
{
	.application_text_h2
	{
		font-size: 24px !important;
	}
}

@media screen and (max-width: 750px)
{
	.application_text_h2
	{
		font-size: 22px !important;
		margin-bottom: 3px !important;
	}
}

@media screen and (max-width: 500px)
{
	.application_text_h2
	{
		font-size: 16px !important;
		margin-bottom: 3px !important;
	}
}

.application_text_h3
{
	position: relative !important;
	display: block !important;
	font-size: 24px !important;
	width: 100% !important;
	height: auto !important;
	color: #666666 !important;
}

@media screen and (max-width: 1074px)
{
	.application_text_h3
	{
		font-size: 18px !important;
	}
}

@media screen and (max-width: 750px)
{
	.application_text_h3
	{
		font-size: 17px !important;
	}
}

@media screen and (max-width: 500px)
{
	.application_text_h3
	{
		font-size: 13px !important;
	}
}

.application_list_item_view
{
    width: 100% !important;
    height: auto !important;
    padding: 0 2vw !important;
    background-color: inherit !important;
}

.application_list_item_view:hover .application_icon {
    transform: scale(1.2) !important;
}

.application_list_item_view:hover .hansarang .application_text_h2
{
    color: #2792EF !important;
}
.application_list_item_view:hover .kiwoom .application_text_h2
{
    color: #1A6ACD !important;
}
.application_list_item_view:hover .sinyoung .application_text_h2
{
    color: #7BAF40 !important;
}
.application_list_item_view:hover .jasan .application_text_h2
{
    color: #32BD3D !important;
}
.application_list_item_view:hover .moja .application_text_h2
{
    color: #731BEC !important;
}
.application_list_item_view:hover .rms .application_text_h2
{
    color: #5E66D4 !important;
}
.application_list_item_view:hover .resse .application_text_h2
{
    color: #F13C78 !important;
}
.application_list_item_view:hover .ultima .application_text_h2
{
    color: #FF7B19 !important;
}
.application_list_item_view:hover .yobia .application_text_h2
{
    color: #2F2E2C !important;
}
.application_list_item_view:hover .virgo .application_text_h2
{
    color: #91465B !important;
}

.application_list_item_view.actionDown {
    background-color: #DEDEDE !important;
    border-radius: 15px !important;
}
.application_list_item_view.actionUp {
    background-color: #EEEEEE !important;
    border-radius: 15px !important;
}