/*----------------------------------------------------
 reset
----------------------------------------------------*/
/* A Modern CSS Reset */

*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}ul[role="list"],ol[role="list"]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}

/*----------------------------------------------------
 root
----------------------------------------------------*/
:root {
	--link-color: #0E61CD;
	--link-hover-color: #349bf4;
	--main-color: #5C287D;
	--text-color: #333;
	--bg-color-white: #FFF;
	--bg-color-glay: #ececec;
	--bg-color-light-glay: #F3F3F3;
	--bg-color-yellow: #F8F6E6;
	--bg-color-green: #f5eafb;
	--color-orange: #FF9100;
	--color-red: #D80C18;
	--color-green: #0F8F3E;
	--color-purple: #251042;
	--color-glay: #CCC;
	--color-dark-glay: #707070;
	--03px:0.1875rem;
	--05px:0.3125rem;
	--08px:0.5rem;
	--10px:0.625rem;
	--12px: 0.75rem;
	--14px: 0.875rem;
	--15px: 0.9375rem;
	--16px: 1rem;
	--18px: 1.125rem;
	--20px: 1.25rem;
	--22px: 1.375rem;
	--24px: 1.5rem;
	--26px: 1.625rem;
	--28px: 1.75rem;
	--30px: 1.875rem;
	--35px: 2.1875rem;
	--40px: 2.5rem;
	--45px: 2.8125rem;
	--50px: 3.125rem;
	--55px: 3.4375rem;
	--60px: 3.75rem;
}